-
-
Page links
+
+
+
+
+
+
+ Page links
-
-
-
-
-
Click events
+
+
+ Click events
Send event
@@ -184,21 +178,17 @@ export function TestConsole({ websiteId }: { websiteId?: string }) {
data-umami-event-id="123"
variant="primary"
>
- Button with div
+ Button with div
-
- DIV with attribute
-
-
-
-
- Nested DIV
-
+
DIV with attribute
+
-
-
-
Javascript events
+
+
+ Javascript events
Run script
@@ -208,14 +198,16 @@ export function TestConsole({ websiteId }: { websiteId?: string }) {
Revenue script
-
-
- )}
-
+
+
+
+
Pageviews
+
+
Events
+
+
+
+
);
}
-
-export default TestConsole;
diff --git a/src/app/(main)/console/[[...websiteId]]/page.tsx b/src/app/(main)/console/[websiteId]/page.tsx
similarity index 71%
rename from src/app/(main)/console/[[...websiteId]]/page.tsx
rename to src/app/(main)/console/[websiteId]/page.tsx
index 6c504f1e6..28b816152 100644
--- a/src/app/(main)/console/[[...websiteId]]/page.tsx
+++ b/src/app/(main)/console/[websiteId]/page.tsx
@@ -1,5 +1,5 @@
-import { Metadata } from 'next';
-import TestConsole from '../TestConsole';
+import type { Metadata } from 'next';
+import { TestConsolePage } from './TestConsolePage';
async function getEnabled() {
return !!process.env.ENABLE_TEST_CONSOLE;
@@ -14,7 +14,7 @@ export default async function ({ params }: { params: Promise<{ websiteId: string
return null;
}
- return
;
+ return
;
}
export const metadata: Metadata = {
diff --git a/src/app/(main)/dashboard/DashboardEdit.module.css b/src/app/(main)/dashboard/DashboardEdit.module.css
deleted file mode 100644
index 19266d17a..000000000
--- a/src/app/(main)/dashboard/DashboardEdit.module.css
+++ /dev/null
@@ -1,57 +0,0 @@
-.buttons {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- gap: 10px;
-}
-
-.item {
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- padding: 20px;
- border-radius: 5px;
- border: 1px solid var(--base400);
- background: var(--base50);
- margin-bottom: 10px;
-}
-
-.text {
- position: relative;
-}
-
-.name {
- font-weight: 600;
- font-size: 16px;
-}
-
-.domain {
- font-size: 14px;
- color: var(--base700);
-}
-
-.dragActive {
- cursor: grab;
-}
-
-.dragActive:active {
- cursor: grabbing;
-}
-
-.header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin-bottom: 20px;
- gap: 20px;
-}
-
-.search {
- max-width: 360px;
-}
-
-.active {
- border-color: var(--base600);
- box-shadow: 4px 4px 4px var(--base100);
-}
diff --git a/src/app/(main)/dashboard/DashboardEdit.tsx b/src/app/(main)/dashboard/DashboardEdit.tsx
deleted file mode 100644
index d15ae1977..000000000
--- a/src/app/(main)/dashboard/DashboardEdit.tsx
+++ /dev/null
@@ -1,160 +0,0 @@
-import { useState, useMemo, useEffect } from 'react';
-import { DragDropContext, Draggable, Droppable } from '@hello-pangea/dnd';
-import classNames from 'classnames';
-import { Button, Loading, Toggle, SearchField } from 'react-basics';
-import { firstBy } from 'thenby';
-import useDashboard, { saveDashboard } from '@/store/dashboard';
-import { useMessages, useWebsites } from '@/components/hooks';
-import styles from './DashboardEdit.module.css';
-
-const DRAG_ID = 'dashboard-website-ordering';
-
-export function DashboardEdit({ teamId }: { teamId: string }) {
- const settings = useDashboard();
- const { websiteOrder, websiteActive, isEdited } = settings;
- const { formatMessage, labels } = useMessages();
- const [order, setOrder] = useState(websiteOrder || []);
- const [active, setActive] = useState(websiteActive || []);
- const [edited, setEdited] = useState(isEdited);
- const [websites, setWebsites] = useState([]);
- const [search, setSearch] = useState('');
-
- const {
- result,
- query: { isLoading },
- setParams,
- } = useWebsites({ teamId });
-
- useEffect(() => {
- if (result?.data) {
- setWebsites(prevWebsites => {
- const newWebsites = [...prevWebsites, ...result.data];
- if (newWebsites.length < result.count) {
- setParams(prevParams => ({ ...prevParams, page: prevParams.page + 1 }));
- }
- return newWebsites;
- });
- }
- }, [result]);
-
- const ordered = useMemo(() => {
- if (websites) {
- return websites
- .map((website: { id: any; name: string; domain: string }) => ({
- ...website,
- order: order.indexOf(website.id),
- }))
- .sort(firstBy('order'));
- }
- return [];
- }, [websites, order]);
-
- function handleWebsiteDrag({ destination, source }) {
- if (!destination || destination.index === source.index) return;
-
- const orderedWebsites = [...ordered];
- const [removed] = orderedWebsites.splice(source.index, 1);
- orderedWebsites.splice(destination.index, 0, removed);
-
- setOrder(orderedWebsites.map(website => website?.id || 0));
- setEdited(true);
- }
-
- function handleActiveWebsites(id: string) {
- setActive(prevActive =>
- prevActive.includes(id) ? prevActive.filter(a => a !== id) : [...prevActive, id],
- );
- setEdited(true);
- }
-
- function handleSave() {
- saveDashboard({
- editing: false,
- isEdited: edited,
- websiteOrder: order,
- websiteActive: active,
- });
- }
-
- function handleCancel() {
- saveDashboard({ editing: false, websiteOrder, websiteActive, isEdited });
- }
-
- function handleReset() {
- setOrder([]);
- setActive([]);
- setEdited(false);
- }
-
- if (isLoading) {
- return
;
- }
-
- return (
- <>
-
-
-
-
- {formatMessage(labels.save)}
-
-
- {formatMessage(labels.cancel)}
-
-
- {formatMessage(labels.reset)}
-
-
-
-
-
-
- {(provided, snapshot) => (
-
- {ordered.map(({ id, name, domain }, index) => {
- if (
- search &&
- !`${name.toLowerCase()}${domain.toLowerCase()}`.includes(search.toLowerCase())
- ) {
- return null;
- }
-
- return (
-
- {(provided, snapshot) => (
-
-
-
handleActiveWebsites(id)}
- />
-
- );
- })}
- {provided.placeholder}
-
-
-
-
- );
-}
-
-export default DashboardEdit;
diff --git a/src/app/(main)/dashboard/DashboardEditHeader.tsx b/src/app/(main)/dashboard/DashboardEditHeader.tsx
new file mode 100644
index 000000000..a450c85ca
--- /dev/null
+++ b/src/app/(main)/dashboard/DashboardEditHeader.tsx
@@ -0,0 +1,27 @@
+import { Button, LoadingButton, Row } from '@umami/react-zen';
+import { PageHeader } from '@/components/common/PageHeader';
+import { useBoard, useMessages, useNavigation } from '@/components/hooks';
+
+export function DashboardEditHeader() {
+ const { saveBoard, isPending } = useBoard();
+ const { t, labels } = useMessages();
+ const { router, renderUrl } = useNavigation();
+
+ const handleSave = async () => {
+ await saveBoard();
+ router.push(renderUrl('/dashboard', false));
+ };
+
+ return (
+
+
+ router.push(renderUrl('/dashboard', false))}>
+ {t(labels.cancel)}
+
+
+ {t(labels.save)}
+
+
+
+ );
+}
diff --git a/src/app/(main)/dashboard/DashboardEditPage.tsx b/src/app/(main)/dashboard/DashboardEditPage.tsx
new file mode 100644
index 000000000..46a7853f3
--- /dev/null
+++ b/src/app/(main)/dashboard/DashboardEditPage.tsx
@@ -0,0 +1,35 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { useEffect } from 'react';
+import { BoardControls } from '@/app/(main)/boards/[boardId]/BoardControls';
+import { BoardEditBody } from '@/app/(main)/boards/[boardId]/BoardEditBody';
+import { PageBody } from '@/components/common/PageBody';
+import { useNavigation } from '@/components/hooks';
+import { DashboardEditHeader } from './DashboardEditHeader';
+import { DashboardProvider } from './DashboardProvider';
+
+export function DashboardEditPage() {
+ const { teamId, router } = useNavigation();
+
+ useEffect(() => {
+ if (teamId) {
+ router.replace('/dashboard/edit');
+ }
+ }, [teamId, router]);
+
+ if (teamId) {
+ return null;
+ }
+
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/dashboard/DashboardPage.tsx b/src/app/(main)/dashboard/DashboardPage.tsx
deleted file mode 100644
index 83b27e095..000000000
--- a/src/app/(main)/dashboard/DashboardPage.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-'use client';
-import { Icon, Icons, Loading, Text } from 'react-basics';
-import PageHeader from '@/components/layout/PageHeader';
-import Pager from '@/components/common/Pager';
-import WebsiteChartList from '../websites/[websiteId]/WebsiteChartList';
-import DashboardSettingsButton from '@/app/(main)/dashboard/DashboardSettingsButton';
-import DashboardEdit from '@/app/(main)/dashboard/DashboardEdit';
-import EmptyPlaceholder from '@/components/common/EmptyPlaceholder';
-import { useMessages, useLocale, useTeamUrl, useWebsites } from '@/components/hooks';
-import useDashboard from '@/store/dashboard';
-import LinkButton from '@/components/common/LinkButton';
-
-export function DashboardPage() {
- const { formatMessage, labels, messages } = useMessages();
- const { teamId, renderTeamUrl } = useTeamUrl();
- const { showCharts, editing, isEdited } = useDashboard();
- const { dir } = useLocale();
- const pageSize = isEdited ? 200 : 10;
-
- const { result, query, params, setParams } = useWebsites({ teamId }, { pageSize });
- const { page } = params;
- const hasData = !!result?.data?.length;
-
- const handlePageChange = (page: number) => {
- setParams({ ...params, page });
- };
-
- if (query.isLoading) {
- return
;
- }
-
- return (
-
-
- {!editing && hasData &&
- {!hasData && (
-
-
-
-
- {formatMessage(messages.goToSettings)}
-
-
- )}
- {hasData && (
- <>
- {editing &&
- );
-}
-
-export default DashboardPage;
diff --git a/src/app/(main)/dashboard/DashboardProvider.tsx b/src/app/(main)/dashboard/DashboardProvider.tsx
new file mode 100644
index 000000000..8d8ffb721
--- /dev/null
+++ b/src/app/(main)/dashboard/DashboardProvider.tsx
@@ -0,0 +1,113 @@
+'use client';
+import { Loading, useToast } from '@umami/react-zen';
+import { type ReactNode, useCallback, useEffect, useRef, useState } from 'react';
+import { v4 as uuid } from 'uuid';
+import { BoardContext, type LayoutGetter } from '@/app/(main)/boards/BoardProvider';
+import { getComponentDefinition } from '@/app/(main)/boards/boardComponentRegistry';
+import { useApi, useDashboardQuery, useMessages, useModified } from '@/components/hooks';
+import { BOARD_TYPES } from '@/lib/boards';
+import type { Board, BoardParameters } from '@/lib/types';
+
+const createDefaultBoard = (): Partial
=> ({
+ type: BOARD_TYPES.dashboard,
+ name: '',
+ description: '',
+ parameters: {
+ rows: [{ id: uuid(), columns: [{ id: uuid(), component: null }] }],
+ },
+});
+
+function sanitizeBoardParameters(parameters?: BoardParameters): BoardParameters | undefined {
+ if (!parameters?.rows) {
+ return parameters;
+ }
+
+ return {
+ ...parameters,
+ rows: parameters.rows.map(row => ({
+ ...row,
+ columns: row.columns.map(column => {
+ if (column.component && !getComponentDefinition(column.component.type)) {
+ return {
+ ...column,
+ component: null,
+ };
+ }
+
+ return column;
+ }),
+ })),
+ };
+}
+
+export function DashboardProvider({
+ editing = false,
+ children,
+}: {
+ editing?: boolean;
+ children: ReactNode;
+}) {
+ const { data, isFetching, isLoading } = useDashboardQuery();
+ const { post, useMutation } = useApi();
+ const { touch } = useModified();
+ const { toast } = useToast();
+ const { t, labels, messages } = useMessages();
+ const [board, setBoard] = useState>(data ?? createDefaultBoard());
+ const layoutGetterRef = useRef(null);
+
+ const registerLayoutGetter = useCallback((getter: LayoutGetter) => {
+ layoutGetterRef.current = getter;
+ }, []);
+
+ useEffect(() => {
+ if (data) {
+ setBoard({
+ ...data,
+ parameters: sanitizeBoardParameters(data.parameters),
+ });
+ }
+ }, [data]);
+
+ const { mutateAsync, isPending } = useMutation({
+ mutationFn: (boardData: Partial) => {
+ return post('/dashboard', boardData);
+ },
+ });
+
+ const updateBoard = useCallback((data: Partial) => {
+ setBoard(current => ({ ...current, ...data }));
+ }, []);
+
+ const saveBoard = useCallback(async () => {
+ const dashboardName = t(labels.dashboard);
+ const layoutData = layoutGetterRef.current?.();
+ const parameters = sanitizeBoardParameters(
+ layoutData ? { ...board.parameters, ...layoutData } : board.parameters,
+ );
+
+ const result = await mutateAsync({
+ ...board,
+ name: dashboardName,
+ description: '',
+ parameters,
+ });
+
+ toast(t(messages.saved));
+ touch('dashboard');
+ touch('boards');
+
+ return result;
+ }, [board, labels.dashboard, messages.saved, mutateAsync, t, toast, touch]);
+
+ if (isFetching && isLoading) {
+ return
+ {children}
+
+ );
+}
diff --git a/src/app/(main)/dashboard/DashboardSettingsButton.module.css b/src/app/(main)/dashboard/DashboardSettingsButton.module.css
deleted file mode 100644
index 6e0d19c23..000000000
--- a/src/app/(main)/dashboard/DashboardSettingsButton.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.buttonGroup {
- display: flex;
- place-items: center;
- gap: 10px;
-}
diff --git a/src/app/(main)/dashboard/DashboardSettingsButton.tsx b/src/app/(main)/dashboard/DashboardSettingsButton.tsx
deleted file mode 100644
index 1c473a220..000000000
--- a/src/app/(main)/dashboard/DashboardSettingsButton.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { TooltipPopup, Icon, Text, Flexbox, Button } from 'react-basics';
-import Icons from '@/components/icons';
-import { saveDashboard } from '@/store/dashboard';
-import { useMessages } from '@/components/hooks';
-
-export function DashboardSettingsButton() {
- const { formatMessage, labels } = useMessages();
-
- const handleToggleCharts = () => {
- saveDashboard(state => ({ showCharts: !state.showCharts }));
- };
-
- const handleEdit = () => {
- saveDashboard({ editing: true });
- };
-
- return (
-
-
-
-
-
-
-
-
-
-
- {formatMessage(labels.edit)}
-
-
- );
-}
-
-export default DashboardSettingsButton;
diff --git a/src/app/(main)/dashboard/DashboardViewHeader.tsx b/src/app/(main)/dashboard/DashboardViewHeader.tsx
new file mode 100644
index 000000000..e4328fce8
--- /dev/null
+++ b/src/app/(main)/dashboard/DashboardViewHeader.tsx
@@ -0,0 +1,18 @@
+import { IconLabel } from '@/components/common/IconLabel';
+import { LinkButton } from '@/components/common/LinkButton';
+import { PageHeader } from '@/components/common/PageHeader';
+import { useMessages, useNavigation } from '@/components/hooks';
+import { LayoutDashboard } from '@/components/icons';
+
+export function DashboardViewHeader() {
+ const { t, labels } = useMessages();
+ const { renderUrl } = useNavigation();
+
+ return (
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/dashboard/DashboardViewPage.tsx b/src/app/(main)/dashboard/DashboardViewPage.tsx
new file mode 100644
index 000000000..d84154ab9
--- /dev/null
+++ b/src/app/(main)/dashboard/DashboardViewPage.tsx
@@ -0,0 +1,49 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { useEffect } from 'react';
+import { BoardControls } from '@/app/(main)/boards/[boardId]/BoardControls';
+import { BoardViewBody } from '@/app/(main)/boards/[boardId]/BoardViewBody';
+import { Empty } from '@/components/common/Empty';
+import { PageBody } from '@/components/common/PageBody';
+import { useBoard, useMessages, useNavigation } from '@/components/hooks';
+import { DashboardProvider } from './DashboardProvider';
+import { DashboardViewHeader } from './DashboardViewHeader';
+
+function DashboardContent() {
+ const { board } = useBoard();
+ const { t, messages } = useMessages();
+ const rows = board?.parameters?.rows ?? [];
+ const hasComponents = rows.some(row => row.columns?.some(column => !!column.component));
+
+ if (!hasComponents) {
+ return
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/dashboard/edit/page.tsx b/src/app/(main)/dashboard/edit/page.tsx
new file mode 100644
index 000000000..bda115a92
--- /dev/null
+++ b/src/app/(main)/dashboard/edit/page.tsx
@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+import { DashboardEditPage } from '../DashboardEditPage';
+
+export default function () {
+ return
-
-
-
-
-
-
+
+ {children}
+
);
}
diff --git a/src/app/(main)/links/LinkAddButton.tsx b/src/app/(main)/links/LinkAddButton.tsx
new file mode 100644
index 000000000..f7f89b81a
--- /dev/null
+++ b/src/app/(main)/links/LinkAddButton.tsx
@@ -0,0 +1,14 @@
+import { useMessages } from '@/components/hooks';
+import { Plus } from '@/components/icons';
+import { DialogButton } from '@/components/input/DialogButton';
+import { LinkEditForm } from './LinkEditForm';
+
+export function LinkAddButton({ teamId }: { teamId?: string }) {
+ const { t, labels } = useMessages();
+
+ return (
+ {chunks} ,
+ })}
+ isLoading={isPending}
+ error={getErrorMessage(error)}
+ onConfirm={handleConfirm.bind(null, close)}
+ onClose={close}
+ buttonLabel={t(labels.delete)}
+ buttonVariant="danger"
+ />
+ )}
+
+ );
+}
diff --git a/src/app/(main)/links/LinkEditButton.tsx b/src/app/(main)/links/LinkEditButton.tsx
new file mode 100644
index 000000000..44598a5db
--- /dev/null
+++ b/src/app/(main)/links/LinkEditButton.tsx
@@ -0,0 +1,23 @@
+import { Icon } from '@umami/react-zen';
+import { LinkButton } from '@/components/common/LinkButton';
+import { useNavigation } from '@/components/hooks';
+import { useMessages } from '@/components/hooks';
+import { Edit } from '@/components/icons';
+
+export function LinkEditButton({ linkId }: { linkId: string }) {
+ const { t, labels } = useMessages();
+ const { renderUrl } = useNavigation();
+
+ return (
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/links/LinkEditForm.tsx b/src/app/(main)/links/LinkEditForm.tsx
new file mode 100644
index 000000000..8b8f476be
--- /dev/null
+++ b/src/app/(main)/links/LinkEditForm.tsx
@@ -0,0 +1,154 @@
+import {
+ Button,
+ Column,
+ Form,
+ FormField,
+ FormSubmitButton,
+ Grid,
+ Icon,
+ Label,
+ Loading,
+ Row,
+ TextField,
+} from '@umami/react-zen';
+import { useState } from 'react';
+import { useConfig, useLinkQuery, useMessages } from '@/components/hooks';
+import { useUpdateQuery } from '@/components/hooks/queries/useUpdateQuery';
+import { RefreshCw } from '@/components/icons';
+import { LINKS_URL } from '@/lib/constants';
+import { getRandomChars } from '@/lib/generate';
+import { isValidUrl } from '@/lib/url';
+
+const generateId = () => getRandomChars(9);
+
+export function LinkEditForm({
+ linkId,
+ teamId,
+ onSave,
+ onClose,
+}: {
+ linkId?: string;
+ teamId?: string;
+ onSave?: () => void;
+ onClose?: () => void;
+}) {
+ const { t, labels, messages, getErrorMessage } = useMessages();
+ const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(
+ linkId ? `/links/${linkId}` : '/links',
+ {
+ id: linkId,
+ teamId,
+ },
+ );
+ const config = useConfig();
+ const cloudMode = config?.cloudMode;
+ const linksUrl = config?.linksUrl;
+ const hostUrl = linksUrl || LINKS_URL;
+ const { data, isLoading } = useLinkQuery(linkId);
+ const [defaultSlug] = useState(generateId());
+
+ const handleSubmit = async (data: any) => {
+ await mutateAsync(data, {
+ onSuccess: async () => {
+ toast(t(messages.saved));
+ touch('links');
+ touch(`link:${linkId}`);
+ onSave?.();
+ onClose?.();
+ },
+ });
+ };
+
+ const checkUrl = (url: string) => {
+ if (!isValidUrl(url)) {
+ return t(labels.invalidUrl);
+ }
+ return true;
+ };
+
+ if (linkId && isLoading) {
+ return {children} ;
+}
diff --git a/src/app/(main)/links/LinksDataTable.tsx b/src/app/(main)/links/LinksDataTable.tsx
new file mode 100644
index 000000000..87da5984c
--- /dev/null
+++ b/src/app/(main)/links/LinksDataTable.tsx
@@ -0,0 +1,14 @@
+import { DataGrid } from '@/components/common/DataGrid';
+import { useLinksQuery, useNavigation } from '@/components/hooks';
+import { LinksTable } from './LinksTable';
+
+export function LinksDataTable({ showActions = false }: { showActions?: boolean }) {
+ const { teamId } = useNavigation();
+ const query = useLinksQuery({ teamId });
+
+ return (
+
+ {({ data }) =>
+ );
+}
diff --git a/src/app/(main)/links/LinksPage.tsx b/src/app/(main)/links/LinksPage.tsx
new file mode 100644
index 000000000..a82ce6da3
--- /dev/null
+++ b/src/app/(main)/links/LinksPage.tsx
@@ -0,0 +1,35 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { LinksDataTable } from '@/app/(main)/links/LinksDataTable';
+import { PageBody } from '@/components/common/PageBody';
+import { PageHeader } from '@/components/common/PageHeader';
+import { Panel } from '@/components/common/Panel';
+import { useLoginQuery, useMessages, useNavigation, useTeamMembersQuery } from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
+import { LinkAddButton } from './LinkAddButton';
+
+export function LinksPage() {
+ const { user } = useLoginQuery();
+ const { t, labels } = useMessages();
+ const { teamId } = useNavigation();
+ const { data } = useTeamMembersQuery(teamId);
+
+ const showActions =
+ (teamId &&
+ data?.data.filter(team => team.userId === user.id && team.role !== ROLES.teamViewOnly)
+ .length > 0) ||
+ (!teamId && user.role !== ROLES.viewOnly);
+
+ return (
+
+
+
+ {showActions &&
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/links/LinksTable.tsx b/src/app/(main)/links/LinksTable.tsx
new file mode 100644
index 000000000..76fcc6df0
--- /dev/null
+++ b/src/app/(main)/links/LinksTable.tsx
@@ -0,0 +1,57 @@
+import { DataColumn, DataTable, type DataTableProps, Row } from '@umami/react-zen';
+import Link from 'next/link';
+import { DateDistance } from '@/components/common/DateDistance';
+import { ExternalLink } from '@/components/common/ExternalLink';
+import { useMessages, useNavigation, useSlug } from '@/components/hooks';
+import { LinkDeleteButton } from './LinkDeleteButton';
+import { LinkEditButton } from './LinkEditButton';
+
+export interface LinksTableProps extends DataTableProps {
+ showActions?: boolean;
+}
+
+export function LinksTable({ showActions, ...props }: LinksTableProps) {
+ const { t, labels } = useMessages();
+ const { websiteId, renderUrl } = useNavigation();
+ const { getSlugUrl } = useSlug('link');
+
+ return (
+
+
+ {({ id, name }: any) => {
+ return
+
+ {({ slug }: any) => {
+ const url = getSlugUrl(slug);
+ return (
+
+ {url}
+
+ );
+ }}
+
+
+ {({ url }: any) => {
+ return {url} ;
+ }}
+
+
+ {(row: any) =>
+ {showActions && (
+
+ {({ id, name }: any) => {
+ return (
+
+
+ );
+ }}
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/links/[linkId]/LinkControls.tsx b/src/app/(main)/links/[linkId]/LinkControls.tsx
new file mode 100644
index 000000000..1d1147a82
--- /dev/null
+++ b/src/app/(main)/links/[linkId]/LinkControls.tsx
@@ -0,0 +1,32 @@
+import { Column, Row } from '@umami/react-zen';
+import { ExportButton } from '@/components/input/ExportButton';
+import { FilterBar } from '@/components/input/FilterBar';
+import { MonthFilter } from '@/components/input/MonthFilter';
+import { WebsiteDateFilter } from '@/components/input/WebsiteDateFilter';
+import { WebsiteFilterButton } from '@/components/input/WebsiteFilterButton';
+
+export function LinkControls({
+ linkId: websiteId,
+ allowFilter = true,
+ allowDateFilter = true,
+ allowMonthFilter,
+ allowDownload = false,
+}: {
+ linkId: string;
+ allowFilter?: boolean;
+ allowDateFilter?: boolean;
+ allowMonthFilter?: boolean;
+ allowDownload?: boolean;
+}) {
+ return (
+
+
+ {allowFilter ?
}
+ {allowDateFilter &&
+ {allowFilter &&
+ );
+}
diff --git a/src/app/(main)/links/[linkId]/LinkHeader.tsx b/src/app/(main)/links/[linkId]/LinkHeader.tsx
new file mode 100644
index 000000000..ee145963d
--- /dev/null
+++ b/src/app/(main)/links/[linkId]/LinkHeader.tsx
@@ -0,0 +1,33 @@
+import { Row } from '@umami/react-zen';
+import { IconLabel } from '@/components/common/IconLabel';
+import { LinkButton } from '@/components/common/LinkButton';
+import { PageHeader } from '@/components/common/PageHeader';
+import { useLink, useMessages, useNavigation, useSlug } from '@/components/hooks';
+import { Edit, ExternalLink, Link } from '@/components/icons';
+
+export function LinkHeader({ showActions = true }: { showActions?: boolean }) {
+ const link = useLink();
+
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/links/[linkId]/LinkMetricsBar.tsx b/src/app/(main)/links/[linkId]/LinkMetricsBar.tsx
new file mode 100644
index 000000000..e8c946bfe
--- /dev/null
+++ b/src/app/(main)/links/[linkId]/LinkMetricsBar.tsx
@@ -0,0 +1,70 @@
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { useDateRange, useMessages } from '@/components/hooks';
+import { useWebsiteStatsQuery } from '@/components/hooks/queries/useWebsiteStatsQuery';
+import { MetricCard } from '@/components/metrics/MetricCard';
+import { MetricsBar } from '@/components/metrics/MetricsBar';
+import { formatLongNumber } from '@/lib/format';
+
+export function LinkMetricsBar({
+ linkId,
+}: {
+ linkId: string;
+ showChange?: boolean;
+ compareMode?: boolean;
+}) {
+ const { isAllTime } = useDateRange();
+ const { t, labels } = useMessages();
+ const { data, isLoading, isFetching, error } = useWebsiteStatsQuery({ websiteId: linkId });
+
+ const { pageviews, visitors, visits, comparison } = data || {};
+
+ const metrics = data
+ ? [
+ {
+ value: visitors,
+ label: t(labels.visitors),
+ change: visitors - comparison.visitors,
+ formatValue: formatLongNumber,
+ },
+ {
+ value: visits,
+ label: t(labels.visits),
+ change: visits - comparison.visits,
+ formatValue: formatLongNumber,
+ },
+ {
+ value: pageviews,
+ label: t(labels.views),
+ change: pageviews - comparison.pageviews,
+ formatValue: formatLongNumber,
+ },
+ ]
+ : null;
+
+ return (
+
+
+ {metrics?.map(({ label, value, prev, change, formatValue, reverseColors }: any) => {
+ return (
+
+
+ );
+}
diff --git a/src/app/(main)/links/[linkId]/LinkPage.tsx b/src/app/(main)/links/[linkId]/LinkPage.tsx
new file mode 100644
index 000000000..5d10fa82b
--- /dev/null
+++ b/src/app/(main)/links/[linkId]/LinkPage.tsx
@@ -0,0 +1,40 @@
+'use client';
+import { Column, Grid } from '@umami/react-zen';
+import { LinkControls } from '@/app/(main)/links/[linkId]/LinkControls';
+import { LinkHeader } from '@/app/(main)/links/[linkId]/LinkHeader';
+import { LinkMetricsBar } from '@/app/(main)/links/[linkId]/LinkMetricsBar';
+import { LinkPanels } from '@/app/(main)/links/[linkId]/LinkPanels';
+import { LinkProvider } from '@/app/(main)/links/LinkProvider';
+import { ExpandedViewModal } from '@/app/(main)/websites/[websiteId]/ExpandedViewModal';
+import { WebsiteChart } from '@/app/(main)/websites/[websiteId]/WebsiteChart';
+import { PageBody } from '@/components/common/PageBody';
+import { Panel } from '@/components/common/Panel';
+
+const excludedIds = ['path', 'entry', 'exit', 'title', 'language', 'screen', 'event'];
+
+export function LinkPage({
+ linkId,
+ showHeaderActions = true,
+}: {
+ linkId: string;
+ showHeaderActions?: boolean;
+}) {
+ return (
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/links/[linkId]/LinkPanels.tsx b/src/app/(main)/links/[linkId]/LinkPanels.tsx
new file mode 100644
index 000000000..6d246618a
--- /dev/null
+++ b/src/app/(main)/links/[linkId]/LinkPanels.tsx
@@ -0,0 +1,83 @@
+import { Grid, Heading, Tab, TabList, TabPanel, Tabs } from '@umami/react-zen';
+import { GridRow } from '@/components/common/GridRow';
+import { Panel } from '@/components/common/Panel';
+import { useMessages } from '@/components/hooks';
+import { MetricsTable } from '@/components/metrics/MetricsTable';
+import { WorldMap } from '@/components/metrics/WorldMap';
+
+export function LinkPanels({ linkId }: { linkId: string }) {
+ const { t, labels } = useMessages();
+ const tableProps = {
+ websiteId: linkId,
+ limit: 10,
+ allowDownload: false,
+ showMore: true,
+ metric: t(labels.visitors),
+ };
+ const rowProps = { minHeight: 570 };
+
+ return (
+
+
+
+ {t(labels.sources)}
+
+
+ {t(labels.referrers)}
+ {t(labels.channels)}
+
+
+
+
+
+
+
+
+ {t(labels.environment)}
+
+
+ {t(labels.browsers)}
+ {t(labels.os)}
+ {t(labels.devices)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {t(labels.location)}
+
+
+ {t(labels.countries)}
+ {t(labels.regions)}
+ {t(labels.cities)}
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/links/[linkId]/LinkShareForm.tsx b/src/app/(main)/links/[linkId]/LinkShareForm.tsx
new file mode 100644
index 000000000..3486a71ea
--- /dev/null
+++ b/src/app/(main)/links/[linkId]/LinkShareForm.tsx
@@ -0,0 +1,63 @@
+import { Button, Column, Heading, Row, Text } from '@umami/react-zen';
+import { useState } from 'react';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { IconLabel } from '@/components/common/IconLabel';
+import { useLinkSharesQuery, useMessages } from '@/components/hooks';
+import { Plus } from '@/components/icons';
+import { SimpleShareCreateForm } from '@/components/share/SimpleShareCreateForm';
+import { SimpleSharesTable } from '@/components/share/SimpleSharesTable';
+
+export function LinkShareForm({ linkId }: { linkId: string }) {
+ const { data, error, isLoading } = useLinkSharesQuery({ linkId });
+ const shares = data?.data || [];
+ const hasShares = shares.length > 0;
+
+ return (
+
+
+ );
+}
+
+function LinkShareFormContent({
+ linkId,
+ hasShares,
+ shares,
+}: {
+ linkId: string;
+ hasShares: boolean;
+ shares: any[];
+}) {
+ const { t, labels, messages } = useMessages();
+ const [isCreating, setIsCreating] = useState(false);
+ const showCreateForm = isCreating;
+
+ return (
+
+
+ {t(labels.share)}
+ {!isCreating && (
+ setIsCreating(true)}>
+
+ )}
+
+ {showCreateForm && (
+ setIsCreating(false)}
+ onCancel={() => setIsCreating(false)}
+ />
+ )}
+ {hasShares && (
+ {t(messages.shareUrl)}
+ )}
+ {!showCreateForm &&
+ (hasShares ? (
+ {t(messages.noDataAvailable)}
+ ))}
+
+ );
+}
diff --git a/src/app/(main)/links/[linkId]/edit/LinkEditPage.tsx b/src/app/(main)/links/[linkId]/edit/LinkEditPage.tsx
new file mode 100644
index 000000000..6094c3b8e
--- /dev/null
+++ b/src/app/(main)/links/[linkId]/edit/LinkEditPage.tsx
@@ -0,0 +1,46 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import Link from 'next/link';
+import { LinkEditForm } from '@/app/(main)/links/LinkEditForm';
+import { LinkProvider } from '@/app/(main)/links/LinkProvider';
+import { LinkShareForm } from '@/app/(main)/links/[linkId]/LinkShareForm';
+import { Panel } from '@/components/common/Panel';
+import { IconLabel } from '@/components/common/IconLabel';
+import { PageHeader } from '@/components/common/PageHeader';
+import { useLink, useMessages, useNavigation } from '@/components/hooks';
+import { ArrowLeft, Link as LinkIcon } from '@/components/icons';
+
+export function LinkEditPage({ linkId }: { linkId: string }) {
+ return (
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+function LinkEditHeader() {
+ const link = useLink();
+ const { t, labels } = useMessages();
+ const { renderUrl } = useNavigation();
+
+ return (
+ <>
+
+
+ {chunks} ,
+ })}
+ isLoading={isPending}
+ error={getErrorMessage(error)}
+ onConfirm={handleConfirm.bind(null, close)}
+ onClose={close}
+ buttonLabel={t(labels.delete)}
+ buttonVariant="danger"
+ />
+ )}
+
+ );
+}
diff --git a/src/app/(main)/pixels/PixelEditButton.tsx b/src/app/(main)/pixels/PixelEditButton.tsx
new file mode 100644
index 000000000..8a8f141d6
--- /dev/null
+++ b/src/app/(main)/pixels/PixelEditButton.tsx
@@ -0,0 +1,23 @@
+import { Icon } from '@umami/react-zen';
+import { LinkButton } from '@/components/common/LinkButton';
+import { useNavigation } from '@/components/hooks';
+import { useMessages } from '@/components/hooks';
+import { Edit } from '@/components/icons';
+
+export function PixelEditButton({ pixelId }: { pixelId: string }) {
+ const { t, labels } = useMessages();
+ const { renderUrl } = useNavigation();
+
+ return (
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/pixels/PixelEditForm.tsx b/src/app/(main)/pixels/PixelEditForm.tsx
new file mode 100644
index 000000000..aa3061d55
--- /dev/null
+++ b/src/app/(main)/pixels/PixelEditForm.tsx
@@ -0,0 +1,127 @@
+import {
+ Button,
+ Column,
+ Form,
+ FormField,
+ FormSubmitButton,
+ Icon,
+ Label,
+ Loading,
+ Row,
+ TextField,
+} from '@umami/react-zen';
+import { useEffect, useState } from 'react';
+import { useConfig, useMessages, usePixelQuery } from '@/components/hooks';
+import { useUpdateQuery } from '@/components/hooks/queries/useUpdateQuery';
+import { RefreshCw } from '@/components/icons';
+import { PIXELS_URL } from '@/lib/constants';
+import { getRandomChars } from '@/lib/generate';
+
+const generateId = () => getRandomChars(9);
+
+export function PixelEditForm({
+ pixelId,
+ teamId,
+ onSave,
+ onClose,
+}: {
+ pixelId?: string;
+ teamId?: string;
+ onSave?: () => void;
+ onClose?: () => void;
+}) {
+ const { t, labels, messages, getErrorMessage } = useMessages();
+ const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(
+ pixelId ? `/pixels/${pixelId}` : '/pixels',
+ {
+ id: pixelId,
+ teamId,
+ },
+ );
+ const config = useConfig();
+ const pixelsUrl = config?.pixelsUrl;
+ const hostUrl = pixelsUrl || PIXELS_URL;
+ const { data, isLoading } = usePixelQuery(pixelId);
+ const [slug, setSlug] = useState(generateId());
+
+ const handleSubmit = async (data: any) => {
+ await mutateAsync(data, {
+ onSuccess: async () => {
+ toast(t(messages.saved));
+ touch('pixels');
+ touch(`pixel:${pixelId}`);
+ onSave?.();
+ onClose?.();
+ },
+ });
+ };
+
+ const handleSlug = () => {
+ const slug = generateId();
+
+ setSlug(slug);
+
+ return slug;
+ };
+
+ useEffect(() => {
+ if (data) {
+ setSlug(data.slug);
+ }
+ }, [data]);
+
+ if (pixelId && isLoading) {
+ return (null);
+
+export function PixelProvider({ pixelId, children }: { pixelId?: string; children: ReactNode }) {
+ const { data: pixel, isLoading, isFetching } = usePixelQuery(pixelId);
+
+ if (isFetching && isLoading) {
+ return {children} ;
+}
diff --git a/src/app/(main)/pixels/PixelsDataTable.tsx b/src/app/(main)/pixels/PixelsDataTable.tsx
new file mode 100644
index 000000000..6a9a9162d
--- /dev/null
+++ b/src/app/(main)/pixels/PixelsDataTable.tsx
@@ -0,0 +1,14 @@
+import { DataGrid } from '@/components/common/DataGrid';
+import { useNavigation, usePixelsQuery } from '@/components/hooks';
+import { PixelsTable } from './PixelsTable';
+
+export function PixelsDataTable({ showActions = false }: { showActions?: boolean }) {
+ const { teamId } = useNavigation();
+ const query = usePixelsQuery({ teamId });
+
+ return (
+
+ {({ data }) =>
+ );
+}
diff --git a/src/app/(main)/pixels/PixelsPage.tsx b/src/app/(main)/pixels/PixelsPage.tsx
new file mode 100644
index 000000000..76e210061
--- /dev/null
+++ b/src/app/(main)/pixels/PixelsPage.tsx
@@ -0,0 +1,35 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { PageBody } from '@/components/common/PageBody';
+import { PageHeader } from '@/components/common/PageHeader';
+import { Panel } from '@/components/common/Panel';
+import { useLoginQuery, useMessages, useNavigation, useTeamMembersQuery } from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
+import { PixelAddButton } from './PixelAddButton';
+import { PixelsDataTable } from './PixelsDataTable';
+
+export function PixelsPage() {
+ const { user } = useLoginQuery();
+ const { t, labels } = useMessages();
+ const { teamId } = useNavigation();
+ const { data } = useTeamMembersQuery(teamId);
+
+ const showActions =
+ (teamId &&
+ data?.data.filter(team => team.userId === user.id && team.role !== ROLES.teamViewOnly)
+ .length > 0) ||
+ (!teamId && user.role !== ROLES.viewOnly);
+
+ return (
+
+
+
+ {showActions &&
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/pixels/PixelsTable.tsx b/src/app/(main)/pixels/PixelsTable.tsx
new file mode 100644
index 000000000..98ae6a8ac
--- /dev/null
+++ b/src/app/(main)/pixels/PixelsTable.tsx
@@ -0,0 +1,54 @@
+import { DataColumn, DataTable, type DataTableProps, Row } from '@umami/react-zen';
+import Link from 'next/link';
+import { DateDistance } from '@/components/common/DateDistance';
+import { ExternalLink } from '@/components/common/ExternalLink';
+import { useMessages, useNavigation, useSlug } from '@/components/hooks';
+import { PixelDeleteButton } from './PixelDeleteButton';
+import { PixelEditButton } from './PixelEditButton';
+
+export interface PixelsTableProps extends DataTableProps {
+ showActions?: boolean;
+}
+
+export function PixelsTable({ showActions, ...props }: PixelsTableProps) {
+ const { t, labels } = useMessages();
+ const { renderUrl } = useNavigation();
+ const { getSlugUrl } = useSlug('pixel');
+
+ return (
+
+
+ {({ id, name }: any) => {
+ return
+
+ {({ slug }: any) => {
+ const url = getSlugUrl(slug);
+ return (
+
+ {url}
+
+ );
+ }}
+
+
+ {(row: any) =>
+ {showActions && (
+
+ {(row: any) => {
+ const { id, name } = row;
+
+ return (
+
+
+ );
+ }}
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/pixels/[pixelId]/PixelControls.tsx b/src/app/(main)/pixels/[pixelId]/PixelControls.tsx
new file mode 100644
index 000000000..55dcd5764
--- /dev/null
+++ b/src/app/(main)/pixels/[pixelId]/PixelControls.tsx
@@ -0,0 +1,32 @@
+import { Column, Row } from '@umami/react-zen';
+import { ExportButton } from '@/components/input/ExportButton';
+import { FilterBar } from '@/components/input/FilterBar';
+import { MonthFilter } from '@/components/input/MonthFilter';
+import { WebsiteDateFilter } from '@/components/input/WebsiteDateFilter';
+import { WebsiteFilterButton } from '@/components/input/WebsiteFilterButton';
+
+export function PixelControls({
+ pixelId: websiteId,
+ allowFilter = true,
+ allowDateFilter = true,
+ allowMonthFilter,
+ allowDownload = false,
+}: {
+ pixelId: string;
+ allowFilter?: boolean;
+ allowDateFilter?: boolean;
+ allowMonthFilter?: boolean;
+ allowDownload?: boolean;
+}) {
+ return (
+
+
+ {allowFilter ?
}
+ {allowDateFilter &&
+ {allowFilter &&
+ );
+}
diff --git a/src/app/(main)/pixels/[pixelId]/PixelHeader.tsx b/src/app/(main)/pixels/[pixelId]/PixelHeader.tsx
new file mode 100644
index 000000000..5cda3e5da
--- /dev/null
+++ b/src/app/(main)/pixels/[pixelId]/PixelHeader.tsx
@@ -0,0 +1,33 @@
+import { Row } from '@umami/react-zen';
+import { IconLabel } from '@/components/common/IconLabel';
+import { LinkButton } from '@/components/common/LinkButton';
+import { PageHeader } from '@/components/common/PageHeader';
+import { useMessages, useNavigation, usePixel, useSlug } from '@/components/hooks';
+import { Edit, ExternalLink, Grid2x2 } from '@/components/icons';
+
+export function PixelHeader({ showActions = true }: { showActions?: boolean }) {
+ const pixel = usePixel();
+
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/pixels/[pixelId]/PixelMetricsBar.tsx b/src/app/(main)/pixels/[pixelId]/PixelMetricsBar.tsx
new file mode 100644
index 000000000..d17bc78c6
--- /dev/null
+++ b/src/app/(main)/pixels/[pixelId]/PixelMetricsBar.tsx
@@ -0,0 +1,70 @@
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { useDateRange, useMessages } from '@/components/hooks';
+import { useWebsiteStatsQuery } from '@/components/hooks/queries/useWebsiteStatsQuery';
+import { MetricCard } from '@/components/metrics/MetricCard';
+import { MetricsBar } from '@/components/metrics/MetricsBar';
+import { formatLongNumber } from '@/lib/format';
+
+export function PixelMetricsBar({
+ pixelId,
+}: {
+ pixelId: string;
+ showChange?: boolean;
+ compareMode?: boolean;
+}) {
+ const { isAllTime } = useDateRange();
+ const { t, labels } = useMessages();
+ const { data, isLoading, isFetching, error } = useWebsiteStatsQuery({ websiteId: pixelId });
+
+ const { pageviews, visitors, visits, comparison } = data || {};
+
+ const metrics = data
+ ? [
+ {
+ value: visitors,
+ label: t(labels.visitors),
+ change: visitors - comparison.visitors,
+ formatValue: formatLongNumber,
+ },
+ {
+ value: visits,
+ label: t(labels.visits),
+ change: visits - comparison.visits,
+ formatValue: formatLongNumber,
+ },
+ {
+ value: pageviews,
+ label: t(labels.views),
+ change: pageviews - comparison.pageviews,
+ formatValue: formatLongNumber,
+ },
+ ]
+ : null;
+
+ return (
+
+
+ {metrics?.map(({ label, value, prev, change, formatValue, reverseColors }: any) => {
+ return (
+
+
+ );
+}
diff --git a/src/app/(main)/pixels/[pixelId]/PixelPage.tsx b/src/app/(main)/pixels/[pixelId]/PixelPage.tsx
new file mode 100644
index 000000000..e8d605d24
--- /dev/null
+++ b/src/app/(main)/pixels/[pixelId]/PixelPage.tsx
@@ -0,0 +1,40 @@
+'use client';
+import { Column, Grid } from '@umami/react-zen';
+import { PixelControls } from '@/app/(main)/pixels/[pixelId]/PixelControls';
+import { PixelHeader } from '@/app/(main)/pixels/[pixelId]/PixelHeader';
+import { PixelMetricsBar } from '@/app/(main)/pixels/[pixelId]/PixelMetricsBar';
+import { PixelPanels } from '@/app/(main)/pixels/[pixelId]/PixelPanels';
+import { PixelProvider } from '@/app/(main)/pixels/PixelProvider';
+import { ExpandedViewModal } from '@/app/(main)/websites/[websiteId]/ExpandedViewModal';
+import { WebsiteChart } from '@/app/(main)/websites/[websiteId]/WebsiteChart';
+import { PageBody } from '@/components/common/PageBody';
+import { Panel } from '@/components/common/Panel';
+
+const excludedIds = ['path', 'entry', 'exit', 'title', 'language', 'screen', 'event'];
+
+export function PixelPage({
+ pixelId,
+ showHeaderActions = true,
+}: {
+ pixelId: string;
+ showHeaderActions?: boolean;
+}) {
+ return (
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/pixels/[pixelId]/PixelPanels.tsx b/src/app/(main)/pixels/[pixelId]/PixelPanels.tsx
new file mode 100644
index 000000000..54079a168
--- /dev/null
+++ b/src/app/(main)/pixels/[pixelId]/PixelPanels.tsx
@@ -0,0 +1,83 @@
+import { Grid, Heading, Tab, TabList, TabPanel, Tabs } from '@umami/react-zen';
+import { GridRow } from '@/components/common/GridRow';
+import { Panel } from '@/components/common/Panel';
+import { useMessages } from '@/components/hooks';
+import { MetricsTable } from '@/components/metrics/MetricsTable';
+import { WorldMap } from '@/components/metrics/WorldMap';
+
+export function PixelPanels({ pixelId }: { pixelId: string }) {
+ const { t, labels } = useMessages();
+ const tableProps = {
+ websiteId: pixelId,
+ limit: 10,
+ allowDownload: false,
+ showMore: true,
+ metric: t(labels.visitors),
+ };
+ const rowProps = { minHeight: 570 };
+
+ return (
+
+
+
+ {t(labels.sources)}
+
+
+ {t(labels.referrers)}
+ {t(labels.channels)}
+
+
+
+
+
+
+
+
+ {t(labels.environment)}
+
+
+ {t(labels.browsers)}
+ {t(labels.os)}
+ {t(labels.devices)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {t(labels.location)}
+
+
+ {t(labels.countries)}
+ {t(labels.regions)}
+ {t(labels.cities)}
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/pixels/[pixelId]/PixelShareForm.tsx b/src/app/(main)/pixels/[pixelId]/PixelShareForm.tsx
new file mode 100644
index 000000000..4c31bbd74
--- /dev/null
+++ b/src/app/(main)/pixels/[pixelId]/PixelShareForm.tsx
@@ -0,0 +1,63 @@
+import { Button, Column, Heading, Row, Text } from '@umami/react-zen';
+import { useState } from 'react';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { IconLabel } from '@/components/common/IconLabel';
+import { useMessages, usePixelSharesQuery } from '@/components/hooks';
+import { Plus } from '@/components/icons';
+import { SimpleShareCreateForm } from '@/components/share/SimpleShareCreateForm';
+import { SimpleSharesTable } from '@/components/share/SimpleSharesTable';
+
+export function PixelShareForm({ pixelId }: { pixelId: string }) {
+ const { data, error, isLoading } = usePixelSharesQuery({ pixelId });
+ const shares = data?.data || [];
+ const hasShares = shares.length > 0;
+
+ return (
+
+
+ );
+}
+
+function PixelShareFormContent({
+ pixelId,
+ hasShares,
+ shares,
+}: {
+ pixelId: string;
+ hasShares: boolean;
+ shares: any[];
+}) {
+ const { t, labels, messages } = useMessages();
+ const [isCreating, setIsCreating] = useState(false);
+ const showCreateForm = isCreating;
+
+ return (
+
+
+ {t(labels.share)}
+ {!isCreating && (
+ setIsCreating(true)}>
+
+ )}
+
+ {showCreateForm && (
+ setIsCreating(false)}
+ onCancel={() => setIsCreating(false)}
+ />
+ )}
+ {hasShares && (
+ {t(messages.shareUrl)}
+ )}
+ {!showCreateForm &&
+ (hasShares ? (
+ {t(messages.noDataAvailable)}
+ ))}
+
+ );
+}
diff --git a/src/app/(main)/pixels/[pixelId]/edit/PixelEditPage.tsx b/src/app/(main)/pixels/[pixelId]/edit/PixelEditPage.tsx
new file mode 100644
index 000000000..2de91bfde
--- /dev/null
+++ b/src/app/(main)/pixels/[pixelId]/edit/PixelEditPage.tsx
@@ -0,0 +1,46 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import Link from 'next/link';
+import { PixelEditForm } from '@/app/(main)/pixels/PixelEditForm';
+import { PixelProvider } from '@/app/(main)/pixels/PixelProvider';
+import { PixelShareForm } from '@/app/(main)/pixels/[pixelId]/PixelShareForm';
+import { Panel } from '@/components/common/Panel';
+import { IconLabel } from '@/components/common/IconLabel';
+import { PageHeader } from '@/components/common/PageHeader';
+import { useMessages, useNavigation, usePixel } from '@/components/hooks';
+import { ArrowLeft, Grid2x2 } from '@/components/icons';
+
+export function PixelEditPage({ pixelId }: { pixelId: string }) {
+ return (
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+function PixelEditHeader() {
+ const pixel = usePixel();
+ const { t, labels } = useMessages();
+ const { renderUrl } = useNavigation();
+
+ return (
+ <>
+
+
+
- {formatMessage(labels.reset)}
-
- );
-}
-
-export default DateRangeSetting;
diff --git a/src/app/(main)/profile/LanguageSetting.module.css b/src/app/(main)/profile/LanguageSetting.module.css
deleted file mode 100644
index 141445ece..000000000
--- a/src/app/(main)/profile/LanguageSetting.module.css
+++ /dev/null
@@ -1,4 +0,0 @@
-div.menu {
- max-height: 300px;
- width: 300px;
-}
diff --git a/src/app/(main)/profile/PasswordChangeButton.tsx b/src/app/(main)/profile/PasswordChangeButton.tsx
deleted file mode 100644
index 63249a2bd..000000000
--- a/src/app/(main)/profile/PasswordChangeButton.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Button, Icon, Text, useToasts, ModalTrigger, Modal } from 'react-basics';
-import PasswordEditForm from '@/app/(main)/profile/PasswordEditForm';
-import Icons from '@/components/icons';
-import { useMessages } from '@/components/hooks';
-
-export function PasswordChangeButton() {
- const { formatMessage, labels, messages } = useMessages();
- const { showToast } = useToasts();
-
- const handleSave = () => {
- showToast({ message: formatMessage(messages.saved), variant: 'success' });
- };
-
- return (
- <>
-
-
-
-
- {formatMessage(labels.changePassword)}
-
-
- {close =>
-
-
- );
-}
-
-export default PasswordChangeButton;
diff --git a/src/app/(main)/profile/PasswordEditForm.tsx b/src/app/(main)/profile/PasswordEditForm.tsx
deleted file mode 100644
index c352d5165..000000000
--- a/src/app/(main)/profile/PasswordEditForm.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { useRef } from 'react';
-import { Form, FormRow, FormInput, FormButtons, PasswordField, Button } from 'react-basics';
-import { useApi, useMessages } from '@/components/hooks';
-
-export function PasswordEditForm({ onSave, onClose }) {
- const { formatMessage, labels, messages } = useMessages();
- const { post, useMutation } = useApi();
- const { mutate, error, isPending } = useMutation({
- mutationFn: (data: any) => post('/me/password', data),
- });
- const ref = useRef(null);
-
- const handleSubmit = async (data: any) => {
- mutate(data, {
- onSuccess: async () => {
- onSave();
- onClose();
- },
- });
- };
-
- const samePassword = (value: string) => {
- if (value !== ref?.current?.getValues('newPassword')) {
- return formatMessage(messages.noMatchPassword);
- }
- return true;
- };
-
- return (
-
- );
-}
-
-export default PasswordEditForm;
diff --git a/src/app/(main)/profile/ProfileHeader.tsx b/src/app/(main)/profile/ProfileHeader.tsx
deleted file mode 100644
index 05871fba0..000000000
--- a/src/app/(main)/profile/ProfileHeader.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import PageHeader from '@/components/layout/PageHeader';
-import { useMessages } from '@/components/hooks';
-
-export function ProfileHeader() {
- const { formatMessage, labels } = useMessages();
-
- return
- saveTheme('light')}
- >
-
-
-
- saveTheme('dark')}
- >
-
-
-
-
- );
-}
-
-export default ThemeSetting;
diff --git a/src/app/(main)/profile/TimezoneSetting.module.css b/src/app/(main)/profile/TimezoneSetting.module.css
deleted file mode 100644
index 316016412..000000000
--- a/src/app/(main)/profile/TimezoneSetting.module.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.dropdown {
- width: 200px;
-}
-
-div.menu {
- max-height: 300px;
- width: 300px;
-}
diff --git a/src/app/(main)/profile/TimezoneSetting.tsx b/src/app/(main)/profile/TimezoneSetting.tsx
deleted file mode 100644
index 56c858136..000000000
--- a/src/app/(main)/profile/TimezoneSetting.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useState } from 'react';
-import { Dropdown, Item, Button, Flexbox } from 'react-basics';
-import { useTimezone, useMessages } from '@/components/hooks';
-import { getTimezone } from '@/lib/date';
-import styles from './TimezoneSetting.module.css';
-
-const timezones = Intl.supportedValuesOf('timeZone');
-
-export function TimezoneSetting() {
- const [search, setSearch] = useState('');
- const { formatMessage, labels } = useMessages();
- const { timezone, saveTimezone } = useTimezone();
- const options = search
- ? timezones.filter(n => n.toLowerCase().includes(search.toLowerCase()))
- : timezones;
-
- const handleReset = () => saveTimezone(getTimezone());
-
- return (
-
- saveTimezone(value)}
- menuProps={{ className: styles.menu }}
- allowSearch={true}
- onSearch={setSearch}
- >
- {item => - {item}
}
-
- {formatMessage(labels.reset)}
-
- );
-}
-
-export default TimezoneSetting;
diff --git a/src/app/(main)/reports/ReportDeleteButton.tsx b/src/app/(main)/reports/ReportDeleteButton.tsx
deleted file mode 100644
index ca096675f..000000000
--- a/src/app/(main)/reports/ReportDeleteButton.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
-import { useApi, useMessages, useModified } from '@/components/hooks';
-import ConfirmationForm from '@/components/common/ConfirmationForm';
-
-export function ReportDeleteButton({
- reportId,
- reportName,
- onDelete,
-}: {
- reportId: string;
- reportName: string;
- onDelete?: () => void;
-}) {
- const { formatMessage, labels, messages } = useMessages();
- const { del, useMutation } = useApi();
- const { mutate, isPending, error } = useMutation({
- mutationFn: reportId => del(`/reports/${reportId}`),
- });
- const { touch } = useModified();
-
- const handleConfirm = (close: () => void) => {
- mutate(reportId as any, {
- onSuccess: () => {
- touch('reports');
- onDelete?.();
- close();
- },
- });
- };
-
- return (
-
-
-
-
- {formatMessage(labels.delete)}
-
-
- {(close: () => void) => (
- {reportName},
- })}
- isLoading={isPending}
- error={error}
- onConfirm={handleConfirm.bind(null, close)}
- onClose={close}
- buttonLabel={formatMessage(labels.delete)}
- />
- )}
-
-
- );
-}
-
-export default ReportDeleteButton;
diff --git a/src/app/(main)/reports/ReportsDataTable.tsx b/src/app/(main)/reports/ReportsDataTable.tsx
deleted file mode 100644
index 0cc5a96c4..000000000
--- a/src/app/(main)/reports/ReportsDataTable.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useReports } from '@/components/hooks';
-import ReportsTable from './ReportsTable';
-import DataTable from '@/components/common/DataTable';
-import { ReactNode } from 'react';
-
-export default function ReportsDataTable({
- websiteId,
- teamId,
- children,
-}: {
- websiteId?: string;
- teamId?: string;
- children?: ReactNode;
-}) {
- const queryResult = useReports({ websiteId, teamId });
-
- return (
- children}>
- {({ data }) =>
- );
-}
diff --git a/src/app/(main)/reports/ReportsHeader.tsx b/src/app/(main)/reports/ReportsHeader.tsx
deleted file mode 100644
index ff9cb2941..000000000
--- a/src/app/(main)/reports/ReportsHeader.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import PageHeader from '@/components/layout/PageHeader';
-import { Icon, Icons, Text } from 'react-basics';
-import { useLogin, useMessages, useTeamUrl } from '@/components/hooks';
-import LinkButton from '@/components/common/LinkButton';
-import { ROLES } from '@/lib/constants';
-
-export function ReportsHeader() {
- const { formatMessage, labels } = useMessages();
- const { renderTeamUrl } = useTeamUrl();
- const { user } = useLogin();
- const canEdit = user.role !== ROLES.viewOnly;
-
- return (
-
- {canEdit && (
-
-
-
- {formatMessage(labels.createReport)}
-
- )}
-
- );
-}
-
-export default ReportsHeader;
diff --git a/src/app/(main)/reports/ReportsPage.tsx b/src/app/(main)/reports/ReportsPage.tsx
deleted file mode 100644
index 64d43c702..000000000
--- a/src/app/(main)/reports/ReportsPage.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-'use client';
-import { Metadata } from 'next';
-import ReportsHeader from './ReportsHeader';
-import ReportsDataTable from './ReportsDataTable';
-import { useTeamUrl } from '@/components/hooks';
-
-export default function ReportsPage() {
- const { teamId } = useTeamUrl();
-
- return (
- <>
-
-
- {row => {
- return formatMessage(
- labels[Object.keys(REPORT_TYPES).find(key => REPORT_TYPES[key] === row.type)],
- );
- }}
-
- {showDomain && (
-
- {row => row?.website?.domain}
-
- )}
-
- {row => {
- const { id, name, userId, website } = row;
- return (
- <>
- {(user.id === userId || user.id === website?.userId) && (
-
-
-
- {formatMessage(labels.view)}
-
-
- );
- }}
-
-
- );
-}
-
-export default ReportsTable;
diff --git a/src/app/(main)/reports/[reportId]/BaseParameters.module.css b/src/app/(main)/reports/[reportId]/BaseParameters.module.css
deleted file mode 100644
index 4750c7d73..000000000
--- a/src/app/(main)/reports/[reportId]/BaseParameters.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.dropdown div {
- max-height: 300px;
-}
diff --git a/src/app/(main)/reports/[reportId]/BaseParameters.tsx b/src/app/(main)/reports/[reportId]/BaseParameters.tsx
deleted file mode 100644
index 1f4881bec..000000000
--- a/src/app/(main)/reports/[reportId]/BaseParameters.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useContext } from 'react';
-import { FormRow } from 'react-basics';
-import { parseDateRange } from '@/lib/date';
-import DateFilter from '@/components/input/DateFilter';
-import WebsiteSelect from '@/components/input/WebsiteSelect';
-import { useMessages, useTeamUrl, useWebsite } from '@/components/hooks';
-import { ReportContext } from './Report';
-import styles from './BaseParameters.module.css';
-
-export interface BaseParametersProps {
- showWebsiteSelect?: boolean;
- allowWebsiteSelect?: boolean;
- showDateSelect?: boolean;
- allowDateSelect?: boolean;
-}
-
-export function BaseParameters({
- showWebsiteSelect = true,
- allowWebsiteSelect = true,
- showDateSelect = true,
- allowDateSelect = true,
-}: BaseParametersProps) {
- const { report, updateReport } = useContext(ReportContext);
- const { formatMessage, labels } = useMessages();
- const { teamId } = useTeamUrl();
- const { parameters } = report || {};
- const { websiteId, dateRange } = parameters || {};
- const { value, startDate, endDate } = dateRange || {};
- const { data: website } = useWebsite(websiteId);
- const { name } = website || {};
-
- const handleWebsiteSelect = (websiteId: string) => {
- updateReport({ websiteId, parameters: { websiteId } });
- };
-
- const handleDateChange = (value: string) => {
- updateReport({ parameters: { dateRange: { ...parseDateRange(value) } } });
- };
-
- return (
- <>
- {showWebsiteSelect && (
-
- {allowWebsiteSelect ? (
-
- )}
- {showDateSelect && (
-
- {allowDateSelect && (
-
- )}
-
- );
-}
-
-export default BaseParameters;
diff --git a/src/app/(main)/reports/[reportId]/FieldAddForm.tsx b/src/app/(main)/reports/[reportId]/FieldAddForm.tsx
deleted file mode 100644
index 6560a947a..000000000
--- a/src/app/(main)/reports/[reportId]/FieldAddForm.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useState } from 'react';
-import { createPortal } from 'react-dom';
-import { REPORT_PARAMETERS } from '@/lib/constants';
-import PopupForm from './PopupForm';
-import FieldSelectForm from './FieldSelectForm';
-
-export function FieldAddForm({
- fields = [],
- group,
- onAdd,
- onClose,
-}: {
- fields?: any[];
- group: string;
- onAdd: (group: string, value: string) => void;
- onClose: () => void;
-}) {
- const [selected, setSelected] = useState<{
- name: string;
- type: string;
- value: string;
- }>();
-
- const handleSelect = (value: any) => {
- const { type } = value;
-
- if (group === REPORT_PARAMETERS.groups || type === 'array' || type === 'boolean') {
- value.value = group === REPORT_PARAMETERS.groups ? '' : 'total';
- handleSave(value);
- return;
- }
-
- setSelected(value);
- };
-
- const handleSave = (value: any) => {
- onAdd(group, value);
- onClose();
- };
-
- return createPortal(
-
- {!selected && ,
- document.body,
- );
-}
-
-export default FieldAddForm;
diff --git a/src/app/(main)/reports/[reportId]/FieldAggregateForm.tsx b/src/app/(main)/reports/[reportId]/FieldAggregateForm.tsx
deleted file mode 100644
index 5db0e5801..000000000
--- a/src/app/(main)/reports/[reportId]/FieldAggregateForm.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Form, FormRow, Menu, Item } from 'react-basics';
-import { useMessages } from '@/components/hooks';
-
-export default function FieldAggregateForm({
- name,
- type,
- onSelect,
-}: {
- name: string;
- type: string;
- onSelect: (key: any) => void;
-}) {
- const { formatMessage, labels } = useMessages();
-
- const options = {
- number: [
- { label: formatMessage(labels.sum), value: 'sum' },
- { label: formatMessage(labels.average), value: 'average' },
- { label: formatMessage(labels.min), value: 'min' },
- { label: formatMessage(labels.max), value: 'max' },
- ],
- date: [
- { label: formatMessage(labels.min), value: 'min' },
- { label: formatMessage(labels.max), value: 'max' },
- ],
- string: [
- { label: formatMessage(labels.total), value: 'total' },
- { label: formatMessage(labels.unique), value: 'unique' },
- ],
- uuid: [
- { label: formatMessage(labels.total), value: 'total' },
- { label: formatMessage(labels.unique), value: 'unique' },
- ],
- };
-
- const items = options[type];
-
- const handleSelect = (value: any) => {
- onSelect({ name, type, value });
- };
-
- return (
-
- );
-}
diff --git a/src/app/(main)/reports/[reportId]/FieldFilterEditForm.module.css b/src/app/(main)/reports/[reportId]/FieldFilterEditForm.module.css
deleted file mode 100644
index 43a34438c..000000000
--- a/src/app/(main)/reports/[reportId]/FieldFilterEditForm.module.css
+++ /dev/null
@@ -1,36 +0,0 @@
-.menu {
- position: absolute;
- max-width: 300px;
- max-height: 210px;
-}
-
-.filter {
- display: flex;
- flex-direction: column;
- gap: 20px;
-}
-
-.dropdown {
- min-width: 200px;
-}
-
-.text {
- min-width: 200px;
-}
-
-.selected {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 8px 16px;
- white-space: nowrap;
- min-width: 200px;
- font-weight: 900;
- background: var(--base100);
- border-radius: var(--border-radius);
- cursor: pointer;
-}
-
-.search {
- position: relative;
-}
diff --git a/src/app/(main)/reports/[reportId]/FieldFilterEditForm.tsx b/src/app/(main)/reports/[reportId]/FieldFilterEditForm.tsx
deleted file mode 100644
index c1f95e804..000000000
--- a/src/app/(main)/reports/[reportId]/FieldFilterEditForm.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-import { useMemo, useState } from 'react';
-import { useFilters, useFormat, useMessages, useWebsiteValues } from '@/components/hooks';
-import { OPERATORS } from '@/lib/constants';
-import { isEqualsOperator } from '@/lib/params';
-import {
- Button,
- Dropdown,
- Flexbox,
- Form,
- FormRow,
- Icon,
- Icons,
- Item,
- Loading,
- Menu,
- SearchField,
- Text,
- TextField,
-} from 'react-basics';
-import styles from './FieldFilterEditForm.module.css';
-
-export interface FieldFilterFormProps {
- websiteId?: string;
- name: string;
- label?: string;
- type: string;
- startDate: Date;
- endDate: Date;
- operator?: string;
- defaultValue?: string;
- onChange?: (filter: { name: string; type: string; operator: string; value: string }) => void;
- allowFilterSelect?: boolean;
- isNew?: boolean;
-}
-
-export default function FieldFilterEditForm({
- websiteId,
- name,
- label,
- type,
- startDate,
- endDate,
- operator: defaultOperator = 'eq',
- defaultValue = '',
- onChange,
- allowFilterSelect = true,
- isNew,
-}: FieldFilterFormProps) {
- const { formatMessage, labels } = useMessages();
- const [operator, setOperator] = useState(defaultOperator);
- const [value, setValue] = useState(defaultValue);
- const [showMenu, setShowMenu] = useState(false);
- const isEquals = isEqualsOperator(operator);
- const [search, setSearch] = useState('');
- const [selected, setSelected] = useState(isEquals ? value : '');
- const { filters } = useFilters();
- const { formatValue } = useFormat();
- const isDisabled = !operator || (isEquals && !selected) || (!isEquals && !value);
- const {
- data: values = [],
- isLoading,
- refetch,
- } = useWebsiteValues({
- websiteId,
- type: name,
- startDate,
- endDate,
- search,
- });
-
- const filterDropdownItems = (name: string) => {
- const limitedFilters = ['country', 'region', 'city'];
-
- if (limitedFilters.includes(name)) {
- return filters.filter(f => f.type === type && !f.label.match(/contain/gi));
- } else {
- return filters.filter(f => f.type === type);
- }
- };
-
- const formattedValues = useMemo(() => {
- return values.reduce((obj: { [x: string]: string }, { value }: { value: string }) => {
- obj[value] = formatValue(value, name);
-
- return obj;
- }, {});
- }, [formatValue, name, values]);
-
- const filteredValues = useMemo(() => {
- return value
- ? values.filter((n: string | number) =>
- formattedValues[n]?.toLowerCase()?.includes(value.toLowerCase()),
- )
- : values;
- }, [value, formattedValues]);
-
- const renderFilterValue = (value: any) => {
- return filters.find((filter: { value: any }) => filter.value === value)?.label;
- };
-
- const handleAdd = () => {
- onChange({ name, type, operator, value: isEquals ? selected : value });
- };
-
- const handleMenuSelect = (value: string) => {
- setSelected(value);
- setShowMenu(false);
- };
-
- const handleSearch = (value: string) => {
- setSearch(value);
- };
-
- const handleReset = () => {
- setSelected('');
- setValue('');
- setSearch('');
- refetch();
- };
-
- const handleOperatorChange = (value: any) => {
- setOperator(value);
-
- if ([OPERATORS.equals, OPERATORS.notEquals].includes(value)) {
- setValue('');
- } else {
- setSelected('');
- }
- };
-
- const handleBlur = () => {
- window.setTimeout(() => setShowMenu(false), 500);
- };
-
- return (
-
- );
-}
-
-const ResultsMenu = ({ values, type, isLoading, onSelect }) => {
- const { formatValue } = useFormat();
- if (isLoading) {
- return (
-
- -
-
-
- );
- }
-
- if (!values?.length) {
- return null;
- }
-
- return (
-
- {values?.map(({ value }) => {
- return - {formatValue(value, type)}
;
- })}
-
- );
-};
diff --git a/src/app/(main)/reports/[reportId]/FieldParameters.tsx b/src/app/(main)/reports/[reportId]/FieldParameters.tsx
deleted file mode 100644
index de80cc69d..000000000
--- a/src/app/(main)/reports/[reportId]/FieldParameters.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { useFields, useMessages } from '@/components/hooks';
-import Icons from '@/components/icons';
-import { useContext } from 'react';
-import { Button, FormRow, Icon, Popup, PopupTrigger } from 'react-basics';
-import FieldSelectForm from '../[reportId]/FieldSelectForm';
-import ParameterList from '../[reportId]/ParameterList';
-import PopupForm from '../[reportId]/PopupForm';
-import { ReportContext } from './Report';
-
-export function FieldParameters() {
- const { report, updateReport } = useContext(ReportContext);
- const { formatMessage, labels } = useMessages();
- const { parameters } = report || {};
- const { fields } = parameters || {};
- const { fields: fieldOptions } = useFields();
-
- const handleAdd = (value: { name: any }) => {
- if (!fields.find(({ name }) => name === value.name)) {
- updateReport({ parameters: { fields: fields.concat(value) } });
- }
- };
-
- const handleRemove = (name: string) => {
- updateReport({ parameters: { fields: fields.filter(f => f.name !== name) } });
- };
-
- const AddButton = () => {
- return (
-
-
-
-
-
-
-
- !fields.find(f => f.name === name))}
- onSelect={handleAdd}
- showType={false}
- />
-
-
-
- );
- };
-
- return (
-
- {fields.map(({ name }) => {
- return (
- handleRemove(name)}>
- {fieldOptions.find(f => f.name === name)?.label}
-
- );
- })}
-
-
- );
-}
-
-export default FieldParameters;
diff --git a/src/app/(main)/reports/[reportId]/FieldSelectForm.module.css b/src/app/(main)/reports/[reportId]/FieldSelectForm.module.css
deleted file mode 100644
index 3a5ed9b87..000000000
--- a/src/app/(main)/reports/[reportId]/FieldSelectForm.module.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.menu {
- width: 360px;
- max-height: 300px;
- overflow: auto;
-}
-
-.item {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- border-radius: var(--border-radius);
-}
-
-.item:hover {
- background: var(--base75);
-}
-
-.type {
- color: var(--font-color300);
-}
diff --git a/src/app/(main)/reports/[reportId]/FieldSelectForm.tsx b/src/app/(main)/reports/[reportId]/FieldSelectForm.tsx
deleted file mode 100644
index f73d59f79..000000000
--- a/src/app/(main)/reports/[reportId]/FieldSelectForm.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Menu, Item, Form, FormRow } from 'react-basics';
-import { useMessages } from '@/components/hooks';
-import styles from './FieldSelectForm.module.css';
-import { Key } from 'react';
-
-export interface FieldSelectFormProps {
- fields?: any[];
- onSelect?: (key: any) => void;
- showType?: boolean;
-}
-
-export default function FieldSelectForm({
- fields = [],
- onSelect,
- showType = true,
-}: FieldSelectFormProps) {
- const { formatMessage, labels } = useMessages();
-
- return (
-
- );
-}
diff --git a/src/app/(main)/reports/[reportId]/FilterParameters.module.css b/src/app/(main)/reports/[reportId]/FilterParameters.module.css
deleted file mode 100644
index 939d0652d..000000000
--- a/src/app/(main)/reports/[reportId]/FilterParameters.module.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.item {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- gap: 10px;
- overflow: hidden;
-}
-
-.label {
- color: var(--base800);
- border: 1px solid var(--base300);
- font-weight: 900;
- padding: 2px 8px;
- border-radius: 5px;
- white-space: nowrap;
-}
-
-.op {
- color: var(--blue900);
- background-color: var(--blue100);
- font-size: 12px;
- font-weight: 900;
- padding: 2px 8px;
- border-radius: 5px;
- text-transform: uppercase;
- white-space: nowrap;
-}
-
-.value {
- color: var(--base900);
- background-color: var(--base100);
- font-weight: 900;
- padding: 2px 8px;
- border-radius: 5px;
- white-space: nowrap;
-}
-
-.edit {
- margin-top: 20px;
-}
diff --git a/src/app/(main)/reports/[reportId]/FilterParameters.tsx b/src/app/(main)/reports/[reportId]/FilterParameters.tsx
deleted file mode 100644
index 538c4ce51..000000000
--- a/src/app/(main)/reports/[reportId]/FilterParameters.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { useContext } from 'react';
-import { useMessages, useFormat, useFilters, useFields } from '@/components/hooks';
-import Icons from '@/components/icons';
-import { Button, FormRow, Icon, Popup, PopupTrigger } from 'react-basics';
-import FilterSelectForm from '../[reportId]/FilterSelectForm';
-import ParameterList from '../[reportId]/ParameterList';
-import PopupForm from '../[reportId]/PopupForm';
-import { ReportContext } from './Report';
-import FieldFilterEditForm from '../[reportId]/FieldFilterEditForm';
-import { isSearchOperator } from '@/lib/params';
-import styles from './FilterParameters.module.css';
-
-export function FilterParameters() {
- const { report, updateReport } = useContext(ReportContext);
- const { formatMessage, labels } = useMessages();
- const { formatValue } = useFormat();
- const { parameters } = report || {};
- const { websiteId, filters, dateRange } = parameters || {};
- const { fields } = useFields();
-
- const handleAdd = (value: { name: any }) => {
- if (!filters.find(({ name }) => name === value.name)) {
- updateReport({ parameters: { filters: filters.concat(value) } });
- }
- };
-
- const handleRemove = (name: string) => {
- updateReport({ parameters: { filters: filters.filter(f => f.name !== name) } });
- };
-
- const handleChange = (close: () => void, filter: { name: any }) => {
- updateReport({
- parameters: {
- filters: filters.map(f => {
- if (filter.name === f.name) {
- return filter;
- }
- return f;
- }),
- },
- });
- close();
- };
-
- const AddButton = () => {
- return (
-
-
-
-
-
-
-
- !filters.find(f => f.name === name))}
- startDate={dateRange?.startDate}
- endDate={dateRange?.endDate}
- onChange={handleAdd}
- />
-
-
-
- );
- };
-
- return (
-
- {filters.map(
- ({ name, operator, value }: { name: string; operator: string; value: string }) => {
- const label = fields.find(f => f.name === name)?.label;
- const isSearch = isSearchOperator(operator);
-
- return (
- handleRemove(name)}>
-
- );
- },
- )}
-
-
- );
-}
-
-const FilterParameter = ({
- websiteId,
- name,
- label,
- operator,
- value,
- type = 'string',
- startDate,
- endDate,
- onChange,
-}) => {
- const { operatorLabels } = useFilters();
-
- return (
-
-
-
{label}
-
{operatorLabels[operator]}
-
{value}
-
- {(close: any) => (
-
-
- )}
-
-
- );
-};
-
-export default FilterParameters;
diff --git a/src/app/(main)/reports/[reportId]/FilterSelectForm.tsx b/src/app/(main)/reports/[reportId]/FilterSelectForm.tsx
deleted file mode 100644
index 77a36c3cc..000000000
--- a/src/app/(main)/reports/[reportId]/FilterSelectForm.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useState } from 'react';
-import FieldSelectForm from './FieldSelectForm';
-import FieldFilterEditForm from './FieldFilterEditForm';
-
-export interface FilterSelectFormProps {
- websiteId?: string;
- fields: any[];
- startDate?: Date;
- endDate?: Date;
- onChange?: (filter: { name: string; type: string; operator: string; value: string }) => void;
- allowFilterSelect?: boolean;
-}
-
-export default function FilterSelectForm({
- websiteId,
- fields,
- startDate,
- endDate,
- onChange,
- allowFilterSelect,
-}: FilterSelectFormProps) {
- const [field, setField] = useState<{ name: string; label: string; type: string }>();
-
- if (!field) {
- return
- {!children &&
- );
-}
-
-const Item = ({
- children,
- className,
- icon,
- onClick,
- onRemove,
-}: {
- children?: ReactNode;
- className?: string;
- icon?: ReactNode;
- onClick?: () => void;
- onRemove?: () => void;
-}) => {
- return (
-
- {icon &&
{icon} }
-
{children}
-
-
-
e.stopPropagation()}
- >
- {children}
-
- );
-}
-
-export default PopupForm;
diff --git a/src/app/(main)/reports/[reportId]/Report.module.css b/src/app/(main)/reports/[reportId]/Report.module.css
deleted file mode 100644
index 6aa6a9b32..000000000
--- a/src/app/(main)/reports/[reportId]/Report.module.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.container {
- display: grid;
- grid-template-rows: max-content 1fr;
- grid-template-columns: max-content 1fr;
- margin-bottom: 60px;
- height: 90vh;
-}
diff --git a/src/app/(main)/reports/[reportId]/Report.tsx b/src/app/(main)/reports/[reportId]/Report.tsx
deleted file mode 100644
index 1aed007cf..000000000
--- a/src/app/(main)/reports/[reportId]/Report.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { createContext, ReactNode } from 'react';
-import { Loading } from 'react-basics';
-import classNames from 'classnames';
-import { useReport } from '@/components/hooks';
-import styles from './Report.module.css';
-
-export const ReportContext = createContext(null);
-
-export function Report({
- reportId,
- defaultParameters,
- children,
- className,
-}: {
- reportId: string;
- defaultParameters: { type: string; parameters: { [key: string]: any } };
- children: ReactNode;
- className?: string;
-}) {
- const report = useReport(reportId, defaultParameters);
-
- if (!report) {
- return reportId ?
- {children}
-
- );
-}
-
-export default Report;
diff --git a/src/app/(main)/reports/[reportId]/ReportBody.module.css b/src/app/(main)/reports/[reportId]/ReportBody.module.css
deleted file mode 100644
index 9af1070ab..000000000
--- a/src/app/(main)/reports/[reportId]/ReportBody.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.body {
- padding-inline-start: 20px;
- grid-row: 2 / 3;
- grid-column: 2 / 3;
-}
diff --git a/src/app/(main)/reports/[reportId]/ReportBody.tsx b/src/app/(main)/reports/[reportId]/ReportBody.tsx
deleted file mode 100644
index fe2f8c91b..000000000
--- a/src/app/(main)/reports/[reportId]/ReportBody.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useContext } from 'react';
-import { ReportContext } from './Report';
-import styles from './ReportBody.module.css';
-import { DownloadButton } from '@/components/input/DownloadButton';
-
-export function ReportBody({ children }) {
- const { report } = useContext(ReportContext);
-
- if (!report) {
- return null;
- }
-
- return (
-
- {report.type !== 'revenue' && report.type !== 'attribution' && (
-
- );
-}
-
-export default ReportBody;
diff --git a/src/app/(main)/reports/[reportId]/ReportHeader.module.css b/src/app/(main)/reports/[reportId]/ReportHeader.module.css
deleted file mode 100644
index 5ff261040..000000000
--- a/src/app/(main)/reports/[reportId]/ReportHeader.module.css
+++ /dev/null
@@ -1,36 +0,0 @@
-.header {
- display: grid;
- grid-template-columns: 1fr min-content;
- align-items: center;
- grid-row: 1 / 2;
- grid-column: 1 / 3;
- margin: 20px 0 40px 0;
-}
-
-.title {
- display: flex;
- flex-direction: row;
- align-items: center;
- font-size: 24px;
- font-weight: 700;
- gap: 20px;
- height: 60px;
-}
-
-.type {
- font-size: 11px;
- font-weight: 700;
- text-transform: uppercase;
- color: var(--base600);
-}
-
-.description {
- color: var(--font-color300);
- max-width: 500px;
- height: 30px;
-}
-
-.actions {
- display: flex;
- align-items: center;
-}
diff --git a/src/app/(main)/reports/[reportId]/ReportHeader.tsx b/src/app/(main)/reports/[reportId]/ReportHeader.tsx
deleted file mode 100644
index 816a2df33..000000000
--- a/src/app/(main)/reports/[reportId]/ReportHeader.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import { useContext } from 'react';
-import { Icon, LoadingButton, InlineEditField, useToasts } from 'react-basics';
-import { useMessages, useApi, useNavigation, useTeamUrl } from '@/components/hooks';
-import { ReportContext } from './Report';
-import styles from './ReportHeader.module.css';
-import { REPORT_TYPES } from '@/lib/constants';
-import Breadcrumb from '@/components/common/Breadcrumb';
-
-export function ReportHeader({ icon }) {
- const { report, updateReport } = useContext(ReportContext);
- const { formatMessage, labels, messages } = useMessages();
- const { showToast } = useToasts();
- const { router } = useNavigation();
- const { renderTeamUrl } = useTeamUrl();
-
- const { post, useMutation } = useApi();
- const { mutate: create, isPending: isCreating } = useMutation({
- mutationFn: (data: any) => post(`/reports`, data),
- });
- const { mutate: update, isPending: isUpdating } = useMutation({
- mutationFn: (data: any) => post(`/reports/${data.id}`, data),
- });
-
- const { name, description, parameters } = report || {};
- const { websiteId, dateRange } = parameters || {};
- const defaultName = formatMessage(labels.untitled);
-
- const handleSave = async () => {
- if (!report.id) {
- create(report, {
- onSuccess: async ({ id }) => {
- showToast({ message: formatMessage(messages.saved), variant: 'success' });
- router.push(renderTeamUrl(`/reports/${id}`));
- },
- });
- } else {
- update(report, {
- onSuccess: async () => {
- showToast({ message: formatMessage(messages.saved), variant: 'success' });
- },
- });
- }
- };
-
- const handleNameChange = (name: string) => {
- updateReport({ name: name || defaultName });
- };
-
- const handleDescriptionChange = (description: string) => {
- updateReport({ description });
- };
-
- if (!report) {
- return null;
- }
-
- return (
-
-
-
- REPORT_TYPES[key] === report?.type)],
- ),
- },
- ]}
- />
-
-
- {icon}
-
-
-
-
-
-
- {formatMessage(labels.save)}
-
-
-
-
setCollapsed(!collapsed)}>
-
-
-
- {!collapsed && children}
-
0}>
- 0}>
-
-
-
-
-
-
-
-
- );
- };
-
- const items = [
- { label: 'First-Click', value: 'firstClick' },
- { label: 'Last-Click', value: 'lastClick' },
- ];
-
- const renderModelValue = (value: any) => {
- return items.find(item => item.value === value)?.label;
- };
-
- const onModelChange = (value: any) => {
- setModel(value);
- updateReport({ parameters: { model } });
- };
-
- return (
-
- );
-}
-
-export default AttributionParameters;
diff --git a/src/app/(main)/reports/attribution/AttributionReport.tsx b/src/app/(main)/reports/attribution/AttributionReport.tsx
deleted file mode 100644
index c33a4195d..000000000
--- a/src/app/(main)/reports/attribution/AttributionReport.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import Money from '@/assets/money.svg';
-import { REPORT_TYPES } from '@/lib/constants';
-import Report from '../[reportId]/Report';
-import ReportBody from '../[reportId]/ReportBody';
-import ReportHeader from '../[reportId]/ReportHeader';
-import ReportMenu from '../[reportId]/ReportMenu';
-import AttributionParameters from './AttributionParameters';
-import AttributionView from './AttributionView';
-
-const defaultParameters = {
- type: REPORT_TYPES.attribution,
- parameters: { model: 'firstClick', steps: [] },
-};
-
-export default function AttributionReport({ reportId }: { reportId?: string }) {
- return (
-
-
-
-
-
-
- );
-}
diff --git a/src/app/(main)/reports/attribution/AttributionReportPage.tsx b/src/app/(main)/reports/attribution/AttributionReportPage.tsx
deleted file mode 100644
index ed7307046..000000000
--- a/src/app/(main)/reports/attribution/AttributionReportPage.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-'use client';
-import AttributionReport from './AttributionReport';
-
-export default function AttributionReportPage() {
- return
-
-
- setType(value)}
- >
- {({ value, label }) => {
- return - {label}
;
- }}
-
-
-
-
-
- {formatMessage(defaultValue ? labels.update : labels.add)}
-
-
-
- );
-}
-
-export default AttributionStepAddForm;
diff --git a/src/app/(main)/reports/attribution/AttributionView.module.css b/src/app/(main)/reports/attribution/AttributionView.module.css
deleted file mode 100644
index f242b1d91..000000000
--- a/src/app/(main)/reports/attribution/AttributionView.module.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.container {
- display: grid;
- gap: 20px;
- margin-bottom: 40px;
-}
-
-.title {
- font-size: 24px;
- line-height: 36px;
- font-weight: 700;
-}
-
-.row {
- display: grid;
- grid-template-columns: 50% 50%;
- gap: 20px;
- border-top: 1px solid var(--base300);
- padding-top: 30px;
- margin-bottom: 30px;
-}
diff --git a/src/app/(main)/reports/attribution/AttributionView.tsx b/src/app/(main)/reports/attribution/AttributionView.tsx
deleted file mode 100644
index e5b224517..000000000
--- a/src/app/(main)/reports/attribution/AttributionView.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-import PieChart from '@/components/charts/PieChart';
-import { useMessages } from '@/components/hooks';
-import { Grid, GridRow } from '@/components/layout/Grid';
-import ListTable from '@/components/metrics/ListTable';
-import MetricCard from '@/components/metrics/MetricCard';
-import MetricsBar from '@/components/metrics/MetricsBar';
-import { CHART_COLORS } from '@/lib/constants';
-import { formatLongNumber } from '@/lib/format';
-import { useContext } from 'react';
-import { ReportContext } from '../[reportId]/Report';
-import styles from './AttributionView.module.css';
-
-export interface AttributionViewProps {
- isLoading?: boolean;
-}
-
-export function AttributionView({ isLoading }: AttributionViewProps) {
- const { formatMessage, labels } = useMessages();
- const { report } = useContext(ReportContext);
- const {
- data,
- parameters: { currency },
- } = report || {};
- const ATTRIBUTION_PARAMS = [
- { value: 'referrer', label: formatMessage(labels.referrers) },
- { value: 'paidAds', label: formatMessage(labels.paidAds) },
- ];
-
- if (!data) {
- return null;
- }
-
- const { pageviews, visitors, visits } = data.total;
-
- const metrics = data
- ? [
- {
- value: pageviews,
- label: formatMessage(labels.views),
- formatValue: formatLongNumber,
- },
- {
- value: visits,
- label: formatMessage(labels.visits),
- formatValue: formatLongNumber,
- },
- {
- value: visitors,
- label: formatMessage(labels.visitors),
- formatValue: formatLongNumber,
- },
- ]
- : [];
-
- function UTMTable(UTMTableProps: { data: any; title: string; utm: string }) {
- const { data, title, utm } = UTMTableProps;
- const total = data[utm].reduce((sum, { value }) => {
- return +sum + +value;
- }, 0);
-
- return (
- ({
- x: name,
- y: Number(value),
- z: (value / total) * 100,
- }))}
- />
- );
- }
-
- return (
-
-
- {metrics?.map(({ label, value, formatValue }) => {
- return
- {ATTRIBUTION_PARAMS.map(({ value, label }) => {
- const items = data[value];
- const total = items.reduce((sum, { value }) => {
- return +sum + +value;
- }, 0);
-
- const chartData = {
- labels: items.map(({ name }) => name),
- datasets: [
- {
- data: items.map(({ value }) => value),
- backgroundColor: CHART_COLORS,
- borderWidth: 0,
- },
- ],
- };
-
- return (
-
-
-
{label}
-
({
- x: name,
- y: Number(value),
- z: (value / total) * 100,
- }))}
- />
-
-
-
- );
- })}
-
-
-
-
-
-
-
- {reports.map(({ title, description, url, icon }) => {
- return (
-
-
- );
-}
-
-function ReportItem({ title, description, url, icon }) {
- const { formatMessage, labels } = useMessages();
-
- return (
-
-
- {icon}
- {title}
-
-
{description}
-
-
-
-
- {formatMessage(labels.create)}
-
-
-
-
-
-
-
- {(close: () => void) => {
- return (
- ({
- name: dataKey,
- type: DATA_TYPES[eventDataType],
- }))}
- group={group}
- onAdd={onAdd}
- onClose={close}
- />
- );
- }}
-
-
- );
- };
-
- return (
-
- );
-}
-
-export default EventDataParameters;
diff --git a/src/app/(main)/reports/event-data/EventDataReport.tsx b/src/app/(main)/reports/event-data/EventDataReport.tsx
deleted file mode 100644
index 8205a4881..000000000
--- a/src/app/(main)/reports/event-data/EventDataReport.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import Report from '../[reportId]/Report';
-import ReportHeader from '../[reportId]/ReportHeader';
-import ReportMenu from '../[reportId]/ReportMenu';
-import ReportBody from '../[reportId]/ReportBody';
-import EventDataParameters from './EventDataParameters';
-import EventDataTable from './EventDataTable';
-import Nodes from '@/assets/nodes.svg';
-
-const defaultParameters = {
- type: 'event-data',
- parameters: { fields: [], filters: [] },
-};
-
-export default function EventDataReport({ reportId }: { reportId?: string }) {
- return (
-
-
-
-
-
-
- );
-}
diff --git a/src/app/(main)/reports/event-data/EventDataReportPage.tsx b/src/app/(main)/reports/event-data/EventDataReportPage.tsx
deleted file mode 100644
index 8276acfbd..000000000
--- a/src/app/(main)/reports/event-data/EventDataReportPage.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-'use client';
-import EventDataReport from './EventDataReport';
-
-export default function EventDataReportPage() {
- return
-
- );
-}
-
-export default EventDataTable;
diff --git a/src/app/(main)/reports/event-data/page.tsx b/src/app/(main)/reports/event-data/page.tsx
deleted file mode 100644
index 2d6477e1a..000000000
--- a/src/app/(main)/reports/event-data/page.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Metadata } from 'next';
-import EventDataReportPage from './EventDataReportPage';
-
-export default function () {
- return
- {data?.map(({ type, value, visitors, dropped, dropoff, remaining }, index: number) => {
- return (
-
-
{index + 1}
-
-
-
- {formatMessage(type === 'url' ? labels.viewedPage : labels.triggeredEvent)}
-
- {value}
-
-
-
- {formatLongNumber(visitors)}
- {formatMessage(labels.visitors)}
-
-
{(remaining * 100).toFixed(2)}%
-
-
- {dropoff > 0 && (
-
- {formatLongNumber(dropped)} {formatMessage(labels.visitorsDroppedOff)} (
- {(dropoff * 100).toFixed(2)}%)
-
- )}
-
-
- );
- })}
-
-
-
-
-
-
-
-
-
-
- );
- };
-
- return (
-
- );
-}
-
-export default FunnelParameters;
diff --git a/src/app/(main)/reports/funnel/FunnelReport.module.css b/src/app/(main)/reports/funnel/FunnelReport.module.css
deleted file mode 100644
index aed66b74e..000000000
--- a/src/app/(main)/reports/funnel/FunnelReport.module.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.filters {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- border: 1px solid var(--base400);
- border-radius: var(--border-radius);
- line-height: 32px;
- padding: 10px;
- overflow: hidden;
-}
diff --git a/src/app/(main)/reports/funnel/FunnelReport.tsx b/src/app/(main)/reports/funnel/FunnelReport.tsx
deleted file mode 100644
index e0c90e4aa..000000000
--- a/src/app/(main)/reports/funnel/FunnelReport.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import FunnelChart from './FunnelChart';
-import FunnelParameters from './FunnelParameters';
-import Report from '../[reportId]/Report';
-import ReportHeader from '../[reportId]/ReportHeader';
-import ReportMenu from '../[reportId]/ReportMenu';
-import ReportBody from '../[reportId]/ReportBody';
-import Funnel from '@/assets/funnel.svg';
-import { REPORT_TYPES } from '@/lib/constants';
-
-const defaultParameters = {
- type: REPORT_TYPES.funnel,
- parameters: { window: 60, steps: [] },
-};
-
-export default function FunnelReport({ reportId }: { reportId?: string }) {
- return (
-
-
-
-
-
-
- );
-}
diff --git a/src/app/(main)/reports/funnel/FunnelReportPage.tsx b/src/app/(main)/reports/funnel/FunnelReportPage.tsx
deleted file mode 100644
index a114a8cce..000000000
--- a/src/app/(main)/reports/funnel/FunnelReportPage.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-'use client';
-import FunnelReport from './FunnelReport';
-
-export default function FunnelReportPage() {
- return
-
-
- setType(value)}
- >
- {({ value, label }) => {
- return - {label}
;
- }}
-
-
-
-
-
- {formatMessage(defaultValue ? labels.update : labels.add)}
-
-
-
- );
-}
-
-export default FunnelStepAddForm;
diff --git a/src/app/(main)/reports/funnel/page.tsx b/src/app/(main)/reports/funnel/page.tsx
deleted file mode 100644
index 40270bba9..000000000
--- a/src/app/(main)/reports/funnel/page.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import FunnelReportPage from './FunnelReportPage';
-import { Metadata } from 'next';
-
-export default function () {
- return
-
-
- setType(value)}
- >
- {({ value, label }) => {
- return - {label}
;
- }}
-
- handleChange(e, setValue)}
- autoFocus={true}
- autoComplete="off"
- onKeyDown={handleKeyDown}
- />
-
-
- {type === 'event-data' && (
-
-
- setOperator(value)}
- >
- {({ value, label }) => {
- return - {label}
;
- }}
-
- handleChange(e, setProperty)}
- autoFocus={true}
- autoComplete="off"
- onKeyDown={handleKeyDown}
- />
-
-
- )}
-
-
- handleChange(e, setGoal)}
- autoComplete="off"
- onKeyDown={handleKeyDown}
- />
-
-
-
-
- {formatMessage(defaultValue ? labels.update : labels.add)}
-
-
-
- );
-}
-
-export default GoalsAddForm;
diff --git a/src/app/(main)/reports/goals/GoalsChart.module.css b/src/app/(main)/reports/goals/GoalsChart.module.css
deleted file mode 100644
index 799f5fddc..000000000
--- a/src/app/(main)/reports/goals/GoalsChart.module.css
+++ /dev/null
@@ -1,95 +0,0 @@
-.chart {
- display: grid;
- gap: 30px;
-}
-
-.goal {
- padding-bottom: 40px;
- border-bottom: 1px solid var(--base400);
-}
-
-.goal:last-child {
- border: 0;
-}
-
-.card {
- display: grid;
- gap: 20px;
- margin-top: 14px;
-}
-
-.header {
- display: flex;
- flex-direction: column;
- gap: 20px;
-}
-
-.label {
- color: var(--base600);
- font-weight: 700;
- text-transform: uppercase;
-}
-
-.item {
- font-size: 20px;
- color: var(--base900);
- font-weight: 700;
-}
-
-.metric {
- color: var(--base700);
- display: flex;
- justify-content: space-between;
- gap: 10px;
- margin: 10px 0;
- text-transform: lowercase;
-}
-
-.value {
- color: var(--base900);
- font-size: 24px;
- font-weight: 900;
- margin-right: 10px;
-}
-
-.percent {
- font-size: 20px;
- font-weight: 700;
- align-self: flex-end;
-}
-
-.total {
- color: var(--base700);
-}
-
-.bar {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- background: var(--base900);
- height: 10px;
- border-radius: 5px;
- overflow: hidden;
- position: relative;
-}
-
-.bar.level1 {
- background: var(--red800);
-}
-.bar.level2 {
- background: var(--orange200);
-}
-.bar.level3 {
- background: var(--orange400);
-}
-.bar.level4 {
- background: var(--orange600);
-}
-.bar.level5 {
- background: var(--green600);
-}
-
-.track {
- background-color: var(--base100);
- border-radius: 5px;
-}
diff --git a/src/app/(main)/reports/goals/GoalsChart.tsx b/src/app/(main)/reports/goals/GoalsChart.tsx
deleted file mode 100644
index 34ea485e6..000000000
--- a/src/app/(main)/reports/goals/GoalsChart.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { useContext } from 'react';
-import classNames from 'classnames';
-import { useMessages } from '@/components/hooks';
-import { ReportContext } from '../[reportId]/Report';
-import { formatLongNumber } from '@/lib/format';
-import styles from './GoalsChart.module.css';
-
-export function GoalsChart({ className }: { className?: string; isLoading?: boolean }) {
- const { report } = useContext(ReportContext);
- const { formatMessage, labels } = useMessages();
-
- const { data } = report || {};
-
- const getLabel = type => {
- let label = '';
- switch (type) {
- case 'url':
- label = labels.viewedPage;
- break;
- case 'event':
- label = labels.triggeredEvent;
- break;
- default:
- label = labels.collectedData;
- break;
- }
-
- return label;
- };
-
- return (
-
- {data?.map(({ type, value, goal, result, property, operator }, index: number) => {
- const percent = result > goal ? 100 : (result / goal) * 100;
-
- return (
-
-
-
- {formatMessage(getLabel(type))}
- {`${value}${
- type === 'event-data' ? `:(${operator}):${property}` : ''
- }`}
-
-
-
20 && percent <= 40,
- [styles.level3]: percent > 40 && percent <= 60,
- [styles.level4]: percent > 60 && percent <= 80,
- [styles.level5]: percent > 80,
- }),
- )}
- style={{ width: `${percent}%` }}
- >
-
-
-
- {formatLongNumber(result)}
- / {formatLongNumber(goal)}
-
-
{((result / goal) * 100).toFixed(2)}%
-
-
-
- );
- })}
-
-
-
-
-
-
-
-
-
-
- );
- };
-
- return (
-
- );
-}
-
-export default GoalsParameters;
diff --git a/src/app/(main)/reports/goals/GoalsReport.module.css b/src/app/(main)/reports/goals/GoalsReport.module.css
deleted file mode 100644
index aed66b74e..000000000
--- a/src/app/(main)/reports/goals/GoalsReport.module.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.filters {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- border: 1px solid var(--base400);
- border-radius: var(--border-radius);
- line-height: 32px;
- padding: 10px;
- overflow: hidden;
-}
diff --git a/src/app/(main)/reports/goals/GoalsReport.tsx b/src/app/(main)/reports/goals/GoalsReport.tsx
deleted file mode 100644
index ae540f3b9..000000000
--- a/src/app/(main)/reports/goals/GoalsReport.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import GoalsChart from './GoalsChart';
-import GoalsParameters from './GoalsParameters';
-import Report from '../[reportId]/Report';
-import ReportHeader from '../[reportId]/ReportHeader';
-import ReportMenu from '../[reportId]/ReportMenu';
-import ReportBody from '../[reportId]/ReportBody';
-import Target from '@/assets/target.svg';
-import { REPORT_TYPES } from '@/lib/constants';
-
-const defaultParameters = {
- type: REPORT_TYPES.goals,
- parameters: { goals: [] },
-};
-
-export default function GoalsReport({ reportId }: { reportId?: string }) {
- return (
-
-
-
-
-
-
- );
-}
diff --git a/src/app/(main)/reports/goals/GoalsReportPage.tsx b/src/app/(main)/reports/goals/GoalsReportPage.tsx
deleted file mode 100644
index cbab8bd0a..000000000
--- a/src/app/(main)/reports/goals/GoalsReportPage.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-'use client';
-import GoalReport from './GoalsReport';
-
-export default function GoalReportPage() {
- return
-
-
-
-
-
- );
-}
diff --git a/src/app/(main)/reports/insights/InsightsReportPage.tsx b/src/app/(main)/reports/insights/InsightsReportPage.tsx
deleted file mode 100644
index 7525b7678..000000000
--- a/src/app/(main)/reports/insights/InsightsReportPage.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-'use client';
-import InsightsReport from './InsightsReport';
-
-export default function InsightsReportPage() {
- return
- {fields.map(({ name, label }) => {
- return (
-
- {row => formatValue(row[name], name)}
-
- );
- })}
-
- {row => row?.views?.toLocaleString()}
-
-
- {row => row?.visits?.toLocaleString()}
-
-
- {row => row?.visitors?.toLocaleString()}
-
-
- {row => {
- const n = (Math.min(row?.visits, row?.bounces) / row?.visits) * 100;
- return Math.round(+n) + '%';
- }}
-
-
- {row => {
- const n = row?.totaltime / row?.visits;
- return `${+n < 0 ? '-' : ''}${formatShortTime(Math.abs(~~n), ['m', 's'], ' ')}`;
- }}
-
-
- );
-}
-
-export default InsightsTable;
diff --git a/src/app/(main)/reports/insights/page.tsx b/src/app/(main)/reports/insights/page.tsx
deleted file mode 100644
index 1e9e0ea6d..000000000
--- a/src/app/(main)/reports/insights/page.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import InsightsReportPage from './InsightsReportPage';
-import { Metadata } from 'next';
-
-export default function () {
- return
-
-
-
-
-
- );
-}
diff --git a/src/app/(main)/reports/journey/JourneyReportPage.tsx b/src/app/(main)/reports/journey/JourneyReportPage.tsx
deleted file mode 100644
index 0f4b78cad..000000000
--- a/src/app/(main)/reports/journey/JourneyReportPage.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import JourneyReport from './JourneyReport';
-
-export default function JourneyReportPage() {
- return
-
- {columns.map((column, columnIndex) => {
- const dropOffPercent = `${~~column.dropOff}%`;
- return (
-
-
-
{columnIndex + 1}
-
-
- {formatLongNumber(column.visitorCount)} {formatMessage(labels.visitors)}
-
- {columnIndex > 0 &&
{dropOffPercent}
}
-
-
-
- {column.nodes.map(
- ({
- name,
- totalCount,
- selected,
- active,
- paths,
- activeCount,
- selectedCount,
- lines,
- }) => {
- const nodeCount = selected
- ? active
- ? activeCount
- : selectedCount
- : totalCount;
-
- return (
-
selected && setActiveNode({ name, columnIndex, paths })}
- onMouseLeave={() => selected && setActiveNode(null)}
- >
-
handleClick(name, columnIndex, paths)}
- >
-
- {name}
-
-
-
- {formatLongNumber(nodeCount)}
-
-
- {columnIndex < columns.length &&
- lines.map(([fromIndex, nodeIndex], i) => {
- const height =
- (Math.abs(nodeIndex - fromIndex) + 1) * (NODE_HEIGHT + NODE_GAP) -
- NODE_GAP;
- const midHeight =
- (Math.abs(nodeIndex - fromIndex) - 1) * (NODE_HEIGHT + NODE_GAP) +
- NODE_GAP +
- LINE_WIDTH;
- const nodeName = columns[columnIndex - 1]?.nodes[fromIndex].name;
-
- return (
-
- path.items[columnIndex] === name &&
- path.items[columnIndex - 1] === nodeName,
- ),
- [styles.up]: fromIndex < nodeIndex,
- [styles.down]: fromIndex > nodeIndex,
- [styles.flat]: fromIndex === nodeIndex,
- })}
- style={{ height }}
- >
-
-
-
-
- );
- })}
-
-
- );
- },
- )}
-
-
- );
- })}
-
-
-
-
-
-
-
- );
-}
diff --git a/src/app/(main)/reports/retention/RetentionReportPage.tsx b/src/app/(main)/reports/retention/RetentionReportPage.tsx
deleted file mode 100644
index 4d3e19e9d..000000000
--- a/src/app/(main)/reports/retention/RetentionReportPage.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-'use client';
-import { Metadata } from 'next';
-import RetentionReport from './RetentionReport';
-
-export default function RetentionReportPage() {
- return
-
-
{formatMessage(labels.date)}
-
{formatMessage(labels.visitors)}
- {days.map(n => (
-
- {formatMessage(labels.day)} {n}
-
- ))}
-
- {rows.map(({ date, visitors, records }, rowIndex) => {
- return (
-
-
{formatDate(date, 'PP', locale)}
-
{visitors}
- {days.map(day => {
- if (totalDays - rowIndex < day) {
- return null;
- }
- const percentage = records.filter(a => a.day === day)[0]?.percentage;
- return (
-
- {percentage ? `${Number(percentage).toFixed(2)}%` : ''}
-
- );
- })}
-
- );
- })}
-
-
-
-
-
-
- );
-}
diff --git a/src/app/(main)/reports/revenue/RevenueReportPage.tsx b/src/app/(main)/reports/revenue/RevenueReportPage.tsx
deleted file mode 100644
index e48c29d2e..000000000
--- a/src/app/(main)/reports/revenue/RevenueReportPage.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-'use client';
-import RevenueReport from './RevenueReport';
-
-export default function RevenueReportPage() {
- return
-
- {row => row.currency}
-
-
- {row => formatLongCurrency(row.sum, row.currency)}
-
-
- {row => formatLongCurrency(row.count ? row.sum / row.count : 0, row.currency)}
-
-
- {row => row.count}
-
-
- {row => row.unique_count}
-
-
- );
-}
-
-export default RevenueTable;
diff --git a/src/app/(main)/reports/revenue/RevenueView.module.css b/src/app/(main)/reports/revenue/RevenueView.module.css
deleted file mode 100644
index 9b35260e2..000000000
--- a/src/app/(main)/reports/revenue/RevenueView.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.container {
- display: grid;
- gap: 20px;
- margin-bottom: 40px;
-}
-
-.row {
- display: flex;
- align-items: center;
- gap: 10px;
-}
diff --git a/src/app/(main)/reports/revenue/RevenueView.tsx b/src/app/(main)/reports/revenue/RevenueView.tsx
deleted file mode 100644
index bd3d6c637..000000000
--- a/src/app/(main)/reports/revenue/RevenueView.tsx
+++ /dev/null
@@ -1,156 +0,0 @@
-import classNames from 'classnames';
-import { colord } from 'colord';
-import BarChart from '@/components/charts/BarChart';
-import PieChart from '@/components/charts/PieChart';
-import TypeIcon from '@/components/common/TypeIcon';
-import { useCountryNames, useLocale, useMessages } from '@/components/hooks';
-import { GridRow } from '@/components/layout/Grid';
-import ListTable from '@/components/metrics/ListTable';
-import MetricCard from '@/components/metrics/MetricCard';
-import MetricsBar from '@/components/metrics/MetricsBar';
-import { renderDateLabels } from '@/lib/charts';
-import { CHART_COLORS } from '@/lib/constants';
-import { formatLongCurrency, formatLongNumber } from '@/lib/format';
-import { useCallback, useContext, useMemo } from 'react';
-import { ReportContext } from '../[reportId]/Report';
-import RevenueTable from './RevenueTable';
-import styles from './RevenueView.module.css';
-
-export interface RevenueViewProps {
- isLoading?: boolean;
-}
-
-export function RevenueView({ isLoading }: RevenueViewProps) {
- const { formatMessage, labels } = useMessages();
- const { locale } = useLocale();
- const { countryNames } = useCountryNames(locale);
- const { report } = useContext(ReportContext);
- const {
- data,
- parameters: { dateRange, currency },
- } = report || {};
- const showTable = data?.table.length > 1;
-
- const renderCountryName = useCallback(
- ({ x: code }) => (
-
-
- ),
- [countryNames, locale],
- );
-
- const chartData = useMemo(() => {
- if (!data) return [];
-
- const map = (data.chart as any[]).reduce((obj, { x, t, y }) => {
- if (!obj[x]) {
- obj[x] = [];
- }
-
- obj[x].push({ x: t, y });
-
- return obj;
- }, {});
-
- return {
- datasets: Object.keys(map).map((key, index) => {
- const color = colord(CHART_COLORS[index % CHART_COLORS.length]);
- return {
- label: key,
- data: map[key],
- lineTension: 0,
- backgroundColor: color.alpha(0.6).toRgbString(),
- borderColor: color.alpha(0.7).toRgbString(),
- borderWidth: 1,
- };
- }),
- };
- }, [data]);
-
- const countryData = useMemo(() => {
- if (!data) return [];
-
- const labels = data.country.map(({ name }) => name);
- const datasets = [
- {
- data: data.country.map(({ value }) => value),
- backgroundColor: CHART_COLORS,
- borderWidth: 0,
- },
- ];
-
- return { labels, datasets };
- }, [data]);
-
- const metricData = useMemo(() => {
- if (!data) return [];
-
- const { sum, count, unique_count } = data.total;
-
- return [
- {
- value: sum,
- label: formatMessage(labels.total),
- formatValue: n => formatLongCurrency(n, currency),
- },
- {
- value: count ? sum / count : 0,
- label: formatMessage(labels.average),
- formatValue: n => formatLongCurrency(n, currency),
- },
- {
- value: count,
- label: formatMessage(labels.transactions),
- formatValue: formatLongNumber,
- },
- {
- value: unique_count,
- label: formatMessage(labels.uniqueCustomers),
- formatValue: formatLongNumber,
- },
- ] as any;
- }, [data, locale]);
-
- return (
- <>
-
-
- {metricData?.map(({ label, value, formatValue }) => {
- return
- {data && (
- <>
-
-
- ({
- x: name,
- y: Number(value),
- z: (value / data?.total.sum) * 100,
- }))}
- renderLabel={renderCountryName}
- />
-
-
- )}
- {showTable &&
}
-
-
-
-
-
-
- );
-}
diff --git a/src/app/(main)/reports/utm/UTMReportPage.tsx b/src/app/(main)/reports/utm/UTMReportPage.tsx
deleted file mode 100644
index 926a42632..000000000
--- a/src/app/(main)/reports/utm/UTMReportPage.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import UTMReport from './UTMReport';
-
-export default function UTMReportPage() {
- return
- {UTM_PARAMS.map(param => {
- const items = toArray(parseParameters(data)[param]);
- const chartData = {
- labels: items.map(({ name }) => name),
- datasets: [
- {
- data: items.map(({ value }) => value),
- backgroundColor: CHART_COLORS,
- borderWidth: 0,
- },
- ],
- };
- const total = items.reduce((sum, { value }) => {
- return +sum + +value;
- }, 0);
-
- return (
-
-
-
{param.replace(/^utm_/, '')}
-
({
- x: name,
- y: value,
- z: (value / total) * 100,
- }))}
- />
-
-
-
- );
- })}
-
{children} ;
+export function SettingsLayout({ children }: { children: ReactNode }) {
+ return (
+
+ {children}
+
+ );
}
diff --git a/src/app/(main)/settings/SettingsNav.tsx b/src/app/(main)/settings/SettingsNav.tsx
new file mode 100644
index 000000000..47cdb9cb5
--- /dev/null
+++ b/src/app/(main)/settings/SettingsNav.tsx
@@ -0,0 +1,106 @@
+import { Column, Focusable, Row, Text, Tooltip, TooltipTrigger } from '@umami/react-zen';
+import Link from 'next/link';
+import { IconLabel } from '@/components/common/IconLabel';
+import { useMessages, useNavigation } from '@/components/hooks';
+import { ArrowLeft, Settings2, UserCircle, Users } from '@/components/icons';
+
+export function SettingsNav({
+ isCollapsed,
+ onItemClick,
+}: {
+ isCollapsed?: boolean;
+ onItemClick?: () => void;
+}) {
+ const { t, labels } = useMessages();
+ const { renderUrl, pathname } = useNavigation();
+
+ const items = [
+ {
+ label: t(labels.application),
+ items: [
+ {
+ id: 'preferences',
+ label: t(labels.preferences),
+ path: renderUrl('/settings/preferences'),
+ icon:
+
+
+
+
+
+ {t(labels.back)}
+
+
+ {items.map(({ label: sectionLabel, items: sectionItems }, index) => (
+
+ {!isCollapsed && (
+
+ {sectionLabel}
+
+ )}
+ {sectionItems.map(({ id, path, label, icon }) => {
+ const isSelected = selectedKey === id;
+ return (
+
+
+
+
+
+ {label}
+
+
+ );
+ })}
+
+ ))}
+
+ );
+}
diff --git a/src/app/(main)/settings/layout.tsx b/src/app/(main)/settings/layout.tsx
index 573897d5e..4e773a37f 100644
--- a/src/app/(main)/settings/layout.tsx
+++ b/src/app/(main)/settings/layout.tsx
@@ -1,5 +1,5 @@
-import SettingsLayout from './SettingsLayout';
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
+import { SettingsLayout } from './SettingsLayout';
export default function ({ children }) {
if (process.env.cloudMode) {
diff --git a/src/app/(main)/settings/preferences/DateRangeSetting.tsx b/src/app/(main)/settings/preferences/DateRangeSetting.tsx
new file mode 100644
index 000000000..6719cd22e
--- /dev/null
+++ b/src/app/(main)/settings/preferences/DateRangeSetting.tsx
@@ -0,0 +1,33 @@
+import { Button, Row } from '@umami/react-zen';
+import { useState } from 'react';
+import { useMessages } from '@/components/hooks';
+import { DateFilter } from '@/components/input/DateFilter';
+import { DATE_RANGE_CONFIG, DEFAULT_DATE_RANGE_VALUE } from '@/lib/constants';
+import { getItem, setItem } from '@/lib/storage';
+
+export function DateRangeSetting() {
+ const { t, labels } = useMessages();
+ const [date, setDate] = useState(getItem(DATE_RANGE_CONFIG) || DEFAULT_DATE_RANGE_VALUE);
+
+ const handleChange = (value: string) => {
+ setItem(DATE_RANGE_CONFIG, value);
+ setDate(value);
+ };
+
+ const handleReset = () => {
+ setItem(DATE_RANGE_CONFIG, DEFAULT_DATE_RANGE_VALUE);
+ setDate(DEFAULT_DATE_RANGE_VALUE);
+ };
+
+ return (
+
+ {t(labels.reset)}
+
+ );
+}
diff --git a/src/app/(main)/profile/LanguageSetting.tsx b/src/app/(main)/settings/preferences/LanguageSetting.tsx
similarity index 52%
rename from src/app/(main)/profile/LanguageSetting.tsx
rename to src/app/(main)/settings/preferences/LanguageSetting.tsx
index fd8699fd1..34470c36c 100644
--- a/src/app/(main)/profile/LanguageSetting.tsx
+++ b/src/app/(main)/settings/preferences/LanguageSetting.tsx
@@ -1,16 +1,14 @@
+import { Button, ListItem, Row, Select } from '@umami/react-zen';
import { useState } from 'react';
-import { Button, Dropdown, Item, Flexbox } from 'react-basics';
import { useLocale, useMessages } from '@/components/hooks';
import { DEFAULT_LOCALE } from '@/lib/constants';
import { languages } from '@/lib/lang';
-import styles from './LanguageSetting.module.css';
export function LanguageSetting() {
const [search, setSearch] = useState('');
- const { formatMessage, labels } = useMessages();
+ const { t, labels } = useMessages();
const { locale, saveLocale } = useLocale();
-
- const options = search
+ const items = search
? Object.keys(languages).filter(n => {
return (
n.toLowerCase().includes(search.toLowerCase()) ||
@@ -21,24 +19,31 @@ export function LanguageSetting() {
const handleReset = () => saveLocale(DEFAULT_LOCALE);
- const renderValue = (value: string | number) => languages?.[value]?.label;
+ const handleOpen = (isOpen: boolean) => {
+ if (isOpen) {
+ setSearch('');
+ }
+ };
return (
-
-
+ saveLocale(val as string)}
- allowSearch={true}
+ allowSearch
onSearch={setSearch}
- menuProps={{ className: styles.menu }}
+ onOpenChange={handleOpen}
+ listProps={{ style: { maxHeight: 300 } }}
+ style={{ minWidth: '250px' }}
>
- {item => - {languages[item].label}
}
-
- {formatMessage(labels.reset)}
-
+ {items.map(item => (
+
+ {languages[item].label}
+
+ ))}
+ {!items.length && {t(labels.reset)}
+
);
}
-
-export default LanguageSetting;
diff --git a/src/app/(main)/settings/preferences/PreferenceSettings.tsx b/src/app/(main)/settings/preferences/PreferenceSettings.tsx
new file mode 100644
index 000000000..55695946b
--- /dev/null
+++ b/src/app/(main)/settings/preferences/PreferenceSettings.tsx
@@ -0,0 +1,41 @@
+import { Column, Label } from '@umami/react-zen';
+import { useLoginQuery, useMessages } from '@/components/hooks';
+import { DateRangeSetting } from './DateRangeSetting';
+import { LanguageSetting } from './LanguageSetting';
+import { ThemeSetting } from './ThemeSetting';
+import { TimezoneSetting } from './TimezoneSetting';
+import { VersionSetting } from './VersionSetting';
+
+export function PreferenceSettings() {
+ const { user } = useLoginQuery();
+ const { t, labels } = useMessages();
+
+ if (!user) {
+ return null;
+ }
+
+ return (
+
+
+ {t(labels.defaultDateRange)}
+
+
+ {t(labels.timezone)}
+
+
+ {t(labels.language)}
+
+
+ {t(labels.theme)}
+
+
+ {t(labels.version)}
+
+
+ );
+}
diff --git a/src/app/(main)/settings/preferences/PreferencesPage.tsx b/src/app/(main)/settings/preferences/PreferencesPage.tsx
new file mode 100644
index 000000000..2cbfd6dbf
--- /dev/null
+++ b/src/app/(main)/settings/preferences/PreferencesPage.tsx
@@ -0,0 +1,22 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { PageBody } from '@/components/common/PageBody';
+import { PageHeader } from '@/components/common/PageHeader';
+import { Panel } from '@/components/common/Panel';
+import { useMessages } from '@/components/hooks';
+import { PreferenceSettings } from './PreferenceSettings';
+
+export function PreferencesPage() {
+ const { t, labels } = useMessages();
+
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/settings/preferences/ThemeSetting.tsx b/src/app/(main)/settings/preferences/ThemeSetting.tsx
new file mode 100644
index 000000000..03bd6a6e4
--- /dev/null
+++ b/src/app/(main)/settings/preferences/ThemeSetting.tsx
@@ -0,0 +1,21 @@
+import { Button, Icon, Row, useTheme } from '@umami/react-zen';
+import { Moon, Sun } from '@/components/icons';
+
+export function ThemeSetting() {
+ const { theme, setTheme } = useTheme();
+
+ return (
+
+ setTheme('light')}>
+
+
+
+ setTheme('dark')}>
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/settings/preferences/TimezoneSetting.tsx b/src/app/(main)/settings/preferences/TimezoneSetting.tsx
new file mode 100644
index 000000000..f206a6e4f
--- /dev/null
+++ b/src/app/(main)/settings/preferences/TimezoneSetting.tsx
@@ -0,0 +1,45 @@
+import { Button, ListItem, Row, Select } from '@umami/react-zen';
+import { useState } from 'react';
+import { useMessages, useTimezone } from '@/components/hooks';
+import { getTimezone } from '@/lib/date';
+
+const timezones = Intl.supportedValuesOf('timeZone');
+
+export function TimezoneSetting() {
+ const [search, setSearch] = useState('');
+ const { t, labels } = useMessages();
+ const { timezone, saveTimezone } = useTimezone();
+ const items = search
+ ? timezones.filter(n => n.toLowerCase().includes(search.toLowerCase()))
+ : timezones;
+
+ const handleReset = () => saveTimezone(getTimezone());
+
+ const handleOpen = isOpen => {
+ if (isOpen) {
+ setSearch('');
+ }
+ };
+
+ return (
+
+ saveTimezone(value)}
+ allowSearch={true}
+ onSearch={setSearch}
+ onOpenChange={handleOpen}
+ listProps={{ style: { maxHeight: 300 } }}
+ style={{ minWidth: '250px' }}
+ >
+ {items.map((item: any) => (
+
+ {item}
+
+ ))}
+ {!items.length &&
+ {t(labels.reset)}
+
+ );
+}
diff --git a/src/app/(main)/settings/preferences/VersionSetting.tsx b/src/app/(main)/settings/preferences/VersionSetting.tsx
new file mode 100644
index 000000000..afca1de6b
--- /dev/null
+++ b/src/app/(main)/settings/preferences/VersionSetting.tsx
@@ -0,0 +1,8 @@
+'use client';
+
+import { Text } from '@umami/react-zen';
+import { CURRENT_VERSION } from '@/lib/constants';
+
+export function VersionSetting() {
+ return {CURRENT_VERSION} ;
+}
diff --git a/src/app/(main)/settings/preferences/page.tsx b/src/app/(main)/settings/preferences/page.tsx
new file mode 100644
index 000000000..dd16870e1
--- /dev/null
+++ b/src/app/(main)/settings/preferences/page.tsx
@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+import { PreferencesPage } from './PreferencesPage';
+
+export default function () {
+ return
+
+
+
+ {t(labels.changePassword)}
+
+
+
+ {({ close }) =>
+
+
+ );
+}
diff --git a/src/app/(main)/settings/profile/PasswordEditForm.tsx b/src/app/(main)/settings/profile/PasswordEditForm.tsx
new file mode 100644
index 000000000..8a1615a07
--- /dev/null
+++ b/src/app/(main)/settings/profile/PasswordEditForm.tsx
@@ -0,0 +1,67 @@
+import {
+ Button,
+ Form,
+ FormButtons,
+ FormField,
+ FormSubmitButton,
+ PasswordField,
+} from '@umami/react-zen';
+import { useMessages, useUpdateQuery } from '@/components/hooks';
+
+export function PasswordEditForm({ onSave, onClose }) {
+ const { t, labels, messages, getErrorMessage } = useMessages();
+ const { mutateAsync, error, isPending } = useUpdateQuery('/me/password');
+
+ const handleSubmit = async (data: any) => {
+ await mutateAsync(data, {
+ onSuccess: async () => {
+ onSave();
+ onClose();
+ },
+ });
+ };
+
+ const samePassword = (value: string, values: Record) => {
+ if (value !== values.newPassword) {
+ return t(messages.noMatchPassword);
+ }
+ return true;
+ };
+
+ return (
+
+ );
+}
diff --git a/src/app/(main)/settings/profile/ProfileHeader.tsx b/src/app/(main)/settings/profile/ProfileHeader.tsx
new file mode 100644
index 000000000..09cabbe2c
--- /dev/null
+++ b/src/app/(main)/settings/profile/ProfileHeader.tsx
@@ -0,0 +1,8 @@
+import { SectionHeader } from '@/components/common/SectionHeader';
+import { useMessages } from '@/components/hooks';
+
+export function ProfileHeader() {
+ const { t, labels } = useMessages();
+
+ return
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/settings/profile/ProfileSettings.tsx b/src/app/(main)/settings/profile/ProfileSettings.tsx
new file mode 100644
index 000000000..e991dcda5
--- /dev/null
+++ b/src/app/(main)/settings/profile/ProfileSettings.tsx
@@ -0,0 +1,51 @@
+import { Column, Label, Row } from '@umami/react-zen';
+import { useConfig, useLoginQuery, useMessages } from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
+import { PasswordChangeButton } from './PasswordChangeButton';
+
+export function ProfileSettings() {
+ const { user } = useLoginQuery();
+ const { t, labels } = useMessages();
+ const { cloudMode } = useConfig();
+
+ if (!user) {
+ return null;
+ }
+
+ const { username, role } = user;
+
+ const renderRole = (value: string) => {
+ if (value === ROLES.user) {
+ return t(labels.user);
+ }
+ if (value === ROLES.admin) {
+ return t(labels.admin);
+ }
+ if (value === ROLES.viewOnly) {
+ return t(labels.viewOnly);
+ }
+
+ return t(labels.unknown);
+ };
+
+ return (
+
+
+ {t(labels.username)}
+ {username}
+
+
+ {t(labels.role)}
+ {renderRole(role)}
+
+ {!cloudMode && (
+
+ {t(labels.password)}
+
+
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/profile/page.tsx b/src/app/(main)/settings/profile/page.tsx
similarity index 58%
rename from src/app/(main)/profile/page.tsx
rename to src/app/(main)/settings/profile/page.tsx
index 0c1f0082e..6060b91f6 100644
--- a/src/app/(main)/profile/page.tsx
+++ b/src/app/(main)/settings/profile/page.tsx
@@ -1,5 +1,5 @@
-import { Metadata } from 'next';
-import ProfilePage from './ProfilePage';
+import type { Metadata } from 'next';
+import { ProfilePage } from './ProfilePage';
export default function () {
return
-
-
-
- {formatMessage(labels.leave)}
-
-
- {(close: () => void) => (
-
-
- );
-}
-
-export default TeamLeaveButton;
diff --git a/src/app/(main)/settings/teams/TeamLeaveForm.tsx b/src/app/(main)/settings/teams/TeamLeaveForm.tsx
deleted file mode 100644
index 389ba4ea7..000000000
--- a/src/app/(main)/settings/teams/TeamLeaveForm.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { useApi, useMessages, useModified } from '@/components/hooks';
-import ConfirmationForm from '@/components/common/ConfirmationForm';
-
-export function TeamLeaveForm({
- teamId,
- userId,
- teamName,
- onSave,
- onClose,
-}: {
- teamId: string;
- userId: string;
- teamName: string;
- onSave: () => void;
- onClose: () => void;
-}) {
- const { formatMessage, labels, messages } = useMessages();
- const { del, useMutation } = useApi();
- const { mutate, error, isPending } = useMutation({
- mutationFn: () => del(`/teams/${teamId}/users/${userId}`),
- });
- const { touch } = useModified();
-
- const handleConfirm = async () => {
- mutate(null, {
- onSuccess: async () => {
- touch('teams:members');
- onSave();
- onClose();
- },
- });
- };
-
- return (
- {teamName},
- })}
- onConfirm={handleConfirm}
- onClose={onClose}
- isLoading={isPending}
- error={error}
- />
- );
-}
-
-export default TeamLeaveForm;
diff --git a/src/app/(main)/settings/teams/TeamsAddButton.tsx b/src/app/(main)/settings/teams/TeamsAddButton.tsx
deleted file mode 100644
index 58c138a8a..000000000
--- a/src/app/(main)/settings/teams/TeamsAddButton.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import Icons from '@/components/icons';
-import { useMessages, useModified } from '@/components/hooks';
-import TeamAddForm from './TeamAddForm';
-import { messages } from '@/components/messages';
-
-export function TeamsAddButton({ onSave }: { onSave?: () => void }) {
- const { formatMessage, labels } = useMessages();
- const { showToast } = useToasts();
- const { touch } = useModified();
-
- const handleSave = async () => {
- showToast({ message: formatMessage(messages.saved), variant: 'success' });
- touch('teams');
- onSave?.();
- };
-
- return (
-
-
-
-
- {formatMessage(labels.createTeam)}
-
-
- {(close: () => void) =>
-
- );
-}
-
-export default TeamsAddButton;
diff --git a/src/app/(main)/settings/teams/TeamsDataTable.tsx b/src/app/(main)/settings/teams/TeamsDataTable.tsx
deleted file mode 100644
index 9b8c9b278..000000000
--- a/src/app/(main)/settings/teams/TeamsDataTable.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import DataTable from '@/components/common/DataTable';
-import TeamsTable from '@/app/(main)/settings/teams/TeamsTable';
-import { useLogin, useTeams } from '@/components/hooks';
-import { ReactNode } from 'react';
-
-export function TeamsDataTable({
- allowEdit,
- showActions,
- children,
-}: {
- allowEdit?: boolean;
- showActions?: boolean;
- children?: ReactNode;
-}) {
- const { user } = useLogin();
- const queryResult = useTeams(user.id);
-
- return (
- children}>
- {({ data }) => {
- return
- );
-}
-
-export default TeamsDataTable;
diff --git a/src/app/(main)/settings/teams/TeamsHeader.tsx b/src/app/(main)/settings/teams/TeamsHeader.tsx
deleted file mode 100644
index e1911a197..000000000
--- a/src/app/(main)/settings/teams/TeamsHeader.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Flexbox } from 'react-basics';
-import PageHeader from '@/components/layout/PageHeader';
-import { ROLES } from '@/lib/constants';
-import { useLogin, useMessages } from '@/components/hooks';
-import TeamsJoinButton from './TeamsJoinButton';
-import TeamsAddButton from './TeamsAddButton';
-
-export function TeamsHeader({ allowCreate = true }: { allowCreate?: boolean }) {
- const { formatMessage, labels } = useMessages();
- const { user } = useLogin();
- const cloudMode = !!process.env.cloudMode;
-
- return (
-
-
- {!cloudMode &&
-
- );
-}
-
-export default TeamsHeader;
diff --git a/src/app/(main)/settings/teams/TeamsJoinButton.tsx b/src/app/(main)/settings/teams/TeamsJoinButton.tsx
deleted file mode 100644
index bbf2d6858..000000000
--- a/src/app/(main)/settings/teams/TeamsJoinButton.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import Icons from '@/components/icons';
-import { useMessages, useModified } from '@/components/hooks';
-import TeamJoinForm from './TeamJoinForm';
-
-export function TeamsJoinButton() {
- const { formatMessage, labels, messages } = useMessages();
- const { showToast } = useToasts();
- const { touch } = useModified();
-
- const handleJoin = () => {
- showToast({ message: formatMessage(messages.saved), variant: 'success' });
- touch('teams');
- };
-
- return (
-
-
-
-
- {formatMessage(labels.joinTeam)}
-
-
- {close =>
-
- );
-}
-
-export default TeamsJoinButton;
diff --git a/src/app/(main)/settings/teams/TeamsSettingsPage.tsx b/src/app/(main)/settings/teams/TeamsSettingsPage.tsx
index 9b45845bc..dc3e3bc85 100644
--- a/src/app/(main)/settings/teams/TeamsSettingsPage.tsx
+++ b/src/app/(main)/settings/teams/TeamsSettingsPage.tsx
@@ -1,12 +1,16 @@
'use client';
-import TeamsDataTable from './TeamsDataTable';
-import TeamsHeader from './TeamsHeader';
+import { Column } from '@umami/react-zen';
+import { TeamsDataTable } from '@/app/(main)/teams/TeamsDataTable';
+import { TeamsHeader } from '@/app/(main)/teams/TeamsHeader';
+import { Panel } from '@/components/common/Panel';
-export default function TeamsSettingsPage() {
+export function TeamsSettingsPage() {
return (
- <>
+
+
+
);
}
diff --git a/src/app/(main)/settings/teams/TeamsTable.tsx b/src/app/(main)/settings/teams/TeamsTable.tsx
deleted file mode 100644
index 8e7efa275..000000000
--- a/src/app/(main)/settings/teams/TeamsTable.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { GridColumn, GridTable, Icon, Text } from 'react-basics';
-import { useMessages } from '@/components/hooks';
-import Icons from '@/components/icons';
-import { ROLES } from '@/lib/constants';
-import LinkButton from '@/components/common/LinkButton';
-
-export function TeamsTable({
- data = [],
- showActions = true,
-}: {
- data: any[];
- allowEdit?: boolean;
- showActions?: boolean;
-}) {
- const { formatMessage, labels } = useMessages();
-
- return (
-
-
- {row => row.teamUser.find(({ role }) => role === ROLES.teamOwner)?.user?.username}
-
-
- {row => row._count.website}
-
-
- {row => row._count.teamUser}
-
- {showActions && (
-
- {row => {
- const { id } = row;
-
- return (
-
-
-
- {formatMessage(labels.view)}
-
- );
- }}
-
- )}
-
- );
-}
-
-export default TeamsTable;
diff --git a/src/app/(main)/settings/teams/WebsiteTags.module.css b/src/app/(main)/settings/teams/WebsiteTags.module.css
deleted file mode 100644
index 5ca7af51e..000000000
--- a/src/app/(main)/settings/teams/WebsiteTags.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.filters {
- display: flex;
- justify-content: flex-start;
- align-items: flex-start;
-}
-
-.tag {
- text-align: center;
- margin-bottom: 10px;
- margin-inline-end: 20px;
-}
diff --git a/src/app/(main)/settings/teams/WebsiteTags.tsx b/src/app/(main)/settings/teams/WebsiteTags.tsx
deleted file mode 100644
index 4a0f109d8..000000000
--- a/src/app/(main)/settings/teams/WebsiteTags.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Button, Icon, Icons, Text } from 'react-basics';
-import styles from './WebsiteTags.module.css';
-
-export function WebsiteTags({
- items = [],
- websites = [],
- onClick,
-}: {
- items: any[];
- websites: any[];
- onClick: (e: Event) => void;
-}) {
- if (websites.length === 0) {
- return null;
- }
-
- return (
-
- {websites.map(websiteId => {
- const website = items.find(a => a.id === websiteId);
-
- return (
-
- onClick(websiteId)} variant="primary" size="sm">
-
- {`${website.name}`}
-
-
-
-
-
- );
- })}
-
+
+ );
+}
diff --git a/src/app/(main)/settings/teams/[teamId]/page.tsx b/src/app/(main)/settings/teams/[teamId]/page.tsx
new file mode 100644
index 000000000..58a380bc2
--- /dev/null
+++ b/src/app/(main)/settings/teams/[teamId]/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { TeamSettingsPage } from './TeamSettingsPage';
+
+export default async function ({ params }: { params: Promise<{ teamId: string }> }) {
+ const { teamId } = await params;
+
+ return
-
-
-
- {formatMessage(labels.createUser)}
-
-
- {(close: () => void) =>
-
- );
-}
-
-export default UserAddButton;
diff --git a/src/app/(main)/settings/users/UserAddForm.tsx b/src/app/(main)/settings/users/UserAddForm.tsx
deleted file mode 100644
index a6998e5da..000000000
--- a/src/app/(main)/settings/users/UserAddForm.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import {
- Dropdown,
- Item,
- Form,
- FormRow,
- FormButtons,
- FormInput,
- TextField,
- PasswordField,
- SubmitButton,
- Button,
-} from 'react-basics';
-import { useApi, useMessages } from '@/components/hooks';
-import { ROLES } from '@/lib/constants';
-import { messages } from '@/components/messages';
-
-export function UserAddForm({ onSave, onClose }) {
- const { post, useMutation } = useApi();
- const { mutate, error, isPending } = useMutation({
- mutationFn: (data: any) => post(`/users`, data),
- });
- const { formatMessage, labels } = useMessages();
-
- const handleSubmit = async (data: any) => {
- mutate(data, {
- onSuccess: async () => {
- onSave(data);
- onClose();
- },
- });
- };
-
- const renderValue = (value: string) => {
- if (value === ROLES.user) {
- return formatMessage(labels.user);
- }
- if (value === ROLES.admin) {
- return formatMessage(labels.admin);
- }
- if (value === ROLES.viewOnly) {
- return formatMessage(labels.viewOnly);
- }
- };
-
- return (
-
- );
-}
-
-export default UserAddForm;
diff --git a/src/app/(main)/settings/users/UserDeleteButton.tsx b/src/app/(main)/settings/users/UserDeleteButton.tsx
deleted file mode 100644
index d4c3da0a0..000000000
--- a/src/app/(main)/settings/users/UserDeleteButton.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
-import { useMessages, useLogin } from '@/components/hooks';
-import UserDeleteForm from './UserDeleteForm';
-
-export function UserDeleteButton({
- userId,
- username,
- onDelete,
-}: {
- userId: string;
- username: string;
- onDelete?: () => void;
-}) {
- const { formatMessage, labels } = useMessages();
- const { user } = useLogin();
-
- return (
-
-
-
-
- {formatMessage(labels.delete)}
-
-
- {(close: () => void) => (
-
-
- );
-}
-
-export default UserDeleteButton;
diff --git a/src/app/(main)/settings/users/UserDeleteForm.tsx b/src/app/(main)/settings/users/UserDeleteForm.tsx
deleted file mode 100644
index 5c307cdcc..000000000
--- a/src/app/(main)/settings/users/UserDeleteForm.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { useApi, useMessages, useModified } from '@/components/hooks';
-import ConfirmationForm from '@/components/common/ConfirmationForm';
-
-export function UserDeleteForm({ userId, username, onSave, onClose }) {
- const { messages, labels, formatMessage } = useMessages();
- const { del, useMutation } = useApi();
- const { mutate, error, isPending } = useMutation({ mutationFn: () => del(`/users/${userId}`) });
- const { touch } = useModified();
-
- const handleConfirm = async () => {
- mutate(null, {
- onSuccess: async () => {
- touch('users');
- onSave?.();
- onClose?.();
- },
- });
- };
-
- return (
- {username},
- })}
- onConfirm={handleConfirm}
- onClose={onClose}
- buttonLabel={formatMessage(labels.delete)}
- isLoading={isPending}
- error={error}
- />
- );
-}
-
-export default UserDeleteForm;
diff --git a/src/app/(main)/settings/users/UsersDataTable.tsx b/src/app/(main)/settings/users/UsersDataTable.tsx
deleted file mode 100644
index 867f4090d..000000000
--- a/src/app/(main)/settings/users/UsersDataTable.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import DataTable from '@/components/common/DataTable';
-import { useUsers } from '@/components/hooks';
-import UsersTable from './UsersTable';
-import { ReactNode } from 'react';
-
-export function UsersDataTable({
- showActions,
- children,
-}: {
- showActions?: boolean;
- children?: ReactNode;
-}) {
- const queryResult = useUsers();
-
- return (
- children}>
- {({ data }) =>
- );
-}
-
-export default UsersDataTable;
diff --git a/src/app/(main)/settings/users/UsersHeader.tsx b/src/app/(main)/settings/users/UsersHeader.tsx
deleted file mode 100644
index d07a159f6..000000000
--- a/src/app/(main)/settings/users/UsersHeader.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import PageHeader from '@/components/layout/PageHeader';
-import { useMessages } from '@/components/hooks';
-import UserAddButton from './UserAddButton';
-
-export function UsersHeader({ onAdd }: { onAdd?: () => void }) {
- const { formatMessage, labels } = useMessages();
-
- return (
-
-
- );
-}
-
-export default UsersHeader;
diff --git a/src/app/(main)/settings/users/UsersSettingsPage.tsx b/src/app/(main)/settings/users/UsersSettingsPage.tsx
deleted file mode 100644
index 664f58d1b..000000000
--- a/src/app/(main)/settings/users/UsersSettingsPage.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-'use client';
-import UsersDataTable from './UsersDataTable';
-import UsersHeader from './UsersHeader';
-
-export default function UsersSettingsPage() {
- return (
- <>
-
-
- {row =>
- formatMessage(
- labels[Object.keys(ROLES).find(key => ROLES[key] === row.role)] || labels.unknown,
- )
- }
-
-
- {row =>
- formatDistance(new Date(row.createdAt), new Date(), {
- addSuffix: true,
- locale: dateLocale,
- })
- }
-
-
- {row => row._count.website}
-
- {showActions && (
-
- {row => {
- const { id, username } = row;
- return (
- <>
-
-
-
- {formatMessage(labels.edit)}
-
-
- );
- }}
-
- )}
-
- );
-}
-
-export default UsersTable;
diff --git a/src/app/(main)/settings/users/[userId]/UserEditForm.tsx b/src/app/(main)/settings/users/[userId]/UserEditForm.tsx
deleted file mode 100644
index 89bd5c024..000000000
--- a/src/app/(main)/settings/users/[userId]/UserEditForm.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import {
- Dropdown,
- Item,
- Form,
- FormRow,
- FormButtons,
- FormInput,
- TextField,
- SubmitButton,
- PasswordField,
-} from 'react-basics';
-import { useApi, useLogin, useMessages } from '@/components/hooks';
-import { ROLES } from '@/lib/constants';
-import { useContext, useRef } from 'react';
-import { UserContext } from './UserProvider';
-
-export function UserEditForm({ userId, onSave }: { userId: string; onSave?: () => void }) {
- const { formatMessage, labels, messages } = useMessages();
- const { post, useMutation } = useApi();
- const { mutate, error } = useMutation({
- mutationFn: ({
- username,
- password,
- role,
- }: {
- username: string;
- password: string;
- role: string;
- }) => post(`/users/${userId}`, { username, password, role }),
- });
- const ref = useRef(null);
- const user = useContext(UserContext);
- const { user: login } = useLogin();
-
- const handleSubmit = async (data: any) => {
- mutate(data, {
- onSuccess: async () => {
- ref.current.reset(data);
- onSave?.();
- },
- });
- };
-
- const renderValue = (value: string) => {
- if (value === ROLES.user) {
- return formatMessage(labels.user);
- }
- if (value === ROLES.admin) {
- return formatMessage(labels.admin);
- }
- if (value === ROLES.viewOnly) {
- return formatMessage(labels.viewOnly);
- }
- };
-
- return (
-
- );
-}
-
-export default UserEditForm;
diff --git a/src/app/(main)/settings/users/[userId]/UserPage.tsx b/src/app/(main)/settings/users/[userId]/UserPage.tsx
deleted file mode 100644
index 50d5ab7ed..000000000
--- a/src/app/(main)/settings/users/[userId]/UserPage.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-'use client';
-import UserSettings from './UserSettings';
-import UserProvider from './UserProvider';
-
-export default function ({ userId }: { userId: string }) {
- return (
-
-
- );
-}
diff --git a/src/app/(main)/settings/users/[userId]/UserProvider.tsx b/src/app/(main)/settings/users/[userId]/UserProvider.tsx
deleted file mode 100644
index ed559c910..000000000
--- a/src/app/(main)/settings/users/[userId]/UserProvider.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { createContext, ReactNode, useEffect } from 'react';
-import { useModified, useUser } from '@/components/hooks';
-import { Loading } from 'react-basics';
-
-export const UserContext = createContext(null);
-
-export function UserProvider({ userId, children }: { userId: string; children: ReactNode }) {
- const { modified } = useModified(`user:${userId}`);
- const { data: user, isFetching, isLoading, refetch } = useUser(userId);
-
- useEffect(() => {
- if (modified) {
- refetch();
- }
- }, [modified]);
-
- if (isFetching && isLoading) {
- return {children} ;
-}
-
-export default UserProvider;
diff --git a/src/app/(main)/settings/users/[userId]/UserSettings.tsx b/src/app/(main)/settings/users/[userId]/UserSettings.tsx
deleted file mode 100644
index 0d98205ff..000000000
--- a/src/app/(main)/settings/users/[userId]/UserSettings.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Key, useContext, useState } from 'react';
-import { Item, Tabs, useToasts } from 'react-basics';
-import Icons from '@/components/icons';
-import UserEditForm from './UserEditForm';
-import PageHeader from '@/components/layout/PageHeader';
-import { useMessages } from '@/components/hooks';
-import UserWebsites from './UserWebsites';
-import { UserContext } from './UserProvider';
-import Breadcrumb from '@/components/common/Breadcrumb';
-
-export function UserSettings({ userId }: { userId: string }) {
- const { formatMessage, labels, messages } = useMessages();
- const [tab, setTab] = useState('details');
- const user = useContext(UserContext);
- const { showToast } = useToasts();
-
- const handleSave = () => {
- showToast({ message: formatMessage(messages.saved), variant: 'success' });
- };
-
- const breadcrumb = (
-
- - {formatMessage(labels.details)}
- - {formatMessage(labels.websites)}
-
- {tab === 'details' &&
- {({ data }) => (
-
- );
-}
-
-export default UserWebsites;
diff --git a/src/app/(main)/settings/users/[userId]/page.tsx b/src/app/(main)/settings/users/[userId]/page.tsx
deleted file mode 100644
index 3b3a3fac9..000000000
--- a/src/app/(main)/settings/users/[userId]/page.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import UserPage from './UserPage';
-import { Metadata } from 'next';
-
-export default async function ({ params }: { params: { userId: string } }) {
- const { userId } = await params;
-
- return
-
-
-
- {formatMessage(labels.addWebsite)}
-
-
- {(close: () => void) => (
-
-
- );
-}
-
-export default WebsiteAddButton;
diff --git a/src/app/(main)/settings/websites/WebsiteAddForm.tsx b/src/app/(main)/settings/websites/WebsiteAddForm.tsx
deleted file mode 100644
index 906724120..000000000
--- a/src/app/(main)/settings/websites/WebsiteAddForm.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import {
- Form,
- FormRow,
- FormInput,
- FormButtons,
- TextField,
- Button,
- SubmitButton,
-} from 'react-basics';
-import { useApi } from '@/components/hooks';
-import { DOMAIN_REGEX } from '@/lib/constants';
-import { useMessages } from '@/components/hooks';
-
-export function WebsiteAddForm({
- teamId,
- onSave,
- onClose,
-}: {
- teamId?: string;
- onSave?: () => void;
- onClose?: () => void;
-}) {
- const { formatMessage, labels, messages } = useMessages();
- const { post, useMutation } = useApi();
- const { mutate, error, isPending } = useMutation({
- mutationFn: (data: any) => post('/websites', { ...data, teamId }),
- });
-
- const handleSubmit = async (data: any) => {
- mutate(data, {
- onSuccess: async () => {
- onSave?.();
- onClose?.();
- },
- });
- };
-
- return (
-
- );
-}
-
-export default WebsiteAddForm;
diff --git a/src/app/(main)/settings/websites/Websites.module.css b/src/app/(main)/settings/websites/Websites.module.css
deleted file mode 100644
index 2a7cc6e79..000000000
--- a/src/app/(main)/settings/websites/Websites.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.website {
- padding-bottom: 30px;
- border-bottom: 1px solid var(--base300);
- margin-bottom: 30px;
- align-self: stretch;
-}
-
-.website:last-child {
- border-bottom: 0;
- margin-bottom: 20px;
-}
diff --git a/src/app/(main)/settings/websites/WebsitesDataTable.tsx b/src/app/(main)/settings/websites/WebsitesDataTable.tsx
deleted file mode 100644
index 023df8573..000000000
--- a/src/app/(main)/settings/websites/WebsitesDataTable.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { ReactNode } from 'react';
-import WebsitesTable from '@/app/(main)/settings/websites/WebsitesTable';
-import DataTable from '@/components/common/DataTable';
-import { useWebsites } from '@/components/hooks';
-
-export function WebsitesDataTable({
- teamId,
- allowEdit = true,
- allowView = true,
- showActions = true,
- children,
-}: {
- teamId?: string;
- allowEdit?: boolean;
- allowView?: boolean;
- showActions?: boolean;
- children?: ReactNode;
-}) {
- const queryResult = useWebsites({ teamId });
-
- return (
- children}>
- {({ data }) => (
-
- );
-}
-
-export default WebsitesDataTable;
diff --git a/src/app/(main)/settings/websites/WebsitesHeader.tsx b/src/app/(main)/settings/websites/WebsitesHeader.tsx
deleted file mode 100644
index 34e87a13e..000000000
--- a/src/app/(main)/settings/websites/WebsitesHeader.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useMessages } from '@/components/hooks';
-import PageHeader from '@/components/layout/PageHeader';
-import WebsiteAddButton from './WebsiteAddButton';
-
-export interface WebsitesHeaderProps {
- teamId?: string;
- allowCreate?: boolean;
-}
-
-export function WebsitesHeader({ teamId, allowCreate = true }: WebsitesHeaderProps) {
- const { formatMessage, labels } = useMessages();
-
- return (
-
- {allowCreate &&
- );
-}
-
-export default WebsitesHeader;
diff --git a/src/app/(main)/settings/websites/WebsitesSettingsPage.tsx b/src/app/(main)/settings/websites/WebsitesSettingsPage.tsx
index 61909a9e5..d83dfbf02 100644
--- a/src/app/(main)/settings/websites/WebsitesSettingsPage.tsx
+++ b/src/app/(main)/settings/websites/WebsitesSettingsPage.tsx
@@ -1,17 +1,16 @@
'use client';
-import { useLogin } from '@/components/hooks';
-import WebsitesDataTable from './WebsitesDataTable';
-import WebsitesHeader from './WebsitesHeader';
-import { ROLES } from '@/lib/constants';
+import { Column } from '@umami/react-zen';
+import { WebsitesDataTable } from '@/app/(main)/websites/WebsitesDataTable';
+import { SectionHeader } from '@/components/common/SectionHeader';
+import { useMessages } from '@/components/hooks';
-export default function WebsitesSettingsPage({ teamId }: { teamId: string }) {
- const { user } = useLogin();
- const canCreate = user.role !== ROLES.viewOnly;
+export function WebsitesSettingsPage({ teamId }: { teamId: string }) {
+ const { t, labels } = useMessages();
return (
- <>
-
+
);
}
diff --git a/src/app/(main)/settings/websites/WebsitesTable.tsx b/src/app/(main)/settings/websites/WebsitesTable.tsx
deleted file mode 100644
index 79749b972..000000000
--- a/src/app/(main)/settings/websites/WebsitesTable.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { ReactNode } from 'react';
-import { Text, Icon, Icons, GridTable, GridColumn } from 'react-basics';
-import { useMessages, useTeamUrl } from '@/components/hooks';
-import LinkButton from '@/components/common/LinkButton';
-
-export interface WebsitesTableProps {
- data: any[];
- showActions?: boolean;
- allowEdit?: boolean;
- allowView?: boolean;
- teamId?: string;
- children?: ReactNode;
-}
-
-export function WebsitesTable({
- data = [],
- showActions,
- allowEdit,
- allowView,
- children,
-}: WebsitesTableProps) {
- const { formatMessage, labels } = useMessages();
- const { renderTeamUrl } = useTeamUrl();
-
- if (!data?.length) {
- return children;
- }
-
- return (
-
-
- {row => {
- const { id: websiteId } = row;
-
- return (
- <>
- {allowEdit && (
-
-
-
- {formatMessage(labels.edit)}
-
- )}
- {allowView && (
-
-
-
- {formatMessage(labels.view)}
-
- )}
-
- );
- }}
-
- )}
-
- );
-}
-
-export default WebsitesTable;
diff --git a/src/app/(main)/settings/websites/[websiteId]/ShareUrl.tsx b/src/app/(main)/settings/websites/[websiteId]/ShareUrl.tsx
deleted file mode 100644
index 318e4e95b..000000000
--- a/src/app/(main)/settings/websites/[websiteId]/ShareUrl.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import {
- Form,
- FormRow,
- FormButtons,
- Flexbox,
- TextField,
- Button,
- Toggle,
- LoadingButton,
-} from 'react-basics';
-import { useContext, useState } from 'react';
-import { getRandomChars } from '@/lib/crypto';
-import { useApi, useMessages, useModified } from '@/components/hooks';
-import { WebsiteContext } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
-
-const generateId = () => getRandomChars(16);
-
-export function ShareUrl({ hostUrl, onSave }: { hostUrl?: string; onSave?: () => void }) {
- const website = useContext(WebsiteContext);
- const { domain, shareId } = website;
- const { formatMessage, labels, messages } = useMessages();
- const [id, setId] = useState(shareId);
- const { post, useMutation } = useApi();
- const { mutate, error, isPending } = useMutation({
- mutationFn: (data: any) => post(`/websites/${website.id}`, data),
- });
- const { touch } = useModified();
-
- const url = `${hostUrl || window?.location.origin || ''}${
- process.env.basePath || ''
- }/share/${id}/${domain}`;
-
- const handleGenerate = () => {
- setId(generateId());
- };
-
- const handleCheck = (checked: boolean) => {
- const data = {
- name: website.name,
- domain: website.domain,
- shareId: checked ? generateId() : null,
- };
- mutate(data, {
- onSuccess: async () => {
- touch(`website:${website.id}`);
- onSave?.();
- },
- });
- setId(data.shareId);
- };
-
- const handleSave = () => {
- mutate(
- { name: website.name, domain: website.domain, shareId: id },
- {
- onSuccess: async () => {
- touch(`website:${website.id}`);
- onSave?.();
- },
- },
- );
- };
-
- return (
- <>
-
- {formatMessage(labels.enableShareUrl)}
-
- {id && (
-
- )}
-
- );
-}
-
-export default ShareUrl;
diff --git a/src/app/(main)/settings/websites/[websiteId]/TrackingCode.tsx b/src/app/(main)/settings/websites/[websiteId]/TrackingCode.tsx
deleted file mode 100644
index cacdf689b..000000000
--- a/src/app/(main)/settings/websites/[websiteId]/TrackingCode.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { TextArea } from 'react-basics';
-import { useMessages, useConfig } from '@/components/hooks';
-
-const SCRIPT_NAME = 'script.js';
-
-export function TrackingCode({ websiteId, hostUrl }: { websiteId: string; hostUrl?: string }) {
- const { formatMessage, messages } = useMessages();
- const config = useConfig();
-
- const trackerScriptName =
- config?.trackerScriptName?.split(',')?.map((n: string) => n.trim())?.[0] || SCRIPT_NAME;
-
- const url = trackerScriptName?.startsWith('http')
- ? trackerScriptName
- : `${hostUrl || window?.location.origin || ''}${
- process.env.basePath || ''
- }/${trackerScriptName}`;
-
- const code = ``;
-
- return (
- <>
- {formatMessage(messages.trackingCode)}
-
-
- );
-}
-
-export default TrackingCode;
diff --git a/src/app/(main)/settings/websites/[websiteId]/WebsiteData.tsx b/src/app/(main)/settings/websites/[websiteId]/WebsiteData.tsx
deleted file mode 100644
index d11f24df7..000000000
--- a/src/app/(main)/settings/websites/[websiteId]/WebsiteData.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Button, Modal, ModalTrigger, ActionForm } from 'react-basics';
-import { useRouter } from 'next/navigation';
-import { useLogin, useMessages, useModified, useTeams, useTeamUrl } from '@/components/hooks';
-import WebsiteDeleteForm from './WebsiteDeleteForm';
-import WebsiteResetForm from './WebsiteResetForm';
-import WebsiteTransferForm from './WebsiteTransferForm';
-import { ROLES } from '@/lib/constants';
-
-export function WebsiteData({ websiteId, onSave }: { websiteId: string; onSave?: () => void }) {
- const { formatMessage, labels, messages } = useMessages();
- const { user } = useLogin();
- const { touch } = useModified();
- const { teamId, renderTeamUrl } = useTeamUrl();
- const router = useRouter();
- const { result } = useTeams(user.id);
- const canTransferWebsite =
- (
- !teamId &&
- result.data.filter(({ teamUser }) =>
- teamUser.find(
- ({ role, userId }) =>
- [ROLES.teamOwner, ROLES.teamManager].includes(role) && userId === user.id,
- ),
- )
- ).length > 0 ||
- (teamId &&
- !!result?.data
- ?.find(({ id }) => id === teamId)
- ?.teamUser.find(({ role, userId }) => role === ROLES.teamOwner && userId === user.id));
-
- const handleSave = () => {
- touch('websites');
- onSave?.();
- router.push(renderTeamUrl(`/settings/websites`));
- };
-
- const handleReset = async () => {
- onSave?.();
- };
-
- return (
- <>
-
-
-
- {formatMessage(labels.transfer)}
-
-
- {(close: () => void) => (
-
-
-
-
-
- {formatMessage(labels.reset)}
-
- {(close: () => void) => (
-
-
-
-
-
-
- {formatMessage(labels.delete)}
-
-
- {(close: () => void) => (
-
-
-
-
- );
-}
-
-export default WebsiteData;
diff --git a/src/app/(main)/settings/websites/[websiteId]/WebsiteEditForm.tsx b/src/app/(main)/settings/websites/[websiteId]/WebsiteEditForm.tsx
deleted file mode 100644
index aeef7f343..000000000
--- a/src/app/(main)/settings/websites/[websiteId]/WebsiteEditForm.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { useContext, useRef } from 'react';
-import { SubmitButton, Form, FormInput, FormRow, FormButtons, TextField } from 'react-basics';
-import { useApi, useMessages, useModified } from '@/components/hooks';
-import { DOMAIN_REGEX } from '@/lib/constants';
-import { WebsiteContext } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
-
-export function WebsiteEditForm({ websiteId, onSave }: { websiteId: string; onSave?: () => void }) {
- const website = useContext(WebsiteContext);
- const { formatMessage, labels, messages } = useMessages();
- const { post, useMutation } = useApi();
- const { mutate, error } = useMutation({
- mutationFn: (data: any) => post(`/websites/${websiteId}`, data),
- });
- const ref = useRef(null);
- const { touch } = useModified();
-
- const handleSubmit = async (data: any) => {
- mutate(data, {
- onSuccess: async () => {
- ref.current.reset(data);
- touch(`website:${website.id}`);
- onSave?.();
- },
- });
- };
-
- return (
-
- );
-}
-
-export default WebsiteEditForm;
diff --git a/src/app/(main)/settings/websites/[websiteId]/WebsiteSettings.tsx b/src/app/(main)/settings/websites/[websiteId]/WebsiteSettings.tsx
deleted file mode 100644
index 5bea27049..000000000
--- a/src/app/(main)/settings/websites/[websiteId]/WebsiteSettings.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { WebsiteContext } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
-import Breadcrumb from '@/components/common/Breadcrumb';
-import { useMessages } from '@/components/hooks';
-import Icons from '@/components/icons';
-import PageHeader from '@/components/layout/PageHeader';
-import Link from 'next/link';
-import { Key, useContext, useState } from 'react';
-import { Button, Icon, Item, Tabs, Text, useToasts } from 'react-basics';
-import ShareUrl from './ShareUrl';
-import TrackingCode from './TrackingCode';
-import WebsiteData from './WebsiteData';
-import WebsiteEditForm from './WebsiteEditForm';
-
-export function WebsiteSettings({
- websiteId,
- openExternal = false,
-}: {
- websiteId: string;
- openExternal?: boolean;
-}) {
- const website = useContext(WebsiteContext);
- const { formatMessage, labels, messages } = useMessages();
- const [tab, setTab] = useState('details');
- const { showToast } = useToasts();
-
- const handleSave = () => {
- showToast({ message: formatMessage(messages.saved), variant: 'success' });
- };
-
- const breadcrumb = (
-
-
-
- {formatMessage(labels.view)}
-
-
-
-
- - {formatMessage(labels.details)}
- - {formatMessage(labels.trackingCode)}
- - {formatMessage(labels.shareUrl)}
- - {formatMessage(labels.data)}
-
- {tab === 'details' &&
-
+
);
}
diff --git a/src/app/(main)/settings/websites/[websiteId]/WebsiteTransferForm.tsx b/src/app/(main)/settings/websites/[websiteId]/WebsiteTransferForm.tsx
deleted file mode 100644
index 8214fb163..000000000
--- a/src/app/(main)/settings/websites/[websiteId]/WebsiteTransferForm.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { Key, useContext, useState } from 'react';
-import {
- Button,
- Form,
- FormButtons,
- FormRow,
- LoadingButton,
- Loading,
- Dropdown,
- Item,
- Flexbox,
-} from 'react-basics';
-import { useApi, useLogin, useMessages, useTeams } from '@/components/hooks';
-import { WebsiteContext } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
-import { ROLES } from '@/lib/constants';
-
-export function WebsiteTransferForm({
- websiteId,
- onSave,
- onClose,
-}: {
- websiteId: string;
- onSave?: () => void;
- onClose?: () => void;
-}) {
- const { user } = useLogin();
- const website = useContext(WebsiteContext);
- const [teamId, setTeamId] = useState(null);
- const { formatMessage, labels, messages } = useMessages();
- const { post, useMutation } = useApi();
- const { mutate, isPending, error } = useMutation({
- mutationFn: (data: any) => post(`/websites/${websiteId}/transfer`, data),
- });
- const { result, query } = useTeams(user.id);
- const isTeamWebsite = !!website?.teamId;
-
- const handleSubmit = async () => {
- mutate(
- {
- userId: website.teamId ? user.id : undefined,
- teamId: website.userId ? teamId : undefined,
- },
- {
- onSuccess: async () => {
- onSave?.();
- onClose?.();
- },
- },
- );
- };
-
- const handleChange = (key: Key) => {
- setTeamId(key as string);
- };
-
- const renderValue = (teamId: string) => result?.data?.find(({ id }) => id === teamId)?.name;
-
- if (query.isLoading) {
- return
+
+
+
+ {t(labels.leave)}
+
+
+
+ {({ close }) => (
+
+
+
+ );
+}
diff --git a/src/app/(main)/teams/TeamLeaveForm.tsx b/src/app/(main)/teams/TeamLeaveForm.tsx
new file mode 100644
index 000000000..09415239d
--- /dev/null
+++ b/src/app/(main)/teams/TeamLeaveForm.tsx
@@ -0,0 +1,44 @@
+import { ConfirmationForm } from '@/components/common/ConfirmationForm';
+import { useDeleteQuery, useMessages, useModified } from '@/components/hooks';
+
+export function TeamLeaveForm({
+ teamId,
+ userId,
+ teamName,
+ onSave,
+ onClose,
+}: {
+ teamId: string;
+ userId: string;
+ teamName: string;
+ onSave: () => void;
+ onClose: () => void;
+}) {
+ const { t, labels, messages, getErrorMessage } = useMessages();
+ const { mutateAsync, error, isPending } = useDeleteQuery(`/teams/${teamId}/users/${userId}`);
+ const { touch } = useModified();
+
+ const handleConfirm = async () => {
+ await mutateAsync(null, {
+ onSuccess: async () => {
+ touch('teams:members');
+ onSave();
+ onClose();
+ },
+ });
+ };
+
+ return (
+ {chunks} ,
+ })}
+ onConfirm={handleConfirm}
+ onClose={onClose}
+ isLoading={isPending}
+ error={getErrorMessage(error)}
+ />
+ );
+}
diff --git a/src/app/(main)/teams/TeamMemberAddForm.tsx b/src/app/(main)/teams/TeamMemberAddForm.tsx
new file mode 100644
index 000000000..4ab314752
--- /dev/null
+++ b/src/app/(main)/teams/TeamMemberAddForm.tsx
@@ -0,0 +1,72 @@
+import {
+ Button,
+ Form,
+ FormButtons,
+ FormField,
+ FormSubmitButton,
+ ListItem,
+ Select,
+} from '@umami/react-zen';
+import { useMessages, useUpdateQuery } from '@/components/hooks';
+import { UserSelect } from '@/components/input/UserSelect';
+import { ROLES } from '@/lib/constants';
+
+const roles = [ROLES.teamManager, ROLES.teamMember, ROLES.teamViewOnly];
+
+export function TeamMemberAddForm({
+ teamId,
+ onSave,
+ onClose,
+}: {
+ teamId: string;
+ onSave?: () => void;
+ onClose?: () => void;
+}) {
+ const { t, labels, getErrorMessage } = useMessages();
+ const { mutateAsync, error, isPending } = useUpdateQuery(`/teams/${teamId}/users`);
+
+ const handleSubmit = async (data: any) => {
+ await mutateAsync(data, {
+ onSuccess: async () => {
+ onSave?.();
+ onClose?.();
+ },
+ });
+ };
+
+ const renderRole = role => {
+ switch (role) {
+ case ROLES.teamManager:
+ return t(labels.manager);
+ case ROLES.teamMember:
+ return t(labels.member);
+ case ROLES.teamViewOnly:
+ return t(labels.viewOnly);
+ }
+ };
+
+ return (
+
+ );
+}
diff --git a/src/app/(main)/teams/TeamProvider.tsx b/src/app/(main)/teams/TeamProvider.tsx
new file mode 100644
index 000000000..cea416142
--- /dev/null
+++ b/src/app/(main)/teams/TeamProvider.tsx
@@ -0,0 +1,21 @@
+'use client';
+import { Loading } from '@umami/react-zen';
+import { createContext, type ReactNode } from 'react';
+import { useTeamQuery } from '@/components/hooks/queries/useTeamQuery';
+import type { Team } from '@/generated/prisma/client';
+
+export const TeamContext = createContext(null);
+
+export function TeamProvider({ teamId, children }: { teamId?: string; children: ReactNode }) {
+ const { data: team, isLoading, isFetching } = useTeamQuery(teamId);
+
+ if (isFetching && isLoading) {
+ return {children} ;
+}
diff --git a/src/app/(main)/teams/TeamsAddButton.tsx b/src/app/(main)/teams/TeamsAddButton.tsx
new file mode 100644
index 000000000..c993296ff
--- /dev/null
+++ b/src/app/(main)/teams/TeamsAddButton.tsx
@@ -0,0 +1,38 @@
+import { Button, Dialog, DialogTrigger, Icon, Modal, Text, useToast } from '@umami/react-zen';
+import { useMessages, useModified } from '@/components/hooks';
+import { Plus } from '@/components/icons';
+import { TeamAddForm } from './TeamAddForm';
+
+export function TeamsAddButton({
+ onSave,
+ isAdmin = false,
+}: {
+ onSave?: () => void;
+ isAdmin?: boolean;
+}) {
+ const { t, labels, messages } = useMessages();
+ const { toast } = useToast();
+ const { touch } = useModified();
+
+ const handleSave = async () => {
+ toast(t(messages.saved));
+ touch('teams');
+ onSave?.();
+ };
+
+ return (
+
+
+
+
+ {t(labels.createTeam)}
+
+
+
+ {({ close }) =>
+
+
+ );
+}
diff --git a/src/app/(main)/teams/TeamsDataTable.tsx b/src/app/(main)/teams/TeamsDataTable.tsx
new file mode 100644
index 000000000..cdce7b936
--- /dev/null
+++ b/src/app/(main)/teams/TeamsDataTable.tsx
@@ -0,0 +1,27 @@
+import Link from 'next/link';
+import { DataGrid } from '@/components/common/DataGrid';
+import { useLoginQuery, useNavigation, useUserTeamsQuery } from '@/components/hooks';
+import { TeamsTable } from './TeamsTable';
+
+export function TeamsDataTable() {
+ const { user } = useLoginQuery();
+ const query = useUserTeamsQuery(user.id);
+ const { pathname } = useNavigation();
+ const isSettings = pathname.includes('/settings');
+
+ const renderLink = (row: any) => {
+ return (
+
+ {({ data }) => {
+ return
+ );
+}
diff --git a/src/app/(main)/teams/TeamsHeader.tsx b/src/app/(main)/teams/TeamsHeader.tsx
new file mode 100644
index 000000000..7d77229a3
--- /dev/null
+++ b/src/app/(main)/teams/TeamsHeader.tsx
@@ -0,0 +1,26 @@
+import { Row } from '@umami/react-zen';
+import { PageHeader } from '@/components/common/PageHeader';
+import { useLoginQuery, useMessages } from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
+import { TeamsAddButton } from './TeamsAddButton';
+import { TeamsJoinButton } from './TeamsJoinButton';
+
+export function TeamsHeader({
+ allowCreate = true,
+ allowJoin = true,
+}: {
+ allowCreate?: boolean;
+ allowJoin?: boolean;
+}) {
+ const { t, labels } = useMessages();
+ const { user } = useLoginQuery();
+
+ return (
+
+
+ {allowJoin &&
+
+ );
+}
diff --git a/src/app/(main)/teams/TeamsJoinButton.tsx b/src/app/(main)/teams/TeamsJoinButton.tsx
new file mode 100644
index 000000000..eb7062966
--- /dev/null
+++ b/src/app/(main)/teams/TeamsJoinButton.tsx
@@ -0,0 +1,31 @@
+import { Button, Dialog, DialogTrigger, Icon, Modal, Text, useToast } from '@umami/react-zen';
+import { useMessages, useModified } from '@/components/hooks';
+import { UserPlus } from '@/components/icons';
+import { TeamJoinForm } from './TeamJoinForm';
+
+export function TeamsJoinButton() {
+ const { t, labels, messages } = useMessages();
+ const { toast } = useToast();
+ const { touch } = useModified();
+
+ const handleJoin = () => {
+ toast(t(messages.saved));
+ touch('teams');
+ };
+
+ return (
+
+
+
+
+ {t(labels.joinTeam)}
+
+
+
+ {({ close }) =>
+
+
+ );
+}
diff --git a/src/app/(main)/teams/TeamsMemberAddButton.tsx b/src/app/(main)/teams/TeamsMemberAddButton.tsx
new file mode 100644
index 000000000..ac33e98cb
--- /dev/null
+++ b/src/app/(main)/teams/TeamsMemberAddButton.tsx
@@ -0,0 +1,39 @@
+import { Button, Dialog, DialogTrigger, Icon, Modal, Text, useToast } from '@umami/react-zen';
+import { useMessages, useModified } from '@/components/hooks';
+import { Plus } from '@/components/icons';
+import { TeamMemberAddForm } from './TeamMemberAddForm';
+
+export function TeamsMemberAddButton({
+ teamId,
+ onSave,
+}: {
+ teamId: string;
+ onSave?: () => void;
+ isAdmin?: boolean;
+}) {
+ const { t, labels, messages } = useMessages();
+ const { toast } = useToast();
+ const { touch } = useModified();
+
+ const handleSave = async () => {
+ toast(t(messages.saved));
+ touch('teams:members');
+ onSave?.();
+ };
+
+ return (
+
+
+
+
+ {t(labels.addMember)}
+
+
+
+ {({ close }) =>
+
+
+ );
+}
diff --git a/src/app/(main)/teams/TeamsPage.tsx b/src/app/(main)/teams/TeamsPage.tsx
new file mode 100644
index 000000000..5b11bcf83
--- /dev/null
+++ b/src/app/(main)/teams/TeamsPage.tsx
@@ -0,0 +1,19 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { TeamsDataTable } from '@/app/(main)/teams/TeamsDataTable';
+import { TeamsHeader } from '@/app/(main)/teams/TeamsHeader';
+import { PageBody } from '@/components/common/PageBody';
+import { Panel } from '@/components/common/Panel';
+
+export function TeamsPage() {
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/teams/TeamsTable.tsx b/src/app/(main)/teams/TeamsTable.tsx
new file mode 100644
index 000000000..66c7355ac
--- /dev/null
+++ b/src/app/(main)/teams/TeamsTable.tsx
@@ -0,0 +1,29 @@
+import { DataColumn, DataTable, type DataTableProps } from '@umami/react-zen';
+import type { ReactNode } from 'react';
+import { useMessages } from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
+
+export interface TeamsTableProps extends DataTableProps {
+ renderLink?: (row: any) => ReactNode;
+}
+
+export function TeamsTable({ renderLink, ...props }: TeamsTableProps) {
+ const { t, labels } = useMessages();
+
+ return (
+
+
+ {renderLink}
+
+
+ {(row: any) => row?.members?.find(({ role }) => role === ROLES.teamOwner)?.user?.username}
+
+
+ {(row: any) => row?._count?.members}
+
+
+ {(row: any) => row?._count?.websites}
+
+
+ );
+}
diff --git a/src/app/(main)/teams/[teamId]/settings/team/TeamDeleteForm.tsx b/src/app/(main)/teams/[teamId]/TeamDeleteForm.tsx
similarity index 53%
rename from src/app/(main)/teams/[teamId]/settings/team/TeamDeleteForm.tsx
rename to src/app/(main)/teams/[teamId]/TeamDeleteForm.tsx
index 5e7f5cf8b..d593e0dc2 100644
--- a/src/app/(main)/teams/[teamId]/settings/team/TeamDeleteForm.tsx
+++ b/src/app/(main)/teams/[teamId]/TeamDeleteForm.tsx
@@ -1,5 +1,5 @@
-import TypeConfirmationForm from '@/components/common/TypeConfirmationForm';
-import { useApi, useMessages } from '@/components/hooks';
+import { TypeConfirmationForm } from '@/components/common/TypeConfirmationForm';
+import { useDeleteQuery, useMessages } from '@/components/hooks';
const CONFIRM_VALUE = 'DELETE';
@@ -12,15 +12,14 @@ export function TeamDeleteForm({
onSave?: () => void;
onClose?: () => void;
}) {
- const { labels, formatMessage } = useMessages();
- const { del, useMutation } = useApi();
- const { mutate, error, isPending } = useMutation({
- mutationFn: () => del(`/teams/${teamId}`),
- });
+ const { labels, t, getErrorMessage } = useMessages();
+ const { mutateAsync, error, isPending, touch } = useDeleteQuery(`/teams/${teamId}`);
const handleConfirm = async () => {
- mutate(null, {
+ await mutateAsync(null, {
onSuccess: async () => {
+ touch('teams');
+ touch(`teams:${teamId}`);
onSave?.();
onClose?.();
},
@@ -33,11 +32,9 @@ export function TeamDeleteForm({
onConfirm={handleConfirm}
onClose={onClose}
isLoading={isPending}
- error={error}
- buttonLabel={formatMessage(labels.delete)}
+ error={getErrorMessage(error)}
+ buttonLabel={t(labels.delete)}
buttonVariant="danger"
/>
);
}
-
-export default TeamDeleteForm;
diff --git a/src/app/(main)/teams/[teamId]/TeamEditForm.tsx b/src/app/(main)/teams/[teamId]/TeamEditForm.tsx
new file mode 100644
index 000000000..04904c116
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/TeamEditForm.tsx
@@ -0,0 +1,81 @@
+import {
+ Button,
+ Form,
+ FormButtons,
+ FormField,
+ FormSubmitButton,
+ Row,
+ TextField,
+} from '@umami/react-zen';
+import { IconLabel } from '@/components/common/IconLabel';
+import { useMessages, useTeam, useUpdateQuery } from '@/components/hooks';
+import { RefreshCw } from '@/components/icons';
+import { getRandomChars } from '@/lib/generate';
+
+const generateId = () => `team_${getRandomChars(16)}`;
+
+export function TeamEditForm({
+ teamId,
+ allowEdit,
+ showAccessCode,
+ onSave,
+}: {
+ teamId: string;
+ allowEdit?: boolean;
+ showAccessCode?: boolean;
+ onSave?: () => void;
+}) {
+ const team = useTeam();
+ const { t, labels, messages, getErrorMessage } = useMessages();
+
+ const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(`/teams/${teamId}`);
+
+ const handleSubmit = async (data: any) => {
+ await mutateAsync(data, {
+ onSuccess: async () => {
+ toast(t(messages.saved));
+ touch('teams');
+ touch(`teams:${teamId}`);
+ onSave?.();
+ },
+ });
+ };
+
+ return (
+
+ );
+}
diff --git a/src/app/(main)/teams/[teamId]/TeamManage.tsx b/src/app/(main)/teams/[teamId]/TeamManage.tsx
new file mode 100644
index 000000000..52e76a25b
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/TeamManage.tsx
@@ -0,0 +1,29 @@
+import { Button, Dialog, DialogTrigger, Modal } from '@umami/react-zen';
+import { useRouter } from 'next/navigation';
+import { ActionForm } from '@/components/common/ActionForm';
+import { useMessages, useModified } from '@/components/hooks';
+import { TeamDeleteForm } from './TeamDeleteForm';
+
+export function TeamManage({ teamId }: { teamId: string }) {
+ const { t, labels, messages } = useMessages();
+ const router = useRouter();
+ const { touch } = useModified();
+
+ const handleLeave = async () => {
+ touch('teams');
+ router.push('/settings/teams');
+ };
+
+ return (
+
+
+ {t(labels.delete)}
+
+
+ {({ close }) =>
+
+
+
+ );
+}
diff --git a/src/app/(main)/teams/[teamId]/TeamMemberEditButton.tsx b/src/app/(main)/teams/[teamId]/TeamMemberEditButton.tsx
new file mode 100644
index 000000000..f5d958713
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/TeamMemberEditButton.tsx
@@ -0,0 +1,41 @@
+import { useToast } from '@umami/react-zen';
+import { useMessages, useModified } from '@/components/hooks';
+import { Edit } from '@/components/icons';
+import { DialogButton } from '@/components/input/DialogButton';
+import { TeamMemberEditForm } from './TeamMemberEditForm';
+
+export function TeamMemberEditButton({
+ teamId,
+ userId,
+ role,
+ onSave,
+}: {
+ teamId: string;
+ userId: string;
+ role: string;
+ onSave?: () => void;
+}) {
+ const { t, labels, messages } = useMessages();
+ const { toast } = useToast();
+ const { touch } = useModified();
+
+ const handleSave = () => {
+ touch('teams:members');
+ toast(t(messages.saved));
+ onSave?.();
+ };
+
+ return (
+ {chunks} ,
+ })}
+ isLoading={isPending}
+ error={error}
+ onConfirm={handleConfirm.bind(null, close)}
+ onClose={close}
+ buttonLabel={t(labels.remove)}
+ buttonVariant="danger"
+ />
+ )}
+
+ );
+}
diff --git a/src/app/(main)/teams/[teamId]/TeamMembersDataTable.tsx b/src/app/(main)/teams/[teamId]/TeamMembersDataTable.tsx
new file mode 100644
index 000000000..52c0fe38f
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/TeamMembersDataTable.tsx
@@ -0,0 +1,19 @@
+import { DataGrid } from '@/components/common/DataGrid';
+import { useTeamMembersQuery } from '@/components/hooks';
+import { TeamMembersTable } from './TeamMembersTable';
+
+export function TeamMembersDataTable({
+ teamId,
+ allowEdit = false,
+}: {
+ teamId: string;
+ allowEdit?: boolean;
+}) {
+ const queryResult = useTeamMembersQuery(teamId);
+
+ return (
+
+ {({ data }) =>
+ );
+}
diff --git a/src/app/(main)/teams/[teamId]/TeamMembersTable.tsx b/src/app/(main)/teams/[teamId]/TeamMembersTable.tsx
new file mode 100644
index 000000000..6c77c89b1
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/TeamMembersTable.tsx
@@ -0,0 +1,55 @@
+import { DataColumn, DataTable, Row } from '@umami/react-zen';
+import { useMessages } from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
+import { TeamMemberEditButton } from './TeamMemberEditButton';
+import { TeamMemberRemoveButton } from './TeamMemberRemoveButton';
+
+export function TeamMembersTable({
+ data = [],
+ teamId,
+ allowEdit = false,
+}: {
+ data: any[];
+ teamId: string;
+ allowEdit: boolean;
+}) {
+ const { t, labels } = useMessages();
+
+ const roles = {
+ [ROLES.teamOwner]: t(labels.teamOwner),
+ [ROLES.teamManager]: t(labels.teamManager),
+ [ROLES.teamMember]: t(labels.teamMember),
+ [ROLES.teamViewOnly]: t(labels.viewOnly),
+ };
+
+ return (
+
+
+ {(row: any) => row?.user?.username}
+
+
+ {(row: any) => roles[row?.role]}
+
+ {allowEdit && (
+
+ {(row: any) => {
+ if (row?.role === ROLES.teamOwner) {
+ return null;
+ }
+
+ return (
+
+
+ );
+ }}
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/teams/[teamId]/TeamProvider.tsx b/src/app/(main)/teams/[teamId]/TeamProvider.tsx
deleted file mode 100644
index ed2d5467e..000000000
--- a/src/app/(main)/teams/[teamId]/TeamProvider.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-'use client';
-import { createContext, ReactNode, useEffect } from 'react';
-import { useTeam, useModified } from '@/components/hooks';
-import { Loading } from 'react-basics';
-
-export const TeamContext = createContext(null);
-
-export function TeamProvider({ teamId, children }: { teamId?: string; children: ReactNode }) {
- const { modified } = useModified(`teams`);
- const { data: team, isLoading, isFetching, refetch } = useTeam(teamId);
-
- useEffect(() => {
- if (teamId && modified) {
- refetch();
- }
- }, [teamId, modified]);
-
- if (isFetching && isLoading) {
- return {children} ;
-}
-
-export default TeamProvider;
diff --git a/src/app/(main)/teams/[teamId]/TeamSettings.tsx b/src/app/(main)/teams/[teamId]/TeamSettings.tsx
new file mode 100644
index 000000000..e854c127e
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/TeamSettings.tsx
@@ -0,0 +1,55 @@
+import { Column, Heading, Row } from '@umami/react-zen';
+import { TeamLeaveButton } from '@/app/(main)/teams/TeamLeaveButton';
+import { PageHeader } from '@/components/common/PageHeader';
+import { Panel } from '@/components/common/Panel';
+import { useLoginQuery, useMessages, useNavigation, useTeam } from '@/components/hooks';
+import { Users } from '@/components/icons';
+import { ROLES } from '@/lib/constants';
+import { TeamsMemberAddButton } from '../TeamsMemberAddButton';
+import { TeamEditForm } from './TeamEditForm';
+import { TeamManage } from './TeamManage';
+import { TeamMembersDataTable } from './TeamMembersDataTable';
+
+export function TeamSettings({ teamId }: { teamId: string }) {
+ const team: any = useTeam();
+ const { user } = useLoginQuery();
+ const { pathname } = useNavigation();
+ const { t, labels } = useMessages();
+
+ const isAdmin = pathname.includes('/admin');
+
+ const isTeamOwner =
+ !!team?.members?.find(({ userId, role }) => role === ROLES.teamOwner && userId === user.id) &&
+ user.role !== ROLES.viewOnly;
+
+ const canEdit =
+ user.isAdmin ||
+ (!!team?.members?.find(
+ ({ userId, role }) =>
+ (role === ROLES.teamOwner || role === ROLES.teamManager) && userId === user.id,
+ ) &&
+ user.role !== ROLES.viewOnly);
+
+ return (
+
+
+
+
+
+ {t(labels.members)}
+ {isAdmin &&
+
+ {isTeamOwner && (
+
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/teams/[teamId]/TeamWebsiteRemoveButton.tsx b/src/app/(main)/teams/[teamId]/TeamWebsiteRemoveButton.tsx
new file mode 100644
index 000000000..7ba5ba11a
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/TeamWebsiteRemoveButton.tsx
@@ -0,0 +1,25 @@
+import { Icon, LoadingButton, Text } from '@umami/react-zen';
+import { useDeleteQuery, useMessages } from '@/components/hooks';
+import { X } from '@/components/icons';
+
+export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
+ const { t, labels } = useMessages();
+ const { mutateAsync } = useDeleteQuery(`/teams/${teamId}/websites/${websiteId}`);
+
+ const handleRemoveTeamMember = async () => {
+ await mutateAsync(null, {
+ onSuccess: () => {
+ onSave();
+ },
+ });
+ };
+
+ return (
+ handleRemoveTeamMember()}>
+
+
+ {t(labels.remove)}
+
+ );
+}
diff --git a/src/app/(main)/teams/[teamId]/TeamWebsitesDataTable.tsx b/src/app/(main)/teams/[teamId]/TeamWebsitesDataTable.tsx
new file mode 100644
index 000000000..6a2e4f45d
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/TeamWebsitesDataTable.tsx
@@ -0,0 +1,19 @@
+import { DataGrid } from '@/components/common/DataGrid';
+import { useTeamWebsitesQuery } from '@/components/hooks';
+import { TeamWebsitesTable } from './TeamWebsitesTable';
+
+export function TeamWebsitesDataTable({
+ teamId,
+ allowEdit = false,
+}: {
+ teamId: string;
+ allowEdit?: boolean;
+}) {
+ const queryResult = useTeamWebsitesQuery(teamId);
+
+ return (
+
+ {({ data }) =>
+ );
+}
diff --git a/src/app/(main)/teams/[teamId]/TeamWebsitesTable.tsx b/src/app/(main)/teams/[teamId]/TeamWebsitesTable.tsx
new file mode 100644
index 000000000..f4ed2df7e
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/TeamWebsitesTable.tsx
@@ -0,0 +1,50 @@
+import { DataColumn, DataTable, Row } from '@umami/react-zen';
+import Link from 'next/link';
+import { TeamMemberEditButton } from '@/app/(main)/teams/[teamId]/TeamMemberEditButton';
+import { TeamMemberRemoveButton } from '@/app/(main)/teams/[teamId]/TeamMemberRemoveButton';
+import { useMessages } from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
+
+export function TeamWebsitesTable({
+ teamId,
+ data = [],
+ allowEdit,
+}: {
+ teamId: string;
+ data: any[];
+ allowEdit: boolean;
+}) {
+ const { t, labels } = useMessages();
+
+ return (
+
+
+ {(row: any) =>
+
+ {(row: any) => row?.createUser?.username}
+
+ {allowEdit && (
+
+ {(row: any) => {
+ if (row?.role === ROLES.teamOwner) {
+ return null;
+ }
+
+ return (
+
+
+ );
+ }}
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/teams/[teamId]/layout.tsx b/src/app/(main)/teams/[teamId]/layout.tsx
deleted file mode 100644
index 0452ae976..000000000
--- a/src/app/(main)/teams/[teamId]/layout.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import TeamProvider from './TeamProvider';
-import { Metadata } from 'next';
-import TeamSettingsLayout from './settings/TeamSettingsLayout';
-
-export default async function ({
- children,
- params,
-}: {
- children: any;
- params: { teamId: string };
-}) {
- const { teamId } = await params;
-
- return (
-
- {children}
-
- );
-}
-
-export const metadata: Metadata = {
- title: 'Teams',
-};
diff --git a/src/app/(main)/teams/[teamId]/settings/TeamSettingsLayout.tsx b/src/app/(main)/teams/[teamId]/settings/TeamSettingsLayout.tsx
deleted file mode 100644
index 8c638d294..000000000
--- a/src/app/(main)/teams/[teamId]/settings/TeamSettingsLayout.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-'use client';
-import { ReactNode } from 'react';
-import { useMessages, useTeamUrl } from '@/components/hooks';
-import MenuLayout from '@/components/layout/MenuLayout';
-
-export default function TeamSettingsLayout({ children }: { children: ReactNode }) {
- const { formatMessage, labels } = useMessages();
- const { teamId } = useTeamUrl();
-
- const items = [
- {
- key: 'team',
- label: formatMessage(labels.team),
- url: `/teams/${teamId}/settings/team`,
- },
- {
- key: 'websites',
- label: formatMessage(labels.websites),
- url: `/teams/${teamId}/settings/websites`,
- },
- {
- key: 'members',
- label: formatMessage(labels.members),
- url: `/teams/${teamId}/settings/members`,
- },
- ].filter(n => n);
-
- return {children} ;
-}
diff --git a/src/app/(main)/teams/[teamId]/settings/members/TeamMemberEditButton.tsx b/src/app/(main)/teams/[teamId]/settings/members/TeamMemberEditButton.tsx
deleted file mode 100644
index 85292f60d..000000000
--- a/src/app/(main)/teams/[teamId]/settings/members/TeamMemberEditButton.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useMessages, useModified } from '@/components/hooks';
-import { Button, Icon, Icons, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import TeamMemberEditForm from './TeamMemberEditForm';
-
-export function TeamMemberEditButton({
- teamId,
- userId,
- role,
- onSave,
-}: {
- teamId: string;
- userId: string;
- role: string;
- onSave?: () => void;
-}) {
- const { formatMessage, labels, messages } = useMessages();
- const { showToast } = useToasts();
- const { touch } = useModified();
-
- const handleSave = () => {
- showToast({ message: formatMessage(messages.saved), variant: 'success' });
- touch('teams:members');
- onSave?.();
- };
-
- return (
-
-
-
-
- {formatMessage(labels.edit)}
-
-
- {(close: () => void) => (
-
-
- );
-}
-
-export default TeamMemberEditButton;
diff --git a/src/app/(main)/teams/[teamId]/settings/members/TeamMemberEditForm.tsx b/src/app/(main)/teams/[teamId]/settings/members/TeamMemberEditForm.tsx
deleted file mode 100644
index 4ce605dff..000000000
--- a/src/app/(main)/teams/[teamId]/settings/members/TeamMemberEditForm.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { useApi, useMessages } from '@/components/hooks';
-import { ROLES } from '@/lib/constants';
-import {
- Button,
- Dropdown,
- Form,
- FormButtons,
- FormInput,
- FormRow,
- Item,
- SubmitButton,
-} from 'react-basics';
-
-export function TeamMemberEditForm({
- teamId,
- userId,
- role,
- onSave,
- onClose,
-}: {
- teamId: string;
- userId: string;
- role: string;
- onSave?: () => void;
- onClose?: () => void;
-}) {
- const { post, useMutation } = useApi();
- const { mutate, error, isPending } = useMutation({
- mutationFn: (data: any) => post(`/teams/${teamId}/users/${userId}`, data),
- });
- const { formatMessage, labels } = useMessages();
-
- const handleSubmit = async (data: any) => {
- mutate(data, {
- onSuccess: async () => {
- onSave();
- onClose();
- },
- });
- };
-
- const renderValue = (value: string) => {
- if (value === ROLES.teamManager) {
- return formatMessage(labels.manager);
- }
- if (value === ROLES.teamMember) {
- return formatMessage(labels.member);
- }
- if (value === ROLES.teamViewOnly) {
- return formatMessage(labels.viewOnly);
- }
- };
-
- return (
-
- );
-}
-
-export default TeamMemberEditForm;
diff --git a/src/app/(main)/teams/[teamId]/settings/members/TeamMemberRemoveButton.tsx b/src/app/(main)/teams/[teamId]/settings/members/TeamMemberRemoveButton.tsx
deleted file mode 100644
index 0dfe758b2..000000000
--- a/src/app/(main)/teams/[teamId]/settings/members/TeamMemberRemoveButton.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import ConfirmationForm from '@/components/common/ConfirmationForm';
-import { useApi, useMessages, useModified } from '@/components/hooks';
-import { messages } from '@/components/messages';
-import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
-
-export function TeamMemberRemoveButton({
- teamId,
- userId,
- userName,
- onSave,
-}: {
- teamId: string;
- userId: string;
- userName: string;
- disabled?: boolean;
- onSave?: () => void;
-}) {
- const { formatMessage, labels } = useMessages();
- const { del, useMutation } = useApi();
- const { mutate, isPending, error } = useMutation({
- mutationFn: () => del(`/teams/${teamId}/users/${userId}`),
- });
- const { touch } = useModified();
-
- const handleConfirm = (close: () => void) => {
- mutate(null, {
- onSuccess: () => {
- touch('teams:members');
- onSave?.();
- close();
- },
- });
- };
-
- return (
-
-
-
-
- {formatMessage(labels.remove)}
-
-
- {(close: () => void) => (
- {userName},
- })}
- isLoading={isPending}
- error={error}
- onConfirm={handleConfirm.bind(null, close)}
- onClose={close}
- buttonLabel={formatMessage(labels.remove)}
- />
- )}
-
-
- );
-}
-
-export default TeamMemberRemoveButton;
diff --git a/src/app/(main)/teams/[teamId]/settings/members/TeamMembersDataTable.tsx b/src/app/(main)/teams/[teamId]/settings/members/TeamMembersDataTable.tsx
deleted file mode 100644
index 9de26415c..000000000
--- a/src/app/(main)/teams/[teamId]/settings/members/TeamMembersDataTable.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import DataTable from '@/components/common/DataTable';
-import TeamMembersTable from './TeamMembersTable';
-import { useTeamMembers } from '@/components/hooks';
-
-export function TeamMembersDataTable({
- teamId,
- allowEdit = false,
-}: {
- teamId: string;
- allowEdit?: boolean;
-}) {
- const queryResult = useTeamMembers(teamId);
-
- return (
-
- {({ data }) =>
- );
-}
-
-export default TeamMembersDataTable;
diff --git a/src/app/(main)/teams/[teamId]/settings/members/TeamMembersPage.tsx b/src/app/(main)/teams/[teamId]/settings/members/TeamMembersPage.tsx
deleted file mode 100644
index 557a40bad..000000000
--- a/src/app/(main)/teams/[teamId]/settings/members/TeamMembersPage.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-'use client';
-import { TeamContext } from '@/app/(main)/teams/[teamId]/TeamProvider';
-import TeamMembersDataTable from './TeamMembersDataTable';
-import PageHeader from '@/components/layout/PageHeader';
-import { useLogin, useMessages } from '@/components/hooks';
-import { ROLES } from '@/lib/constants';
-import { useContext } from 'react';
-
-export function TeamMembersPage({ teamId }: { teamId: string }) {
- const team = useContext(TeamContext);
- const { user } = useLogin();
- const { formatMessage, labels } = useMessages();
-
- const canEdit =
- team?.teamUser?.find(
- ({ userId, role }) =>
- (role === ROLES.teamOwner || role === ROLES.teamManager) && userId === user.id,
- ) && user.role !== ROLES.viewOnly;
-
- return (
- <>
-
-
- {row => row?.user?.username}
-
-
- {row => roles[row?.role]}
-
-
- {row => {
- return (
- allowEdit &&
- row?.role !== ROLES.teamOwner &&
- user?.id !== row?.user?.id && (
- <>
-
-
- );
-}
-
-export default TeamMembersTable;
diff --git a/src/app/(main)/teams/[teamId]/settings/members/page.tsx b/src/app/(main)/teams/[teamId]/settings/members/page.tsx
deleted file mode 100644
index 9810f7a20..000000000
--- a/src/app/(main)/teams/[teamId]/settings/members/page.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Metadata } from 'next';
-import TeamMembersPage from './TeamMembersPage';
-
-export default async function ({ params }: { params: { teamId: string } }) {
- const { teamId } = await params;
-
- return
- setTab(value)} style={{ marginBottom: 30 }}>
- - {formatMessage(labels.details)}
- {isTeamOwner && - {formatMessage(labels.manage)}
}
-
- {tab === 'details' &&
- );
-}
-
-export default TeamDetails;
diff --git a/src/app/(main)/teams/[teamId]/settings/team/TeamEditForm.tsx b/src/app/(main)/teams/[teamId]/settings/team/TeamEditForm.tsx
deleted file mode 100644
index ac158fa70..000000000
--- a/src/app/(main)/teams/[teamId]/settings/team/TeamEditForm.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import {
- SubmitButton,
- Form,
- FormInput,
- FormRow,
- FormButtons,
- TextField,
- Button,
- Flexbox,
- useToasts,
-} from 'react-basics';
-import { getRandomChars } from '@/lib/crypto';
-import { useContext, useRef, useState } from 'react';
-import { useApi, useMessages, useModified } from '@/components/hooks';
-import { TeamContext } from '@/app/(main)/teams/[teamId]/TeamProvider';
-
-const generateId = () => getRandomChars(16);
-
-export function TeamEditForm({ teamId, allowEdit }: { teamId: string; allowEdit?: boolean }) {
- const team = useContext(TeamContext);
- const { formatMessage, labels, messages } = useMessages();
- const { post, useMutation } = useApi();
- const { mutate, error } = useMutation({
- mutationFn: (data: any) => post(`/teams/${teamId}`, data),
- });
- const ref = useRef(null);
- const [accessCode, setAccessCode] = useState(team.accessCode);
- const { showToast } = useToasts();
- const { touch } = useModified();
- const cloudMode = !!process.env.cloudMode;
-
- const handleSubmit = async (data: any) => {
- mutate(data, {
- onSuccess: async () => {
- ref.current.reset(data);
- touch('teams');
- showToast({ message: formatMessage(messages.saved), variant: 'success' });
- },
- });
- };
-
- const handleRegenerate = () => {
- const code = generateId();
- ref.current.setValue('accessCode', code, {
- shouldValidate: true,
- shouldDirty: true,
- });
- setAccessCode(code);
- };
-
- return (
-
- );
-}
-
-export default TeamEditForm;
diff --git a/src/app/(main)/teams/[teamId]/settings/team/TeamManage.tsx b/src/app/(main)/teams/[teamId]/settings/team/TeamManage.tsx
deleted file mode 100644
index 24ca93d37..000000000
--- a/src/app/(main)/teams/[teamId]/settings/team/TeamManage.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { useMessages, useModified } from '@/components/hooks';
-import { useRouter } from 'next/navigation';
-import { ActionForm, Button, Modal, ModalTrigger } from 'react-basics';
-import TeamDeleteForm from './TeamDeleteForm';
-
-export function TeamManage({ teamId }: { teamId: string }) {
- const { formatMessage, labels, messages } = useMessages();
- const router = useRouter();
- const { touch } = useModified();
-
- const handleLeave = async () => {
- touch('teams');
- router.push('/settings/teams');
- };
-
- return (
-
-
- {formatMessage(labels.delete)}
-
- {(close: () => void) => (
-
-
-
- );
-}
-
-export default TeamManage;
diff --git a/src/app/(main)/teams/[teamId]/settings/team/TeamPage.tsx b/src/app/(main)/teams/[teamId]/settings/team/TeamPage.tsx
deleted file mode 100644
index e6fbd10a1..000000000
--- a/src/app/(main)/teams/[teamId]/settings/team/TeamPage.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-'use client';
-import TeamDetails from './TeamDetails';
-
-export function TeamPage({ teamId }: { teamId: string }) {
- return handleRemoveTeamMember()} isLoading={isPending}>
-
-
- {formatMessage(labels.remove)}
-
- );
-}
-
-export default TeamWebsiteRemoveButton;
diff --git a/src/app/(main)/teams/[teamId]/settings/websites/TeamWebsitesDataTable.tsx b/src/app/(main)/teams/[teamId]/settings/websites/TeamWebsitesDataTable.tsx
deleted file mode 100644
index 63aa47f5d..000000000
--- a/src/app/(main)/teams/[teamId]/settings/websites/TeamWebsitesDataTable.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import DataTable from '@/components/common/DataTable';
-import { useTeamWebsites } from '@/components/hooks';
-import TeamWebsitesTable from './TeamWebsitesTable';
-
-export function TeamWebsitesDataTable({
- teamId,
- allowEdit = false,
-}: {
- teamId: string;
- allowEdit?: boolean;
-}) {
- const queryResult = useTeamWebsites(teamId);
-
- return (
-
- {({ data }) =>
- );
-}
-
-export default TeamWebsitesDataTable;
diff --git a/src/app/(main)/teams/[teamId]/settings/websites/TeamWebsitesPage.tsx b/src/app/(main)/teams/[teamId]/settings/websites/TeamWebsitesPage.tsx
deleted file mode 100644
index d46d928ad..000000000
--- a/src/app/(main)/teams/[teamId]/settings/websites/TeamWebsitesPage.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-'use client';
-import { TeamContext } from '@/app/(main)/teams/[teamId]/TeamProvider';
-import WebsiteAddButton from '@/app/(main)/settings/websites/WebsiteAddButton';
-import { useLogin, useMessages } from '@/components/hooks';
-import PageHeader from '@/components/layout/PageHeader';
-import TeamWebsitesDataTable from './TeamWebsitesDataTable';
-import { ROLES } from '@/lib/constants';
-import { useContext } from 'react';
-
-export function TeamWebsitesPage({ teamId }: { teamId: string }) {
- const team = useContext(TeamContext);
- const { formatMessage, labels } = useMessages();
- const { user } = useLogin();
-
- const canEdit =
- !!team?.teamUser?.find(
- ({ userId, role }) => userId === user.id && role !== ROLES.teamViewOnly,
- ) && user.role !== ROLES.viewOnly;
-
- return (
- <>
-
- {canEdit &&
-
-
- {row => row?.createUser?.username}
-
-
- {row => {
- const { id: websiteId } = row;
- return (
- <>
- {allowEdit && (teamId || user?.isAdmin) && (
-
-
-
- {formatMessage(labels.edit)}
-
- )}
-
-
-
- {formatMessage(labels.view)}
-
-
- );
- }}
-
-
- );
-}
-
-export default TeamWebsitesTable;
diff --git a/src/app/(main)/teams/[teamId]/settings/websites/[websiteId]/page.tsx b/src/app/(main)/teams/[teamId]/settings/websites/[websiteId]/page.tsx
deleted file mode 100644
index a18f8a2eb..000000000
--- a/src/app/(main)/teams/[teamId]/settings/websites/[websiteId]/page.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import Page from '@/app/(main)/settings/websites/[websiteId]/page';
-
-export default function ({ params }) {
- return (null);
+
+export function WebsiteProvider({
+ websiteId,
+ children,
+}: {
+ websiteId: string;
+ children: ReactNode;
+}) {
+ const { data: website, isFetching, isLoading } = useWebsiteQuery(websiteId);
+
+ if (isFetching && isLoading) {
+ return {children} ;
+}
diff --git a/src/app/(main)/websites/WebsitesDataTable.tsx b/src/app/(main)/websites/WebsitesDataTable.tsx
new file mode 100644
index 000000000..f1ef6fb18
--- /dev/null
+++ b/src/app/(main)/websites/WebsitesDataTable.tsx
@@ -0,0 +1,47 @@
+import { Icon, Row } from '@umami/react-zen';
+import Link from 'next/link';
+import { DataGrid } from '@/components/common/DataGrid';
+import { useLoginQuery, useNavigation, useUserWebsitesQuery } from '@/components/hooks';
+import { Favicon } from '@/index';
+import { WebsitesTable } from './WebsitesTable';
+
+export function WebsitesDataTable({
+ userId,
+ teamId,
+ allowEdit = true,
+ allowView = true,
+ showActions = true,
+}: {
+ userId?: string;
+ teamId?: string;
+ allowEdit?: boolean;
+ allowView?: boolean;
+ showActions?: boolean;
+}) {
+ const { user } = useLoginQuery();
+ const queryResult = useUserWebsitesQuery({ userId: userId || user?.id, teamId });
+ const { renderUrl } = useNavigation();
+
+ const renderLink = (row: any) => (
+
+
+
+
+ );
+
+ return (
+
+ {({ data }) => (
+
+ );
+}
diff --git a/src/app/(main)/websites/WebsitesHeader.tsx b/src/app/(main)/websites/WebsitesHeader.tsx
new file mode 100644
index 000000000..da9fd7e87
--- /dev/null
+++ b/src/app/(main)/websites/WebsitesHeader.tsx
@@ -0,0 +1,18 @@
+import { PageHeader } from '@/components/common/PageHeader';
+import { useMessages, useNavigation } from '@/components/hooks';
+import { WebsiteAddButton } from './WebsiteAddButton';
+
+export interface WebsitesHeaderProps {
+ allowCreate?: boolean;
+}
+
+export function WebsitesHeader({ allowCreate = true }: WebsitesHeaderProps) {
+ const { t, labels } = useMessages();
+ const { teamId } = useNavigation();
+
+ return (
+
+ {allowCreate &&
+ );
+}
diff --git a/src/app/(main)/websites/WebsitesPage.tsx b/src/app/(main)/websites/WebsitesPage.tsx
index b5e40b303..4decd8f19 100644
--- a/src/app/(main)/websites/WebsitesPage.tsx
+++ b/src/app/(main)/websites/WebsitesPage.tsx
@@ -1,15 +1,35 @@
'use client';
-import WebsitesHeader from '@/app/(main)/settings/websites/WebsitesHeader';
-import WebsitesDataTable from '@/app/(main)/settings/websites/WebsitesDataTable';
-import { useTeamUrl } from '@/components/hooks';
+import { Column } from '@umami/react-zen';
+import { PageBody } from '@/components/common/PageBody';
+import { PageHeader } from '@/components/common/PageHeader';
+import { Panel } from '@/components/common/Panel';
+import { useLoginQuery, useMessages, useNavigation, useTeamMembersQuery } from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
+import { WebsiteAddButton } from './WebsiteAddButton';
+import { WebsitesDataTable } from './WebsitesDataTable';
-export default function WebsitesPage() {
- const { teamId } = useTeamUrl();
+export function WebsitesPage() {
+ const { user } = useLoginQuery();
+ const { teamId } = useNavigation();
+ const { t, labels } = useMessages();
+ const { data } = useTeamMembersQuery(teamId);
+
+ const showActions =
+ (teamId &&
+ data?.data.filter(team => team.userId === user.id && team.role !== ROLES.teamViewOnly)
+ .length > 0) ||
+ (!teamId && user.role !== ROLES.viewOnly);
return (
- <>
-
+
+
+ {showActions &&
+
+
+
+
);
}
diff --git a/src/app/(main)/websites/WebsitesTable.tsx b/src/app/(main)/websites/WebsitesTable.tsx
new file mode 100644
index 000000000..714e1c66c
--- /dev/null
+++ b/src/app/(main)/websites/WebsitesTable.tsx
@@ -0,0 +1,41 @@
+import { DataColumn, DataTable, type DataTableProps, Icon } from '@umami/react-zen';
+import type { ReactNode } from 'react';
+import { LinkButton } from '@/components/common/LinkButton';
+import { useMessages, useNavigation } from '@/components/hooks';
+import { SquarePen } from '@/components/icons';
+
+export interface WebsitesTableProps extends DataTableProps {
+ showActions?: boolean;
+ allowEdit?: boolean;
+ allowView?: boolean;
+ renderLink?: (row: any) => ReactNode;
+}
+
+export function WebsitesTable({ showActions, renderLink, ...props }: WebsitesTableProps) {
+ const { t, labels } = useMessages();
+ const { renderUrl } = useNavigation();
+
+ return (
+
+
+ {renderLink}
+
+
+ {(row: any) => {
+ const websiteId = row.id;
+
+ return (
+
+
+
+
+ );
+ }}
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/attribution/Attribution.tsx b/src/app/(main)/websites/[websiteId]/(reports)/attribution/Attribution.tsx
new file mode 100644
index 000000000..8baaae5a1
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/attribution/Attribution.tsx
@@ -0,0 +1,125 @@
+import { Column, Grid } from '@umami/react-zen';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { Panel } from '@/components/common/Panel';
+import { SectionHeader } from '@/components/common/SectionHeader';
+import { useMessages, useResultQuery } from '@/components/hooks';
+import { ListTable } from '@/components/metrics/ListTable';
+import { MetricCard } from '@/components/metrics/MetricCard';
+import { MetricsBar } from '@/components/metrics/MetricsBar';
+import { percentFilter } from '@/lib/filters';
+import { formatLongNumber } from '@/lib/format';
+
+export interface AttributionProps {
+ websiteId: string;
+ startDate: Date;
+ endDate: Date;
+ model: string;
+ type: string;
+ step: string;
+}
+
+export function Attribution({
+ websiteId,
+ startDate,
+ endDate,
+ model,
+ type,
+ step,
+}: AttributionProps) {
+ const { data, error, isLoading } = useResultQuery('attribution', {
+ websiteId,
+ startDate,
+ endDate,
+ model,
+ type,
+ step,
+ });
+
+ const { t, labels } = useMessages();
+
+ const { pageviews, visitors, visits } = data?.total || {};
+
+ const metrics = data
+ ? [
+ {
+ value: visitors,
+ label: t(labels.visitors),
+ formatValue: formatLongNumber,
+ },
+ {
+ value: visits,
+ label: t(labels.visits),
+ formatValue: formatLongNumber,
+ },
+ {
+ value: pageviews,
+ label: t(labels.views),
+ formatValue: formatLongNumber,
+ },
+ ]
+ : [];
+
+ function AttributionTable({ data = [], title }: { data: any; title: string }) {
+ const attributionData = percentFilter(
+ data.map(({ name, value }) => ({
+ x: name,
+ y: Number(value),
+ })),
+ );
+
+ return (
+ ({
+ label: x,
+ count: y,
+ percent: z,
+ }))}
+ />
+ );
+ }
+
+ return (
+
+ {data && (
+
+
+ {metrics?.map(({ label, value, formatValue }) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/attribution/AttributionPage.tsx b/src/app/(main)/websites/[websiteId]/(reports)/attribution/AttributionPage.tsx
new file mode 100644
index 000000000..f0786332a
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/attribution/AttributionPage.tsx
@@ -0,0 +1,53 @@
+'use client';
+import { Column, Grid, ListItem, SearchField, Select } from '@umami/react-zen';
+import { useState } from 'react';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { useDateRange, useMessages } from '@/components/hooks';
+import { Attribution } from './Attribution';
+
+export function AttributionPage({ websiteId }: { websiteId: string }) {
+ const [model, setModel] = useState('first-click');
+ const [type, setType] = useState('path');
+ const [step, setStep] = useState('/');
+ const { t, labels } = useMessages();
+ const {
+ dateRange: { startDate, endDate },
+ } = useDateRange();
+
+ return (
+
+
+
+
+ {t(labels.firstClick)}
+ {t(labels.lastClick)}
+
+
+
+
+ {t(labels.viewedPage)}
+ {t(labels.triggeredEvent)}
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/attribution/page.tsx b/src/app/(main)/websites/[websiteId]/(reports)/attribution/page.tsx
new file mode 100644
index 000000000..1368d4bcc
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/attribution/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { AttributionPage } from './AttributionPage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return (
+ 'breakdown',
+ {
+ websiteId,
+ startDate,
+ endDate,
+ fields: selectedFields,
+ },
+ { enabled: !!selectedFields.length },
+ );
+
+ return (
+
+
+
+ {selectedFields.map(field => {
+ return (
+ f.name === field)?.label}
+ width="minmax(120px, 1fr)"
+ >
+ {row => {
+ const value = formatValue(row[field], field);
+ return (
+
+ {value}
+
+ );
+ }}
+
+ );
+ })}
+
+ {row => row?.visitors?.toLocaleString()}
+
+
+ {row => row?.visits?.toLocaleString()}
+
+
+ {row => row?.views?.toLocaleString()}
+
+
+ {row => {
+ const n = (Math.min(row?.visits, row?.bounces) / row?.visits) * 100;
+ return `${Math.round(+n)}%`;
+ }}
+
+
+ {row => {
+ const n = row?.totaltime / row?.visits;
+ return `${+n < 0 ? '-' : ''}${formatShortTime(Math.abs(~~n), ['m', 's'], ' ')}`;
+ }}
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/breakdown/BreakdownPage.tsx b/src/app/(main)/websites/[websiteId]/(reports)/breakdown/BreakdownPage.tsx
new file mode 100644
index 000000000..1c3ad7c6d
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/breakdown/BreakdownPage.tsx
@@ -0,0 +1,62 @@
+'use client';
+import { Column, Row } from '@umami/react-zen';
+import { useState } from 'react';
+import { FieldSelectForm } from '@/app/(main)/websites/[websiteId]/(reports)/breakdown/FieldSelectForm';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { Panel } from '@/components/common/Panel';
+import { useDateRange, useMessages, useResultQuery } from '@/components/hooks';
+import { ListCheck } from '@/components/icons';
+import { DownloadButton } from '@/components/input/DownloadButton';
+import { DialogButton } from '@/components/input/DialogButton';
+import { Breakdown } from './Breakdown';
+
+export function BreakdownPage({ websiteId }: { websiteId: string }) {
+ const {
+ dateRange: { startDate, endDate },
+ } = useDateRange();
+ const [fields, setFields] = useState(['path']);
+ const { data } = useResultQuery(
+ 'breakdown',
+ { websiteId, startDate, endDate, fields },
+ { enabled: !!fields.length },
+ );
+ return (
+
+
+
+
+ );
+}
+
+const FieldsButton = ({ value, onChange }) => {
+ const { t, labels } = useMessages();
+
+ return (
+ ,
+ );
+
+ return (
+
+
+
+ {groupLabels.map(({ key: groupKey, label }) => {
+ const groupFields = groupedFields[groupKey];
+ return (
+
+ {groupFields.map(field => (
+
+ {field.filterLabel}
+
+ ))}
+
+ );
+ })}
+
+
+
+ {t(labels.cancel)}
+
+ {t(labels.apply)}
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/breakdown/page.tsx b/src/app/(main)/websites/[websiteId]/(reports)/breakdown/page.tsx
new file mode 100644
index 000000000..841d86350
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/breakdown/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { BreakdownPage } from './BreakdownPage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return {
+ setSearch(v);
+ onChange?.(v);
+ onPropertyChange?.(v);
+ }}
+ formValue="text"
+ allowsEmptyCollection
+ allowsCustomValue
+ renderEmptyState={() =>
+ isLoading ? (
+
+ {p}
+
+ ))}
+
+ );
+}
+
+function ValueSelect({
+ websiteId,
+ eventName,
+ propertyName,
+ value,
+ onChange,
+}: {
+ websiteId: string;
+ eventName?: string;
+ propertyName?: string;
+ value?: string;
+ onChange?: (value: string) => void;
+}) {
+ const { get, useQuery } = useApi();
+ const { t, messages } = useMessages();
+ const { startAt, endAt } = getEventDataDateRange();
+
+ const { data, isLoading } = useQuery>({
+ queryKey: ['event-data:values', { websiteId, eventName, propertyName, startAt, endAt }],
+ queryFn: () =>
+ get(`/websites/${websiteId}/event-data/values`, {
+ startAt,
+ endAt,
+ event: eventName,
+ propertyName,
+ }),
+ enabled: !!(websiteId && eventName && propertyName),
+ });
+
+ const values = data?.map(d => d.value) ?? [];
+
+ return (
+ {
+ onChange?.(v);
+ }}
+ formValue="text"
+ allowsEmptyCollection
+ allowsCustomValue
+ renderEmptyState={() =>
+ isLoading ? (
+
+ {v}
+
+ ))}
+
+ );
+}
+
+function OperatorSelect({
+ value = 'eq',
+ onChange,
+}: {
+ value?: string;
+ onChange?: (value: string) => void;
+}) {
+ const { t, labels } = useMessages();
+ return (
+
+ {t(labels.is)}
+ {t(labels.isNot)}
+ {t(labels.contains)}
+ {t(labels.doesNotContain)}
+
+ );
+}
+
+export interface EventDataFilterRowProps {
+ stepIndex: number;
+ filterIndex: number;
+ websiteId: string;
+ eventName: string;
+ initialProperty?: string;
+ onRemove: () => void;
+}
+
+export function EventDataFilterRow({
+ stepIndex,
+ filterIndex,
+ websiteId,
+ eventName,
+ initialProperty,
+ onRemove,
+}: EventDataFilterRowProps) {
+ const { t, labels } = useMessages();
+ const { isMobile } = useMobile();
+ const [propertyName, setPropertyName] = useState(initialProperty ?? '');
+
+ if (isMobile) {
+ return (
+
+
+
+ setPropertyName(v)}
+ />
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }
+
+ return (
+
+
+
+ setPropertyName(v)}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/funnels/Funnel.tsx b/src/app/(main)/websites/[websiteId]/(reports)/funnels/Funnel.tsx
new file mode 100644
index 000000000..4d599f70d
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/funnels/Funnel.tsx
@@ -0,0 +1,147 @@
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { useMessages, useNavigation, useOperatorLabels, useResultQuery } from '@/components/hooks';
+import { File, User } from '@/components/icons';
+import { ReportEditButton } from '@/components/input/ReportEditButton';
+import { ChangeLabel } from '@/components/metrics/ChangeLabel';
+import { Lightning } from '@/components/svg';
+import { formatLongNumber } from '@/lib/format';
+import type { FunnelResult } from '@/queries/sql/reports/getFunnel';
+import { Box, Column, Grid, Icon, ProgressBar, Row, Text } from '@umami/react-zen';
+import { FunnelEditForm } from './FunnelEditForm';
+
+interface FunnelProps {
+ id: string;
+ name: string;
+ type: string;
+ parameters: Record;
+ websiteId: string;
+}
+
+export function Funnel({ id, name, type, parameters, websiteId }: FunnelProps) {
+ const { t, labels } = useMessages();
+ const { pathname } = useNavigation();
+ const isSharePage = pathname.includes('/share/');
+ const { data, error, isLoading } = useResultQuery>(type, {
+ websiteId,
+ ...parameters,
+ });
+
+ const operatorLabels = useOperatorLabels();
+
+ return (
+
+
+
+
+
+
+ {name}
+
+
+
+ {!isSharePage && (
+
+
+ {({ close }) =>
+
+ )}
+
+ {data?.map(
+ (
+ { type, value, filters, visitors, previous, dropped, dropoff, remaining }: FunnelResult,
+ index: number,
+ ) => {
+ const isPage = type === 'path';
+ return (
+
+
+
+
+ {index + 1}
+
+
+ {index > 0 && (
+
+
+
+
+ {t(isPage ? labels.viewedPage : labels.triggeredEvent)}
+
+ {t(labels.conversionRate)}
+
+
+
+
+ {type === 'path' ?
+ {value}
+
+ {filters?.map((f, i) => (
+
+ {f.property}
+
+ {operatorLabels[f.operator] ?? f.operator}
+
+ {f.value}
+
+ ))}
+
+
+ {index > 0 && (
+
+ {formatLongNumber(dropped)}
+
+ )}
+
+
+
+ {`${formatLongNumber(visitors)} ${t(labels.visitors)}`}
+
+
+
+
+
+
+ {Math.round(remaining * 100)}%
+
+
+
+
+
+ );
+ },
+ )}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/funnels/FunnelAddButton.tsx b/src/app/(main)/websites/[websiteId]/(reports)/funnels/FunnelAddButton.tsx
new file mode 100644
index 000000000..89cdb789a
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/funnels/FunnelAddButton.tsx
@@ -0,0 +1,21 @@
+import { useMessages } from '@/components/hooks';
+import { Plus } from '@/components/icons';
+import { DialogButton } from '@/components/input/DialogButton';
+import { FunnelEditForm } from './FunnelEditForm';
+
+export function FunnelAddButton({ websiteId }: { websiteId: string }) {
+ const { t, labels } = useMessages();
+
+ return (
+ >({
+ queryKey: ['event-data:properties', { websiteId, eventName, searchValue: '', startAt, endAt }],
+ queryFn: () =>
+ get(`/websites/${websiteId}/event-data/properties`, {
+ startAt,
+ endAt,
+ ...(eventName ? { event: eventName } : {}),
+ }),
+ enabled: !!websiteId && !!eventName,
+ });
+
+ const hasEventData = (eventProperties?.length ?? 0) > 0;
+
+ const valueField = (
+
+ {({ field, context }) => {
+ const type = context.watch(`steps.${index}.type`);
+ return (
+ {
+ setEventName(v);
+ }}
+ />
+ );
+ }}
+
+ );
+
+ return (
+
+ {isMobile ? (
+
+
+
+
+ {valueField}
+
+
+
+
+
+
+ ) : (
+
+
+
+
+
+
+ {valueField}
+
+
+
+
+
+
+ )}
+
+ {({ fields: filterFields, append: appendFilter, remove: removeFilter, watch }) => {
+ const stepType = watch(`steps.${index}.type`);
+
+ if (stepType !== 'event') return null;
+
+ return (
+
+ {filterFields.map(
+ (
+ { id: filterId, property: initialProperty }: { id: string; property?: string },
+ filterIndex: number,
+ ) => (
+ removeFilter(filterIndex)}
+ />
+ ),
+ )}
+ {hasEventData && (
+
+ appendFilter({ property: '', operator: 'eq', value: '' })}
+ >
+
+
+ {t(labels.filter)}
+
+
+ )}
+
+ );
+ }}
+
+
+ );
+}
+
+export function FunnelEditForm({
+ id,
+ websiteId,
+ onSave,
+ onClose,
+}: {
+ id?: string;
+ websiteId: string;
+ onSave?: () => void;
+ onClose?: () => void;
+}) {
+ const { t, labels } = useMessages();
+ const { data, isLoading } = useReportQuery(id);
+ const { mutateAsync, error, isPending, touch } = useUpdateQuery(`/reports${id ? `/${id}` : ''}`);
+
+ const handleSubmit = async ({
+ name,
+ ...parameters
+ }: {
+ name: string;
+ [key: string]: unknown;
+ }) => {
+ await mutateAsync(
+ { ...data, id, name, type: 'funnel', websiteId, parameters },
+ {
+ onSuccess: async () => {
+ touch('reports:funnel');
+ touch(`report:${id}`);
+ onSave?.();
+ onClose?.();
+ },
+ },
+ );
+ };
+
+ if (id && isLoading) {
+ return
+
+
+ )}
+
+ {data && (
+
+ {data.data?.map((report: any) => (
+
+
+ ))}
+
+ )}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/funnels/page.tsx b/src/app/(main)/websites/[websiteId]/(reports)/funnels/page.tsx
new file mode 100644
index 000000000..2fdcf3b7b
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/funnels/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { FunnelsPage } from './FunnelsPage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return (type, {
+ websiteId,
+ startDate,
+ endDate,
+ ...parameters,
+ });
+ const isPage = parameters?.type === 'path';
+
+ return (
+
+ {data && (
+
+
+
+
+
+ {name}
+
+
+
+ {!isSharePage && (
+
+
+ {({ close }) =>
+
+ )}
+
+
+ {t(isPage ? labels.viewedPage : labels.triggeredEvent)}
+ {t(labels.conversionRate)}
+
+
+
+ {parameters.type === 'path' ?
+ {parameters.value}
+
+
+
+
+ {`${formatLongNumber(
+ data?.num,
+ )} / ${formatLongNumber(data?.total)}`}
+
+
+
+
+ {data?.total ? Math.round((+data?.num / +data?.total) * 100) : '0'}%
+
+
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/goals/GoalAddButton.tsx b/src/app/(main)/websites/[websiteId]/(reports)/goals/GoalAddButton.tsx
new file mode 100644
index 000000000..3e1a42750
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/goals/GoalAddButton.tsx
@@ -0,0 +1,21 @@
+import { useMessages } from '@/components/hooks';
+import { Plus } from '@/components/icons';
+import { DialogButton } from '@/components/input/DialogButton';
+import { GoalEditForm } from './GoalEditForm';
+
+export function GoalAddButton({ websiteId }: { websiteId: string }) {
+ const { t, labels } = useMessages();
+
+ return (
+ ) => {
+ await mutateAsync(
+ { ...formData, type: 'goal', websiteId },
+ {
+ onSuccess: async () => {
+ if (id) touch(`report:${id}`);
+ touch('reports:goal');
+ onSave?.();
+ onClose?.();
+ },
+ },
+ );
+ };
+
+ if (id && !data) {
+ return
+
+
+ )}
+
+ {data && (
+
+ {data.data.map((report: any) => (
+
+
+ ))}
+
+ )}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/goals/page.tsx b/src/app/(main)/websites/[websiteId]/(reports)/goals/page.tsx
new file mode 100644
index 000000000..b1ab691a0
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/goals/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { GoalsPage } from './GoalsPage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return ('journey', {
+ websiteId,
+ steps,
+ startStep,
+ endStep,
+ view,
+ eventType: EVENT_TYPES[view],
+ });
+
+ useEscapeKey(() => setSelectedNode(null));
+
+ const columns = useMemo(() => {
+ if (!data) {
+ return [];
+ }
+
+ const selectedPaths = selectedNode?.paths ?? [];
+ const activePaths = activeNode?.paths ?? [];
+ const columns = [];
+
+ for (let columnIndex = 0; columnIndex < +steps; columnIndex++) {
+ const nodes = {};
+
+ data.forEach(({ items, count }: any, nodeIndex: any) => {
+ const name = items[columnIndex];
+
+ if (name) {
+ const selected = !!selectedPaths.find(({ items }) => items[columnIndex] === name);
+ const active = selected && !!activePaths.find(({ items }) => items[columnIndex] === name);
+
+ if (!nodes[name]) {
+ const paths = data.filter(({ items }) => items[columnIndex] === name);
+
+ nodes[name] = {
+ name,
+ count,
+ totalCount: count,
+ nodeIndex,
+ columnIndex,
+ selected,
+ active,
+ paths,
+ pathMap: paths.map(({ items, count }) => ({
+ [`${columnIndex}:${items.join(':')}`]: count,
+ })),
+ };
+ } else {
+ nodes[name].totalCount += count;
+ }
+ }
+ });
+
+ columns.push({
+ nodes: objectToArray(nodes).sort(firstBy('total', -1)),
+ });
+ }
+
+ columns.forEach((column, columnIndex) => {
+ const nodes = column.nodes.map(
+ (
+ currentNode: { totalCount: number; name: string; selected: boolean },
+ currentNodeIndex: any,
+ ) => {
+ const previousNodes = columns[columnIndex - 1]?.nodes;
+ let selectedCount = previousNodes ? 0 : currentNode.totalCount;
+ let activeCount = selectedCount;
+
+ const lines =
+ previousNodes?.reduce((arr: any[][], previousNode: any, previousNodeIndex: number) => {
+ const fromCount = selectedNode?.paths.reduce((sum, path) => {
+ if (
+ previousNode.name === path.items[columnIndex - 1] &&
+ currentNode.name === path.items[columnIndex]
+ ) {
+ sum += path.count;
+ }
+ return sum;
+ }, 0);
+
+ if (currentNode.selected && previousNode.selected && fromCount) {
+ arr.push([previousNodeIndex, currentNodeIndex]);
+ selectedCount += fromCount;
+
+ if (previousNode.active) {
+ activeCount += fromCount;
+ }
+ }
+
+ return arr;
+ }, []) || [];
+
+ return { ...currentNode, selectedCount, activeCount, lines };
+ },
+ );
+
+ const visitorCount = nodes.reduce(
+ (sum: number, { selected, selectedCount, active, activeCount, totalCount }) => {
+ if (!selectedNode) {
+ sum += totalCount;
+ } else if (!activeNode && selectedNode && selected) {
+ sum += selectedCount;
+ } else if (activeNode && active) {
+ sum += activeCount;
+ }
+ return sum;
+ },
+ 0,
+ );
+
+ const previousTotal = columns[columnIndex - 1]?.visitorCount ?? 0;
+ const dropOff =
+ previousTotal > 0 ? ((visitorCount - previousTotal) / previousTotal) * 100 : 0;
+
+ Object.assign(column, { nodes, visitorCount, dropOff });
+ });
+
+ return columns;
+ }, [data, selectedNode, activeNode]);
+
+ const handleClick = (name: string, columnIndex: number, paths: any[]) => {
+ if (name !== selectedNode?.name || columnIndex !== selectedNode?.columnIndex) {
+ setSelectedNode({ name, columnIndex, paths });
+ } else {
+ setSelectedNode(null);
+ }
+ setActiveNode(null);
+ };
+
+ return (
+
+
+
+ {columns.map(({ visitorCount, nodes }, columnIndex) => {
+ return (
+
+
+
{columnIndex + 1}
+
+
+ {formatLongNumber(visitorCount)} {t(labels.visitors)}
+
+
+
+
+ {nodes.map(
+ ({
+ name,
+ totalCount,
+ selected,
+ active,
+ paths,
+ activeCount,
+ selectedCount,
+ lines,
+ }) => {
+ const nodeCount = selected
+ ? active
+ ? activeCount
+ : selectedCount
+ : totalCount;
+
+ const remaining =
+ columnIndex > 0
+ ? Math.round((nodeCount / columns[columnIndex - 1]?.visitorCount) * 100)
+ : 0;
+
+ const dropped = 100 - remaining;
+
+ return (
+
+ selected && setActiveNode({ name, columnIndex, paths })
+ }
+ onMouseLeave={() => selected && setActiveNode(null)}
+ >
+
handleClick(name, columnIndex, paths)}
+ >
+
+ {name.startsWith('/') ?
+ {name}
+
+
+
+
+ {formatLongNumber(nodeCount)}
+
+
+
+ {`${dropped}% ${t(labels.dropoff)}`}
+
+
+
+ {`${remaining}% ${t(labels.conversion)}`}
+
+
+
+
+
+ {columnIndex < columns.length &&
+ lines.map(([fromIndex, nodeIndex], i) => {
+ const height =
+ (Math.abs(nodeIndex - fromIndex) + 1) * (NODE_HEIGHT + NODE_GAP) -
+ NODE_GAP;
+ const midHeight =
+ (Math.abs(nodeIndex - fromIndex) - 1) * (NODE_HEIGHT + NODE_GAP) +
+ NODE_GAP +
+ LINE_WIDTH;
+ const nodeName = columns[columnIndex - 1]?.nodes[fromIndex].name;
+
+ return (
+
+ path.items[columnIndex] === name &&
+ path.items[columnIndex - 1] === nodeName,
+ ),
+ [styles.up]: fromIndex < nodeIndex,
+ [styles.down]: fromIndex > nodeIndex,
+ [styles.flat]: fromIndex === nodeIndex,
+ })}
+ style={{ height }}
+ >
+
+
+
+
+ );
+ })}
+
+
+ );
+ },
+ )}
+
+
+ );
+ })}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/journeys/JourneysPage.tsx b/src/app/(main)/websites/[websiteId]/(reports)/journeys/JourneysPage.tsx
new file mode 100644
index 000000000..f7cc4a88d
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/journeys/JourneysPage.tsx
@@ -0,0 +1,82 @@
+'use client';
+import { Column, Grid, ListItem, Row, SearchField, Select } from '@umami/react-zen';
+import { useState } from 'react';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { Panel } from '@/components/common/Panel';
+import { useDateRange, useMessages } from '@/components/hooks';
+import { FilterButtons } from '@/components/input/FilterButtons';
+import { Journey } from './Journey';
+
+const JOURNEY_STEPS = [2, 3, 4, 5, 6, 7];
+const DEFAULT_STEP = 3;
+
+export function JourneysPage({ websiteId }: { websiteId: string }) {
+ const { t, labels } = useMessages();
+ const {
+ dateRange: { startDate, endDate },
+ } = useDateRange();
+ const [view, setView] = useState('all');
+ const [steps, setSteps] = useState(DEFAULT_STEP);
+ const [startStep, setStartStep] = useState('');
+ const [endStep, setEndStep] = useState('');
+
+ const buttons = [
+ {
+ id: 'all',
+ label: t(labels.all),
+ },
+ {
+ id: 'views',
+ label: t(labels.views),
+ },
+ {
+ id: 'events',
+ label: t(labels.events),
+ },
+ ];
+
+ return (
+
+
+
+ {JOURNEY_STEPS.map(step => (
+
+ {step}
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/journeys/page.tsx b/src/app/(main)/websites/[websiteId]/(reports)/journeys/page.tsx
new file mode 100644
index 000000000..f6062a61d
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/journeys/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { JourneysPage } from './JourneysPage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return = {
+ lcp: 'Largest Contentful Paint',
+ inp: 'Interaction to Next Paint',
+ cls: 'Cumulative Layout Shift',
+ fcp: 'First Contentful Paint',
+ ttfb: 'Time to First Byte',
+};
+
+function formatMetricValue(metric: string, value: number): string {
+ if (metric === 'cls') return value.toFixed(3);
+ if (value >= 1000) return `${(value / 1000).toFixed(2)} s`;
+ return `${Math.round(value)} ms`;
+}
+
+const PERCENTILES = [
+ { id: 'p50', label: 'p50 — Median' },
+ { id: 'p75', label: 'p75 — 75th Percentile' },
+ { id: 'p95', label: 'p95 — 95th Percentile' },
+] as const;
+
+export function Performance({ websiteId, startDate, endDate, unit }: PerformanceProps) {
+ const [selectedMetric, setSelectedMetric] = useState('lcp');
+ const [selectedPercentile, setSelectedPercentile] = useState<'p50' | 'p75' | 'p95'>('p75');
+ const { t, labels } = useMessages();
+ const { locale, dateLocale } = useLocale();
+
+ const { data, error, isLoading } = useResultQuery('performance', {
+ websiteId,
+ startDate,
+ endDate,
+ metric: selectedMetric,
+ });
+
+ const chartData: any = useMemo(() => {
+ if (!data?.chart) return { datasets: [] };
+
+ const p50Color = colord(CHART_COLORS[0]);
+ const p75Color = colord(CHART_COLORS[1]);
+ const p95Color = colord(CHART_COLORS[2]);
+
+ return {
+ datasets: [
+ {
+ label: 'p50',
+ data: generateTimeSeries(
+ data.chart.map((d: any) => ({ x: d.t, y: Number(d.p50) })),
+ startDate,
+ endDate,
+ unit,
+ dateLocale,
+ ),
+ type: 'line',
+ borderColor: p50Color.alpha(0.8).toRgbString(),
+ backgroundColor: p50Color.alpha(0.1).toRgbString(),
+ borderWidth: 2,
+ fill: false,
+ tension: 0.3,
+ pointRadius: 2,
+ },
+ {
+ label: 'p75',
+ data: generateTimeSeries(
+ data.chart.map((d: any) => ({ x: d.t, y: Number(d.p75) })),
+ startDate,
+ endDate,
+ unit,
+ dateLocale,
+ ),
+ type: 'line',
+ borderColor: p75Color.alpha(0.8).toRgbString(),
+ backgroundColor: p75Color.alpha(0.1).toRgbString(),
+ borderWidth: 2,
+ fill: false,
+ tension: 0.3,
+ pointRadius: 2,
+ },
+ {
+ label: 'p95',
+ data: generateTimeSeries(
+ data.chart.map((d: any) => ({ x: d.t, y: Number(d.p95) })),
+ startDate,
+ endDate,
+ unit,
+ dateLocale,
+ ),
+ type: 'line',
+ borderColor: p95Color.alpha(0.8).toRgbString(),
+ backgroundColor: p95Color.alpha(0.1).toRgbString(),
+ borderWidth: 2,
+ fill: false,
+ tension: 0.3,
+ pointRadius: 2,
+ },
+ ],
+ };
+ }, [data, startDate, endDate, unit]);
+
+ const renderXLabel = useCallback(renderDateLabels(unit, locale), [unit, locale]);
+
+ const threshold = WEB_VITALS_THRESHOLDS[selectedMetric as keyof typeof WEB_VITALS_THRESHOLDS];
+ const isCls = selectedMetric === 'cls';
+ const metricLabel = t(labels[selectedMetric]) || selectedMetric.toUpperCase();
+ const formatListCount = isCls
+ ? (n: number) => n.toFixed(3)
+ : (n: number) => `${(n / 1000).toFixed(2)} s`;
+
+ return (
+
+
+ setSelectedPercentile(value as 'p50' | 'p75' | 'p95')}
+ >
+ {PERCENTILES.map(({ id, label }) => (
+
+ {label}
+
+ ))}
+
+
+
+ {data && (
+
+
+ {METRICS.map(metric => (
+ formatMetricValue(metric, n)}
+ onClick={() => setSelectedMetric(metric)}
+ selected={selectedMetric === metric}
+ />
+ ))}
+
+
+
+
+ {METRIC_LABELS[selectedMetric]}
+
+
+ {t(labels.sampleSize)}: {formatLongNumber(data.summary?.count || 0)}
+
+
+
+ {
+ const val = Number(label);
+ if (selectedMetric === 'cls') return val.toFixed(2);
+ if (val >= 1000) return `${(val / 1000).toFixed(2)} s`;
+ return `${Math.round(val)} ms`;
+ }}
+ height="400px"
+ />
+
+
+
+
+
+ {t(labels.pages)}
+
+ {t(labels.path)}
+ {t(labels.pageTitle)}
+
+
+
+ Number({ p50, p75, p95 }[selectedPercentile]) > 0,
+ )
+ .slice(0, 20)
+ .map(({ name, p50, p75, p95 }: any) => ({
+ label: name,
+ count: Number({ p50, p75, p95 }[selectedPercentile]),
+ percent: 0,
+ }))}
+ renderLabel={({ label }: { label: string }) => {label} }
+ />
+
+
+
+ Number({ p50, p75, p95 }[selectedPercentile]) > 0,
+ )
+ .slice(0, 20)
+ .map(({ name, p50, p75, p95 }: any) => ({
+ label: name,
+ count: Number({ p50, p75, p95 }[selectedPercentile]),
+ percent: 0,
+ }))}
+ renderLabel={(row: any) =>
+
+
+
+
+ {t(labels.environment)}
+
+ {t(labels.device)}
+ {t(labels.browser)}
+
+
+
+ Number({ p50, p75, p95 }[selectedPercentile]) > 0,
+ )
+ .slice(0, 20)
+ .map(({ name, p50, p75, p95 }: any) => ({
+ label: name,
+ count: Number({ p50, p75, p95 }[selectedPercentile]),
+ percent: 0,
+ }))}
+ renderLabel={(row: any) =>
+
+
+ Number({ p50, p75, p95 }[selectedPercentile]) > 0,
+ )
+ .slice(0, 20)
+ .map(({ name, p50, p75, p95 }: any) => ({
+ label: name,
+ count: Number({ p50, p75, p95 }[selectedPercentile]),
+ percent: 0,
+ }))}
+ renderLabel={(row: any) =>
+
+
+
+
+ )}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/performance/PerformancePage.tsx b/src/app/(main)/websites/[websiteId]/(reports)/performance/PerformancePage.tsx
new file mode 100644
index 000000000..3cd8d0d0a
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/performance/PerformancePage.tsx
@@ -0,0 +1,18 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { useDateRange } from '@/components/hooks';
+import { Performance } from './Performance';
+
+export function PerformancePage({ websiteId }: { websiteId: string }) {
+ const {
+ dateRange: { startDate, endDate, unit },
+ } = useDateRange();
+
+ return (
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/performance/page.tsx b/src/app/(main)/websites/[websiteId]/(reports)/performance/page.tsx
new file mode 100644
index 000000000..dad23a2c5
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/performance/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { PerformancePage } from './PerformancePage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return
+ {data && (
+
+
+
+
+
+
+ {t(labels.cohort)}
+
+
+ {days.map(n => (
+
+
+ {t(labels.day)} {n}
+
+
+ ))}
+
+ {rows.map(({ date, visitors, records }: any, rowIndex: number) => {
+ return (
+
+
+ {formatDate(date, 'PP', locale)}
+
+
+
+ {formatLongNumber(visitors)}
+
+
+ {days.map(day => {
+ if (totalDays - rowIndex < day) {
+ return null;
+ }
+ const percentage = records.filter(a => a.day === day)[0]?.percentage;
+ return (
+
+ {percentage ? `${Number(percentage).toFixed(2)}%` : ''}
+ |
+ );
+ })}
+
+ );
+ })}
+
+
+
+ )}
+
+ );
+}
+
+const Cell = ({ children }: { children: ReactNode }) => {
+ return (
+
+ {children}
+
+ );
+};
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/retention/RetentionPage.tsx b/src/app/(main)/websites/[websiteId]/(reports)/retention/RetentionPage.tsx
new file mode 100644
index 000000000..0ec6e95ed
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/retention/RetentionPage.tsx
@@ -0,0 +1,22 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { endOfMonth, startOfMonth } from 'date-fns';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { useDateRange } from '@/components/hooks';
+import { Retention } from './Retention';
+
+export function RetentionPage({ websiteId }: { websiteId: string }) {
+ const {
+ dateRange: { startDate },
+ } = useDateRange();
+
+ const monthStartDate = startOfMonth(startDate);
+ const monthEndDate = endOfMonth(startDate);
+
+ return (
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/retention/page.tsx b/src/app/(main)/websites/[websiteId]/(reports)/retention/page.tsx
new file mode 100644
index 000000000..2fbbc0ac3
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/retention/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { RetentionPage } from './RetentionPage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return
+ {({ data }) => (
+ updateParams({ session: row.id })}
+ />
+ )}
+
+ );
+}
+
+export interface RevenueProps {
+ websiteId: string;
+ startDate: Date;
+ endDate: Date;
+ unit: string;
+}
+
+export function Revenue({ websiteId, startDate, endDate, unit }: RevenueProps) {
+ const [currency, setCurrency] = useState(
+ getItem(CURRENCY_CONFIG) || process.env.defaultCurrency || DEFAULT_CURRENCY,
+ );
+
+ const handleCurrencyChange = (value: string) => {
+ setCurrency(value);
+ setItem(CURRENCY_CONFIG, value);
+ };
+
+ const { t, labels } = useMessages();
+ const { compare, isAllTime } = useDateRange();
+ const { data, error, isLoading } = useResultQuery('revenue', {
+ websiteId,
+ startDate,
+ endDate,
+ currency,
+ compare,
+ });
+
+ const metrics = useMemo(() => {
+ if (!data) return [];
+
+ const { sum, count, average, unique_count, arpu, comparison } = data.total;
+
+ return [
+ {
+ value: sum,
+ label: t(labels.total),
+ change: comparison ? sum - comparison.sum : 0,
+ formatValue: (n: number) => formatLongCurrency(n, currency),
+ },
+ {
+ value: average,
+ label: t(labels.aov),
+ tooltip: (
+ <>
+ Average Order Value
+ (Total Revenue / Orders)
+
+ ),
+ change: comparison ? average - comparison.average : 0,
+ formatValue: (n: number) => formatLongCurrency(n, currency),
+ },
+ {
+ value: arpu,
+ label: t(labels.arpu),
+ tooltip: (
+ <>
+ Average Revenue Per User
+ (Total Revenue / All Sessions)
+
+ ),
+ change: comparison ? arpu - (comparison.arpu ?? 0) : 0,
+ formatValue: (n: number) => formatLongCurrency(n, currency),
+ },
+ {
+ value: count,
+ label: t(labels.orders),
+ change: comparison ? count - comparison.count : 0,
+ formatValue: formatLongNumber,
+ },
+ {
+ value: unique_count,
+ label: t(labels.uniqueCustomers),
+ change: comparison ? unique_count - comparison.unique_count : 0,
+ formatValue: formatLongNumber,
+ },
+ ] as any;
+ }, [data]);
+
+ const renderLabel = (type: string) => (data: any) =>
+
+
+
+ {data && (
+
+
+ {metrics?.map(({ label, value, change, formatValue, tooltip }) => {
+ return (
+
+
+
+
+
+
+ {t(labels.sources)}
+
+
+ {t(labels.referrers)}
+ {t(labels.channels)}
+
+
+ ({
+ label: name,
+ count: Number(value),
+ percent: (value / data?.total.sum) * 100,
+ }),
+ )}
+ formatCount={(n: number) => formatLongCurrency(n, currency)}
+ renderLabel={renderLabel('referrer')}
+ />
+
+
+ ({
+ label: name,
+ count: Number(value),
+ percent: (value / data?.total.sum) * 100,
+ }),
+ )}
+ formatCount={(n: number) => formatLongCurrency(n, currency)}
+ renderLabel={renderLabel('channel')}
+ />
+
+
+
+
+ {t(labels.location)}
+
+
+ {t(labels.countries)}
+ {t(labels.regions)}
+
+
+ ({
+ label: name,
+ count: Number(value),
+ percent: (value / data?.total.sum) * 100,
+ }),
+ )}
+ formatCount={(n: number) => formatLongCurrency(n, currency)}
+ renderLabel={renderLabel('country')}
+ />
+
+
+ ({
+ label: name,
+ country,
+ count: Number(value),
+ percent: (value / data?.total.sum) * 100,
+ }),
+ )}
+ formatCount={(n: number) => formatLongCurrency(n, currency)}
+ renderLabel={renderLabel('region')}
+ />
+
+
+
+
+
+
+ {t(labels.customers)}
+
+
+ )}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/revenue/RevenuePage.tsx b/src/app/(main)/websites/[websiteId]/(reports)/revenue/RevenuePage.tsx
new file mode 100644
index 000000000..4dc19e012
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/revenue/RevenuePage.tsx
@@ -0,0 +1,19 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { useDateRange, useTimezone } from '@/components/hooks';
+import { Revenue } from './Revenue';
+
+export function RevenuePage({ websiteId }: { websiteId: string }) {
+ const { timezone } = useTimezone();
+ const {
+ dateRange: { startDate, endDate, unit },
+ } = useDateRange({ timezone });
+
+ return (
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/revenue/page.tsx b/src/app/(main)/websites/[websiteId]/(reports)/revenue/page.tsx
new file mode 100644
index 000000000..fba10f155
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/revenue/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { RevenuePage } from './RevenuePage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return ('utm', {
+ websiteId,
+ startDate,
+ endDate,
+ });
+
+ return (
+
+ {data && (
+
+ {UTM_PARAMS.map(param => {
+ const items = data?.[param];
+
+ const chartData = {
+ labels: items.map(({ utm }) => utm),
+ datasets: [
+ {
+ data: items.map(({ views }) => views),
+ backgroundColor: CHART_COLORS,
+ borderWidth: 0,
+ },
+ ],
+ };
+ const total = items.reduce((sum, { views }) => {
+ return +sum + +views;
+ }, 0);
+
+ return (
+
+
+
+
+ {param.replace(/^utm_/, '')}
+
+ ({
+ label: utm,
+ count: views,
+ percent: (views / total) * 100,
+ }))}
+ />
+
+
+
+
+
+ );
+ })}
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/utm/UTMPage.tsx b/src/app/(main)/websites/[websiteId]/(reports)/utm/UTMPage.tsx
new file mode 100644
index 000000000..0d2a73292
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/utm/UTMPage.tsx
@@ -0,0 +1,18 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { useDateRange } from '@/components/hooks';
+import { UTM } from './UTM';
+
+export function UTMPage({ websiteId }: { websiteId: string }) {
+ const {
+ dateRange: { startDate, endDate },
+ } = useDateRange();
+
+ return (
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/utm/page.tsx b/src/app/(main)/websites/[websiteId]/(reports)/utm/page.tsx
new file mode 100644
index 000000000..8b8fd6af3
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/(reports)/utm/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { UTMPage } from './UTMPage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return
+
+ {({ close }) => {
+ return (
+ handleClose(close)}
+ />
+ );
+ }}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteChart.module.css b/src/app/(main)/websites/[websiteId]/WebsiteChart.module.css
deleted file mode 100644
index b795047a9..000000000
--- a/src/app/(main)/websites/[websiteId]/WebsiteChart.module.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.container {
- position: relative;
- display: flex;
- flex-direction: column;
- align-self: stretch;
-}
-
-.chart {
- position: relative;
- overflow: hidden;
-}
-
-.title {
- font-size: var(--font-size-lg);
- line-height: 60px;
- font-weight: 600;
-}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteChart.tsx b/src/app/(main)/websites/[websiteId]/WebsiteChart.tsx
index 681923077..896c733a8 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteChart.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteChart.tsx
@@ -1,57 +1,59 @@
import { useMemo } from 'react';
-import PageviewsChart from '@/components/metrics/PageviewsChart';
-import useWebsitePageviews from '@/components/hooks/queries/useWebsitePageviews';
-import { useDateRange } from '@/components/hooks';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { useDateRange, useTimezone } from '@/components/hooks';
+import { useWebsitePageviewsQuery } from '@/components/hooks/queries/useWebsitePageviewsQuery';
+import { PageviewsChart } from '@/components/metrics/PageviewsChart';
export function WebsiteChart({
websiteId,
- compareMode = false,
+ compareMode,
}: {
websiteId: string;
compareMode?: boolean;
}) {
- const { dateRange, dateCompare } = useDateRange(websiteId);
+ const { timezone } = useTimezone();
+ const { dateRange, dateCompare } = useDateRange({ timezone: timezone });
const { startDate, endDate, unit, value } = dateRange;
- const { data, isLoading } = useWebsitePageviews(websiteId, compareMode ? dateCompare : undefined);
+ const { data, isLoading, isFetching, error } = useWebsitePageviewsQuery({
+ websiteId,
+ compare: compareMode ? dateCompare?.compare : undefined,
+ });
const { pageviews, sessions, compare } = (data || {}) as any;
const chartData = useMemo(() => {
- if (data) {
- const result = {
- pageviews,
- sessions,
- };
+ if (!data) {
+ return { pageviews: [], sessions: [] };
+ }
- if (compare) {
- result['compare'] = {
- pageviews: result.pageviews.map(({ x }, i) => ({
+ return {
+ pageviews,
+ sessions,
+ ...(compare && {
+ compare: {
+ pageviews: pageviews.map(({ x }, i) => ({
x,
y: compare.pageviews[i]?.y,
d: compare.pageviews[i]?.x,
})),
- sessions: result.sessions.map(({ x }, i) => ({
+ sessions: sessions.map(({ x }, i) => ({
x,
y: compare.sessions[i]?.y,
d: compare.sessions[i]?.x,
})),
- };
- }
-
- return result;
- }
- return { pageviews: [], sessions: [] };
+ },
+ }),
+ };
}, [data, startDate, endDate, unit]);
return (
-
+
);
}
-
-export default WebsiteChart;
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteChartList.tsx b/src/app/(main)/websites/[websiteId]/WebsiteChartList.tsx
deleted file mode 100644
index b27f9870d..000000000
--- a/src/app/(main)/websites/[websiteId]/WebsiteChartList.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Button, Text, Icon, Icons } from 'react-basics';
-import { useMemo } from 'react';
-import { firstBy } from 'thenby';
-import Link from 'next/link';
-import WebsiteChart from './WebsiteChart';
-import useDashboard from '@/store/dashboard';
-import WebsiteHeader from './WebsiteHeader';
-import { WebsiteMetricsBar } from './WebsiteMetricsBar';
-import { useMessages, useLocale, useTeamUrl } from '@/components/hooks';
-
-export default function WebsiteChartList({
- websites,
- showCharts,
- limit,
-}: {
- websites: any[];
- showCharts?: boolean;
- limit?: number;
-}) {
- const { formatMessage, labels } = useMessages();
- const { websiteOrder, websiteActive } = useDashboard();
- const { renderTeamUrl } = useTeamUrl();
- const { dir } = useLocale();
-
- const ordered = useMemo(() => {
- return websites
- .filter(website => (websiteActive.length ? websiteActive.includes(website.id) : true))
- .map(website => ({ ...website, order: websiteOrder.indexOf(website.id) || 0 }))
- .sort(firstBy('order'));
- }, [websites, websiteOrder, websiteActive]);
-
- return (
-
- {ordered.map(({ id }, index) => {
- return index < limit ? (
-
-
-
- {formatMessage(labels.viewDetails)}
-
-
-
-
-
-
-
-
- ) : null;
- })}
-
+
+
+ {allowFilter &&
+
+ {allowDateFilter && (
+
+
+ {allowFilter &&
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteDetailsPage.tsx b/src/app/(main)/websites/[websiteId]/WebsiteDetailsPage.tsx
deleted file mode 100644
index c421bc490..000000000
--- a/src/app/(main)/websites/[websiteId]/WebsiteDetailsPage.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-'use client';
-import { usePathname } from 'next/navigation';
-import FilterTags from '@/components/metrics/FilterTags';
-import { useNavigation } from '@/components/hooks';
-import WebsiteChart from './WebsiteChart';
-import WebsiteExpandedView from './WebsiteExpandedView';
-import WebsiteHeader from './WebsiteHeader';
-import WebsiteMetricsBar from './WebsiteMetricsBar';
-import WebsiteTableView from './WebsiteTableView';
-import { FILTER_COLUMNS, FILTER_GROUPS } from '@/lib/constants';
-
-export default function WebsiteDetailsPage({ websiteId }: { websiteId: string }) {
- const pathname = usePathname();
- const { query } = useNavigation();
-
- const showLinks = !pathname.includes('/share/');
- const { view } = query;
-
- const params = Object.keys(query).reduce((obj, key) => {
- if (FILTER_COLUMNS[key] || FILTER_GROUPS[key]) {
- obj[key] = query[key];
- }
- return obj;
- }, {});
-
- return (
- <>
-
-
-
+
+
+ {({ close }) => {
+ return (
+
+
+ );
+ }}
+
+
+
+
-
-
- {formatMessage(labels.back)}
-
-
- {({ key, label }) => - {label}
}
-
-
-
-
-
+
+
+
);
}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteFilterButton.module.css b/src/app/(main)/websites/[websiteId]/WebsiteFilterButton.module.css
deleted file mode 100644
index 80f101e3a..000000000
--- a/src/app/(main)/websites/[websiteId]/WebsiteFilterButton.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.button {
- font-weight: 700;
-}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteFilterButton.tsx b/src/app/(main)/websites/[websiteId]/WebsiteFilterButton.tsx
deleted file mode 100644
index 02b744184..000000000
--- a/src/app/(main)/websites/[websiteId]/WebsiteFilterButton.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Button, Icon, Icons, Popup, PopupTrigger, Text } from 'react-basics';
-import PopupForm from '@/app/(main)/reports/[reportId]/PopupForm';
-import FilterSelectForm from '@/app/(main)/reports/[reportId]/FilterSelectForm';
-import { useFields, useMessages, useNavigation, useDateRange } from '@/components/hooks';
-import { OPERATOR_PREFIXES } from '@/lib/constants';
-import styles from './WebsiteFilterButton.module.css';
-
-export function WebsiteFilterButton({
- websiteId,
- className,
- position = 'bottom',
- alignment = 'end',
- showText = true,
-}: {
- websiteId: string;
- className?: string;
- position?: 'bottom' | 'top' | 'left' | 'right';
- alignment?: 'end' | 'center' | 'start';
- showText?: boolean;
-}) {
- const { formatMessage, labels } = useMessages();
- const { renderUrl, router } = useNavigation();
- const { fields } = useFields();
- const {
- dateRange: { startDate, endDate },
- } = useDateRange(websiteId);
-
- const handleAddFilter = ({ name, operator, value }) => {
- const prefix = OPERATOR_PREFIXES[operator];
-
- router.push(renderUrl({ [name]: prefix + value }));
- };
-
- return (
-
-
-
-
- {showText && {formatMessage(labels.filter)} }
-
-
- {(close: () => void) => {
- return (
-
- {
- handleAddFilter(value);
- close();
- }}
- />
-
- );
- }}
-
-
- );
-}
-
-export default WebsiteFilterButton;
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css b/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css
deleted file mode 100644
index 90c3f5cb1..000000000
--- a/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css
+++ /dev/null
@@ -1,62 +0,0 @@
-.header {
- display: flex;
- gap: 10px;
- align-items: center;
- flex-wrap: wrap;
- padding: 20px 0px;
-}
-
-.title {
- display: flex;
- flex-direction: row;
- align-items: center;
- gap: 10px;
- font-size: 24px;
- font-weight: 700;
- overflow: hidden;
- height: 60px;
-}
-
-.actions {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-end;
- gap: 30px;
- min-height: 0;
- margin-left: auto;
-}
-
-.selected {
- font-weight: bold;
-}
-
-.links {
- display: flex;
- flex-direction: row;
- align-items: center;
-}
-
-@media only screen and (max-width: 768px) {
- .header {
- grid-template-columns: 1fr;
- }
-
- .links {
- justify-content: space-evenly;
- flex: 1;
- border-bottom: 1px solid var(--base300);
- padding-bottom: 10px;
- margin-bottom: 10px;
- }
-
- .label {
- display: none;
- }
-
- .icon,
- .icon svg {
- width: 20px;
- height: 20px;
- }
-}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteHeader.tsx b/src/app/(main)/websites/[websiteId]/WebsiteHeader.tsx
index b568dd3dc..1739cb4c1 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteHeader.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteHeader.tsx
@@ -1,102 +1,44 @@
-import classNames from 'classnames';
-import Favicon from '@/components/common/Favicon';
-import { useMessages, useTeamUrl, useWebsite } from '@/components/hooks';
-import Icons from '@/components/icons';
-import ActiveUsers from '@/components/metrics/ActiveUsers';
-import Link from 'next/link';
-import { usePathname } from 'next/navigation';
-import { ReactNode } from 'react';
-import { Button, Icon, Text } from 'react-basics';
-import Lightning from '@/assets/lightning.svg';
-import styles from './WebsiteHeader.module.css';
+import { Icon, Row, Text } from '@umami/react-zen';
+import { Favicon } from '@/components/common/Favicon';
+import { IconLabel } from '@/components/common/IconLabel';
+import { LinkButton } from '@/components/common/LinkButton';
+import { PageHeader } from '@/components/common/PageHeader';
+import { useMessages, useNavigation, useWebsite } from '@/components/hooks';
+import { Edit } from '@/components/icons';
+import { ActiveUsers } from '@/components/metrics/ActiveUsers';
export function WebsiteHeader({
- websiteId,
- showLinks = true,
- children,
+ showActions,
+ allowLink = true,
}: {
- websiteId: string;
- showLinks?: boolean;
- children?: ReactNode;
+ showActions?: boolean;
+ allowLink?: boolean;
}) {
- const { formatMessage, labels } = useMessages();
- const { renderTeamUrl } = useTeamUrl();
- const pathname = usePathname();
- const { data: website } = useWebsite(websiteId);
- const { name, domain } = website || {};
+ const website = useWebsite();
+ const { renderUrl, pathname } = useNavigation();
+ const isSettings = pathname.endsWith('/settings');
- const links = [
- {
- label: formatMessage(labels.overview),
- icon:
-
-
- {showLinks && (
-
- {links.map(({ label, icon, path }) => {
- const selected = path
- ? pathname.includes(path)
- : pathname.match(/^\/websites\/[\w-]+$/);
+
}
+ titleHref={allowLink ? renderUrl(`/websites/${website.id}`, false) : undefined}
+ >
+
+
- {icon}
- {label}
-
-
- );
- })}
-
+ {showActions && (
+
+
)}
- {children}
-
-
+
+ {children}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteMenu.tsx b/src/app/(main)/websites/[websiteId]/WebsiteMenu.tsx
new file mode 100644
index 000000000..3446440c1
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/WebsiteMenu.tsx
@@ -0,0 +1,56 @@
+import {
+ Button,
+ Icon,
+ Menu,
+ MenuItem,
+ MenuSeparator,
+ MenuTrigger,
+ Popover,
+ Text,
+} from '@umami/react-zen';
+import { Fragment } from 'react';
+import { useMessages, useNavigation } from '@/components/hooks';
+import { Edit, MoreHorizontal, Share } from '@/components/icons';
+
+export function WebsiteMenu({ websiteId }: { websiteId: string }) {
+ const { t, labels } = useMessages();
+ const { router, updateParams, renderUrl } = useNavigation();
+
+ const menuItems = [
+ { id: 'share', label: t(labels.share), icon:
+
+
+
+
+
+
+ {menuItems.map(({ id, label, icon, seperator }, index) => {
+ return (
+
+ {seperator &&
+ {icon}
+ {label}
+
+
+ );
+ })}
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.module.css b/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.module.css
deleted file mode 100644
index 6c5a0e569..000000000
--- a/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.module.css
+++ /dev/null
@@ -1,52 +0,0 @@
-.container {
- display: grid;
- grid-template-columns: 2fr 1fr;
- justify-content: space-between;
- align-items: center;
- background: var(--base50);
- z-index: var(--z-index-above);
- min-height: 120px;
- padding-bottom: 20px;
-}
-
-.actions {
- display: flex;
- flex-direction: column;
- align-items: flex-end;
- gap: 10px;
- flex-wrap: wrap;
-}
-
-.vs {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- flex-basis: 100%;
- gap: 10px;
-}
-
-.dropdown {
- min-width: 200px;
-}
-
-@media screen and (max-width: 1200px) {
- .container {
- grid-template-columns: 1fr;
- }
-
- .actions {
- margin: 20px 0;
- }
-}
-
-@media screen and (min-width: 992px) {
- .sticky {
- position: sticky;
- top: -1px;
- }
-
- .isSticky {
- padding: 10px 0;
- border-bottom: 1px solid var(--base300);
- }
-}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx b/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx
index 37e6861ea..e3c263373 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx
@@ -1,143 +1,92 @@
-import { Dropdown, Item } from 'react-basics';
-import classNames from 'classnames';
-import { useDateRange, useMessages, useNavigation, useSticky } from '@/components/hooks';
-import WebsiteDateFilter from '@/components/input/WebsiteDateFilter';
-import MetricCard from '@/components/metrics/MetricCard';
-import MetricsBar from '@/components/metrics/MetricsBar';
-import { formatShortTime, formatLongNumber } from '@/lib/format';
-import useWebsiteStats from '@/components/hooks/queries/useWebsiteStats';
-import useStore, { setWebsiteDateCompare } from '@/store/websites';
-import WebsiteFilterButton from './WebsiteFilterButton';
-import { ExportButton } from '@/components/input/ExportButton';
-import styles from './WebsiteMetricsBar.module.css';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { useDateRange, useMessages } from '@/components/hooks';
+import { useWebsiteStatsQuery } from '@/components/hooks/queries/useWebsiteStatsQuery';
+import { MetricCard } from '@/components/metrics/MetricCard';
+import { MetricsBar } from '@/components/metrics/MetricsBar';
+import { formatLongNumber, formatShortTime } from '@/lib/format';
export function WebsiteMetricsBar({
websiteId,
- sticky,
- showChange = false,
- compareMode = false,
- showFilter = false,
+ compareMode,
}: {
websiteId: string;
- sticky?: boolean;
showChange?: boolean;
compareMode?: boolean;
- showFilter?: boolean;
}) {
- const { dateRange } = useDateRange(websiteId);
- const { formatMessage, labels } = useMessages();
- const dateCompare = useStore(state => state[websiteId]?.dateCompare);
- const { ref, isSticky } = useSticky({ enabled: sticky });
- const { data, isLoading, isFetched, error } = useWebsiteStats(
+ const { isAllTime, dateCompare } = useDateRange();
+ const { t, labels, getErrorMessage } = useMessages();
+ const { data, isLoading, isFetching, error } = useWebsiteStatsQuery({
websiteId,
- compareMode && dateCompare,
- );
- const {
- query: { view },
- } = useNavigation();
- const isAllTime = dateRange.value === 'all';
+ compare: compareMode ? dateCompare?.compare : undefined,
+ });
- const { pageviews, visitors, visits, bounces, totaltime } = data || {};
+ const { pageviews, visitors, visits, bounces, totaltime, comparison } = data || {};
const metrics = data
? [
{
- ...pageviews,
- label: formatMessage(labels.views),
- change: pageviews.value - pageviews.prev,
+ value: visitors,
+ label: t(labels.visitors),
+ change: visitors - comparison.visitors,
formatValue: formatLongNumber,
},
{
- ...visits,
- label: formatMessage(labels.visits),
- change: visits.value - visits.prev,
+ value: visits,
+ label: t(labels.visits),
+ change: visits - comparison.visits,
formatValue: formatLongNumber,
},
{
- ...visitors,
- label: formatMessage(labels.visitors),
- change: visitors.value - visitors.prev,
+ value: pageviews,
+ label: t(labels.views),
+ change: pageviews - comparison.pageviews,
formatValue: formatLongNumber,
},
{
- label: formatMessage(labels.bounceRate),
- value: (Math.min(visits.value, bounces.value) / visits.value) * 100,
- prev: (Math.min(visits.prev, bounces.prev) / visits.prev) * 100,
+ label: t(labels.bounceRate),
+ value: (Math.min(visits, bounces) / visits) * 100,
+ prev: (Math.min(comparison.visits, comparison.bounces) / comparison.visits) * 100,
change:
- (Math.min(visits.value, bounces.value) / visits.value) * 100 -
- (Math.min(visits.prev, bounces.prev) / visits.prev) * 100,
- formatValue: n => Math.round(+n) + '%',
+ (Math.min(visits, bounces) / visits) * 100 -
+ (Math.min(comparison.visits, comparison.bounces) / comparison.visits) * 100,
+ formatValue: n => `${Math.round(+n)}%`,
reverseColors: true,
},
{
- label: formatMessage(labels.visitDuration),
- value: totaltime.value / visits.value,
- prev: totaltime.prev / visits.prev,
- change: totaltime.value / visits.value - totaltime.prev / visits.prev,
+ label: t(labels.visitDuration),
+ value: totaltime / visits,
+ prev: comparison.totaltime / comparison.visits,
+ change: totaltime / visits - comparison.totaltime / comparison.visits,
formatValue: n =>
`${+n < 0 ? '-' : ''}${formatShortTime(Math.abs(~~n), ['m', 's'], ' ')}`,
},
]
- : [];
-
- const items = [
- { label: formatMessage(labels.previousPeriod), value: 'prev' },
- { label: formatMessage(labels.previousYear), value: 'yoy' },
- ];
+ : null;
return (
-
-
-
- {metrics.map(({ label, value, prev, change, formatValue, reverseColors }) => {
- return (
-
-
-
-
- {showFilter &&
-
- {compareMode && (
-
- VS
- items.find(i => i.value === value)?.label}
- alignment="end"
- onChange={(value: any) => setWebsiteDateCompare(websiteId, value)}
- >
- {items.map(({ label, value }) => (
- - {label}
- ))}
-
-
- )}
-
-
+ {metrics?.map(({ label, value, prev, change, formatValue, reverseColors }) => {
+ return (
+
+
);
}
-
-export default WebsiteMetricsBar;
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx b/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx
new file mode 100644
index 000000000..1b99bac1e
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx
@@ -0,0 +1,74 @@
+import { Column, Focusable, Row, Text, Tooltip, TooltipTrigger } from '@umami/react-zen';
+import Link from 'next/link';
+import { IconLabel } from '@/components/common/IconLabel';
+import { useMessages, useNavigation, useWebsiteNavItems } from '@/components/hooks';
+import { ArrowLeft } from '@/components/icons';
+
+export function WebsiteNav({
+ websiteId,
+ isCollapsed,
+ onItemClick,
+}: {
+ websiteId: string;
+ isCollapsed?: boolean;
+ onItemClick?: () => void;
+}) {
+ const { t, labels } = useMessages();
+ const { renderUrl } = useNavigation();
+ const { items, selectedKey } = useWebsiteNavItems(websiteId);
+
+ return (
+
+
+
+
+
+
+ {t(labels.back)}
+
+
+ {items.map(({ label: sectionLabel, items: sectionItems }, index) => (
+
+ {!isCollapsed && (
+
+ {sectionLabel}
+
+ )}
+ {sectionItems.map(({ id, path, label, icon }) => {
+ const isSelected = selectedKey === id;
+ return (
+
+
+
+
+
+ {label}
+
+
+ );
+ })}
+
+ ))}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/WebsitePage.tsx b/src/app/(main)/websites/[websiteId]/WebsitePage.tsx
new file mode 100644
index 000000000..5412421e5
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/WebsitePage.tsx
@@ -0,0 +1,26 @@
+'use client';
+import { Column, Row } from '@umami/react-zen';
+import { ExpandedViewModal } from '@/app/(main)/websites/[websiteId]/ExpandedViewModal';
+import { Panel } from '@/components/common/Panel';
+import { UnitFilter } from '@/components/input/UnitFilter';
+import { WebsiteChart } from './WebsiteChart';
+import { WebsiteControls } from './WebsiteControls';
+import { WebsiteMetricsBar } from './WebsiteMetricsBar';
+import { WebsitePanels } from './WebsitePanels';
+
+export function WebsitePage({ websiteId }: { websiteId: string }) {
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/WebsitePanels.tsx b/src/app/(main)/websites/[websiteId]/WebsitePanels.tsx
new file mode 100644
index 000000000..7d5d08c8c
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/WebsitePanels.tsx
@@ -0,0 +1,115 @@
+import { Grid, Heading, Row, Tab, TabList, TabPanel, Tabs } from '@umami/react-zen';
+import { GridRow } from '@/components/common/GridRow';
+import { Panel } from '@/components/common/Panel';
+import { useMessages, useMobile } from '@/components/hooks';
+import { MetricsTable } from '@/components/metrics/MetricsTable';
+import { WeeklyTraffic } from '@/components/metrics/WeeklyTraffic';
+import { WorldMap } from '@/components/metrics/WorldMap';
+
+export function WebsitePanels({ websiteId }: { websiteId: string }) {
+ const { t, labels } = useMessages();
+ const tableProps = {
+ websiteId,
+ limit: 10,
+ allowDownload: false,
+ showMore: true,
+ metric: t(labels.visitors),
+ };
+ const rowProps = { minHeight: '570px' };
+ const { isMobile } = useMobile();
+
+ return (
+
+
+
+ {t(labels.pages)}
+
+
+ {t(labels.path)}
+ {t(labels.entry)}
+ {t(labels.exit)}
+
+
+
+
+
+
+
+
+
+
+ {t(labels.sources)}
+
+
+ {t(labels.referrers)}
+ {t(labels.channels)}
+
+
+
+
+
+
+
+
+
+
+
+ {t(labels.environment)}
+
+
+ {t(labels.browsers)}
+ {t(labels.os)}
+ {t(labels.devices)}
+
+
+
+
+
+
+
+
+
+
+
+ {t(labels.location)}
+
+
+ {t(labels.countries)}
+ {t(labels.regions)}
+ {t(labels.cities)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {t(labels.traffic)}
+ |
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteProvider.tsx b/src/app/(main)/websites/[websiteId]/WebsiteProvider.tsx
deleted file mode 100644
index 198ad030f..000000000
--- a/src/app/(main)/websites/[websiteId]/WebsiteProvider.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-'use client';
-import { createContext, ReactNode, useEffect } from 'react';
-import { useModified, useWebsite } from '@/components/hooks';
-import { Loading } from 'react-basics';
-
-export const WebsiteContext = createContext(null);
-
-export function WebsiteProvider({
- websiteId,
- children,
-}: {
- websiteId: string;
- children: ReactNode;
-}) {
- const { modified } = useModified(`website:${websiteId}`);
- const { data: website, isFetching, isLoading, refetch } = useWebsite(websiteId);
-
- useEffect(() => {
- if (modified) {
- refetch();
- }
- }, [modified]);
-
- if (isFetching && isLoading) {
- return {children} ;
-}
-
-export default WebsiteProvider;
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteTableView.tsx b/src/app/(main)/websites/[websiteId]/WebsiteTableView.tsx
deleted file mode 100644
index 9b505140f..000000000
--- a/src/app/(main)/websites/[websiteId]/WebsiteTableView.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Grid, GridRow } from '@/components/layout/Grid';
-import PagesTable from '@/components/metrics/PagesTable';
-import ReferrersTable from '@/components/metrics/ReferrersTable';
-import BrowsersTable from '@/components/metrics/BrowsersTable';
-import OSTable from '@/components/metrics/OSTable';
-import DevicesTable from '@/components/metrics/DevicesTable';
-import WorldMap from '@/components/metrics/WorldMap';
-import CountriesTable from '@/components/metrics/CountriesTable';
-import EventsTable from '@/components/metrics/EventsTable';
-import EventsChart from '@/components/metrics/EventsChart';
-import { usePathname } from 'next/navigation';
-
-export default function WebsiteTableView({ websiteId }: { websiteId: string }) {
- const pathname = usePathname();
- const tableProps = {
- websiteId,
- allowDownload: false,
- limit: 10,
- };
- const isSharePage = pathname.includes('/share/');
-
- return (
-
-
-
-
-
-
-
- {isSharePage && (
-
-
- )}
-
- );
-}
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteTabs.tsx b/src/app/(main)/websites/[websiteId]/WebsiteTabs.tsx
new file mode 100644
index 000000000..782d55ad8
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/WebsiteTabs.tsx
@@ -0,0 +1,64 @@
+import { Icon, Row, Tab, TabList, Tabs, Text } from '@umami/react-zen';
+import { useMessages, useNavigation, useWebsite } from '@/components/hooks';
+import { ChartPie, Clock, Eye, User } from '@/components/icons';
+import { Lightning } from '@/components/svg';
+
+export function WebsiteTabs() {
+ const website = useWebsite();
+ const { pathname, renderUrl } = useNavigation();
+ const { t, labels } = useMessages();
+
+ const links = [
+ {
+ id: 'overview',
+ label: t(labels.overview),
+ icon:
+
+
+ {links.map(({ id, label, icon, path }) => {
+ return (
+
+
+ {icon}
+ {label}
+
+
+ );
+ })}
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/cohorts/CohortAddButton.tsx b/src/app/(main)/websites/[websiteId]/cohorts/CohortAddButton.tsx
new file mode 100644
index 000000000..80699ae99
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/cohorts/CohortAddButton.tsx
@@ -0,0 +1,16 @@
+import { useMessages } from '@/components/hooks';
+import { Plus } from '@/components/icons';
+import { DialogButton } from '@/components/input/DialogButton';
+import { CohortEditForm } from './CohortEditForm';
+
+export function CohortAddButton({ websiteId }: { websiteId: string }) {
+ const { t, labels } = useMessages();
+
+ return (
+ {chunks} ,
+ })}
+ isLoading={isPending}
+ error={error}
+ onConfirm={handleConfirm.bind(null, close)}
+ onClose={close}
+ buttonLabel={t(labels.delete)}
+ buttonVariant="danger"
+ />
+ )}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/cohorts/CohortEditButton.tsx b/src/app/(main)/websites/[websiteId]/cohorts/CohortEditButton.tsx
new file mode 100644
index 000000000..02f533dbf
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/cohorts/CohortEditButton.tsx
@@ -0,0 +1,32 @@
+import { CohortEditForm } from '@/app/(main)/websites/[websiteId]/cohorts/CohortEditForm';
+import { useMessages } from '@/components/hooks';
+import { Edit } from '@/components/icons';
+import { DialogButton } from '@/components/input/DialogButton';
+import type { Filter } from '@/lib/types';
+
+export function CohortEditButton({
+ cohortId,
+ websiteId,
+ filters,
+}: {
+ cohortId: string;
+ websiteId: string;
+ filters: Filter[];
+}) {
+ const { t, labels } = useMessages();
+
+ return (
+ ('all');
+
+ useEffect(() => {
+ setCurrentMatch((data?.parameters as any)?.match || 'all');
+ }, [data]);
+
+ const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(
+ `/websites/${websiteId}/segments${cohortId ? `/${cohortId}` : ''}`,
+ {
+ type: 'cohort',
+ },
+ );
+
+ const handleSubmit = async (formData: any) => {
+ await mutateAsync(
+ {
+ ...formData,
+ parameters: {
+ ...formData.parameters,
+ match: currentMatch !== 'all' ? currentMatch : undefined,
+ },
+ },
+ {
+ onSuccess: async () => {
+ toast(t(messages.saved));
+ touch('cohorts');
+ onSave?.();
+ onClose?.();
+ },
+ },
+ );
+ };
+
+ if (cohortId && !data) {
+ return
+ {({ data }) =>
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/cohorts/CohortsPage.tsx b/src/app/(main)/websites/[websiteId]/cohorts/CohortsPage.tsx
new file mode 100644
index 000000000..14f366e59
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/cohorts/CohortsPage.tsx
@@ -0,0 +1,16 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { Panel } from '@/components/common/Panel';
+import { CohortsDataTable } from './CohortsDataTable';
+
+export function CohortsPage({ websiteId }) {
+ return (
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/cohorts/CohortsTable.tsx b/src/app/(main)/websites/[websiteId]/cohorts/CohortsTable.tsx
new file mode 100644
index 000000000..fe9c95441
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/cohorts/CohortsTable.tsx
@@ -0,0 +1,41 @@
+import { DataColumn, DataTable, type DataTableProps, Row } from '@umami/react-zen';
+import Link from 'next/link';
+import { CohortDeleteButton } from '@/app/(main)/websites/[websiteId]/cohorts/CohortDeleteButton';
+import { CohortEditButton } from '@/app/(main)/websites/[websiteId]/cohorts/CohortEditButton';
+import { DateDistance } from '@/components/common/DateDistance';
+import { useMessages, useNavigation } from '@/components/hooks';
+import { filtersObjectToArray } from '@/lib/params';
+
+export function CohortsTable(props: DataTableProps) {
+ const { t, labels } = useMessages();
+ const { websiteId, renderUrl } = useNavigation();
+
+ return (
+
+
+ {(row: any) => (
+
+
+ {(row: any) =>
+
+ {(row: any) => {
+ const { id, name, parameters } = row;
+
+ return (
+
+
+ );
+ }}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/cohorts/page.tsx b/src/app/(main)/websites/[websiteId]/cohorts/page.tsx
new file mode 100644
index 000000000..9946f6026
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/cohorts/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { CohortsPage } from './CohortsPage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/compare/CompareTables.tsx b/src/app/(main)/websites/[websiteId]/compare/CompareTables.tsx
new file mode 100644
index 000000000..3a07f9e66
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/compare/CompareTables.tsx
@@ -0,0 +1,202 @@
+import { Column, Grid, Heading, ListItem, Row, Select } from '@umami/react-zen';
+import { useState } from 'react';
+import { DateDisplay } from '@/components/common/DateDisplay';
+import { Panel } from '@/components/common/Panel';
+import { useDateRange, useMessages, useNavigation } from '@/components/hooks';
+import { ChangeLabel } from '@/components/metrics/ChangeLabel';
+import { MetricsTable } from '@/components/metrics/MetricsTable';
+import { formatNumber } from '@/lib/format';
+
+export function CompareTables({ websiteId }: { websiteId: string }) {
+ const [data, setData] = useState([]);
+ const { dateRange, dateCompare } = useDateRange();
+ const { t, labels } = useMessages();
+ const {
+ router,
+ updateParams,
+ query: { view = 'path' },
+ } = useNavigation();
+ const { startDate, endDate } = dateCompare;
+
+ const params = {
+ startAt: startDate.getTime(),
+ endAt: endDate.getTime(),
+ };
+
+ const renderPath = (view: string) => {
+ return updateParams({ view });
+ };
+
+ const items = [
+ {
+ id: 'path',
+ label: t(labels.path),
+ path: renderPath('path'),
+ },
+ {
+ id: 'channel',
+ label: t(labels.channels),
+ path: renderPath('channel'),
+ },
+ {
+ id: 'referrer',
+ label: t(labels.referrers),
+ path: renderPath('referrer'),
+ },
+ {
+ id: 'browser',
+ label: t(labels.browsers),
+ path: renderPath('browser'),
+ },
+ {
+ id: 'os',
+ label: t(labels.os),
+ path: renderPath('os'),
+ },
+ {
+ id: 'device',
+ label: t(labels.devices),
+ path: renderPath('device'),
+ },
+ {
+ id: 'country',
+ label: t(labels.countries),
+ path: renderPath('country'),
+ },
+ {
+ id: 'region',
+ label: t(labels.regions),
+ path: renderPath('region'),
+ },
+ {
+ id: 'city',
+ label: t(labels.cities),
+ path: renderPath('city'),
+ },
+ {
+ id: 'language',
+ label: t(labels.languages),
+ path: renderPath('language'),
+ },
+ {
+ id: 'screen',
+ label: t(labels.screens),
+ path: renderPath('screen'),
+ },
+ {
+ id: 'event',
+ label: t(labels.events),
+ path: renderPath('event'),
+ },
+ {
+ id: 'utmSource',
+ label: t(labels.utmSource),
+ path: renderPath('utmSource'),
+ },
+ {
+ id: 'utmMedium',
+ label: t(labels.utmMedium),
+ path: renderPath('utmMedium'),
+ },
+ {
+ id: 'utmCampaign',
+ label: t(labels.utmCampaign),
+ path: renderPath('utmCampaign'),
+ },
+ {
+ id: 'utmContent',
+ label: t(labels.utmContent),
+ path: renderPath('utmContent'),
+ },
+ {
+ id: 'utmTerm',
+ label: t(labels.utmTerm),
+ path: renderPath('utmTerm'),
+ },
+ {
+ id: 'hostname',
+ label: t(labels.hostname),
+ path: renderPath('hostname'),
+ },
+ {
+ id: 'distinctId',
+ label: t(labels.distinctId),
+ path: renderPath('distinctId'),
+ },
+ {
+ id: 'tag',
+ label: t(labels.tags),
+ path: renderPath('tag'),
+ },
+ ];
+
+ const renderChange = ({ label, count }) => {
+ const prev = data.find(d => d.x === label)?.y;
+ const value = count - prev;
+ const change = Math.abs(((count - prev) / prev) * 100);
+
+ return (
+ !Number.isNaN(change) && (
+
+ {formatNumber(change)}%
+
+ )
+ );
+ };
+
+ const handleChange = (id: any) => {
+ router.push(renderPath(id));
+ };
+
+ return (
+ <>
+
+
+ {items.map(({ id, label }) => (
+
+ {label}
+
+ ))}
+
+
+
+
+
+
+ {t(labels.previous)}
+
+
+
+
+ {t(labels.current)}
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/compare/WebsiteComparePage.tsx b/src/app/(main)/websites/[websiteId]/compare/WebsiteComparePage.tsx
deleted file mode 100644
index fa64df352..000000000
--- a/src/app/(main)/websites/[websiteId]/compare/WebsiteComparePage.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-'use client';
-import WebsiteHeader from '../WebsiteHeader';
-import WebsiteMetricsBar from '../WebsiteMetricsBar';
-import FilterTags from '@/components/metrics/FilterTags';
-import { useNavigation } from '@/components/hooks';
-import { FILTER_COLUMNS, FILTER_GROUPS } from '@/lib/constants';
-import WebsiteChart from '../WebsiteChart';
-import WebsiteCompareTables from './WebsiteCompareTables';
-
-export function WebsiteComparePage({ websiteId }) {
- const { query } = useNavigation();
-
- const params = Object.keys(query).reduce((obj, key) => {
- if (FILTER_COLUMNS[key] || FILTER_GROUPS[key]) {
- obj[key] = query[key];
- }
- return obj;
- }, {});
-
- return (
- <>
- {formatNumber(change)}% ;
- };
-
- const { startDate, endDate } = getCompareDate(
- dateCompare,
- dateRange.startDate,
- dateRange.endDate,
- );
-
- const params = {
- startAt: startDate.getTime(),
- endAt: endDate.getTime(),
- };
-
- return (
-
-
-
-
{formatMessage(labels.previous)}
-
-
-
{formatMessage(labels.current)}
-
-
-
- );
-}
-
-export default WebsiteCompareTables;
diff --git a/src/app/(main)/websites/[websiteId]/compare/page.tsx b/src/app/(main)/websites/[websiteId]/compare/page.tsx
index bdd29bd54..1b2899b29 100644
--- a/src/app/(main)/websites/[websiteId]/compare/page.tsx
+++ b/src/app/(main)/websites/[websiteId]/compare/page.tsx
@@ -1,12 +1,12 @@
-import WebsiteComparePage from './WebsiteComparePage';
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
+import { ComparePage } from './ComparePage';
-export default async function ({ params }: { params: { websiteId: string } }) {
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
const { websiteId } = await params;
- return
+
+ {data && (
+
+
+ {events?.map(p => (
+
+ {p}
+
+ ))}
+
+
+ {properties?.map(p => (
+
+ {p}
+
+ ))}
+
+
+ )}
+ {eventName && propertyName && (
+
+
+ );
+}
+
+const EventValues = ({ websiteId, eventName, propertyName }) => {
+ const {
+ data: values,
+ isLoading,
+ isFetching,
+ error,
+ } = useEventDataValuesQuery(websiteId, eventName, propertyName);
const propertySum = useMemo(() => {
return values?.reduce((sum, { total }) => sum + total, 0) ?? 0;
@@ -38,62 +101,27 @@ export function EventProperties({ websiteId }: { websiteId: string }) {
const tableData = useMemo(() => {
if (!propertyName || !values || propertySum === 0) return [];
return values.map(({ value, total }) => ({
- x: value,
- y: total,
- z: 100 * (total / propertySum),
+ label: value,
+ count: total,
+ percent: 100 * (total / propertySum),
}));
}, [propertyName, values, propertySum]);
- const handleRowClick = row => {
- setEventName(row.eventName);
- setPropertyName(row.propertyName);
- };
-
return (
-
-
-
-
- {row => (
- handleRowClick(row)}>
- {row.eventName}
-
- )}
-
-
- {row => (
- handleRowClick(row)}>
- {row.propertyName}
-
- )}
-
-
- {propertyName && (
-
-
- {`${eventName}: ${propertyName}`}
- setPropertyView(key as string)}
- >
- {formatMessage(labels.table)}
- {formatMessage(labels.chart)}
-
-
-
- {!values ? (
-
- ) : propertyView === 'table' ? (
-
- ) : (
-
- )}
-
- )}
-
+ {values && (
+
+
+ )}
);
-}
-
-export default EventProperties;
+};
diff --git a/src/app/(main)/websites/[websiteId]/events/EventsDataTable.tsx b/src/app/(main)/websites/[websiteId]/events/EventsDataTable.tsx
index ce9048d31..70de0fd93 100644
--- a/src/app/(main)/websites/[websiteId]/events/EventsDataTable.tsx
+++ b/src/app/(main)/websites/[websiteId]/events/EventsDataTable.tsx
@@ -1,20 +1,48 @@
-import { useWebsiteEvents } from '@/components/hooks';
-import EventsTable from './EventsTable';
-import DataTable from '@/components/common/DataTable';
-import { ReactNode } from 'react';
+import { type ReactNode, useState } from 'react';
+import { DataGrid } from '@/components/common/DataGrid';
+import { useMessages, useWebsiteEventsQuery } from '@/components/hooks';
+import { FilterButtons } from '@/components/input/FilterButtons';
+import { EventsTable } from './EventsTable';
-export default function EventsDataTable({
+export function EventsDataTable({
websiteId,
}: {
websiteId?: string;
teamId?: string;
children?: ReactNode;
}) {
- const queryResult = useWebsiteEvents(websiteId);
+ const { t, labels } = useMessages();
+ const [view, setView] = useState('all');
+ const query = useWebsiteEventsQuery(websiteId, { view });
+
+ const buttons = [
+ {
+ id: 'all',
+ label: t(labels.all),
+ },
+ {
+ id: 'views',
+ label: t(labels.views),
+ },
+ {
+ id: 'events',
+ label: t(labels.events),
+ },
+ ];
+
+ const renderActions = () => {
+ return
+
{({ data }) =>
+
);
}
diff --git a/src/app/(main)/websites/[websiteId]/events/EventsMetricsBar.tsx b/src/app/(main)/websites/[websiteId]/events/EventsMetricsBar.tsx
index e90a7790a..ff5bd74f1 100644
--- a/src/app/(main)/websites/[websiteId]/events/EventsMetricsBar.tsx
+++ b/src/app/(main)/websites/[websiteId]/events/EventsMetricsBar.tsx
@@ -1,42 +1,40 @@
+import { LoadingPanel } from '@/components/common/LoadingPanel';
import { useMessages } from '@/components/hooks';
-import useWebsiteSessionStats from '@/components/hooks/queries/useWebsiteSessionStats';
-import WebsiteDateFilter from '@/components/input/WebsiteDateFilter';
-import MetricCard from '@/components/metrics/MetricCard';
-import MetricsBar from '@/components/metrics/MetricsBar';
+import { useWebsiteSessionStatsQuery } from '@/components/hooks/queries/useWebsiteSessionStatsQuery';
+import { MetricCard } from '@/components/metrics/MetricCard';
+import { MetricsBar } from '@/components/metrics/MetricsBar';
import { formatLongNumber } from '@/lib/format';
-import { Flexbox } from 'react-basics';
export function EventsMetricsBar({ websiteId }: { websiteId: string }) {
- const { formatMessage, labels } = useMessages();
- const { data, isLoading, isFetched, error } = useWebsiteSessionStats(websiteId);
+ const { t, labels } = useMessages();
+ const { data, isLoading, isFetching, error } = useWebsiteSessionStatsQuery(websiteId);
return (
-
-
-
-
+
+ {data && (
+
+
+ )}
+
);
}
-
-export default EventsMetricsBar;
diff --git a/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx b/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx
index 46970b518..5f5ab82a8 100644
--- a/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx
+++ b/src/app/(main)/websites/[websiteId]/events/EventsPage.tsx
@@ -1,52 +1,122 @@
'use client';
-import WebsiteHeader from '../WebsiteHeader';
-import EventsDataTable from './EventsDataTable';
-import EventsMetricsBar from './EventsMetricsBar';
-import EventsChart from '@/components/metrics/EventsChart';
-import { GridRow } from '@/components/layout/Grid';
-import EventsTable from '@/components/metrics/EventsTable';
-import { useMessages } from '@/components/hooks';
-import { Item, Tabs } from 'react-basics';
-import { useState } from 'react';
-import EventProperties from './EventProperties';
+import { Column, Tab, TabList, TabPanel, Tabs } from '@umami/react-zen';
+import { type Key, useState } from 'react';
+import { SessionModal } from '@/app/(main)/websites/[websiteId]/sessions/SessionModal';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { Panel } from '@/components/common/Panel';
+import { useDateRange, useMessages } from '@/components/hooks';
+import { useEventStatsQuery } from '@/components/hooks/queries/useEventStatsQuery';
+import { EventsChart } from '@/components/metrics/EventsChart';
+import { MetricCard } from '@/components/metrics/MetricCard';
+import { MetricsBar } from '@/components/metrics/MetricsBar';
+import { MetricsTable } from '@/components/metrics/MetricsTable';
+import { formatLongNumber } from '@/lib/format';
import { getItem, setItem } from '@/lib/storage';
+import { EventProperties } from './EventProperties';
+import { EventsDataTable } from './EventsDataTable';
-export default function EventsPage({ websiteId }) {
- const [label, setLabel] = useState(null);
- const [tab, setTab] = useState(getItem('eventTab') || 'activity');
- const { formatMessage, labels } = useMessages();
+const KEY_NAME = 'umami.events.tab';
- const handleLabelClick = (value: string) => {
- setLabel(value !== label ? value : '');
- };
+export function EventsPage({ websiteId }) {
+ const [tab, setTab] = useState(getItem(KEY_NAME) || 'chart');
+ const { isAllTime } = useDateRange();
+ const { t, labels, getErrorMessage } = useMessages();
+ const { data, isLoading, isFetching, error } = useEventStatsQuery({
+ websiteId,
+ });
- const onSelect = (value: 'activity' | 'properties') => {
- setItem('eventTab', value);
+ const handleSelect = (value: Key) => {
+ setItem(KEY_NAME, value);
setTab(value);
};
+ const { events, visitors, visits, uniqueEvents, comparison } = data || {};
+
+ const metrics = data
+ ? [
+ {
+ value: visitors,
+ label: t(labels.visitors),
+ change: visitors - comparison.visitors,
+ formatValue: formatLongNumber,
+ },
+ {
+ value: visits,
+ label: t(labels.visits),
+ change: visits - comparison.visits,
+ formatValue: formatLongNumber,
+ },
+ {
+ value: events,
+ label: t(labels.events),
+ change: events - comparison.events,
+ formatValue: formatLongNumber,
+ },
+ {
+ value: uniqueEvents,
+ label: t(labels.uniqueEvents),
+ change: uniqueEvents - comparison.uniqueEvents,
+ formatValue: formatLongNumber,
+ },
+ ]
+ : null;
+
return (
- <>
-
-
-
-
- - {formatMessage(labels.activity)}
- - {formatMessage(labels.properties)}
+
+
+
+ {metrics?.map(({ label, value, change, formatValue }) => {
+ return (
+
+
+
+ handleSelect(key)}>
+
+ {t(labels.chart)}
+ {t(labels.activity)}
+ {t(labels.properties)}
+
+
+
+
+
+
+
+
+
+
+
- {tab === 'activity' &&
+ {label}
+
+ );
+ };
return (
-
-
- {row => (
-
-
- {row => {
+
+
+ {(row: any) => {
return (
- <>
- {row.eventName ?
- {formatMessage(row.eventName ? labels.triggeredEvent : labels.viewedPage)}
- {row.eventName || row.urlPath}
-
+
+
+
+
+ {row.eventName || renderLink(row.urlPath, row.hostname)}
+
+ {row.hasData > 0 &&
);
}}
-
-
- {row => formatTimezoneDate(row.createdAt, 'PPPpp')}
-
-
+
+
+ {(row: any) => {
+ return (
+
+
+ {(row: any) => (
+
+ {row.city ? `${row.city}, ` : ''} {formatValue(row.country, 'country')}
+
+ )}
+
+
+ {(row: any) => (
+
+ {formatValue(row.browser, 'browser')}
+
+ )}
+
+
+ {(row: any) => (
+
+ {formatValue(row.device, 'device')}
+
+ )}
+
+
+ {(row: any) =>
+
);
}
-export default EventsTable;
+const PropertiesButton = props => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/src/app/(main)/websites/[websiteId]/events/page.tsx b/src/app/(main)/websites/[websiteId]/events/page.tsx
index 1b8882445..d77ba3bdc 100644
--- a/src/app/(main)/websites/[websiteId]/events/page.tsx
+++ b/src/app/(main)/websites/[websiteId]/events/page.tsx
@@ -1,12 +1,12 @@
-import { Metadata } from 'next';
-import EventsPage from './EventsPage';
+import type { Metadata } from 'next';
+import { EventsPage } from './EventsPage';
-export default async function ({ params }: { params: { websiteId: string } }) {
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
const { websiteId } = await params;
return {children} ;
+ if (!website || website?.deletedAt) {
+ return null;
+ }
+
+ return (
+
+ {children}
+ {modal}
+
+ );
}
export const metadata: Metadata = {
diff --git a/src/app/(main)/websites/[websiteId]/page.tsx b/src/app/(main)/websites/[websiteId]/page.tsx
index d3aa1633a..d4889c5dc 100644
--- a/src/app/(main)/websites/[websiteId]/page.tsx
+++ b/src/app/(main)/websites/[websiteId]/page.tsx
@@ -1,10 +1,10 @@
-import WebsiteDetailsPage from './WebsiteDetailsPage';
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
+import { WebsitePage } from './WebsitePage';
-export default async function WebsitePage({ params }: { params: { websiteId: string } }) {
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
const { websiteId } = await params;
- return
-
+ ({ label: code }) => (
+ ({
+ label: x,
+ count: y,
+ percent: z,
+ }))}
renderLabel={renderCountryName}
/>
);
}
-
-export default RealtimeCountries;
diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.module.css b/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.module.css
deleted file mode 100644
index f87d86e8f..000000000
--- a/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.module.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin-bottom: 20px;
-}
-
-.metrics {
- display: flex;
- flex-wrap: wrap;
-}
-
-.card {
- justify-self: flex-start;
-}
-
-@media only screen and (max-width: 992px) {
- .card {
- flex-basis: calc(50% - 20px);
- }
-}
diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.tsx b/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.tsx
index 6db56b76e..a7af9205b 100644
--- a/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.tsx
+++ b/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.tsx
@@ -1,38 +1,17 @@
-import MetricCard from '@/components/metrics/MetricCard';
import { useMessages } from '@/components/hooks';
-import { RealtimeData } from '@/lib/types';
-import styles from './RealtimeHeader.module.css';
+import { MetricCard } from '@/components/metrics/MetricCard';
+import { MetricsBar } from '@/components/metrics/MetricsBar';
-export function RealtimeHeader({ data }: { data: RealtimeData }) {
- const { formatMessage, labels } = useMessages();
+export function RealtimeHeader({ data }: { data: any }) {
+ const { t, labels } = useMessages();
const { totals }: any = data || {};
return (
-
+
+
);
}
-
-export default RealtimeHeader;
diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimeHome.tsx b/src/app/(main)/websites/[websiteId]/realtime/RealtimeHome.tsx
deleted file mode 100644
index 104cf3347..000000000
--- a/src/app/(main)/websites/[websiteId]/realtime/RealtimeHome.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { useEffect } from 'react';
-import { useRouter } from 'next/navigation';
-import Page from '@/components/layout/Page';
-import PageHeader from '@/components/layout/PageHeader';
-import { useApi, useMessages } from '@/components/hooks';
-import EmptyPlaceholder from '@/components/common/EmptyPlaceholder';
-
-export function RealtimeHome() {
- const { formatMessage, labels, messages } = useMessages();
- const { get, useQuery } = useApi();
- const router = useRouter();
- const { data, isLoading, error } = useQuery({
- queryKey: ['websites:me'],
- queryFn: () => get('/me/websites'),
- });
-
- useEffect(() => {
- if (data?.length) {
- router.push(`realtime/${data[0].id}`);
- }
- }, [data, router]);
-
- return (
- 0} error={error}>
-
- );
-}
-
-export default RealtimeHome;
diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.module.css b/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.module.css
deleted file mode 100644
index 19d023849..000000000
--- a/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.module.css
+++ /dev/null
@@ -1,85 +0,0 @@
-.table {
- font-size: var(--font-size-sm);
- overflow: hidden;
- height: 100%;
-}
-
-.header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- font-size: var(--font-size-md);
- line-height: 40px;
- font-weight: 700;
-}
-
-.row {
- display: flex;
- align-items: center;
- gap: 10px;
- height: 50px;
- border-bottom: 1px solid var(--base300);
-}
-
-.body {
- overflow: auto;
- height: 100%;
-}
-
-.icon {
- margin-inline-end: 10px;
-}
-
-.time {
- min-width: 60px;
- overflow: hidden;
-}
-
-.detail {
- display: flex;
- align-items: center;
- flex: 1;
- gap: 10px;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-
-.detail > span {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
-}
-
-.row .link {
- color: var(--base900);
- text-decoration: none;
-}
-
-.row .link:hover {
- color: var(--primary400);
-}
-
-.search {
- max-width: 300px;
-}
-
-.actions {
- display: flex;
- gap: 20px;
- align-items: center;
- justify-content: space-between;
- margin-bottom: 10px;
-}
-
-@media only screen and (max-width: 992px) {
- .actions {
- flex-direction: column;
- }
-
- .search {
- max-width: 100%;
- }
-}
diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx b/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx
index 6a2b3c25c..69760eb75 100644
--- a/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx
+++ b/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx
@@ -1,16 +1,25 @@
-import useFormat from '@/components//hooks/useFormat';
-import Empty from '@/components/common/Empty';
-import FilterButtons from '@/components/common/FilterButtons';
-import { useCountryNames, useLocale, useMessages, useTimezone } from '@/components/hooks';
-import Icons from '@/components/icons';
-import { BROWSERS, OS_NAMES } from '@/lib/constants';
-import { stringToColor } from '@/lib/format';
-import { RealtimeData } from '@/lib/types';
-import { useContext, useMemo, useState } from 'react';
-import { Icon, SearchField, StatusLight, Text } from 'react-basics';
+import { Column, Heading, Row, SearchField, Text } from '@umami/react-zen';
+import Link from 'next/link';
+import { useMemo, useState } from 'react';
import { FixedSizeList } from 'react-window';
-import { WebsiteContext } from '../WebsiteProvider';
-import styles from './RealtimeLog.module.css';
+import { SessionModal } from '@/app/(main)/websites/[websiteId]/sessions/SessionModal';
+import { useFormat } from '@/components//hooks/useFormat';
+import { Avatar } from '@/components/common/Avatar';
+import { Empty } from '@/components/common/Empty';
+import { IconLabel } from '@/components/common/IconLabel';
+import {
+ useCountryNames,
+ useLocale,
+ useMessages,
+ useMobile,
+ useNavigation,
+ useTimezone,
+ useWebsite,
+} from '@/components/hooks';
+import { Eye, User } from '@/components/icons';
+import { FilterButtons } from '@/components/input/FilterButtons';
+import { Lightning } from '@/components/svg';
+import { BROWSERS, OS_NAMES } from '@/lib/constants';
const TYPE_ALL = 'all';
const TYPE_PAGEVIEW = 'pageview';
@@ -18,44 +27,44 @@ const TYPE_SESSION = 'session';
const TYPE_EVENT = 'event';
const icons = {
- [TYPE_PAGEVIEW]: {eventName || formatMessage(labels.unknown)} ,
- url: (
+ return t.rich(messages.eventLog, {
+ event: eventName || t(labels.unknown),
+ url: urlPath,
+ b: chunks => {chunks} ,
+ a: chunks => (
- {url}
+ {chunks}
),
});
@@ -89,39 +100,45 @@ export function RealtimeLog({ data }: { data: RealtimeData }) {
if (__type === TYPE_PAGEVIEW) {
return (
- {url}
+ {urlPath}
);
}
if (__type === TYPE_SESSION) {
- return formatMessage(messages.visitorLog, {
- country: {countryNames[country] || formatMessage(labels.unknown)} ,
- browser: {BROWSERS[browser]} ,
- os: {OS_NAMES[os] || os} ,
- device: {formatMessage(labels[device] || labels.unknown)} ,
+ return t.rich(messages.visitorLog, {
+ country: countryNames[country] || t(labels.unknown),
+ browser: BROWSERS[browser],
+ os: OS_NAMES[os] || os,
+ device: t(labels[device] || labels.unknown),
+ b: chunks => {chunks} ,
});
}
};
- const Row = ({ index, style }) => {
+ const TableRow = ({ index, style }) => {
const row = logs[index];
return (
-
-
-
-
{getTime(row)}
-
- {getIcon(row)}
- {getDetail(row)}
-
-
+
+
+
+ {getTime(row)}
+
+
+
+ {getDetail(row)}
+
+
+
);
};
@@ -157,22 +174,33 @@ export function RealtimeLog({ data }: { data: RealtimeData }) {
}, [data, filter, formatValue, search]);
return (
-
-
-
-
{formatMessage(labels.activity)}
-
+
+ {t(labels.activity)}
+ {isPhone ? (
+ <>
+
+
+
+
+
+ ) : (
+
+
+ )}
+
+
{logs?.length === 0 &&
- {Row}
+ {TableRow}
)}
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimePaths.tsx b/src/app/(main)/websites/[websiteId]/realtime/RealtimePaths.tsx
new file mode 100644
index 000000000..e69d9e645
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/realtime/RealtimePaths.tsx
@@ -0,0 +1,45 @@
+import thenby from 'thenby';
+import { useMessages, useWebsite } from '@/components/hooks';
+import { ListTable } from '@/components/metrics/ListTable';
+import { percentFilter } from '@/lib/filters';
+
+export function RealtimePaths({ data }: { data: any }) {
+ const website = useWebsite();
+ const { t, labels } = useMessages();
+ const { urls } = data || {};
+ const limit = 15;
+
+ const renderLink = ({ label: x }) => {
+ const domain = x.startsWith('/') ? website?.domain : '';
+ return (
+
+ {x}
+
+ );
+ };
+
+ const pages = percentFilter(
+ Object.keys(urls)
+ .map(key => {
+ return {
+ x: key,
+ y: urls[key],
+ };
+ })
+ .sort(thenby.firstBy('y', -1))
+ .slice(0, limit),
+ );
+
+ return (
+ ({
+ label: x,
+ count: y,
+ percent: z,
+ }))}
+ />
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimeReferrers.tsx b/src/app/(main)/websites/[websiteId]/realtime/RealtimeReferrers.tsx
new file mode 100644
index 000000000..fa2a56b9f
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/realtime/RealtimeReferrers.tsx
@@ -0,0 +1,45 @@
+import thenby from 'thenby';
+import { useMessages, useWebsite } from '@/components/hooks';
+import { ListTable } from '@/components/metrics/ListTable';
+import { percentFilter } from '@/lib/filters';
+
+export function RealtimeReferrers({ data }: { data: any }) {
+ const website = useWebsite();
+ const { t, labels } = useMessages();
+ const { referrers } = data || {};
+ const limit = 15;
+
+ const renderLink = ({ label: x }) => {
+ const domain = x.startsWith('/') ? website?.domain : '';
+ return (
+
+ {x}
+
+ );
+ };
+
+ const domains = percentFilter(
+ Object.keys(referrers)
+ .map(key => {
+ return {
+ x: key,
+ y: referrers[key],
+ };
+ })
+ .sort(thenby.firstBy('y', -1))
+ .slice(0, limit),
+ );
+
+ return (
+ ({
+ label: x,
+ count: y,
+ percent: z,
+ }))}
+ />
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimeUrls.tsx b/src/app/(main)/websites/[websiteId]/realtime/RealtimeUrls.tsx
deleted file mode 100644
index ce95bf41d..000000000
--- a/src/app/(main)/websites/[websiteId]/realtime/RealtimeUrls.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { Key, useContext, useState } from 'react';
-import { ButtonGroup, Button, Flexbox } from 'react-basics';
-import thenby from 'thenby';
-import { percentFilter } from '@/lib/filters';
-import ListTable from '@/components/metrics/ListTable';
-import { FILTER_PAGES, FILTER_REFERRERS } from '@/lib/constants';
-import { useMessages } from '@/components/hooks';
-import { RealtimeData } from '@/lib/types';
-import { WebsiteContext } from '../WebsiteProvider';
-
-export function RealtimeUrls({ data }: { data: RealtimeData }) {
- const website = useContext(WebsiteContext);
- const { formatMessage, labels } = useMessages();
- const { referrers, urls } = data || {};
- const [filter, setFilter] = useState(FILTER_REFERRERS);
- const limit = 15;
-
- const buttons = [
- {
- label: formatMessage(labels.referrers),
- key: FILTER_REFERRERS,
- },
- {
- label: formatMessage(labels.pages),
- key: FILTER_PAGES,
- },
- ];
-
- const renderLink = ({ x }) => {
- const domain = x.startsWith('/') ? website?.domain : '';
- return (
-
- {x}
-
- );
- };
-
- const domains = percentFilter(
- Object.keys(referrers)
- .map(key => {
- return {
- x: key,
- y: referrers[key],
- };
- })
- .sort(thenby.firstBy('y', -1))
- .slice(0, limit),
- );
-
- const pages = percentFilter(
- Object.keys(urls)
- .map(key => {
- return {
- x: key,
- y: urls[key],
- };
- })
- .sort(thenby.firstBy('y', -1))
- .slice(0, limit),
- );
-
- return (
- <>
-
-
- {({ key, label }) => {label} }
-
-
- {filter === FILTER_REFERRERS && (
-
-
-
-
-
-
-
- );
-}
-
-export default WebsiteRealtimePage;
diff --git a/src/app/(main)/websites/[websiteId]/realtime/page.tsx b/src/app/(main)/websites/[websiteId]/realtime/page.tsx
index b376062be..1552196c7 100644
--- a/src/app/(main)/websites/[websiteId]/realtime/page.tsx
+++ b/src/app/(main)/websites/[websiteId]/realtime/page.tsx
@@ -1,10 +1,10 @@
-import WebsiteRealtimePage from './WebsiteRealtimePage';
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
+import { RealtimePage } from './RealtimePage';
export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
const { websiteId } = await params;
- return
+
+
+ {({ close }) => (
+
+
+ )}
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/replays/ReplaysDataTable.tsx b/src/app/(main)/websites/[websiteId]/replays/ReplaysDataTable.tsx
new file mode 100644
index 000000000..6d047081d
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/replays/ReplaysDataTable.tsx
@@ -0,0 +1,15 @@
+import { DataGrid } from '@/components/common/DataGrid';
+import { useReplaysQuery } from '@/components/hooks';
+import { ReplaysTable } from './ReplaysTable';
+
+export function ReplaysDataTable({ websiteId }: { websiteId: string }) {
+ const queryResult = useReplaysQuery(websiteId);
+
+ return (
+
+ {({ data }) => {
+ return
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/replays/ReplaysPage.tsx b/src/app/(main)/websites/[websiteId]/replays/ReplaysPage.tsx
new file mode 100644
index 000000000..f0a607c8b
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/replays/ReplaysPage.tsx
@@ -0,0 +1,70 @@
+'use client';
+import { SessionModal } from '@/app/(main)/websites/[websiteId]/sessions/SessionModal';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { EmptyPlaceholder } from '@/components/common/EmptyPlaceholder';
+import { Panel } from '@/components/common/Panel';
+import { useMessages, useSubscription, useWebsite } from '@/components/hooks';
+import { Video } from '@/components/icons';
+import { getItem, setItem } from '@/lib/storage';
+import { Button, Column, Tab, TabList, TabPanel, Tabs } from '@umami/react-zen';
+import { type Key, useState } from 'react';
+import { ReplayModal } from './ReplayModal';
+import { ReplaysDataTable } from './ReplaysDataTable';
+import { SavedReplaysDataTable } from './SavedReplaysDataTable';
+
+const KEY_NAME = 'umami.replays.tab';
+
+export function ReplaysPage({ websiteId }: { websiteId: string }) {
+ const [tab, setTab] = useState(getItem(KEY_NAME) || 'replays');
+ const website = useWebsite();
+ const { t, labels, messages } = useMessages();
+ const { hasFeature, cloudMode } = useSubscription(website?.teamId);
+
+ const handleSelect = (value: Key) => {
+ setItem(KEY_NAME, value);
+ setTab(value);
+ };
+
+ if (cloudMode && !hasFeature('replays')) {
+ return (
+
+
+ window.open(`${process.env.cloudUrl}/settings/billing`, '_blank')}
+ >
+ {t(labels.upgrade)}
+
+
+
+
+ );
+ }
+
+ return (
+
+
+
+
+ {t(labels.replays)}
+ {t(labels.saved)}
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/replays/ReplaysTable.tsx b/src/app/(main)/websites/[websiteId]/replays/ReplaysTable.tsx
new file mode 100644
index 000000000..64e460f04
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/replays/ReplaysTable.tsx
@@ -0,0 +1,77 @@
+import { Button, DataColumn, DataTable, type DataTableProps, Icon } from '@umami/react-zen';
+import { Play } from 'lucide-react';
+import Link from 'next/link';
+import { Avatar } from '@/components/common/Avatar';
+import { DateDistance } from '@/components/common/DateDistance';
+import { TypeIcon } from '@/components/common/TypeIcon';
+import { useFormat, useMessages, useNavigation } from '@/components/hooks';
+
+function formatDuration(ms: number) {
+ const seconds = Math.floor(ms / 1000);
+ const minutes = Math.floor(seconds / 60);
+ const secs = seconds % 60;
+ return `${minutes}:${secs.toString().padStart(2, '0')}`;
+}
+
+export function ReplaysTable({ ...props }: DataTableProps) {
+ const { t, labels } = useMessages();
+ const { formatValue } = useFormat();
+ const { router, updateParams } = useNavigation();
+
+ return (
+
+
+ {(row: any) => (
+ router.push(updateParams({ replay: row.id }))}>
+
+
+
+ )}
+
+
+ {(row: any) => (
+
+
+ {(row: any) => formatDuration(row.duration || 0)}
+
+
+ {(row: any) => (
+
+ {row.city ? `${row.city}, ` : ''}
+ {formatValue(row.country, 'country')}
+
+ )}
+
+
+ {(row: any) => (
+
+ {formatValue(row.browser, 'browser')}
+
+ )}
+
+
+ {(row: any) => (
+
+ {formatValue(row.os, 'os')}
+
+ )}
+
+
+ {(row: any) => (
+
+ {formatValue(row.device, 'device')}
+
+ )}
+
+
+ {(row: any) =>
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/replays/SavedReplaysDataTable.tsx b/src/app/(main)/websites/[websiteId]/replays/SavedReplaysDataTable.tsx
new file mode 100644
index 000000000..c682a2c38
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/replays/SavedReplaysDataTable.tsx
@@ -0,0 +1,15 @@
+import { DataGrid } from '@/components/common/DataGrid';
+import { useSavedReplaysQuery } from '@/components/hooks';
+import { SavedReplaysTable } from './SavedReplaysTable';
+
+export function SavedReplaysDataTable({ websiteId }: { websiteId: string }) {
+ const queryResult = useSavedReplaysQuery(websiteId);
+
+ return (
+
+ {({ data }) => {
+ return
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/replays/SavedReplaysTable.tsx b/src/app/(main)/websites/[websiteId]/replays/SavedReplaysTable.tsx
new file mode 100644
index 000000000..cf3f55768
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/replays/SavedReplaysTable.tsx
@@ -0,0 +1,31 @@
+import { Button, DataColumn, DataTable, type DataTableProps, Icon } from '@umami/react-zen';
+import { Play } from 'lucide-react';
+import { DateDistance } from '@/components/common/DateDistance';
+import { useMessages, useNavigation } from '@/components/hooks';
+
+export function SavedReplaysTable({ ...props }: DataTableProps) {
+ const { t, labels } = useMessages();
+ const { router, updateParams } = useNavigation();
+
+ return (
+
+
+ {(row: any) => (
+ router.push(updateParams({ replay: row.visitId }))}
+ >
+
+
+
+ )}
+
+
+ {(row: any) =>
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/replays/[replayId]/ReplayPlayback.tsx b/src/app/(main)/websites/[websiteId]/replays/[replayId]/ReplayPlayback.tsx
new file mode 100644
index 000000000..4ee20baac
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/replays/[replayId]/ReplayPlayback.tsx
@@ -0,0 +1,112 @@
+'use client';
+import { Button, Column, Dialog, DialogTrigger, Icon, Popover, Row, Text } from '@umami/react-zen';
+import { Bookmark, X } from 'lucide-react';
+import { useState } from 'react';
+import { SessionInfo } from '@/app/(main)/websites/[websiteId]/sessions/SessionInfo';
+import { Avatar } from '@/components/common/Avatar';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import {
+ useMessages,
+ useReplayQuery,
+ useReplaySavedQuery,
+ useUpdateQuery,
+ useWebsiteSessionQuery,
+} from '@/components/hooks';
+import { touch } from '@/components/hooks/useModified';
+import { ReplayPlayer } from './ReplayPlayer';
+import { ReplaySaveForm } from './ReplaySaveForm';
+
+export function ReplayPlayback({
+ websiteId,
+ replayId,
+ showSessionInfo = true,
+ onClose,
+}: {
+ websiteId: string;
+ replayId: string;
+ showSessionInfo?: boolean;
+ onClose?: () => void;
+}) {
+ const { data: replay, isLoading, error } = useReplayQuery(websiteId, replayId);
+ const { data: replaySaved } = useReplaySavedQuery(websiteId, replayId);
+ const { data: session } = useWebsiteSessionQuery(websiteId, replay?.sessionId);
+ const { t, labels } = useMessages();
+ const [isSaved, setIsSaved] = useState(null);
+ const { mutate } = useUpdateQuery(`/websites/${websiteId}/replays/saved/${replayId}`);
+
+ const saved = isSaved ?? replaySaved?.isSaved ?? false;
+
+ const handleUnsave = () => {
+ setIsSaved(false);
+ mutate({ isSaved: false }, { onSuccess: () => touch('replays') });
+ };
+
+ return (
+
+ {replay && (
+
+ {session && (
+
+
+
+ {t(labels.replay)}
+
+ {replay.eventCount} {t(labels.actions).toLowerCase()}
+
+
+
+
+ {saved ? (
+
+
+
+
+ ) : (
+
+
+
+
+
+
+
+ {({ close }) => (
+ {
+ setIsSaved(true);
+ touch('replays');
+ }}
+ onClose={close}
+ />
+ )}
+
+
+
+ )}
+ {onClose && (
+
+
+
+
+ )}
+
+
+ )}
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/replays/[replayId]/ReplayPlayer.tsx b/src/app/(main)/websites/[websiteId]/replays/[replayId]/ReplayPlayer.tsx
new file mode 100644
index 000000000..04bb2345a
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/replays/[replayId]/ReplayPlayer.tsx
@@ -0,0 +1,65 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { useEffect, useRef, useState } from 'react';
+import { useMobile } from '@/components/hooks';
+import 'rrweb-player/dist/style.css';
+
+export function ReplayPlayer({ events }: { events: any[] }) {
+ const containerRef = useRef(null);
+ const playerRef = useRef(null);
+ const [loaded, setLoaded] = useState(false);
+ const { isMobile, isPhone } = useMobile();
+
+ const playerWidth = isPhone ? 360 : isMobile ? 640 : 1024;
+ const playerHeight = isPhone ? 202 : isMobile ? 360 : 576;
+
+ useEffect(() => {
+ if (!containerRef.current || !events?.length) return;
+
+ import('rrweb-player').then(mod => {
+ const RRWebPlayer = mod.default;
+
+ if (containerRef.current) {
+ containerRef.current.innerHTML = '';
+ }
+
+ playerRef.current = new RRWebPlayer({
+ target: containerRef.current,
+ props: {
+ events: events,
+ width: playerWidth,
+ height: playerHeight,
+ autoPlay: false,
+ showController: true,
+ speedOption: [1, 2, 4, 8],
+ },
+ });
+
+ setLoaded(true);
+ });
+
+ return () => {
+ if (playerRef.current) {
+ playerRef.current.$destroy?.();
+ playerRef.current = null;
+ }
+ };
+ }, [events, playerWidth, playerHeight]);
+
+ return (
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/replays/[replayId]/ReplaySaveForm.tsx b/src/app/(main)/websites/[websiteId]/replays/[replayId]/ReplaySaveForm.tsx
new file mode 100644
index 000000000..8132679f6
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/replays/[replayId]/ReplaySaveForm.tsx
@@ -0,0 +1,57 @@
+'use client';
+import {
+ Button,
+ Form,
+ FormButtons,
+ FormField,
+ FormSubmitButton,
+ TextField,
+} from '@umami/react-zen';
+import { useMessages, useUpdateQuery } from '@/components/hooks';
+import { touch } from '@/components/hooks/useModified';
+
+export function ReplaySaveForm({
+ websiteId,
+ replayId,
+ onSave,
+ onClose,
+}: {
+ websiteId: string;
+ replayId: string;
+ onSave?: () => void;
+ onClose?: () => void;
+}) {
+ const { t, labels, getErrorMessage } = useMessages();
+ const { mutateAsync, error, isPending } = useUpdateQuery(
+ `/websites/${websiteId}/replays/saved/${replayId}`,
+ );
+
+ const handleSubmit = async (formData: { name: string }) => {
+ await mutateAsync(
+ { isSaved: true, name: formData.name },
+ {
+ onSuccess: () => {
+ touch('replays');
+ onSave?.();
+ onClose?.();
+ },
+ },
+ );
+ };
+
+ return (
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/replays/[replayId]/page.tsx b/src/app/(main)/websites/[websiteId]/replays/[replayId]/page.tsx
new file mode 100644
index 000000000..7a6502e5d
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/replays/[replayId]/page.tsx
@@ -0,0 +1,16 @@
+import type { Metadata } from 'next';
+import { ReplayPlayback } from './ReplayPlayback';
+
+export default async function ({
+ params,
+}: {
+ params: Promise<{ websiteId: string; replayId: string }>;
+}) {
+ const { websiteId, replayId } = await params;
+
+ return
-
-
-
- {formatMessage(labels.createReport)}
-
-
-
- {chunks} ,
+ })}
+ isLoading={isPending}
+ error={error}
+ onConfirm={handleConfirm.bind(null, close)}
+ onClose={close}
+ buttonLabel={t(labels.delete)}
+ buttonVariant="danger"
+ />
+ )}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/segments/SegmentEditButton.tsx b/src/app/(main)/websites/[websiteId]/segments/SegmentEditButton.tsx
new file mode 100644
index 000000000..79d4c390f
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/segments/SegmentEditButton.tsx
@@ -0,0 +1,32 @@
+import { useMessages } from '@/components/hooks';
+import { Edit } from '@/components/icons';
+import { DialogButton } from '@/components/input/DialogButton';
+import type { Filter } from '@/lib/types';
+import { SegmentEditForm } from './SegmentEditForm';
+
+export function SegmentEditButton({
+ segmentId,
+ websiteId,
+ filters,
+}: {
+ segmentId: string;
+ websiteId: string;
+ filters?: Filter[];
+}) {
+ const { t, labels } = useMessages();
+
+ return (
+ ('all');
+
+ useEffect(() => {
+ setCurrentMatch((data?.parameters as any)?.match || 'all');
+ }, [data]);
+
+ const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(
+ `/websites/${websiteId}/segments${segmentId ? `/${segmentId}` : ''}`,
+ {
+ type: 'segment',
+ },
+ );
+
+ const handleSubmit = async (formData: any) => {
+ await mutateAsync(
+ {
+ ...formData,
+ parameters: {
+ ...formData.parameters,
+ match: currentMatch !== 'all' ? currentMatch : undefined,
+ },
+ },
+ {
+ onSuccess: async () => {
+ toast(t(messages.saved));
+ touch('segments');
+ onSave?.();
+ onClose?.();
+ },
+ },
+ );
+ };
+
+ if (segmentId && !data) {
+ return
+ {({ data }) =>
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/segments/SegmentsPage.tsx b/src/app/(main)/websites/[websiteId]/segments/SegmentsPage.tsx
new file mode 100644
index 000000000..cbe7a1c1f
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/segments/SegmentsPage.tsx
@@ -0,0 +1,16 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { Panel } from '@/components/common/Panel';
+import { SegmentsDataTable } from './SegmentsDataTable';
+
+export function SegmentsPage({ websiteId }) {
+ return (
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/segments/SegmentsTable.tsx b/src/app/(main)/websites/[websiteId]/segments/SegmentsTable.tsx
new file mode 100644
index 000000000..7e8ddb2a6
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/segments/SegmentsTable.tsx
@@ -0,0 +1,38 @@
+import { DataColumn, DataTable, type DataTableProps, Row } from '@umami/react-zen';
+import Link from 'next/link';
+import { SegmentDeleteButton } from '@/app/(main)/websites/[websiteId]/segments/SegmentDeleteButton';
+import { SegmentEditButton } from '@/app/(main)/websites/[websiteId]/segments/SegmentEditButton';
+import { DateDistance } from '@/components/common/DateDistance';
+import { useMessages, useNavigation } from '@/components/hooks';
+
+export function SegmentsTable(props: DataTableProps) {
+ const { t, labels } = useMessages();
+ const { websiteId, renderUrl } = useNavigation();
+
+ return (
+
+
+ {(row: any) => (
+
+
+ {(row: any) =>
+
+ {(row: any) => {
+ const { id, name } = row;
+
+ return (
+
+
+ );
+ }}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/segments/page.tsx b/src/app/(main)/websites/[websiteId]/segments/page.tsx
new file mode 100644
index 000000000..0d3faacbf
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/segments/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import { SegmentsPage } from './SegmentsPage';
+
+export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
+ const { websiteId } = await params;
+
+ return
+ {label}
+
+ );
+ };
+
+ return (
+
+
+ {data?.map(({ eventId, createdAt, urlPath, eventName, visitId, hostname, hasData }) => {
+ const showHeader = !lastDay || !isSameDay(new Date(lastDay), new Date(createdAt));
+ lastDay = createdAt;
+
+ return (
+
+ {showHeader && {formatTimezoneDate(createdAt, 'PPPP')} }
+
+
+ {formatTimezoneDate(createdAt, 'pp')}
+
+
+ {eventName ?
+
+ {eventName ? t(labels.triggeredEvent) : t(labels.viewedPage)}
+
+
+ {eventName || renderLink(urlPath, hostname)}
+
+ {hasData > 0 &&
+
+
+ );
+ })}
+
+
+ );
+}
+
+const PropertiesButton = props => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionData.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionData.tsx
new file mode 100644
index 000000000..15cb86ccc
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionData.tsx
@@ -0,0 +1,32 @@
+import { Box, Column, Label, Row, Text } from '@umami/react-zen';
+import { Empty } from '@/components/common/Empty';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { useSessionDataQuery } from '@/components/hooks';
+import { DATA_TYPES } from '@/lib/constants';
+
+export function SessionData({ websiteId, sessionId }: { websiteId: string; sessionId: string }) {
+ const { data, isLoading, error } = useSessionDataQuery(websiteId, sessionId);
+
+ return (
+
+ {!data?.length &&
+ {data?.map(({ dataKey, dataType, stringValue }) => {
+ return (
+
+ {dataKey}
+
+ {stringValue}
+
+
+ {DATA_TYPES[dataType]}
+
+
+
+
+ );
+ })}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionInfo.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionInfo.tsx
new file mode 100644
index 000000000..8ccaede42
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionInfo.tsx
@@ -0,0 +1,76 @@
+import { Column, Grid, Icon, Label, Row } from '@umami/react-zen';
+import type { ReactNode } from 'react';
+import { DateDistance } from '@/components/common/DateDistance';
+import { TypeIcon } from '@/components/common/TypeIcon';
+import { useFormat, useLocale, useMessages, useRegionNames } from '@/components/hooks';
+import { Calendar, KeyRound, Landmark, MapPin } from '@/components/icons';
+
+export function SessionInfo({ data }) {
+ const { locale } = useLocale();
+ const { t, labels } = useMessages();
+ const { formatValue } = useFormat();
+ const { getRegionName } = useRegionNames(locale);
+
+ return (
+
+
+ );
+}
+
+const Info = ({
+ label,
+ icon,
+ children,
+}: {
+ label: string;
+ icon?: ReactNode;
+ children: ReactNode;
+}) => {
+ return (
+
+ {label}
+
+ {icon && {icon} }
+ {children || '—'}
+
+
+ );
+};
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionModal.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionModal.tsx
new file mode 100644
index 000000000..dd9ce4690
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionModal.tsx
@@ -0,0 +1,44 @@
+'use client';
+import { Column, Dialog, Modal, type ModalProps } from '@umami/react-zen';
+import { SessionProfile } from '@/app/(main)/websites/[websiteId]/sessions/SessionProfile';
+import { useNavigation } from '@/components/hooks';
+
+export interface SessionModalProps extends ModalProps {
+ websiteId: string;
+}
+
+export function SessionModal({ websiteId, ...props }: SessionModalProps) {
+ const {
+ router,
+ pathname,
+ query: { session },
+ updateParams,
+ } = useNavigation();
+ const isSharePage = pathname.includes('/share/');
+ const handleOpenChange = (isOpen: boolean) => {
+ if (!isOpen) {
+ router.push(updateParams({ session: undefined }));
+ }
+ };
+
+ return (
+
+
+
+ {({ close }) => (
+
+ close()} />
+
+ )}
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionProfile.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionProfile.tsx
new file mode 100644
index 000000000..9671c995e
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionProfile.tsx
@@ -0,0 +1,94 @@
+'use client';
+import { Avatar } from '@/components/common/Avatar';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { useMessages, useWebsiteSessionQuery } from '@/components/hooks';
+import {
+ Button,
+ Column,
+ Icon,
+ Row,
+ Tab,
+ TabList,
+ TabPanel,
+ Tabs,
+ TextField,
+} from '@umami/react-zen';
+import { X } from 'lucide-react';
+import { SessionActivity } from './SessionActivity';
+import { SessionData } from './SessionData';
+import { SessionInfo } from './SessionInfo';
+import { SessionReplaysDataTable } from './SessionReplaysDataTable';
+import { SessionStats } from './SessionStats';
+
+export function SessionProfile({
+ websiteId,
+ sessionId,
+ showReplays = true,
+ onClose,
+}: {
+ websiteId: string;
+ sessionId: string;
+ showReplays?: boolean;
+ onClose?: () => void;
+}) {
+ const { data, isLoading, error } = useWebsiteSessionQuery(websiteId, sessionId);
+ const { t, labels } = useMessages();
+
+ return (
+
+ {data && (
+
+ {onClose && (
+
+
+
+
+
+
+ )}
+
+
+
+
+
+
+
+ {t(labels.activity)}
+ {t(labels.properties)}
+ {showReplays && {t(labels.replays)} }
+
+
+
+
+
+ {showReplays && (
+
+
+ )}
+
+
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionProfileModal.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionProfileModal.tsx
new file mode 100644
index 000000000..b94be97ef
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionProfileModal.tsx
@@ -0,0 +1,41 @@
+'use client';
+import { Column, Dialog, Modal } from '@umami/react-zen';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { buildPath } from '@/lib/url';
+import { SessionProfile } from './SessionProfile';
+
+export function SessionProfileModal({
+ websiteId,
+ sessionId,
+}: {
+ websiteId: string;
+ sessionId: string;
+}) {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const closeModal = () => {
+ const query = Object.fromEntries(searchParams.entries());
+ delete query.session;
+
+ router.push(buildPath(`/websites/${websiteId}/sessions`, query));
+ };
+
+ const handleOpenChange = (isOpen: boolean) => {
+ if (!isOpen) {
+ closeModal();
+ }
+ };
+
+ return (
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionProperties.module.css b/src/app/(main)/websites/[websiteId]/sessions/SessionProperties.module.css
deleted file mode 100644
index 0b9c011d1..000000000
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionProperties.module.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.container {
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
- gap: 60px;
- margin-bottom: 40px;
-}
-
-.table {
- align-self: flex-start;
-}
-
-.link:hover {
- cursor: pointer;
- color: var(--primary400);
-}
-
-.title {
- text-align: center;
- font-weight: bold;
- margin: 20px 0;
-}
-
-.chart {
- min-height: 620px;
-}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionProperties.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionProperties.tsx
index a0b47bc9a..6d21750ac 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionProperties.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionProperties.tsx
@@ -1,52 +1,97 @@
-import { GridColumn, GridTable } from 'react-basics';
-import { useSessionDataProperties, useSessionDataValues, useMessages } from '@/components/hooks';
+import { Column, Grid, ListItem, Select } from '@umami/react-zen';
+import { useMemo, useState } from 'react';
+import { PieChart } from '@/components/charts/PieChart';
import { LoadingPanel } from '@/components/common/LoadingPanel';
-import PieChart from '@/components/charts/PieChart';
-import { useState } from 'react';
+import {
+ useMessages,
+ useSessionDataPropertiesQuery,
+ useSessionDataValuesQuery,
+} from '@/components/hooks';
+import { ListTable } from '@/components/metrics/ListTable';
import { CHART_COLORS } from '@/lib/constants';
-import styles from './SessionProperties.module.css';
export function SessionProperties({ websiteId }: { websiteId: string }) {
const [propertyName, setPropertyName] = useState('');
- const { formatMessage, labels } = useMessages();
- const { data, isLoading, isFetched, error } = useSessionDataProperties(websiteId);
- const { data: values } = useSessionDataValues(websiteId, propertyName);
- const chartData =
- propertyName && values
- ? {
- labels: values.map(({ value }) => value),
- datasets: [
- {
- data: values.map(({ total }) => total),
- backgroundColor: CHART_COLORS,
- borderWidth: 0,
- },
- ],
- }
- : null;
+ const { t, labels } = useMessages();
+ const { data, isLoading, isFetching, error } = useSessionDataPropertiesQuery(websiteId);
+
+ const properties: string[] = data?.map(e => e.propertyName);
return (
-
-
-
-
- {row => (
- setPropertyName(row.propertyName)}>
- {row.propertyName}
-
- )}
-
-
- {propertyName && (
-
+
+
+ {data && (
+
+
+ {properties?.map(p => (
+
+ {p}
+
+ ))}
+
+
)}
-
);
}
-export default SessionProperties;
+const SessionValues = ({ websiteId, propertyName }) => {
+ const { data, isLoading, isFetching, error } = useSessionDataValuesQuery(websiteId, propertyName);
+
+ const propertySum = useMemo(() => {
+ return data?.reduce((sum, { total }) => sum + total, 0) ?? 0;
+ }, [data]);
+
+ const chartData = useMemo(() => {
+ if (!propertyName || !data) return null;
+ return {
+ labels: data.map(({ value }) => value),
+ datasets: [
+ {
+ data: data.map(({ total }) => total),
+ backgroundColor: CHART_COLORS,
+ borderWidth: 0,
+ },
+ ],
+ };
+ }, [propertyName, data]);
+
+ const tableData = useMemo(() => {
+ if (!propertyName || !data || propertySum === 0) return [];
+ return data.map(({ value, total }) => ({
+ label: value,
+ count: total,
+ percent: 100 * (total / propertySum),
+ }));
+ }, [propertyName, data, propertySum]);
+
+ return (
+
+ {data && (
+
+
+ )}
+
+ );
+};
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionReplaysDataTable.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionReplaysDataTable.tsx
new file mode 100644
index 000000000..daca0577c
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionReplaysDataTable.tsx
@@ -0,0 +1,60 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { useState } from 'react';
+import { DataGrid } from '@/components/common/DataGrid';
+import { useSessionReplaysQuery } from '@/components/hooks';
+import { ReplayPlayback } from '../replays/[replayId]/ReplayPlayback';
+import { SessionReplaysTable } from './SessionReplaysTable';
+
+function InlinePlayer({
+ websiteId,
+ replayId,
+ onClose,
+}: {
+ websiteId: string;
+ replayId: string;
+ onClose: () => void;
+}) {
+ return (
+
+
+ );
+}
+
+export function SessionReplaysDataTable({
+ websiteId,
+ sessionId,
+}: {
+ websiteId: string;
+ sessionId: string;
+}) {
+ const queryResult = useSessionReplaysQuery(websiteId, sessionId);
+ const [selectedId, setSelectedId] = useState();
+
+ const handlePlay = (id: string) => {
+ setSelectedId(prev => (prev === id ? undefined : id));
+ };
+
+ return (
+
+ {selectedId && (
+ setSelectedId(undefined)}
+ />
+ )}
+
+ {({ data }) => (
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionReplaysTable.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionReplaysTable.tsx
new file mode 100644
index 000000000..41910e3b4
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionReplaysTable.tsx
@@ -0,0 +1,44 @@
+import { Button, DataColumn, DataTable, type DataTableProps, Icon } from '@umami/react-zen';
+import { Play } from 'lucide-react';
+import { DateDistance } from '@/components/common/DateDistance';
+import { useMessages } from '@/components/hooks';
+
+function formatDuration(ms: number) {
+ const seconds = Math.floor(ms / 1000);
+ const minutes = Math.floor(seconds / 60);
+ const secs = seconds % 60;
+ return `${minutes}:${secs.toString().padStart(2, '0')}`;
+}
+
+export function SessionReplaysTable({
+ onPlay,
+ selectedId,
+ ...props
+}: DataTableProps & { onPlay: (id: string) => void; selectedId?: string }) {
+ const { t, labels } = useMessages();
+
+ return (
+
+
+ {(row: any) => (
+ onPlay(row.id)}
+ >
+
+
+
+ )}
+
+
+ {(row: any) => formatDuration(row.duration || 0)}
+
+
+ {(row: any) =>
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionStats.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionStats.tsx
new file mode 100644
index 000000000..511d8596f
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionStats.tsx
@@ -0,0 +1,21 @@
+import { useMessages } from '@/components/hooks';
+import { MetricCard } from '@/components/metrics/MetricCard';
+import { MetricsBar } from '@/components/metrics/MetricsBar';
+import { formatShortTime } from '@/lib/format';
+
+export function SessionStats({ data }) {
+ const { t, labels } = useMessages();
+
+ return (
+
+ `${+n < 0 ? '-' : ''}${formatShortTime(Math.abs(~~n), ['m', 's'], ' ')}`}
+ />
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionsDataTable.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionsDataTable.tsx
index 0f193a97b..1b8f441a5 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionsDataTable.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionsDataTable.tsx
@@ -1,21 +1,20 @@
-import { useWebsiteSessions } from '@/components/hooks';
-import SessionsTable from './SessionsTable';
-import DataTable from '@/components/common/DataTable';
-import { ReactNode } from 'react';
+import { DataGrid } from '@/components/common/DataGrid';
+import { useNavigation, useWebsiteSessionsQuery } from '@/components/hooks';
+import { SessionsTable } from './SessionsTable';
-export default function SessionsDataTable({
- websiteId,
- children,
-}: {
- websiteId?: string;
- teamId?: string;
- children?: ReactNode;
-}) {
- const queryResult = useWebsiteSessions(websiteId);
+export function SessionsDataTable({ websiteId }: { websiteId: string }) {
+ const queryResult = useWebsiteSessionsQuery(websiteId);
+ const { updateParams } = useNavigation();
return (
- children}>
- {({ data }) =>
+
+ {({ data }) => (
+ updateParams({ session: row.id })}
+ />
+ )}
+
);
}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionsMetricsBar.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionsMetricsBar.tsx
index 62d60de8b..34dfcefee 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionsMetricsBar.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionsMetricsBar.tsx
@@ -1,42 +1,40 @@
+import { LoadingPanel } from '@/components/common/LoadingPanel';
import { useMessages } from '@/components/hooks';
-import useWebsiteSessionStats from '@/components/hooks/queries/useWebsiteSessionStats';
-import WebsiteDateFilter from '@/components/input/WebsiteDateFilter';
-import MetricCard from '@/components/metrics/MetricCard';
-import MetricsBar from '@/components/metrics/MetricsBar';
+import { useWebsiteSessionStatsQuery } from '@/components/hooks/queries/useWebsiteSessionStatsQuery';
+import { MetricCard } from '@/components/metrics/MetricCard';
+import { MetricsBar } from '@/components/metrics/MetricsBar';
import { formatLongNumber } from '@/lib/format';
-import { Flexbox } from 'react-basics';
export function SessionsMetricsBar({ websiteId }: { websiteId: string }) {
- const { formatMessage, labels } = useMessages();
- const { data, isLoading, isFetched, error } = useWebsiteSessionStats(websiteId);
+ const { t, labels } = useMessages();
+ const { data, isLoading, isFetching, error } = useWebsiteSessionStatsQuery(websiteId);
return (
-
-
-
-
+
+ {data && (
+
+
+ )}
+
);
}
-
-export default SessionsMetricsBar;
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionsPage.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionsPage.tsx
index 2ee044db6..f891f2ad7 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionsPage.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionsPage.tsx
@@ -1,35 +1,43 @@
'use client';
-import WebsiteHeader from '../WebsiteHeader';
-import SessionsDataTable from './SessionsDataTable';
-import SessionsMetricsBar from './SessionsMetricsBar';
-import SessionProperties from './SessionProperties';
-import WorldMap from '@/components/metrics/WorldMap';
-import { GridRow } from '@/components/layout/Grid';
-import { Item, Tabs } from 'react-basics';
-import { useState } from 'react';
+import { Column, Tab, TabList, TabPanel, Tabs } from '@umami/react-zen';
+import { type Key, useState } from 'react';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { Panel } from '@/components/common/Panel';
import { useMessages } from '@/components/hooks';
-import SessionsWeekly from './SessionsWeekly';
+import { getItem, setItem } from '@/lib/storage';
+import { SessionModal } from './SessionModal';
+import { SessionProperties } from './SessionProperties';
+import { SessionsDataTable } from './SessionsDataTable';
+
+const KEY_NAME = 'umami.sessions.tab';
export function SessionsPage({ websiteId }) {
- const [tab, setTab] = useState('activity');
- const { formatMessage, labels } = useMessages();
+ const [tab, setTab] = useState(getItem(KEY_NAME) || 'activity');
+ const { t, labels } = useMessages();
+
+ const handleSelect = (value: Key) => {
+ setItem(KEY_NAME, value);
+ setTab(value);
+ };
return (
- <>
-
-
- setTab(value)} style={{ marginBottom: 30 }}>
- - {formatMessage(labels.activity)}
- - {formatMessage(labels.properties)}
-
- {tab === 'activity' &&
+
+
+
+ {t(labels.activity)}
+ {t(labels.properties)}
+
+
+
+
+
+
+
+
);
}
-
-export default SessionsPage;
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.module.css b/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.module.css
deleted file mode 100644
index 140ad0bb7..000000000
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.link {
- display: flex;
- align-items: center;
- gap: 20px;
-}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx
index ddb3ed65b..1f3d451a7 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx
@@ -1,60 +1,62 @@
+import { DataColumn, DataTable, type DataTableProps } from '@umami/react-zen';
import Link from 'next/link';
-import { GridColumn, GridTable } from 'react-basics';
-import { useFormat, useMessages, useTimezone } from '@/components/hooks';
-import Avatar from '@/components/common/Avatar';
-import styles from './SessionsTable.module.css';
-import TypeIcon from '@/components/common/TypeIcon';
+import { Avatar } from '@/components/common/Avatar';
+import { DateDistance } from '@/components/common/DateDistance';
+import { TypeIcon } from '@/components/common/TypeIcon';
+import { useFormat, useMessages } from '@/components/hooks';
-export function SessionsTable({ data = [] }: { data: any[]; showDomain?: boolean }) {
- const { formatTimezoneDate } = useTimezone();
- const { formatMessage, labels } = useMessages();
+export function SessionsTable({
+ websiteId,
+ getSessionHref,
+ ...props
+}: DataTableProps & { websiteId: string; getSessionHref?: (row: any) => string }) {
+ const { t, labels } = useMessages();
const { formatValue } = useFormat();
return (
-
-
- {row => (
-
+
+ {(row: any) => (
+
-
- {row => (
+
+
+ {(row: any) => (
+ {row.city ? `${row.city}, ` : ''}
{formatValue(row.country, 'country')}
)}
-
-
- {row => (
+
+
+ {(row: any) => (
{formatValue(row.browser, 'browser')}
)}
-
-
- {row => (
+
+
+ {(row: any) => (
{formatValue(row.os, 'os')}
)}
-
-
- {row => (
+
+
+ {(row: any) => (
{formatValue(row.device, 'device')}
)}
-
-
- {row => formatTimezoneDate(row.createdAt, 'PPPpp')}
-
-
+
+
+ {(row: any) =>
+
);
}
-
-export default SessionsTable;
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.module.css b/src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.module.css
deleted file mode 100644
index 353616435..000000000
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.module.css
+++ /dev/null
@@ -1,43 +0,0 @@
-.week {
- display: flex;
- justify-content: space-between;
- position: relative;
-}
-
-.header {
- text-align: center;
- font-weight: 700;
- margin-bottom: 10px;
-}
-
-.day {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: flex-start;
- gap: 1px;
- position: relative;
-}
-
-.cell {
- display: flex;
- background-color: var(--base75);
- width: 20px;
- height: 20px;
- margin: auto;
- border-radius: 100%;
- align-items: flex-start;
-}
-
-.hour {
- font-weight: 700;
- color: var(--font-color300);
- height: 20px;
-}
-
-.block {
- background-color: var(--primary400);
- width: 20px;
- height: 20px;
- border-radius: 100%;
-}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx
deleted file mode 100644
index 283a7ea08..000000000
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import { format, startOfDay, addHours } from 'date-fns';
-import { useLocale, useMessages, useWebsiteSessionsWeekly } from '@/components/hooks';
-import { LoadingPanel } from '@/components/common/LoadingPanel';
-import { getDayOfWeekAsDate } from '@/lib/date';
-import styles from './SessionsWeekly.module.css';
-import classNames from 'classnames';
-import { TooltipPopup } from 'react-basics';
-
-export function SessionsWeekly({ websiteId }: { websiteId: string }) {
- const { data, ...props } = useWebsiteSessionsWeekly(websiteId);
- const { dateLocale } = useLocale();
- const { labels, formatMessage } = useMessages();
- const { weekStartsOn } = dateLocale.options;
- const daysOfWeek = Array(7)
- .fill(weekStartsOn)
- .map((d, i) => (d + i) % 7);
-
- const [, max] = data
- ? data.reduce((arr: number[], hours: number[], index: number) => {
- const min = Math.min(...hours);
- const max = Math.max(...hours);
-
- if (index === 0) {
- return [min, max];
- }
-
- if (min < arr[0]) {
- arr[0] = min;
- }
-
- if (max > arr[1]) {
- arr[1] = max;
- }
-
- return arr;
- }, [])
- : [];
-
- return (
-
-
-
-
- {Array(24)
- .fill(null)
- .map((_, i) => {
- const label = format(addHours(startOfDay(new Date()), i), 'p', { locale: dateLocale })
- .replace(/\D00 ?/, '')
- .toLowerCase();
- return (
-
- {label}
-
- );
- })}
-
- {data &&
- daysOfWeek.map((index: number) => {
- const day = data[index];
- return (
-
-
- {format(getDayOfWeekAsDate(index), 'EEE', { locale: dateLocale })}
-
- {day?.map((hour: number, j) => {
- const pct = hour / max;
- return (
-
- {hour > 0 && (
-
-
-
- )}
-
- );
- })}
-
- );
- })}
-
- );
-}
-
-export default SessionsWeekly;
diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.module.css b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.module.css
deleted file mode 100644
index fb830d382..000000000
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.module.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.timeline {
- display: flex;
- flex-direction: column;
- gap: 20px;
-}
-
-.row {
- display: grid;
- grid-template-columns: max-content max-content 1fr;
- align-items: center;
- gap: 20px;
-}
-
-.time {
- color: var(--font-color200);
- width: 150px;
-}
-
-.header {
- font-weight: bold;
-}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx
deleted file mode 100644
index 6a847fb45..000000000
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { isSameDay } from 'date-fns';
-import { Loading, Icon, StatusLight } from 'react-basics';
-import Icons from '@/components/icons';
-import { useSessionActivity, useTimezone } from '@/components/hooks';
-import styles from './SessionActivity.module.css';
-import { Fragment } from 'react';
-
-export function SessionActivity({
- websiteId,
- sessionId,
- startDate,
- endDate,
-}: {
- websiteId: string;
- sessionId: string;
- startDate: Date;
- endDate: Date;
-}) {
- const { formatTimezoneDate } = useTimezone();
- const { data, isLoading } = useSessionActivity(websiteId, sessionId, startDate, endDate);
-
- if (isLoading) {
- return
- {data.map(({ id, createdAt, urlPath, eventName, visitId }) => {
- const showHeader = !lastDay || !isSameDay(new Date(lastDay), new Date(createdAt));
- lastDay = createdAt;
-
- return (
-
- {showHeader && (
- {formatTimezoneDate(createdAt, 'PPPP')}
- )}
-
-
-
- {formatTimezoneDate(createdAt, 'pp')}
-
-
-
{eventName ?
-
{eventName || urlPath}
-
- );
- })}
-
{formatMessage(labels.properties)}
-
- {!data?.length &&
-
-
- {dataKey}
-
-
{DATA_TYPES[dataType]}
-
-
{stringValue}
-
-
- );
-}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionDetailsPage.module.css b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionDetailsPage.module.css
deleted file mode 100644
index 7058cd793..000000000
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionDetailsPage.module.css
+++ /dev/null
@@ -1,47 +0,0 @@
-.page {
- display: grid;
- grid-template-columns: max-content 1fr max-content;
- margin-bottom: 40px;
- position: relative;
-}
-
-.sidebar {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: flex-start;
- gap: 20px;
- width: 300px;
- padding-right: 20px;
- border-right: 1px solid var(--base300);
- position: relative;
-}
-
-.content {
- display: flex;
- flex-direction: column;
- gap: 30px;
- padding: 0 20px;
- position: relative;
-}
-
-.data {
- width: 300px;
- border-left: 1px solid var(--base300);
- padding-left: 20px;
- position: relative;
- transition: width 200ms ease-in-out;
-}
-
-@media screen and (max-width: 992px) {
- .page {
- grid-template-columns: 1fr;
- gap: 30px;
- }
-
- .sidebar,
- .data {
- border: 0;
- width: auto;
- }
-}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionDetailsPage.tsx b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionDetailsPage.tsx
deleted file mode 100644
index 9ccf275f6..000000000
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionDetailsPage.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-'use client';
-import Avatar from '@/components/common/Avatar';
-import { LoadingPanel } from '@/components/common/LoadingPanel';
-import { useWebsiteSession } from '@/components/hooks';
-import WebsiteHeader from '../../WebsiteHeader';
-import { SessionActivity } from './SessionActivity';
-import { SessionData } from './SessionData';
-import styles from './SessionDetailsPage.module.css';
-import SessionInfo from './SessionInfo';
-import { SessionStats } from './SessionStats';
-
-export default function SessionDetailsPage({
- websiteId,
- sessionId,
-}: {
- websiteId: string;
- sessionId: string;
-}) {
- const { data, ...query } = useWebsiteSession(websiteId, sessionId);
-
- return (
-
-
- );
-}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionInfo.module.css b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionInfo.module.css
deleted file mode 100644
index de6e796f7..000000000
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionInfo.module.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.info {
- display: grid;
- gap: 10px;
-}
-
-.info dl {
- width: 100%;
-}
-
-.info dt {
- color: var(--font-color200);
- font-weight: bold;
-}
-
-.info dd {
- display: flex;
- gap: 10px;
- align-items: center;
- margin: 5px 0 28px;
- text-align: left;
-}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionInfo.tsx b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionInfo.tsx
deleted file mode 100644
index fc69494f8..000000000
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionInfo.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { useFormat, useLocale, useMessages, useRegionNames, useTimezone } from '@/components/hooks';
-import TypeIcon from '@/components/common/TypeIcon';
-import { Icon, CopyIcon } from 'react-basics';
-import Icons from '@/components/icons';
-import styles from './SessionInfo.module.css';
-
-export default function SessionInfo({ data }) {
- const { locale } = useLocale();
- const { formatTimezoneDate } = useTimezone();
- const { formatMessage, labels } = useMessages();
- const { formatValue } = useFormat();
- const { getRegionName } = useRegionNames(locale);
-
- return (
-
-
- ID
-
- {data?.id}
- {formatMessage(labels.distinctId)}
- {data?.distinctId}
- {formatMessage(labels.lastSeen)}
- {formatTimezoneDate(data?.lastAt, 'PPPPpp')}
-
- {formatMessage(labels.firstSeen)}
- {formatTimezoneDate(data?.firstAt, 'PPPPpp')}
-
- {formatMessage(labels.country)}
-
-
-
- {formatMessage(labels.region)}
-
-
-
- {getRegionName(data?.region)}
-
-
- {formatMessage(labels.city)}
-
-
-
- {data?.city}
-
-
- {formatMessage(labels.os)}
-
-
-
- {formatMessage(labels.device)}
-
-
-
- {formatMessage(labels.browser)}
-
-
-
-
- `${+n < 0 ? '-' : ''}${formatShortTime(Math.abs(~~n), ['m', 's'], ' ')}`}
- />
-
- );
-}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/page.tsx b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/page.tsx
index f4882880c..c9dff4b6f 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/page.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/page.tsx
@@ -1,16 +1,16 @@
-import SessionDetailsPage from './SessionDetailsPage';
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
+import { SessionProfile } from '@/app/(main)/websites/[websiteId]/sessions/SessionProfile';
-export default async function WebsitePage({
+export default async function ({
params,
}: {
- params: { websiteId: string; sessionId: string };
+ params: Promise<{ websiteId: string; sessionId: string }>;
}) {
const { websiteId, sessionId } = await params;
- return {chunks} ,
+ })}
+ isLoading={isPending}
+ error={getErrorMessage(error)}
+ onConfirm={handleConfirm.bind(null, close)}
+ onClose={close}
+ buttonLabel={t(labels.delete)}
+ buttonVariant="danger"
+ />
+ )}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/settings/ShareEditButton.tsx b/src/app/(main)/websites/[websiteId]/settings/ShareEditButton.tsx
new file mode 100644
index 000000000..66664c5c1
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/settings/ShareEditButton.tsx
@@ -0,0 +1,16 @@
+import { useMessages } from '@/components/hooks';
+import { Edit } from '@/components/icons';
+import { DialogButton } from '@/components/input/DialogButton';
+import { ShareEditForm } from './ShareEditForm';
+
+export function ShareEditButton({ shareId }: { shareId: string }) {
+ const { t, labels } = useMessages();
+
+ return (
+ (null);
+ const [isLoading, setIsLoading] = useState(!!shareId);
+ const [isPending, setIsPending] = useState(false);
+ const [error, setError] = useState(null);
+
+ const isEditing = !!shareId;
+
+ const getUrl = (slug: string) => {
+ return `${cloudMode ? process.env.cloudUrl : window?.location.origin}${process.env.basePath || ''}/share/${slug}`;
+ };
+
+ useEffect(() => {
+ if (!shareId) return;
+
+ const loadShare = async () => {
+ setIsLoading(true);
+ try {
+ const data = await get(`/share/id/${shareId}`);
+ setShare(data);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+ loadShare();
+ }, [shareId, modified]);
+
+ const handleSubmit = async (data: any) => {
+ const parameters: Record = {};
+ SHARE_NAV_ITEMS.forEach(section => {
+ section.items.forEach(item => {
+ parameters[item.id] = data[item.id] ?? false;
+ });
+ });
+
+ setIsPending(true);
+ setError(null);
+
+ try {
+ if (isEditing) {
+ await post(`/share/id/${shareId}`, {
+ name: data.name,
+ slug: share.slug,
+ parameters,
+ });
+ } else {
+ await post(`/websites/${websiteId}/shares`, {
+ name: data.name,
+ parameters,
+ });
+ }
+ touch('shares');
+ onSave?.();
+ onClose?.();
+ } catch (e) {
+ setError(e);
+ } finally {
+ setIsPending(false);
+ }
+ };
+
+ if (isLoading) {
+ return = {
+ name: share?.name || '',
+ };
+ SHARE_NAV_ITEMS.forEach(section => {
+ section.items.forEach(item => {
+ const defaultSelected = item.id === 'overview' || item.id === 'events';
+ defaultValues[item.id] = share?.parameters?.[item.id] ?? defaultSelected;
+ });
+ });
+
+ // Get all item ids for validation
+ const allItemIds = SHARE_NAV_ITEMS.flatMap(section => section.items.map(item => item.id));
+
+ return (
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/settings/SharesTable.tsx b/src/app/(main)/websites/[websiteId]/settings/SharesTable.tsx
new file mode 100644
index 000000000..f15661b2f
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/settings/SharesTable.tsx
@@ -0,0 +1,51 @@
+import { DataColumn, DataTable, type DataTableProps, Row } from '@umami/react-zen';
+import { CopyButton } from '@/components/common/CopyButton';
+import { DateDistance } from '@/components/common/DateDistance';
+import { ExternalLink } from '@/components/common/ExternalLink';
+import { useConfig, useMessages, useMobile } from '@/components/hooks';
+import { ShareDeleteButton } from './ShareDeleteButton';
+import { ShareEditButton } from './ShareEditButton';
+
+export function SharesTable(props: DataTableProps) {
+ const { t, labels } = useMessages();
+ const { cloudMode } = useConfig();
+ const { isMobile } = useMobile();
+
+ const getUrl = (slug: string) => {
+ if (cloudMode) {
+ return `${process.env.cloudUrl}/share/${slug}`;
+ }
+ return `${window?.location.origin}${process.env.basePath || ''}/share/${slug}`;
+ };
+
+ return (
+
+
+ {({ name }: any) => name}
+
+
+ {({ slug }: any) => {
+ const url = getUrl(slug);
+ return (
+
+
+ {isMobile ? slug : url}
+
+
+ );
+ }}
+
+
+ {({ id, slug }: any) => {
+ return (
+
+
+ );
+ }}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteData.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteData.tsx
new file mode 100644
index 000000000..daf39f8de
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteData.tsx
@@ -0,0 +1,95 @@
+import { Button, Column, Dialog, DialogTrigger, Modal } from '@umami/react-zen';
+import { ActionForm } from '@/components/common/ActionForm';
+import {
+ useLoginQuery,
+ useMessages,
+ useModified,
+ useNavigation,
+ useUserTeamsQuery,
+} from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
+import { WebsiteDeleteForm } from './WebsiteDeleteForm';
+import { WebsiteResetForm } from './WebsiteResetForm';
+import { WebsiteTransferForm } from './WebsiteTransferForm';
+
+export function WebsiteData({ websiteId, onSave }: { websiteId: string; onSave?: () => void }) {
+ const { t, labels, messages } = useMessages();
+ const { user } = useLoginQuery();
+ const { touch } = useModified();
+ const { router, pathname, teamId, renderUrl } = useNavigation();
+ const { data: teams } = useUserTeamsQuery(user.id);
+ const isAdmin = pathname.startsWith('/admin');
+
+ const canTransferWebsite =
+ (
+ (!teamId &&
+ teams?.data?.filter(({ members }) =>
+ members.find(
+ ({ role, userId }) =>
+ [ROLES.teamOwner, ROLES.teamManager].includes(role) && userId === user.id,
+ ),
+ )) ||
+ []
+ ).length > 0 ||
+ (teamId &&
+ !!teams?.data
+ ?.find(({ id }) => id === teamId)
+ ?.members.find(({ role, userId }) => role === ROLES.teamOwner && userId === user.id));
+
+ const handleSave = () => {
+ touch('websites');
+ onSave?.();
+ router.push(renderUrl(`/websites`));
+ };
+
+ const handleReset = async () => {
+ onSave?.();
+ };
+
+ return (
+
+ {!isAdmin && (
+
+
+ {t(labels.transfer)}
+
+
+ {({ close }) => (
+
+
+
+
+ )}
+
+
+
+ {t(labels.reset)}
+
+
+ {({ close }) => (
+
+
+
+
+
+
+
+
+ {t(labels.delete)}
+
+
+
+ {({ close }) => (
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/settings/websites/[websiteId]/WebsiteDeleteForm.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteDeleteForm.tsx
similarity index 54%
rename from src/app/(main)/settings/websites/[websiteId]/WebsiteDeleteForm.tsx
rename to src/app/(main)/websites/[websiteId]/settings/WebsiteDeleteForm.tsx
index 5eef35442..fb450f478 100644
--- a/src/app/(main)/settings/websites/[websiteId]/WebsiteDeleteForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteDeleteForm.tsx
@@ -1,5 +1,5 @@
-import { useApi, useMessages } from '@/components/hooks';
-import TypeConfirmationForm from '@/components/common/TypeConfirmationForm';
+import { TypeConfirmationForm } from '@/components/common/TypeConfirmationForm';
+import { useDeleteQuery, useMessages } from '@/components/hooks';
const CONFIRM_VALUE = 'DELETE';
@@ -12,15 +12,14 @@ export function WebsiteDeleteForm({
onSave?: () => void;
onClose?: () => void;
}) {
- const { formatMessage, labels } = useMessages();
- const { del, useMutation } = useApi();
- const { mutate, isPending, error } = useMutation({
- mutationFn: () => del(`/websites/${websiteId}`),
- });
+ const { t, labels } = useMessages();
+ const { mutateAsync, isPending, error, touch } = useDeleteQuery(`/websites/${websiteId}`);
const handleConfirm = async () => {
- mutate(null, {
+ await mutateAsync(null, {
onSuccess: async () => {
+ touch('websites');
+ touch(`websites:${websiteId}`);
onSave?.();
onClose?.();
},
@@ -34,10 +33,8 @@ export function WebsiteDeleteForm({
onClose={onClose}
isLoading={isPending}
error={error}
- buttonLabel={formatMessage(labels.delete)}
+ buttonLabel={t(labels.delete)}
buttonVariant="danger"
/>
);
}
-
-export default WebsiteDeleteForm;
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteEditForm.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteEditForm.tsx
new file mode 100644
index 000000000..63d370383
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteEditForm.tsx
@@ -0,0 +1,56 @@
+import { Form, FormButtons, FormField, FormSubmitButton, TextField } from '@umami/react-zen';
+import { useMessages, useUpdateQuery, useWebsite } from '@/components/hooks';
+import { DOMAIN_REGEX } from '@/lib/constants';
+
+export function WebsiteEditForm({ websiteId, onSave }: { websiteId: string; onSave?: () => void }) {
+ const website = useWebsite();
+ const { t, labels, messages, getErrorMessage } = useMessages();
+ const { mutateAsync, error, touch, toast } = useUpdateQuery(`/websites/${websiteId}`);
+
+ const handleSubmit = async (data: any) => {
+ const { shareId, ...updateData } = data;
+ await mutateAsync(updateData, {
+ onSuccess: async () => {
+ toast(t(messages.saved));
+ touch('websites');
+ touch(`website:${website.id}`);
+ onSave?.();
+ },
+ });
+ };
+
+ return (
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteReplaySettings.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteReplaySettings.tsx
new file mode 100644
index 000000000..d62a6d2ac
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteReplaySettings.tsx
@@ -0,0 +1,163 @@
+import {
+ Button,
+ Column,
+ Label,
+ ListItem,
+ Row,
+ Select,
+ Slider,
+ Switch,
+ Text,
+ TextField,
+} from '@umami/react-zen';
+import { useState } from 'react';
+import { EmptyPlaceholder } from '@/components/common/EmptyPlaceholder';
+import { useMessages, useSubscription, useUpdateQuery, useWebsite } from '@/components/hooks';
+import { Video } from '@/components/icons';
+
+const RECORDER_NAME = 'recorder.js';
+
+interface ReplayConfig {
+ sampleRate?: number;
+ maskLevel?: string;
+ maxDuration?: number;
+ blockSelector?: string;
+}
+
+export function WebsiteReplaySettings({ websiteId }: { websiteId: string }) {
+ const website = useWebsite();
+ const { t, labels, messages } = useMessages();
+ const { hasFeature, cloudMode } = useSubscription(website?.teamId);
+ const { mutateAsync, touch, toast, isPending } = useUpdateQuery(`/websites/${websiteId}`);
+ const [enabled, setEnabled] = useState(website?.replayEnabled ?? false);
+
+ const config = (website?.replayConfig as ReplayConfig) || {};
+
+ const [sampleRate, setSampleRate] = useState(config.sampleRate ?? 0.15);
+ const [maskLevel, setMaskLevel] = useState(config.maskLevel ?? 'moderate');
+ const [maxDuration, setMaxDuration] = useState(String(config.maxDuration ?? 300000));
+ const [blockSelector, setBlockSelector] = useState(config.blockSelector ?? '');
+
+ const recorderUrl = cloudMode
+ ? `${process.env.cloudUrl}/${RECORDER_NAME}`
+ : `${window?.location?.origin || ''}${process.env.basePath || ''}/${RECORDER_NAME}`;
+
+ let recorderAttrs = `data-website-id="${websiteId}" data-sample-rate="${sampleRate}" data-mask-level="${maskLevel}" data-max-duration="${parseInt(maxDuration, 10) || 300000}"`;
+ if (blockSelector) recorderAttrs += ` data-block-selector="${blockSelector}"`;
+ const recorderCode = ``;
+
+ const handleToggle = async (value: boolean) => {
+ const previous = enabled;
+ setEnabled(value);
+
+ try {
+ await mutateAsync(
+ {
+ replayEnabled: value,
+ },
+ {
+ onSuccess: async () => {
+ toast(t(messages.saved));
+ touch('websites');
+ touch(`website:${websiteId}`);
+ },
+ },
+ );
+ } catch {
+ setEnabled(previous);
+ }
+ };
+
+ const handleSave = async () => {
+ await mutateAsync(
+ {
+ replayEnabled: enabled,
+ replayConfig: {
+ sampleRate,
+ maskLevel,
+ maxDuration: parseInt(maxDuration, 10) || 300000,
+ ...(blockSelector && { blockSelector }),
+ },
+ },
+ {
+ onSuccess: async () => {
+ toast(t(messages.saved));
+ touch('websites');
+ touch(`website:${websiteId}`);
+ },
+ },
+ );
+ };
+
+ if (cloudMode && !hasFeature('replays')) {
+ return (
+
+ {t(labels.replays)}
+ window.open(`${process.env.cloudUrl}/settings/billing`, '_blank')}
+ >
+ {t(labels.upgrade)}
+
+
+
+ );
+ }
+
+ return (
+
+ {t(labels.replays)}
+
+ {t(labels.replayEnabled)}
+
+ {enabled && (
+ <>
+ {t(labels.replayCode)}
+ {t(messages.trackingCode)}
+ setSampleRate(Array.isArray(v) ? v[0] : v)}
+ showValue
+ formatOptions={{ style: 'percent', maximumFractionDigits: 0 }}
+ style={{ maxWidth: '360px' }}
+ />
+
+ {t(labels.maskLevel)}
+
+ strict
+ moderate
+
+
+
+ {t(labels.maxDuration)}
+
+ 5 minutes
+ 10 minutes
+ 15 minutes
+ 20 minutes
+
+
+
+ {t(labels.blockSelector)}
+
+
+
+ {t(labels.save)}
+
+
+
+ )}
+
+ );
+}
diff --git a/src/app/(main)/settings/websites/[websiteId]/WebsiteResetForm.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteResetForm.tsx
similarity index 52%
rename from src/app/(main)/settings/websites/[websiteId]/WebsiteResetForm.tsx
rename to src/app/(main)/websites/[websiteId]/settings/WebsiteResetForm.tsx
index 73886aa92..72a308eb0 100644
--- a/src/app/(main)/settings/websites/[websiteId]/WebsiteResetForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteResetForm.tsx
@@ -1,5 +1,5 @@
-import { useApi, useMessages } from '@/components/hooks';
-import TypeConfirmationForm from '@/components/common/TypeConfirmationForm';
+import { TypeConfirmationForm } from '@/components/common/TypeConfirmationForm';
+import { useMessages, useUpdateQuery } from '@/components/hooks';
const CONFIRM_VALUE = 'RESET';
@@ -12,14 +12,11 @@ export function WebsiteResetForm({
onSave?: () => void;
onClose?: () => void;
}) {
- const { formatMessage, labels } = useMessages();
- const { post, useMutation } = useApi();
- const { mutate, isPending, error } = useMutation({
- mutationFn: (data: any) => post(`/websites/${websiteId}/reset`, data),
- });
+ const { t, labels } = useMessages();
+ const { mutateAsync, isPending, error } = useUpdateQuery(`/websites/${websiteId}/reset`);
const handleConfirm = async () => {
- mutate(null, {
+ await mutateAsync(null, {
onSuccess: async () => {
onSave?.();
onClose?.();
@@ -34,9 +31,7 @@ export function WebsiteResetForm({
onClose={onClose}
isLoading={isPending}
error={error}
- buttonLabel={formatMessage(labels.reset)}
+ buttonLabel={t(labels.reset)}
/>
);
}
-
-export default WebsiteResetForm;
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteSettings.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteSettings.tsx
new file mode 100644
index 000000000..a6f078067
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteSettings.tsx
@@ -0,0 +1,29 @@
+import { Column } from '@umami/react-zen';
+import { Panel } from '@/components/common/Panel';
+import { WebsiteData } from './WebsiteData';
+import { WebsiteEditForm } from './WebsiteEditForm';
+import { WebsiteReplaySettings } from './WebsiteReplaySettings';
+import { WebsiteShareForm } from './WebsiteShareForm';
+import { WebsiteTrackingCode } from './WebsiteTrackingCode';
+
+export function WebsiteSettings({ websiteId }: { websiteId: string; openExternal?: boolean }) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteSettingsHeader.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteSettingsHeader.tsx
new file mode 100644
index 000000000..ec9eb0b81
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteSettingsHeader.tsx
@@ -0,0 +1,23 @@
+import { Row } from '@umami/react-zen';
+import Link from 'next/link';
+import { IconLabel } from '@/components/common/IconLabel';
+import { PageHeader } from '@/components/common/PageHeader';
+import { useMessages, useNavigation, useWebsite } from '@/components/hooks';
+import { ArrowLeft, Globe } from '@/components/icons';
+
+export function WebsiteSettingsHeader() {
+ const website = useWebsite();
+ const { t, labels } = useMessages();
+ const { renderUrl } = useNavigation();
+
+ return (
+ <>
+
+
+
+
+
+ {t(labels.share)}
+
+ {hasShares ? (
+ <>
+ {t(messages.shareUrl)}
+
+ {t(messages.noDataAvailable)}
+ )}
+
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteTrackingCode.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteTrackingCode.tsx
new file mode 100644
index 000000000..9deb93f7f
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteTrackingCode.tsx
@@ -0,0 +1,40 @@
+import { Column, Label, Text, TextField } from '@umami/react-zen';
+import { useConfig, useMessages } from '@/components/hooks';
+
+const SCRIPT_NAME = 'script.js';
+
+export function WebsiteTrackingCode({
+ websiteId,
+ hostUrl,
+}: {
+ websiteId: string;
+ hostUrl?: string;
+}) {
+ const { t, messages, labels } = useMessages();
+ const config = useConfig();
+
+ const trackerScriptName =
+ config?.trackerScriptName?.split(',')?.map((n: string) => n.trim())?.[0] || SCRIPT_NAME;
+
+ const getUrl = (scriptName: string) => {
+ if (config?.cloudMode) {
+ return `${process.env.cloudUrl}/${scriptName}`;
+ }
+
+ return `${hostUrl || window?.location?.origin || ''}${
+ process.env.basePath || ''
+ }/${scriptName}`;
+ };
+
+ const url = trackerScriptName?.startsWith('http') ? trackerScriptName : getUrl(trackerScriptName);
+
+ const code = ``;
+
+ return (
+
+ {t(labels.trackingCode)}
+ {t(messages.trackingCode)}
+
+ );
+}
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteTransferForm.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteTransferForm.tsx
new file mode 100644
index 000000000..ce54f8199
--- /dev/null
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteTransferForm.tsx
@@ -0,0 +1,100 @@
+import {
+ Button,
+ Form,
+ FormButtons,
+ FormField,
+ FormSubmitButton,
+ ListItem,
+ Loading,
+ Select,
+ Text,
+} from '@umami/react-zen';
+import { type Key, useState } from 'react';
+import {
+ useLoginQuery,
+ useMessages,
+ useUpdateQuery,
+ useUserTeamsQuery,
+ useWebsite,
+} from '@/components/hooks';
+import { ROLES } from '@/lib/constants';
+
+export function WebsiteTransferForm({
+ websiteId,
+ onSave,
+ onClose,
+}: {
+ websiteId: string;
+ onSave?: () => void;
+ onClose?: () => void;
+}) {
+ const { user } = useLoginQuery();
+ const website = useWebsite();
+ const [teamId, setTeamId] = useState(null);
+ const { t, labels, messages, getErrorMessage } = useMessages();
+ const { mutateAsync, error, isPending } = useUpdateQuery(`/websites/${websiteId}/transfer`);
+ const { data: teams, isLoading } = useUserTeamsQuery(user.id);
+ const isTeamWebsite = !!website?.teamId;
+
+ const items =
+ teams?.data?.filter(({ members }) =>
+ members.some(
+ ({ role, userId }) =>
+ [ROLES.teamOwner, ROLES.teamManager].includes(role) && userId === user.id,
+ ),
+ ) || [];
+
+ const handleSubmit = async () => {
+ await mutateAsync(
+ {
+ userId: website.teamId ? user.id : undefined,
+ teamId: website.userId ? teamId : undefined,
+ },
+ {
+ onSuccess: async () => {
+ onSave?.();
+ onClose?.();
+ },
+ },
+ );
+ };
+
+ const handleChange = (key: Key) => {
+ setTeamId(key as string);
+ };
+
+ if (isLoading) {
+ return null}>
+ null}>
{children}
-
+
);
}
export function Providers({ children }) {
+ const router = useRouter();
+
+ function navigate(url: string) {
+ if (shouldUseNativeLink(url)) {
+ window.location.href = url;
+ } else {
+ router.push(url);
+ }
+ }
+
+ function shouldUseNativeLink(url: string) {
+ return url.startsWith('http');
+ }
+
return (
-
-
-
- {children}
-
-
-
+
+
+
+
+ {children}
+
+
+
+
);
}
-
-export default Providers;
diff --git a/src/app/actions/getConfig.ts b/src/app/actions/getConfig.ts
deleted file mode 100644
index 32b8a7d09..000000000
--- a/src/app/actions/getConfig.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-'use server';
-
-export type Config = {
- faviconUrl: string | undefined;
- privateMode: boolean;
- telemetryDisabled: boolean;
- trackerScriptName: string | undefined;
- updatesDisabled: boolean;
-};
-
-export async function getConfig(): Promise {
- return {
- faviconUrl: process.env.FAVICON_URL,
- privateMode: !!process.env.PRIVATE_MODE,
- telemetryDisabled: !!process.env.DISABLE_TELEMETRY,
- trackerScriptName: process.env.TRACKER_SCRIPT_NAME,
- updatesDisabled: !!process.env.DISABLE_UPDATES,
- };
-}
diff --git a/src/app/api/admin/teams/route.ts b/src/app/api/admin/teams/route.ts
new file mode 100644
index 000000000..ceb16ab11
--- /dev/null
+++ b/src/app/api/admin/teams/route.ts
@@ -0,0 +1,58 @@
+import { z } from 'zod';
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canViewAllTeams } from '@/permissions';
+import { getTeams } from '@/queries/prisma/team';
+
+export async function GET(request: Request) {
+ const schema = z.object({
+ ...pagingParams,
+ ...searchParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ if (!(await canViewAllTeams(auth))) {
+ return unauthorized();
+ }
+
+ const teams = await getTeams(
+ {
+ include: {
+ members: {
+ include: {
+ user: {
+ select: {
+ id: true,
+ username: true,
+ },
+ },
+ },
+ },
+ _count: {
+ select: {
+ websites: {
+ where: { deletedAt: null },
+ },
+ members: {
+ where: {
+ user: { deletedAt: null },
+ },
+ },
+ },
+ },
+ },
+ orderBy: {
+ createdAt: 'desc',
+ },
+ },
+ query,
+ );
+
+ return json(teams);
+}
diff --git a/src/app/api/admin/users/route.ts b/src/app/api/admin/users/route.ts
index 2185e03e7..2e5226157 100644
--- a/src/app/api/admin/users/route.ts
+++ b/src/app/api/admin/users/route.ts
@@ -1,13 +1,14 @@
import { z } from 'zod';
import { parseRequest } from '@/lib/request';
import { json, unauthorized } from '@/lib/response';
-import { pagingParams } from '@/lib/schema';
-import { canViewUsers } from '@/lib/auth';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canViewUsers } from '@/permissions';
import { getUsers } from '@/queries/prisma/user';
export async function GET(request: Request) {
const schema = z.object({
...pagingParams,
+ ...searchParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -25,12 +26,18 @@ export async function GET(request: Request) {
include: {
_count: {
select: {
- websiteUser: {
+ websites: {
where: { deletedAt: null },
},
},
},
},
+ omit: {
+ password: true,
+ },
+ orderBy: {
+ createdAt: 'desc',
+ },
},
query,
);
diff --git a/src/app/api/admin/websites/route.ts b/src/app/api/admin/websites/route.ts
index 3f35ea49d..09b2ef98d 100644
--- a/src/app/api/admin/websites/route.ts
+++ b/src/app/api/admin/websites/route.ts
@@ -1,17 +1,15 @@
import { z } from 'zod';
+import { ROLES } from '@/lib/constants';
import { parseRequest } from '@/lib/request';
import { json, unauthorized } from '@/lib/response';
-import { pagingParams } from '@/lib/schema';
-import { canViewAllWebsites } from '@/lib/auth';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canViewAllWebsites } from '@/permissions';
import { getWebsites } from '@/queries/prisma/website';
-import { ROLES } from '@/lib/constants';
export async function GET(request: Request) {
const schema = z.object({
- userId: z.string().uuid(),
- includeOwnedTeams: z.string().optional(),
- includeAllTeams: z.string().optional(),
...pagingParams,
+ ...searchParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -24,46 +22,13 @@ export async function GET(request: Request) {
return unauthorized();
}
- const { userId, includeOwnedTeams, includeAllTeams } = query;
-
const websites = await getWebsites(
{
- where: {
- OR: [
- ...(userId && [{ userId }]),
- ...(userId && includeOwnedTeams
- ? [
- {
- team: {
- deletedAt: null,
- teamUser: {
- some: {
- role: ROLES.teamOwner,
- userId,
- },
- },
- },
- },
- ]
- : []),
- ...(userId && includeAllTeams
- ? [
- {
- team: {
- deletedAt: null,
- teamUser: {
- some: {
- userId,
- },
- },
- },
- },
- ]
- : []),
- ],
- },
include: {
user: {
+ where: {
+ deletedAt: null,
+ },
select: {
username: true,
id: true,
@@ -74,7 +39,7 @@ export async function GET(request: Request) {
deletedAt: null,
},
include: {
- teamUser: {
+ members: {
where: {
role: ROLES.teamOwner,
},
@@ -82,6 +47,9 @@ export async function GET(request: Request) {
},
},
},
+ orderBy: {
+ createdAt: 'desc',
+ },
},
query,
);
diff --git a/src/app/api/auth/login/route.ts b/src/app/api/auth/login/route.ts
index bfac55489..17ca2f7d9 100644
--- a/src/app/api/auth/login/route.ts
+++ b/src/app/api/auth/login/route.ts
@@ -1,13 +1,13 @@
import { z } from 'zod';
-import { checkPassword } from '@/lib/auth';
-import { createSecureToken } from '@/lib/jwt';
-import redis from '@/lib/redis';
-import { getUserByUsername } from '@/queries';
-import { json, unauthorized } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
import { saveAuth } from '@/lib/auth';
-import { secret } from '@/lib/crypto';
import { ROLES } from '@/lib/constants';
+import { secret } from '@/lib/crypto';
+import { createSecureToken } from '@/lib/jwt';
+import { checkPassword } from '@/lib/password';
+import redis from '@/lib/redis';
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { getAllUserTeams, getUserByUsername } from '@/queries/prisma';
export async function POST(request: Request) {
const schema = z.object({
@@ -26,7 +26,7 @@ export async function POST(request: Request) {
const user = await getUserByUsername(username, { includePassword: true });
if (!user || !checkPassword(password, user.password)) {
- return unauthorized('message.incorrect-username-password');
+ return unauthorized({ code: 'incorrect-username-password' });
}
const { id, role, createdAt } = user;
@@ -39,8 +39,10 @@ export async function POST(request: Request) {
token = createSecureToken({ userId: user.id, role }, secret());
}
+ const teams = await getAllUserTeams(id);
+
return json({
token,
- user: { id, username, role, createdAt, isAdmin: role === ROLES.admin },
+ user: { id, username, role, createdAt, isAdmin: role === ROLES.admin, teams },
});
}
diff --git a/src/app/api/auth/logout/route.ts b/src/app/api/auth/logout/route.ts
index 7bf0a8137..153f1f523 100644
--- a/src/app/api/auth/logout/route.ts
+++ b/src/app/api/auth/logout/route.ts
@@ -1,7 +1,14 @@
import redis from '@/lib/redis';
+import { parseRequest } from '@/lib/request';
import { ok } from '@/lib/response';
export async function POST(request: Request) {
+ const { error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
if (redis.enabled) {
const token = request.headers.get('authorization')?.split(' ')?.[1];
diff --git a/src/app/api/auth/sso/route.ts b/src/app/api/auth/sso/route.ts
index fc8fb9bf3..f82228695 100644
--- a/src/app/api/auth/sso/route.ts
+++ b/src/app/api/auth/sso/route.ts
@@ -1,7 +1,7 @@
-import redis from '@/lib/redis';
-import { json } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
import { saveAuth } from '@/lib/auth';
+import redis from '@/lib/redis';
+import { parseRequest } from '@/lib/request';
+import { json, serverError } from '@/lib/response';
export async function POST(request: Request) {
const { auth, error } = await parseRequest(request);
@@ -10,9 +10,13 @@ export async function POST(request: Request) {
return error();
}
- if (redis.enabled) {
- const token = await saveAuth({ userId: auth.user.id }, 86400);
-
- return json({ user: auth.user, token });
+ if (!redis.enabled) {
+ return serverError({
+ message: 'Redis is disabled',
+ });
}
+
+ const token = await saveAuth({ userId: auth.user.id }, 86400);
+
+ return json({ user: auth.user, token });
}
diff --git a/src/app/api/auth/verify/route.ts b/src/app/api/auth/verify/route.ts
index 5f8543a55..526e8c9f8 100644
--- a/src/app/api/auth/verify/route.ts
+++ b/src/app/api/auth/verify/route.ts
@@ -1,5 +1,7 @@
+import { fetchAccount, fetchTeam } from '@/lib/load';
import { parseRequest } from '@/lib/request';
import { json } from '@/lib/response';
+import { getAllUserTeams } from '@/queries/prisma';
export async function POST(request: Request) {
const { auth, error } = await parseRequest(request);
@@ -8,5 +10,40 @@ export async function POST(request: Request) {
return error();
}
- return json(auth.user);
+ const user = { ...auth.user };
+ const teams = await getAllUserTeams(user.id);
+
+ if (process.env.CLOUD_MODE) {
+ const account = await fetchAccount(user.id);
+
+ if (account) {
+ user.subscription = {
+ isPro: account.isPro || false,
+ isBusiness: account.isBusiness || false,
+ isNoBilling: account.isNoBilling || false,
+ hasSubscription: account.hasSubscription || false,
+ };
+ }
+
+ const teamsWithSubscription = await Promise.all(
+ teams.map(async (team: any) => {
+ const teamAccount = await fetchTeam(team.id);
+ return {
+ ...team,
+ subscription: teamAccount
+ ? {
+ isPro: teamAccount.isPro || false,
+ isBusiness: teamAccount.isBusiness || false,
+ isNoBilling: teamAccount.isNoBilling || false,
+ hasSubscription: teamAccount.hasSubscription || false,
+ }
+ : null,
+ };
+ }),
+ );
+
+ return json({ ...user, teams: teamsWithSubscription });
+ }
+
+ return json({ ...user, teams });
}
diff --git a/src/app/api/batch/route.ts b/src/app/api/batch/route.ts
index 87e04110d..46e8b3c33 100644
--- a/src/app/api/batch/route.ts
+++ b/src/app/api/batch/route.ts
@@ -2,8 +2,9 @@ import { z } from 'zod';
import * as send from '@/app/api/send/route';
import { parseRequest } from '@/lib/request';
import { json, serverError } from '@/lib/response';
+import { anyObjectParam } from '@/lib/schema';
-const schema = z.array(z.object({}).passthrough());
+const schema = z.array(anyObjectParam);
export async function POST(request: Request) {
try {
@@ -16,12 +17,29 @@ export async function POST(request: Request) {
const errors = [];
let index = 0;
+ let cache = null;
for (const data of body) {
- const newRequest = new Request(request, { body: JSON.stringify(data) });
+ // Recreate a fresh Request since `new Request(request)` will have the following error:
+ // > Cannot read private member #state from an object whose class did not declare it
+
+ // Copy headers we received, ensure JSON content type, and avoid conflicting content-length
+ const headers = new Headers(request.headers);
+ headers.set('content-type', 'application/json');
+ headers.delete('content-length');
+
+ const newRequest = new Request(request.url, {
+ method: 'POST',
+ headers,
+ body: JSON.stringify(data),
+ });
+
const response = await send.POST(newRequest);
+ const responseJson = await response.json();
if (!response.ok) {
- errors.push({ index, response: await response.json() });
+ errors.push({ index, response: responseJson });
+ } else {
+ cache ??= responseJson.cache;
}
index++;
@@ -32,6 +50,7 @@ export async function POST(request: Request) {
processed: body.length - errors.length,
errors: errors.length,
details: errors,
+ cache,
});
} catch (e) {
return serverError(e);
diff --git a/src/app/api/boards/[boardId]/route.ts b/src/app/api/boards/[boardId]/route.ts
new file mode 100644
index 000000000..8d7a23aeb
--- /dev/null
+++ b/src/app/api/boards/[boardId]/route.ts
@@ -0,0 +1,85 @@
+import { z } from 'zod';
+import { BOARD_TYPES, normalizeBoardType } from '@/lib/boards';
+import { parseRequest } from '@/lib/request';
+import { json, ok, serverError, unauthorized } from '@/lib/response';
+import { canDeleteBoard, canUpdateBoard, canViewBoard } from '@/permissions';
+import { deleteBoard, getBoard, updateBoard } from '@/queries/prisma';
+
+export async function GET(request: Request, { params }: { params: Promise<{ boardId: string }> }) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { boardId } = await params;
+
+ if (!(await canViewBoard(auth, boardId))) {
+ return unauthorized();
+ }
+
+ const board = await getBoard(boardId);
+
+ return json(board);
+}
+
+export async function POST(request: Request, { params }: { params: Promise<{ boardId: string }> }) {
+ const schema = z.object({
+ type: z
+ .enum([
+ BOARD_TYPES.dashboard,
+ BOARD_TYPES.mixed,
+ BOARD_TYPES.website,
+ BOARD_TYPES.pixel,
+ BOARD_TYPES.link,
+ ])
+ .or(z.literal('open'))
+ .optional(),
+ name: z.string().optional(),
+ description: z.string().optional(),
+ parameters: z.object({}).passthrough().optional(),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { boardId } = await params;
+ const { name, description, parameters } = body;
+ const type = normalizeBoardType(body.type);
+
+ if (!(await canUpdateBoard(auth, boardId))) {
+ return unauthorized();
+ }
+
+ try {
+ const board = await updateBoard(boardId, { type, name, description, parameters });
+
+ return Response.json(board);
+ } catch (e: any) {
+ return serverError(e);
+ }
+}
+
+export async function DELETE(
+ request: Request,
+ { params }: { params: Promise<{ boardId: string }> },
+) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { boardId } = await params;
+
+ if (!(await canDeleteBoard(auth, boardId))) {
+ return unauthorized();
+ }
+
+ await deleteBoard(boardId);
+
+ return ok();
+}
diff --git a/src/app/api/boards/[boardId]/shares/route.ts b/src/app/api/boards/[boardId]/shares/route.ts
new file mode 100644
index 000000000..f8adeff10
--- /dev/null
+++ b/src/app/api/boards/[boardId]/shares/route.ts
@@ -0,0 +1,73 @@
+import { z } from 'zod';
+import { ENTITY_TYPE } from '@/lib/constants';
+import { uuid } from '@/lib/crypto';
+import { getRandomChars } from '@/lib/generate';
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, pagingParams } from '@/lib/schema';
+import { canUpdateBoard, canViewBoard } from '@/permissions';
+import { createShare, getSharesByEntityId } from '@/queries/prisma';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ boardId: string }> },
+) {
+ const schema = z.object({
+ ...filterParams,
+ ...pagingParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { boardId } = await params;
+ const { page, pageSize, search } = query;
+
+ if (!(await canViewBoard(auth, boardId))) {
+ return unauthorized();
+ }
+
+ const data = await getSharesByEntityId(boardId, {
+ page,
+ pageSize,
+ search,
+ });
+
+ return json(data);
+}
+
+export async function POST(
+ request: Request,
+ { params }: { params: Promise<{ boardId: string }> },
+) {
+ const schema = z.object({
+ name: z.string().max(200),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { boardId } = await params;
+ const { name } = body;
+
+ if (!(await canUpdateBoard(auth, boardId))) {
+ return unauthorized();
+ }
+
+ const share = await createShare({
+ id: uuid(),
+ entityId: boardId,
+ shareType: ENTITY_TYPE.board,
+ name,
+ slug: getRandomChars(16),
+ parameters: {},
+ });
+
+ return json(share);
+}
diff --git a/src/app/api/boards/route.ts b/src/app/api/boards/route.ts
new file mode 100644
index 000000000..bb0710370
--- /dev/null
+++ b/src/app/api/boards/route.ts
@@ -0,0 +1,71 @@
+import { z } from 'zod';
+import { BOARD_TYPES, normalizeBoardType } from '@/lib/boards';
+import { uuid } from '@/lib/crypto';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canCreateTeamWebsite, canCreateWebsite } from '@/permissions';
+import { createBoard, getUserBoards } from '@/queries/prisma';
+
+export async function GET(request: Request) {
+ const schema = z.object({
+ ...pagingParams,
+ ...searchParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const filters = await getQueryFilters(query);
+
+ const boards = await getUserBoards(auth.user.id, filters);
+
+ return json(boards);
+}
+
+export async function POST(request: Request) {
+ const schema = z.object({
+ type: z
+ .enum([BOARD_TYPES.mixed, BOARD_TYPES.website, BOARD_TYPES.pixel, BOARD_TYPES.link])
+ .or(z.literal('open')),
+ name: z.string().max(100),
+ description: z.string().max(500).optional(),
+ userId: z.uuid().nullable().optional(),
+ teamId: z.uuid().nullable().optional(),
+ parameters: z
+ .object({
+ websiteId: z.uuid().optional(),
+ pixelId: z.uuid().optional(),
+ linkId: z.uuid().optional(),
+ })
+ .passthrough()
+ .optional(),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { teamId } = body;
+
+ if ((teamId && !(await canCreateTeamWebsite(auth, teamId))) || !(await canCreateWebsite(auth))) {
+ return unauthorized();
+ }
+
+ const data = {
+ ...body,
+ type: normalizeBoardType(body.type),
+ id: uuid(),
+ parameters: body.parameters ?? {},
+ userId: !teamId ? auth.user.id : undefined,
+ };
+
+ const result = await createBoard(data);
+
+ return json(result);
+}
diff --git a/src/app/api/config/route.ts b/src/app/api/config/route.ts
new file mode 100644
index 000000000..101a12243
--- /dev/null
+++ b/src/app/api/config/route.ts
@@ -0,0 +1,22 @@
+import { parseRequest } from '@/lib/request';
+import { json } from '@/lib/response';
+
+export async function GET(request: Request) {
+ const { error } = await parseRequest(request, null, { skipAuth: true });
+
+ if (error) {
+ return error();
+ }
+
+ return json({
+ cloudMode: !!process.env.CLOUD_MODE,
+ faviconUrl: process.env.FAVICON_URL,
+ linksUrl: process.env.LINKS_URL,
+ pixelsUrl: process.env.PIXELS_URL,
+ privateMode: !!process.env.PRIVATE_MODE,
+ telemetryDisabled: !!process.env.DISABLE_TELEMETRY,
+ trackerScriptName: process.env.TRACKER_SCRIPT_NAME,
+ updatesDisabled: !!process.env.DISABLE_UPDATES,
+ currentVersion: !!process.env.currentVersion,
+ });
+}
diff --git a/src/app/api/dashboard/route.ts b/src/app/api/dashboard/route.ts
new file mode 100644
index 000000000..880057181
--- /dev/null
+++ b/src/app/api/dashboard/route.ts
@@ -0,0 +1,62 @@
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { createBoard, getBoard, updateBoard } from '@/queries/prisma';
+import { z } from 'zod';
+
+export async function GET(request: Request) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const board = await getBoard(auth.user.id);
+
+ if (board && board.userId !== auth.user.id) {
+ return unauthorized();
+ }
+
+ return json(board);
+}
+
+export async function POST(request: Request) {
+ const schema = z.object({
+ name: z.string().optional(),
+ description: z.string().optional(),
+ parameters: z.object({}).passthrough().optional(),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const userId = auth.user.id;
+ const existing = await getBoard(userId);
+
+ if (existing && existing.userId !== userId) {
+ return unauthorized();
+ }
+
+ const data = {
+ name: body.name,
+ description: body.description,
+ parameters: body.parameters ?? {},
+ };
+
+ if (existing) {
+ const result = await updateBoard(userId, data);
+
+ return json(result);
+ }
+
+ const result = await createBoard({
+ id: userId,
+ type: 'dashboard',
+ userId,
+ ...data,
+ });
+
+ return json(result);
+}
diff --git a/src/app/api/links/[linkId]/route.ts b/src/app/api/links/[linkId]/route.ts
new file mode 100644
index 000000000..92f572c43
--- /dev/null
+++ b/src/app/api/links/[linkId]/route.ts
@@ -0,0 +1,77 @@
+import { z } from 'zod';
+import { parseRequest } from '@/lib/request';
+import { badRequest, json, ok, serverError, unauthorized } from '@/lib/response';
+import { canDeleteLink, canUpdateLink, canViewLink } from '@/permissions';
+import { deleteLink, getLink, updateLink } from '@/queries/prisma';
+
+export async function GET(request: Request, { params }: { params: Promise<{ linkId: string }> }) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { linkId } = await params;
+
+ if (!(await canViewLink(auth, linkId))) {
+ return unauthorized();
+ }
+
+ const website = await getLink(linkId);
+
+ return json(website);
+}
+
+export async function POST(request: Request, { params }: { params: Promise<{ linkId: string }> }) {
+ const schema = z.object({
+ name: z.string().optional(),
+ url: z.string().optional(),
+ slug: z.string().min(8).optional(),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { linkId } = await params;
+ const { name, url, slug } = body;
+
+ if (!(await canUpdateLink(auth, linkId))) {
+ return unauthorized();
+ }
+
+ try {
+ const result = await updateLink(linkId, { name, url, slug });
+
+ return Response.json(result);
+ } catch (e: any) {
+ if (e.message.toLowerCase().includes('unique constraint') && e.message.includes('slug')) {
+ return badRequest({ message: 'That slug is already taken.' });
+ }
+
+ return serverError(e);
+ }
+}
+
+export async function DELETE(
+ request: Request,
+ { params }: { params: Promise<{ linkId: string }> },
+) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { linkId } = await params;
+
+ if (!(await canDeleteLink(auth, linkId))) {
+ return unauthorized();
+ }
+
+ await deleteLink(linkId);
+
+ return ok();
+}
diff --git a/src/app/api/links/[linkId]/shares/route.ts b/src/app/api/links/[linkId]/shares/route.ts
new file mode 100644
index 000000000..0ed8516e6
--- /dev/null
+++ b/src/app/api/links/[linkId]/shares/route.ts
@@ -0,0 +1,73 @@
+import { z } from 'zod';
+import { ENTITY_TYPE } from '@/lib/constants';
+import { uuid } from '@/lib/crypto';
+import { getRandomChars } from '@/lib/generate';
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, pagingParams } from '@/lib/schema';
+import { canUpdateLink, canViewLink } from '@/permissions';
+import { createShare, getSharesByEntityId } from '@/queries/prisma';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ linkId: string }> },
+) {
+ const schema = z.object({
+ ...filterParams,
+ ...pagingParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { linkId } = await params;
+ const { page, pageSize, search } = query;
+
+ if (!(await canViewLink(auth, linkId))) {
+ return unauthorized();
+ }
+
+ const data = await getSharesByEntityId(linkId, {
+ page,
+ pageSize,
+ search,
+ });
+
+ return json(data);
+}
+
+export async function POST(
+ request: Request,
+ { params }: { params: Promise<{ linkId: string }> },
+) {
+ const schema = z.object({
+ name: z.string().max(200),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { linkId } = await params;
+ const { name } = body;
+
+ if (!(await canUpdateLink(auth, linkId))) {
+ return unauthorized();
+ }
+
+ const share = await createShare({
+ id: uuid(),
+ entityId: linkId,
+ shareType: ENTITY_TYPE.link,
+ name,
+ slug: getRandomChars(16),
+ parameters: {},
+ });
+
+ return json(share);
+}
diff --git a/src/app/api/links/route.ts b/src/app/api/links/route.ts
new file mode 100644
index 000000000..a639888bd
--- /dev/null
+++ b/src/app/api/links/route.ts
@@ -0,0 +1,64 @@
+import { z } from 'zod';
+import { uuid } from '@/lib/crypto';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canCreateTeamWebsite, canCreateWebsite } from '@/permissions';
+import { createLink, getUserLinks } from '@/queries/prisma';
+
+export async function GET(request: Request) {
+ const schema = z.object({
+ ...pagingParams,
+ ...searchParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const filters = await getQueryFilters(query);
+
+ const links = await getUserLinks(auth.user.id, filters);
+
+ return json(links);
+}
+
+export async function POST(request: Request) {
+ const schema = z.object({
+ name: z.string().max(100),
+ url: z.string().max(500),
+ slug: z.string().max(100),
+ teamId: z.string().nullable().optional(),
+ id: z.uuid().nullable().optional(),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { id, name, url, slug, teamId } = body;
+
+ if ((teamId && !(await canCreateTeamWebsite(auth, teamId))) || !(await canCreateWebsite(auth))) {
+ return unauthorized();
+ }
+
+ const data: any = {
+ id: id ?? uuid(),
+ name,
+ url,
+ slug,
+ teamId,
+ };
+
+ if (!teamId) {
+ data.userId = auth.user.id;
+ }
+
+ const result = await createLink(data);
+
+ return json(result);
+}
diff --git a/src/app/api/me/password/route.ts b/src/app/api/me/password/route.ts
index 69bef49b3..24c737053 100644
--- a/src/app/api/me/password/route.ts
+++ b/src/app/api/me/password/route.ts
@@ -1,7 +1,7 @@
import { z } from 'zod';
-import { checkPassword, hashPassword } from '@/lib/auth';
+import { checkPassword, hashPassword } from '@/lib/password';
import { parseRequest } from '@/lib/request';
-import { json, badRequest } from '@/lib/response';
+import { badRequest, json } from '@/lib/response';
import { getUser, updateUser } from '@/queries/prisma/user';
export async function POST(request: Request) {
@@ -22,7 +22,7 @@ export async function POST(request: Request) {
const user = await getUser(userId, { includePassword: true });
if (!checkPassword(currentPassword, user.password)) {
- return badRequest('Current password is incorrect');
+ return badRequest({ message: 'Current password is incorrect' });
}
const password = hashPassword(newPassword);
diff --git a/src/app/api/me/teams/route.ts b/src/app/api/me/teams/route.ts
index 2ea6575eb..555bf3003 100644
--- a/src/app/api/me/teams/route.ts
+++ b/src/app/api/me/teams/route.ts
@@ -1,8 +1,8 @@
import { z } from 'zod';
-import { pagingParams } from '@/lib/schema';
-import { getUserTeams } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
import { json } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
+import { pagingParams } from '@/lib/schema';
+import { getUserTeams } from '@/queries/prisma';
export async function GET(request: Request) {
const schema = z.object({
@@ -15,7 +15,9 @@ export async function GET(request: Request) {
return error();
}
- const teams = await getUserTeams(auth.user.id, query);
+ const filters = await getQueryFilters(query);
+
+ const teams = await getUserTeams(auth.user.id, filters);
return json(teams);
}
diff --git a/src/app/api/me/websites/route.ts b/src/app/api/me/websites/route.ts
index a8df856a4..9ec39c78d 100644
--- a/src/app/api/me/websites/route.ts
+++ b/src/app/api/me/websites/route.ts
@@ -1,12 +1,13 @@
import { z } from 'zod';
-import { pagingParams } from '@/lib/schema';
-import { getUserWebsites } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
import { json } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
+import { pagingParams } from '@/lib/schema';
+import { getAllUserWebsitesIncludingTeamOwner, getUserWebsites } from '@/queries/prisma';
export async function GET(request: Request) {
const schema = z.object({
...pagingParams,
+ includeTeams: z.string().optional(),
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -15,7 +16,11 @@ export async function GET(request: Request) {
return error();
}
- const websites = await getUserWebsites(auth.user.id, query);
+ const filters = await getQueryFilters(query);
- return json(websites);
+ if (query.includeTeams) {
+ return json(await getAllUserWebsitesIncludingTeamOwner(auth.user.id, filters));
+ }
+
+ return json(await getUserWebsites(auth.user.id, filters));
}
diff --git a/src/app/api/pixels/[pixelId]/route.ts b/src/app/api/pixels/[pixelId]/route.ts
new file mode 100644
index 000000000..ecaf1fdf6
--- /dev/null
+++ b/src/app/api/pixels/[pixelId]/route.ts
@@ -0,0 +1,76 @@
+import { z } from 'zod';
+import { parseRequest } from '@/lib/request';
+import { badRequest, json, ok, serverError, unauthorized } from '@/lib/response';
+import { canDeletePixel, canUpdatePixel, canViewPixel } from '@/permissions';
+import { deletePixel, getPixel, updatePixel } from '@/queries/prisma';
+
+export async function GET(request: Request, { params }: { params: Promise<{ pixelId: string }> }) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { pixelId } = await params;
+
+ if (!(await canViewPixel(auth, pixelId))) {
+ return unauthorized();
+ }
+
+ const pixel = await getPixel(pixelId);
+
+ return json(pixel);
+}
+
+export async function POST(request: Request, { params }: { params: Promise<{ pixelId: string }> }) {
+ const schema = z.object({
+ name: z.string().optional(),
+ slug: z.string().min(8).optional(),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { pixelId } = await params;
+ const { name, slug } = body;
+
+ if (!(await canUpdatePixel(auth, pixelId))) {
+ return unauthorized();
+ }
+
+ try {
+ const pixel = await updatePixel(pixelId, { name, slug });
+
+ return Response.json(pixel);
+ } catch (e: any) {
+ if (e.message.toLowerCase().includes('unique constraint') && e.message.includes('slug')) {
+ return badRequest({ message: 'That slug is already taken.' });
+ }
+
+ return serverError(e);
+ }
+}
+
+export async function DELETE(
+ request: Request,
+ { params }: { params: Promise<{ pixelId: string }> },
+) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { pixelId } = await params;
+
+ if (!(await canDeletePixel(auth, pixelId))) {
+ return unauthorized();
+ }
+
+ await deletePixel(pixelId);
+
+ return ok();
+}
diff --git a/src/app/api/pixels/[pixelId]/shares/route.ts b/src/app/api/pixels/[pixelId]/shares/route.ts
new file mode 100644
index 000000000..8b688cd7c
--- /dev/null
+++ b/src/app/api/pixels/[pixelId]/shares/route.ts
@@ -0,0 +1,73 @@
+import { z } from 'zod';
+import { ENTITY_TYPE } from '@/lib/constants';
+import { uuid } from '@/lib/crypto';
+import { getRandomChars } from '@/lib/generate';
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, pagingParams } from '@/lib/schema';
+import { canUpdatePixel, canViewPixel } from '@/permissions';
+import { createShare, getSharesByEntityId } from '@/queries/prisma';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ pixelId: string }> },
+) {
+ const schema = z.object({
+ ...filterParams,
+ ...pagingParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { pixelId } = await params;
+ const { page, pageSize, search } = query;
+
+ if (!(await canViewPixel(auth, pixelId))) {
+ return unauthorized();
+ }
+
+ const data = await getSharesByEntityId(pixelId, {
+ page,
+ pageSize,
+ search,
+ });
+
+ return json(data);
+}
+
+export async function POST(
+ request: Request,
+ { params }: { params: Promise<{ pixelId: string }> },
+) {
+ const schema = z.object({
+ name: z.string().max(200),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { pixelId } = await params;
+ const { name } = body;
+
+ if (!(await canUpdatePixel(auth, pixelId))) {
+ return unauthorized();
+ }
+
+ const share = await createShare({
+ id: uuid(),
+ entityId: pixelId,
+ shareType: ENTITY_TYPE.pixel,
+ name,
+ slug: getRandomChars(16),
+ parameters: {},
+ });
+
+ return json(share);
+}
diff --git a/src/app/api/pixels/route.ts b/src/app/api/pixels/route.ts
new file mode 100644
index 000000000..8baae4f3e
--- /dev/null
+++ b/src/app/api/pixels/route.ts
@@ -0,0 +1,62 @@
+import { z } from 'zod';
+import { uuid } from '@/lib/crypto';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canCreateTeamWebsite, canCreateWebsite } from '@/permissions';
+import { createPixel, getUserPixels } from '@/queries/prisma';
+
+export async function GET(request: Request) {
+ const schema = z.object({
+ ...pagingParams,
+ ...searchParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const filters = await getQueryFilters(query);
+
+ const links = await getUserPixels(auth.user.id, filters);
+
+ return json(links);
+}
+
+export async function POST(request: Request) {
+ const schema = z.object({
+ name: z.string().max(100),
+ slug: z.string().max(100),
+ teamId: z.string().nullable().optional(),
+ id: z.uuid().nullable().optional(),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { id, name, slug, teamId } = body;
+
+ if ((teamId && !(await canCreateTeamWebsite(auth, teamId))) || !(await canCreateWebsite(auth))) {
+ return unauthorized();
+ }
+
+ const data: any = {
+ id: id ?? uuid(),
+ name,
+ slug,
+ teamId,
+ };
+
+ if (!teamId) {
+ data.userId = auth.user.id;
+ }
+
+ const result = await createPixel(data);
+
+ return json(result);
+}
diff --git a/src/app/api/realtime/[websiteId]/route.ts b/src/app/api/realtime/[websiteId]/route.ts
index 7f9c1a9a2..32b7a16c1 100644
--- a/src/app/api/realtime/[websiteId]/route.ts
+++ b/src/app/api/realtime/[websiteId]/route.ts
@@ -1,9 +1,9 @@
-import { json, unauthorized } from '@/lib/response';
-import { getRealtimeData } from '@/queries';
-import { canViewWebsite } from '@/lib/auth';
import { startOfMinute, subMinutes } from 'date-fns';
import { REALTIME_RANGE } from '@/lib/constants';
-import { parseRequest } from '@/lib/request';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { canViewWebsite } from '@/permissions';
+import { getRealtimeData } from '@/queries/sql';
export async function GET(
request: Request,
@@ -16,15 +16,21 @@ export async function GET(
}
const { websiteId } = await params;
- const { timezone } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = subMinutes(startOfMinute(new Date()), REALTIME_RANGE);
+ const filters = await getQueryFilters(
+ {
+ ...query,
+ startAt: subMinutes(startOfMinute(new Date()), REALTIME_RANGE).getTime(),
+ endAt: Date.now(),
+ },
+ websiteId,
+ );
- const data = await getRealtimeData(websiteId, { startDate, timezone });
+ const data = await getRealtimeData(websiteId, filters);
return json(data);
}
diff --git a/src/app/api/record/route.ts b/src/app/api/record/route.ts
new file mode 100644
index 000000000..20ca53469
--- /dev/null
+++ b/src/app/api/record/route.ts
@@ -0,0 +1,125 @@
+import { isbot } from 'isbot';
+import { serializeError } from 'serialize-error';
+import { z } from 'zod';
+import { secret } from '@/lib/crypto';
+import { getClientInfo, hasBlockedIp } from '@/lib/detect';
+import { parseToken } from '@/lib/jwt';
+import { fetchAccount, fetchTeam } from '@/lib/load';
+import { parseRequest } from '@/lib/request';
+import { badRequest, forbidden, json, serverError } from '@/lib/response';
+import { getWebsite } from '@/queries/prisma';
+import { saveRecording } from '@/queries/sql';
+
+interface Cache {
+ sessionId: string;
+ visitId: string;
+}
+
+const schema = z.object({
+ type: z.literal('record'),
+ payload: z.object({
+ website: z.uuid(),
+ events: z.array(z.any()).max(200),
+ timestamp: z.coerce.number().int().optional(),
+ }),
+});
+
+export async function POST(request: Request) {
+ try {
+ const { body, error } = await parseRequest(request, schema, { skipAuth: true });
+
+ if (error) {
+ return error();
+ }
+
+ const { website: websiteId, events, timestamp } = body.payload;
+
+ if (!events?.length) {
+ return json({ ok: true });
+ }
+
+ // Parse cache token to get session info
+ const cacheHeader = request.headers.get('x-umami-cache');
+
+ if (!cacheHeader) {
+ return badRequest({ message: 'Missing session token.' });
+ }
+
+ const cache = (await parseToken(cacheHeader, secret())) as Cache | null;
+
+ if (!cache?.sessionId || !cache?.visitId) {
+ return badRequest({ message: 'Invalid session token.' });
+ }
+
+ const { sessionId, visitId } = cache;
+
+ // Query directly to avoid stale Redis cache for recordingEnabled
+ const website = await getWebsite(websiteId);
+
+ if (!website) {
+ return badRequest({ message: 'Website not found.' });
+ }
+
+ if (!website.replayEnabled) {
+ return json({ ok: false, reason: 'replay_disabled' });
+ }
+
+ if (process.env.CLOUD_MODE) {
+ const account = website.teamId
+ ? await fetchTeam(website.teamId)
+ : website.userId
+ ? await fetchAccount(website.userId)
+ : null;
+
+ if (!account?.isBusiness && !account?.isNoBilling) {
+ return forbidden({ message: 'Business subscription required.' });
+ }
+ }
+
+ // Client info for bot/IP checks
+ const { ip, userAgent } = await getClientInfo(request, {});
+
+ if (!process.env.DISABLE_BOT_CHECK && isbot(userAgent)) {
+ return json({ beep: 'boop' });
+ }
+
+ if (hasBlockedIp(ip)) {
+ return forbidden();
+ }
+
+ // Compute timestamps from events
+ const eventTimestamps = events
+ .map((e: any) => Number(e?.timestamp))
+ .filter((t: number) => Number.isFinite(t) && t > 0);
+
+ const fallbackMs = (timestamp || Math.floor(Date.now() / 1000)) * 1000;
+ const minTimestamp = eventTimestamps.length ? Math.min(...eventTimestamps) : fallbackMs;
+ const maxTimestamp = eventTimestamps.length ? Math.max(...eventTimestamps) : fallbackMs;
+
+ const startedAt = new Date(minTimestamp);
+ const endedAt = new Date(maxTimestamp);
+
+ // Use timestamp-based chunk index for ordering
+ const chunkIndex = timestamp || Math.floor(Date.now() / 1000);
+
+ await saveRecording({
+ websiteId,
+ sessionId,
+ visitId,
+ chunkIndex,
+ events,
+ eventCount: events.length,
+ startedAt,
+ endedAt,
+ });
+
+ return json({ ok: true });
+ } catch (e) {
+ const error = serializeError(e);
+
+ // eslint-disable-next-line no-console
+ console.log(error);
+
+ return serverError({ errorObject: error });
+ }
+}
diff --git a/src/app/api/reports/[reportId]/route.ts b/src/app/api/reports/[reportId]/route.ts
index 24c32b579..d3384f7d6 100644
--- a/src/app/api/reports/[reportId]/route.ts
+++ b/src/app/api/reports/[reportId]/route.ts
@@ -1,9 +1,8 @@
-import { z } from 'zod';
import { parseRequest } from '@/lib/request';
-import { deleteReport, getReport, updateReport } from '@/queries';
-import { canDeleteReport, canUpdateReport, canViewReport } from '@/lib/auth';
-import { unauthorized, json, notFound, ok } from '@/lib/response';
-import { reportTypeParam } from '@/lib/schema';
+import { json, notFound, ok, unauthorized } from '@/lib/response';
+import { reportSchema } from '@/lib/schema';
+import { canDeleteReport, canUpdateReport, canViewReport } from '@/permissions';
+import { deleteReport, getReport, updateReport } from '@/queries/prisma';
export async function GET(request: Request, { params }: { params: Promise<{ reportId: string }> }) {
const { auth, error } = await parseRequest(request);
@@ -27,15 +26,7 @@ export async function POST(
request: Request,
{ params }: { params: Promise<{ reportId: string }> },
) {
- const schema = z.object({
- websiteId: z.string().uuid(),
- type: reportTypeParam,
- name: z.string().max(200),
- description: z.string().max(500),
- parameters: z.object({}).passthrough(),
- });
-
- const { auth, body, error } = await parseRequest(request, schema);
+ const { auth, body, error } = await parseRequest(request, reportSchema);
if (error) {
return error();
@@ -56,11 +47,10 @@ export async function POST(
const result = await updateReport(reportId, {
websiteId,
- userId: auth.user.id,
type,
name,
description,
- parameters: parameters,
+ parameters,
} as any);
return json(result);
@@ -79,6 +69,10 @@ export async function DELETE(
const { reportId } = await params;
const report = await getReport(reportId);
+ if (!report) {
+ return notFound();
+ }
+
if (!(await canDeleteReport(auth, report))) {
return unauthorized();
}
diff --git a/src/app/api/reports/attribution/route.ts b/src/app/api/reports/attribution/route.ts
index a1f7992d0..bd7d86dc7 100644
--- a/src/app/api/reports/attribution/route.ts
+++ b/src/app/api/reports/attribution/route.ts
@@ -1,50 +1,26 @@
-import { canViewWebsite } from '@/lib/auth';
-import { parseRequest } from '@/lib/request';
+import { getQueryFilters, parseRequest, setWebsiteDate } from '@/lib/request';
import { json, unauthorized } from '@/lib/response';
-import { reportParms } from '@/lib/schema';
-import { getAttribution } from '@/queries/sql/reports/getAttribution';
-import { z } from 'zod';
+import { reportResultSchema } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { type AttributionParameters, getAttribution } from '@/queries/sql/reports/getAttribution';
export async function POST(request: Request) {
- const schema = z.object({
- ...reportParms,
- model: z.string().regex(/firstClick|lastClick/i),
- steps: z
- .array(
- z.object({
- type: z.string(),
- value: z.string(),
- }),
- )
- .min(1),
- currency: z.string().optional(),
- });
-
- const { auth, body, error } = await parseRequest(request, schema);
+ const { auth, body, error } = await parseRequest(request, reportResultSchema);
if (error) {
return error();
}
- const {
- websiteId,
- model,
- steps,
- currency,
- dateRange: { startDate, endDate },
- } = body;
+ const { websiteId } = body;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const data = await getAttribution(websiteId, {
- startDate: new Date(startDate),
- endDate: new Date(endDate),
- model: model,
- steps,
- currency,
- });
+ const parameters = await setWebsiteDate(websiteId, body.parameters);
+ const filters = await getQueryFilters(body.filters, websiteId);
+
+ const data = await getAttribution(websiteId, parameters as AttributionParameters, filters);
return json(data);
}
diff --git a/src/app/api/reports/breakdown/route.ts b/src/app/api/reports/breakdown/route.ts
new file mode 100644
index 000000000..3c5931458
--- /dev/null
+++ b/src/app/api/reports/breakdown/route.ts
@@ -0,0 +1,26 @@
+import { getQueryFilters, parseRequest, setWebsiteDate } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { reportResultSchema } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { type BreakdownParameters, getBreakdown } from '@/queries/sql';
+
+export async function POST(request: Request) {
+ const { auth, body, error } = await parseRequest(request, reportResultSchema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = body;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const parameters = await setWebsiteDate(websiteId, body.parameters);
+ const filters = await getQueryFilters(body.filters, websiteId);
+
+ const data = await getBreakdown(websiteId, parameters as BreakdownParameters, filters);
+
+ return json(data);
+}
diff --git a/src/app/api/reports/funnel/route.ts b/src/app/api/reports/funnel/route.ts
index 6033c6333..c13f6f1c8 100644
--- a/src/app/api/reports/funnel/route.ts
+++ b/src/app/api/reports/funnel/route.ts
@@ -1,47 +1,26 @@
-import { z } from 'zod';
-import { canViewWebsite } from '@/lib/auth';
-import { unauthorized, json } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
-import { getFunnel } from '@/queries';
-import { reportParms } from '@/lib/schema';
+import { getQueryFilters, parseRequest, setWebsiteDate } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { reportResultSchema } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { type FunnelParameters, getFunnel } from '@/queries/sql';
export async function POST(request: Request) {
- const schema = z.object({
- ...reportParms,
- window: z.coerce.number().positive(),
- steps: z
- .array(
- z.object({
- type: z.string(),
- value: z.string(),
- }),
- )
- .min(2),
- });
-
- const { auth, body, error } = await parseRequest(request, schema);
+ const { auth, body, error } = await parseRequest(request, reportResultSchema);
if (error) {
return error();
}
- const {
- websiteId,
- steps,
- window,
- dateRange: { startDate, endDate },
- } = body;
+ const { websiteId } = body;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const data = await getFunnel(websiteId, {
- startDate: new Date(startDate),
- endDate: new Date(endDate),
- steps,
- windowMinutes: +window,
- });
+ const parameters = await setWebsiteDate(websiteId, body.parameters);
+ const filters = await getQueryFilters(body.filters, websiteId);
+
+ const data = await getFunnel(websiteId, parameters as FunnelParameters, filters);
return json(data);
}
diff --git a/src/app/api/reports/goal/route.ts b/src/app/api/reports/goal/route.ts
new file mode 100644
index 000000000..3bd0415d6
--- /dev/null
+++ b/src/app/api/reports/goal/route.ts
@@ -0,0 +1,26 @@
+import { getQueryFilters, parseRequest, setWebsiteDate } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { reportResultSchema } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { type GoalParameters, getGoal } from '@/queries/sql/reports/getGoal';
+
+export async function POST(request: Request) {
+ const { auth, body, error } = await parseRequest(request, reportResultSchema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = body;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const parameters = await setWebsiteDate(websiteId, body.parameters);
+ const filters = await getQueryFilters(body.filters, websiteId);
+
+ const data = await getGoal(websiteId, parameters as GoalParameters, filters);
+
+ return json(data);
+}
diff --git a/src/app/api/reports/goals/route.ts b/src/app/api/reports/goals/route.ts
deleted file mode 100644
index 5a2f6bd0c..000000000
--- a/src/app/api/reports/goals/route.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { z } from 'zod';
-import { canViewWebsite } from '@/lib/auth';
-import { unauthorized, json } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
-import { getGoals } from '@/queries/sql/reports/getGoals';
-import { reportParms } from '@/lib/schema';
-
-export async function POST(request: Request) {
- const schema = z.object({
- ...reportParms,
- goals: z
- .array(
- z
- .object({
- type: z.string().regex(/url|event|event-data/),
- value: z.string(),
- goal: z.coerce.number(),
- operator: z
- .string()
- .regex(/count|sum|average/)
- .optional(),
- property: z.string().optional(),
- })
- .refine(data => {
- if (data['type'] === 'event-data') {
- return data['operator'] && data['property'];
- }
- return true;
- }),
- )
- .min(1),
- });
-
- const { auth, body, error } = await parseRequest(request, schema);
-
- if (error) {
- return error();
- }
-
- const {
- websiteId,
- dateRange: { startDate, endDate },
- goals,
- } = body;
-
- if (!(await canViewWebsite(auth, websiteId))) {
- return unauthorized();
- }
-
- const data = await getGoals(websiteId, {
- startDate: new Date(startDate),
- endDate: new Date(endDate),
- goals,
- });
-
- return json(data);
-}
diff --git a/src/app/api/reports/insights/route.ts b/src/app/api/reports/insights/route.ts
deleted file mode 100644
index b3569cba6..000000000
--- a/src/app/api/reports/insights/route.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { z } from 'zod';
-import { canViewWebsite } from '@/lib/auth';
-import { unauthorized, json } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
-import { getInsights } from '@/queries';
-import { reportParms } from '@/lib/schema';
-
-function convertFilters(filters: any[]) {
- return filters.reduce((obj, filter) => {
- obj[filter.name] = filter;
-
- return obj;
- }, {});
-}
-
-export async function POST(request: Request) {
- const schema = z.object({
- ...reportParms,
- fields: z
- .array(
- z.object({
- name: z.string(),
- type: z.string(),
- label: z.string(),
- }),
- )
- .min(1),
- filters: z.array(
- z.object({
- name: z.string(),
- type: z.string(),
- operator: z.string(),
- value: z.string(),
- }),
- ),
- });
-
- const { auth, body, error } = await parseRequest(request, schema);
-
- if (error) {
- return error();
- }
-
- const {
- websiteId,
- dateRange: { startDate, endDate },
- fields,
- filters,
- } = body;
-
- if (!(await canViewWebsite(auth, websiteId))) {
- return unauthorized();
- }
-
- const data = await getInsights(websiteId, fields, {
- ...convertFilters(filters),
- startDate: new Date(startDate),
- endDate: new Date(endDate),
- });
-
- return json(data);
-}
diff --git a/src/app/api/reports/journey/route.ts b/src/app/api/reports/journey/route.ts
index 19ad98fa7..b53d225d4 100644
--- a/src/app/api/reports/journey/route.ts
+++ b/src/app/api/reports/journey/route.ts
@@ -1,43 +1,30 @@
-import { z } from 'zod';
-import { canViewWebsite } from '@/lib/auth';
-import { unauthorized, json } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
-import { getJourney } from '@/queries';
-import { reportParms } from '@/lib/schema';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { reportResultSchema } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getJourney } from '@/queries/sql';
export async function POST(request: Request) {
- const schema = z.object({
- ...reportParms,
- steps: z.coerce.number().min(3).max(7),
- startStep: z.string().optional(),
- endStep: z.string().optional(),
- });
-
- const { auth, body, error } = await parseRequest(request, schema);
+ const { auth, body, error } = await parseRequest(request, reportResultSchema);
if (error) {
return error();
}
- const {
- websiteId,
- dateRange: { startDate, endDate },
- steps,
- startStep,
- endStep,
- } = body;
+ const { websiteId, parameters, filters } = body;
+ const { eventType } = parameters;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const data = await getJourney(websiteId, {
- startDate: new Date(startDate),
- endDate: new Date(endDate),
- steps,
- startStep,
- endStep,
- });
+ if (eventType) {
+ filters.eventType = eventType;
+ }
+
+ const queryFilters = await getQueryFilters(filters, websiteId);
+
+ const data = await getJourney(websiteId, parameters, queryFilters);
return json(data);
}
diff --git a/src/app/api/reports/performance/route.ts b/src/app/api/reports/performance/route.ts
new file mode 100644
index 000000000..d32ffbdb6
--- /dev/null
+++ b/src/app/api/reports/performance/route.ts
@@ -0,0 +1,39 @@
+import { getQueryFilters, parseRequest, setWebsiteDate } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { reportResultSchema } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getPerformance, type PerformanceParameters } from '@/queries/sql/reports/getPerformance';
+import { getPerformanceMetrics } from '@/queries/sql/reports/getPerformanceMetrics';
+
+export async function POST(request: Request) {
+ const { auth, body, error } = await parseRequest(request, reportResultSchema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = body;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const parameters = await setWebsiteDate(websiteId, body.parameters);
+ const filters = await getQueryFilters(body.filters, websiteId);
+
+ const [{ chart, summary }, pages, pageTitles, devices, browsers] = await Promise.all([
+ getPerformance(websiteId, parameters as PerformanceParameters, filters),
+ getPerformanceMetrics(websiteId, parameters as PerformanceParameters, filters, 'url_path', 500),
+ getPerformanceMetrics(
+ websiteId,
+ parameters as PerformanceParameters,
+ filters,
+ 'page_title',
+ 500,
+ ),
+ getPerformanceMetrics(websiteId, parameters as PerformanceParameters, filters, 'device'),
+ getPerformanceMetrics(websiteId, parameters as PerformanceParameters, filters, 'browser', 500),
+ ]);
+
+ return json({ chart, summary, pages, pageTitles, devices, browsers });
+}
diff --git a/src/app/api/reports/retention/route.ts b/src/app/api/reports/retention/route.ts
index 83220bb4c..d1a7d698b 100644
--- a/src/app/api/reports/retention/route.ts
+++ b/src/app/api/reports/retention/route.ts
@@ -1,37 +1,26 @@
-import { z } from 'zod';
-import { canViewWebsite } from '@/lib/auth';
-import { unauthorized, json } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
-import { getRetention } from '@/queries';
-import { reportParms, timezoneParam } from '@/lib/schema';
+import { getQueryFilters, parseRequest, setWebsiteDate } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { reportResultSchema } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getRetention, type RetentionParameters } from '@/queries/sql';
export async function POST(request: Request) {
- const schema = z.object({
- ...reportParms,
- timezone: timezoneParam,
- });
-
- const { auth, body, error } = await parseRequest(request, schema);
+ const { auth, body, error } = await parseRequest(request, reportResultSchema);
if (error) {
return error();
}
- const {
- websiteId,
- dateRange: { startDate, endDate },
- timezone,
- } = body;
+ const { websiteId } = body;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const data = await getRetention(websiteId, {
- startDate: new Date(startDate),
- endDate: new Date(endDate),
- timezone,
- });
+ const filters = await getQueryFilters(body.filters, websiteId);
+ const parameters = await setWebsiteDate(websiteId, body.parameters);
+
+ const data = await getRetention(websiteId, parameters as RetentionParameters, filters);
return json(data);
}
diff --git a/src/app/api/reports/revenue/route.ts b/src/app/api/reports/revenue/route.ts
index 13a34f382..2f87f80e0 100644
--- a/src/app/api/reports/revenue/route.ts
+++ b/src/app/api/reports/revenue/route.ts
@@ -1,63 +1,41 @@
-import { z } from 'zod';
-import { canViewWebsite } from '@/lib/auth';
-import { unauthorized, json } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
-import { reportParms, timezoneParam } from '@/lib/schema';
-import { getRevenue } from '@/queries/sql/reports/getRevenue';
-import { getRevenueValues } from '@/queries/sql/reports/getRevenueValues';
-
-export async function GET(request: Request) {
- const { auth, query, error } = await parseRequest(request);
-
- if (error) {
- return error();
- }
-
- const { websiteId, startDate, endDate } = query;
-
- if (!(await canViewWebsite(auth, websiteId))) {
- return unauthorized();
- }
-
- const data = await getRevenueValues(websiteId, {
- startDate: new Date(startDate),
- endDate: new Date(endDate),
- });
-
- return json(data);
-}
+import { getCompareDate } from '@/lib/date';
+import { getQueryFilters, parseRequest, setWebsiteDate } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { reportResultSchema } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getRevenue, type RevenuParameters } from '@/queries/sql/reports/getRevenue';
+import { getRevenueMetrics } from '@/queries/sql/reports/getRevenueMetrics';
+import { getRevenueStats } from '@/queries/sql/reports/getRevenueStats';
export async function POST(request: Request) {
- const schema = z.object({
- currency: z.string(),
- ...reportParms,
- timezone: timezoneParam,
- });
-
- const { auth, body, error } = await parseRequest(request, schema);
+ const { auth, body, error } = await parseRequest(request, reportResultSchema);
if (error) {
return error();
}
- const {
- websiteId,
- currency,
- timezone,
- dateRange: { startDate, endDate, unit },
- } = body;
+ const { websiteId } = body;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const data = await getRevenue(websiteId, {
- startDate: new Date(startDate),
- endDate: new Date(endDate),
- unit,
- timezone,
- currency,
- });
+ const parameters = await setWebsiteDate(websiteId, body.parameters);
+ const filters = await getQueryFilters(body.filters, websiteId);
- return json(data);
+ const [{ chart }, total, metrics] = await Promise.all([
+ getRevenue(websiteId, parameters as RevenuParameters, filters),
+ getRevenueStats(websiteId, parameters as RevenuParameters, filters),
+ getRevenueMetrics(websiteId, parameters as RevenuParameters, filters),
+ ]);
+
+ const { compare = 'prev' } = parameters as RevenuParameters;
+ const { startDate, endDate } = getCompareDate(compare, parameters.startDate, parameters.endDate);
+ const comparison = await getRevenueStats(
+ websiteId,
+ { ...(parameters as RevenuParameters), startDate, endDate },
+ filters,
+ );
+
+ return json({ chart, total: { ...total, comparison }, ...metrics });
}
diff --git a/src/app/api/reports/route.ts b/src/app/api/reports/route.ts
index ae6254c6b..b0a413543 100644
--- a/src/app/api/reports/route.ts
+++ b/src/app/api/reports/route.ts
@@ -1,15 +1,15 @@
import { z } from 'zod';
import { uuid } from '@/lib/crypto';
-import { pagingParams, reportTypeParam } from '@/lib/schema';
import { parseRequest } from '@/lib/request';
-import { canViewTeam, canViewWebsite, canUpdateWebsite } from '@/lib/auth';
-import { unauthorized, json } from '@/lib/response';
-import { getReports, createReport } from '@/queries';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, reportSchema, reportTypeParam } from '@/lib/schema';
+import { canUpdateWebsite, canViewWebsite } from '@/permissions';
+import { createReport, getReports } from '@/queries/prisma';
export async function GET(request: Request) {
const schema = z.object({
- websiteId: z.string().uuid().optional(),
- teamId: z.string().uuid().optional(),
+ websiteId: z.uuid(),
+ type: reportTypeParam.optional(),
...pagingParams,
});
@@ -19,53 +19,24 @@ export async function GET(request: Request) {
return error();
}
- const { page, search, pageSize, websiteId, teamId } = query;
- const userId = auth.user.id;
+ const { page, search, pageSize, websiteId, type } = query;
const filters = {
page,
pageSize,
search,
};
- if (
- (websiteId && !(await canViewWebsite(auth, websiteId))) ||
- (teamId && !(await canViewTeam(auth, teamId)))
- ) {
+ if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
const data = await getReports(
{
where: {
- OR: [
- ...(websiteId ? [{ websiteId }] : []),
- ...(teamId
- ? [
- {
- website: {
- deletedAt: null,
- teamId,
- },
- },
- ]
- : []),
- ...(userId && !websiteId && !teamId
- ? [
- {
- website: {
- deletedAt: null,
- userId,
- },
- },
- ]
- : []),
- ],
- },
- include: {
+ websiteId,
+ type,
website: {
- select: {
- domain: true,
- },
+ deletedAt: null,
},
},
},
@@ -76,15 +47,7 @@ export async function GET(request: Request) {
}
export async function POST(request: Request) {
- const schema = z.object({
- websiteId: z.string().uuid(),
- name: z.string().max(200),
- type: reportTypeParam,
- description: z.string().max(500),
- parameters: z.object({}).passthrough(),
- });
-
- const { auth, body, error } = await parseRequest(request, schema);
+ const { auth, body, error } = await parseRequest(request, reportSchema);
if (error) {
return error();
@@ -102,9 +65,9 @@ export async function POST(request: Request) {
websiteId,
type,
name,
- description,
- parameters: parameters,
- } as any);
+ description: description || '',
+ parameters,
+ });
return json(result);
}
diff --git a/src/app/api/reports/utm/route.ts b/src/app/api/reports/utm/route.ts
index 38e88a6de..577fdab79 100644
--- a/src/app/api/reports/utm/route.ts
+++ b/src/app/api/reports/utm/route.ts
@@ -1,35 +1,37 @@
-import { z } from 'zod';
-import { canViewWebsite } from '@/lib/auth';
-import { unauthorized, json } from '@/lib/response';
-import { parseRequest } from '@/lib/request';
-import { getUTM } from '@/queries';
-import { reportParms } from '@/lib/schema';
+import { UTM_PARAMS } from '@/lib/constants';
+import { getQueryFilters, parseRequest, setWebsiteDate } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { reportResultSchema } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getUTM, type UTMParameters } from '@/queries/sql';
export async function POST(request: Request) {
- const schema = z.object({
- ...reportParms,
- });
-
- const { auth, body, error } = await parseRequest(request, schema);
+ const { auth, body, error } = await parseRequest(request, reportResultSchema);
if (error) {
return error();
}
- const {
- websiteId,
- dateRange: { startDate, endDate, timezone },
- } = body;
+ const { websiteId } = body;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const data = await getUTM(websiteId, {
- startDate: new Date(startDate),
- endDate: new Date(endDate),
- timezone,
- });
+ const filters = await getQueryFilters(body.filters, websiteId);
+ const parameters = await setWebsiteDate(websiteId, body.parameters);
+
+ const data = {
+ utm_source: [],
+ utm_medium: [],
+ utm_campaign: [],
+ utm_term: [],
+ utm_content: [],
+ };
+
+ for (const key of UTM_PARAMS) {
+ data[key] = await getUTM(websiteId, { column: key, ...parameters } as UTMParameters, filters);
+ }
return json(data);
}
diff --git a/src/app/api/send/route.ts b/src/app/api/send/route.ts
index 04876cd46..be0220bfe 100644
--- a/src/app/api/send/route.ts
+++ b/src/app/api/send/route.ts
@@ -1,36 +1,66 @@
-import { z } from 'zod';
+import { startOfHour } from 'date-fns';
import { isbot } from 'isbot';
-import { startOfHour, startOfMonth } from 'date-fns';
+import { serializeError } from 'serialize-error';
+import { z } from 'zod';
import clickhouse from '@/lib/clickhouse';
-import { parseRequest } from '@/lib/request';
-import { badRequest, json, forbidden, serverError } from '@/lib/response';
-import { fetchWebsite } from '@/lib/load';
+import { COLLECTION_TYPE, EVENT_TYPE } from '@/lib/constants';
+import { getSalt, hash, secret, uuid } from '@/lib/crypto';
import { getClientInfo, hasBlockedIp } from '@/lib/detect';
import { createToken, parseToken } from '@/lib/jwt';
-import { secret, uuid, hash } from '@/lib/crypto';
-import { COLLECTION_TYPE } from '@/lib/constants';
+import { fetchWebsite } from '@/lib/load';
+import { parseRequest } from '@/lib/request';
+import { badRequest, forbidden, json, serverError } from '@/lib/response';
import { anyObjectParam, urlOrPathParam } from '@/lib/schema';
import { safeDecodeURI, safeDecodeURIComponent } from '@/lib/url';
-import { createSession, saveEvent, saveSessionData } from '@/queries';
+import { createSession, saveEvent, saveSessionData } from '@/queries/sql';
+
+interface Cache {
+ websiteId: string;
+ sessionId: string;
+ visitId: string;
+ iat: number;
+}
const schema = z.object({
- type: z.enum(['event', 'identify']),
- payload: z.object({
- website: z.string().uuid(),
- data: anyObjectParam.optional(),
- hostname: z.string().max(100).optional(),
- language: z.string().max(35).optional(),
- referrer: urlOrPathParam.optional(),
- screen: z.string().max(11).optional(),
- title: z.string().optional(),
- url: urlOrPathParam.optional(),
- name: z.string().max(50).optional(),
- tag: z.string().max(50).optional(),
- ip: z.string().ip().optional(),
- userAgent: z.string().optional(),
- timestamp: z.coerce.number().int().optional(),
- id: z.string().optional(),
- }),
+ type: z.enum(['event', 'identify', 'performance']),
+ payload: z
+ .object({
+ website: z.uuid().optional(),
+ link: z.uuid().optional(),
+ pixel: z.uuid().optional(),
+ data: anyObjectParam.optional(),
+ hostname: z.string().max(100).optional(),
+ language: z.string().max(35).optional(),
+ referrer: urlOrPathParam.optional(),
+ screen: z.string().max(11).optional(),
+ title: z.string().optional(),
+ url: urlOrPathParam.optional(),
+ name: z.string().max(50).optional(),
+ tag: z.string().max(50).optional(),
+ ip: z.string().optional(),
+ userAgent: z.string().optional(),
+ timestamp: z.coerce.number().int().optional(),
+ id: z.string().optional(),
+ browser: z.string().optional(),
+ os: z.string().optional(),
+ device: z.string().optional(),
+ lcp: z.number().nonnegative().max(60000).optional(),
+ inp: z.number().nonnegative().max(60000).optional(),
+ cls: z.number().nonnegative().max(100).optional(),
+ fcp: z.number().nonnegative().max(60000).optional(),
+ ttfb: z.number().nonnegative().max(60000).optional(),
+ })
+ .refine(
+ data => {
+ const keys = [data.website, data.link, data.pixel];
+ const count = keys.filter(Boolean).length;
+ return count === 1;
+ },
+ {
+ message: 'Exactly one of website, link, or pixel must be provided',
+ path: ['website'],
+ },
+ ),
});
export async function POST(request: Request) {
@@ -45,6 +75,8 @@ export async function POST(request: Request) {
const {
website: websiteId,
+ pixel: pixelId,
+ link: linkId,
hostname,
screen,
language,
@@ -56,26 +88,36 @@ export async function POST(request: Request) {
tag,
timestamp,
id,
+ lcp,
+ inp,
+ cls,
+ fcp,
+ ttfb,
} = payload;
+ const sourceId = websiteId || pixelId || linkId;
+
// Cache check
- let cache: { websiteId: string; sessionId: string; visitId: string; iat: number } | null = null;
- const cacheHeader = request.headers.get('x-umami-cache');
+ let cache: Cache | null = null;
- if (cacheHeader) {
- const result = await parseToken(cacheHeader, secret());
+ if (websiteId) {
+ const cacheHeader = request.headers.get('x-umami-cache');
- if (result) {
- cache = result;
+ if (cacheHeader) {
+ const result = await parseToken(cacheHeader, secret());
+
+ if (result) {
+ cache = result;
+ }
}
- }
- // Find website
- if (!cache?.websiteId) {
- const website = await fetchWebsite(websiteId);
+ // Find website
+ if (!cache?.websiteId) {
+ const website = await fetchWebsite(websiteId);
- if (!website) {
- return badRequest('Website not found.');
+ if (!website) {
+ return badRequest({ message: 'Website not found.' });
+ }
}
}
@@ -96,31 +138,30 @@ export async function POST(request: Request) {
}
const createdAt = timestamp ? new Date(timestamp * 1000) : new Date();
- const now = Math.floor(new Date().getTime() / 1000);
+ const now = Math.floor(Date.now() / 1000);
- const sessionSalt = hash(startOfMonth(createdAt).toUTCString());
+ const saltRotation = process.env.SALT_ROTATION || 'month';
+ const sessionSalt = getSalt(saltRotation, createdAt);
const visitSalt = hash(startOfHour(createdAt).toUTCString());
- const sessionId = id ? uuid(websiteId, id) : uuid(websiteId, ip, userAgent, sessionSalt);
+ const sessionId = id ? uuid(sourceId, id) : uuid(sourceId, ip, userAgent, sessionSalt);
// Create a session if not found
if (!clickhouse.enabled && !cache?.sessionId) {
- await createSession(
- {
- id: sessionId,
- websiteId,
- browser,
- os,
- device,
- screen,
- language,
- country,
- region,
- city,
- distinctId: id,
- },
- { skipDuplicates: true },
- );
+ await createSession({
+ id: sessionId,
+ websiteId: sourceId,
+ browser,
+ os,
+ device,
+ screen,
+ language,
+ country,
+ region,
+ city,
+ distinctId: id,
+ createdAt,
+ });
}
// Visit info
@@ -170,16 +211,22 @@ export async function POST(request: Request) {
referrerPath = referrerUrl.pathname;
referrerQuery = referrerUrl.search.substring(1);
-
- if (referrerUrl.hostname !== 'localhost') {
- referrerDomain = referrerUrl.hostname.replace(/^www\./, '');
- }
+ referrerDomain = referrerUrl.hostname.replace(/^www\./, '');
}
+ const eventType = linkId
+ ? EVENT_TYPE.linkEvent
+ : pixelId
+ ? EVENT_TYPE.pixelEvent
+ : name
+ ? EVENT_TYPE.customEvent
+ : EVENT_TYPE.pageView;
+
await saveEvent({
- websiteId,
+ websiteId: sourceId,
sessionId,
visitId,
+ eventType,
createdAt,
// Page
@@ -222,9 +269,7 @@ export async function POST(request: Request) {
lifatid,
twclid,
});
- }
-
- if (type === COLLECTION_TYPE.identify) {
+ } else if (type === COLLECTION_TYPE.identify) {
if (data) {
await saveSessionData({
websiteId,
@@ -234,12 +279,44 @@ export async function POST(request: Request) {
createdAt,
});
}
+ } else if (type === COLLECTION_TYPE.performance) {
+ const base = hostname ? `https://${hostname}` : 'https://localhost';
+ const currentUrl = new URL(url, base);
+ const urlPath = currentUrl.pathname === '/undefined' ? '' : currentUrl.pathname;
+
+ await saveEvent({
+ websiteId: sourceId,
+ sessionId,
+ visitId,
+ urlPath,
+ pageTitle: safeDecodeURIComponent(title),
+ eventType: EVENT_TYPE.performance,
+ browser,
+ os,
+ device,
+ screen,
+ language,
+ country,
+ region,
+ city,
+ lcp,
+ inp,
+ cls,
+ fcp,
+ ttfb,
+ createdAt,
+ });
}
const token = createToken({ websiteId, sessionId, visitId, iat }, secret());
return json({ cache: token, sessionId, visitId });
} catch (e) {
- return serverError(e);
+ const error = serializeError(e);
+
+ // eslint-disable-next-line no-console
+ console.log(error);
+
+ return serverError({ errorObject: error });
}
}
diff --git a/src/app/api/share/[shareId]/route.ts b/src/app/api/share/[shareId]/route.ts
deleted file mode 100644
index e387938d2..000000000
--- a/src/app/api/share/[shareId]/route.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { json, notFound } from '@/lib/response';
-import { createToken } from '@/lib/jwt';
-import { secret } from '@/lib/crypto';
-import { getSharedWebsite } from '@/queries';
-
-export async function GET(request: Request, { params }: { params: Promise<{ shareId: string }> }) {
- const { shareId } = await params;
-
- const website = await getSharedWebsite(shareId);
-
- if (!website) {
- return notFound();
- }
-
- const data = { websiteId: website.id };
- const token = createToken(data, secret());
-
- return json({ ...data, token });
-}
diff --git a/src/app/api/share/[slug]/route.ts b/src/app/api/share/[slug]/route.ts
new file mode 100644
index 000000000..f110ae936
--- /dev/null
+++ b/src/app/api/share/[slug]/route.ts
@@ -0,0 +1,103 @@
+import { getBoardWebsiteIds } from '@/lib/boards';
+import { ENTITY_TYPE, ROLES } from '@/lib/constants';
+import { secret } from '@/lib/crypto';
+import { createToken } from '@/lib/jwt';
+import prisma from '@/lib/prisma';
+import redis from '@/lib/redis';
+import { json, notFound } from '@/lib/response';
+import type { BoardParameters, WhiteLabel } from '@/lib/types';
+import { getBoard, getLink, getPixel, getShareByCode, getWebsite } from '@/queries/prisma';
+
+async function getAccountId(entity: { userId?: string; teamId?: string }): Promise {
+ if (entity.userId) {
+ return entity.userId;
+ }
+
+ if (entity.teamId) {
+ const teamOwner = await prisma.client.teamUser.findFirst({
+ where: {
+ teamId: entity.teamId,
+ role: ROLES.teamOwner,
+ },
+ select: {
+ userId: true,
+ },
+ });
+
+ return teamOwner?.userId || null;
+ }
+
+ return null;
+}
+
+async function getWhiteLabel(accountId: string): Promise {
+ if (!redis.enabled) {
+ return null;
+ }
+
+ const data = await redis.client.get(`white-label:${accountId}`);
+
+ if (data) {
+ return data as WhiteLabel;
+ }
+
+ return null;
+}
+
+export async function GET(_request: Request, { params }: { params: Promise<{ slug: string }> }) {
+ const { slug } = await params;
+
+ const share = await getShareByCode(slug);
+
+ if (!share) {
+ return notFound();
+ }
+
+ const data: Record = {
+ shareId: share.id,
+ shareType: share.shareType,
+ parameters: share.parameters,
+ };
+
+ let entity: { userId?: string; teamId?: string } | null = null;
+
+ if (share.shareType === ENTITY_TYPE.board) {
+ const board = await getBoard(share.entityId);
+ if (!board) return notFound();
+ entity = board;
+ data.boardId = share.entityId;
+ data.websiteIds = getBoardWebsiteIds({
+ type: board.type,
+ parameters: share.parameters as BoardParameters,
+ });
+ } else if (share.shareType === ENTITY_TYPE.website) {
+ entity = await getWebsite(share.entityId);
+ if (!entity) return notFound();
+ data.websiteId = share.entityId;
+ } else if (share.shareType === ENTITY_TYPE.pixel) {
+ entity = await getPixel(share.entityId);
+ if (!entity) return notFound();
+ data.websiteId = share.entityId;
+ data.pixelId = share.entityId;
+ } else if (share.shareType === ENTITY_TYPE.link) {
+ entity = await getLink(share.entityId);
+ if (!entity) return notFound();
+ data.websiteId = share.entityId;
+ data.linkId = share.entityId;
+ } else {
+ return notFound();
+ }
+
+ data.token = createToken(data, secret());
+
+ const accountId = await getAccountId(entity);
+
+ if (accountId) {
+ const whiteLabel = await getWhiteLabel(accountId);
+ if (whiteLabel) {
+ data.whiteLabel = whiteLabel;
+ }
+ }
+
+ return json(data);
+}
diff --git a/src/app/api/share/id/[shareId]/route.ts b/src/app/api/share/id/[shareId]/route.ts
new file mode 100644
index 000000000..80da17b80
--- /dev/null
+++ b/src/app/api/share/id/[shareId]/route.ts
@@ -0,0 +1,82 @@
+import z from 'zod';
+import { parseRequest } from '@/lib/request';
+import { json, notFound, ok, unauthorized } from '@/lib/response';
+import { anyObjectParam } from '@/lib/schema';
+import { canDeleteEntity, canUpdateEntity, canViewEntity } from '@/permissions';
+import { deleteShare, getShare, updateShare } from '@/queries/prisma';
+
+export async function GET(request: Request, { params }: { params: Promise<{ shareId: string }> }) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { shareId } = await params;
+
+ const share = await getShare(shareId);
+
+ if (!(await canViewEntity(auth, share.entityId))) {
+ return unauthorized();
+ }
+
+ return json(share);
+}
+
+export async function POST(request: Request, { params }: { params: Promise<{ shareId: string }> }) {
+ const schema = z.object({
+ name: z.string().max(200),
+ slug: z.string().max(100),
+ parameters: anyObjectParam,
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { shareId } = await params;
+ const { name, slug, parameters } = body;
+
+ const share = await getShare(shareId);
+
+ if (!share) {
+ return notFound();
+ }
+
+ if (!(await canUpdateEntity(auth, share.entityId))) {
+ return unauthorized();
+ }
+
+ const result = await updateShare(shareId, {
+ name,
+ slug,
+ parameters,
+ } as any);
+
+ return json(result);
+}
+
+export async function DELETE(
+ request: Request,
+ { params }: { params: Promise<{ shareId: string }> },
+) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { shareId } = await params;
+
+ const share = await getShare(shareId);
+
+ if (!(await canDeleteEntity(auth, share.entityId))) {
+ return unauthorized();
+ }
+
+ await deleteShare(shareId);
+
+ return ok();
+}
diff --git a/src/app/api/share/route.ts b/src/app/api/share/route.ts
new file mode 100644
index 000000000..de8472fa5
--- /dev/null
+++ b/src/app/api/share/route.ts
@@ -0,0 +1,42 @@
+import z from 'zod';
+import { uuid } from '@/lib/crypto';
+import { getRandomChars } from '@/lib/generate';
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { anyObjectParam } from '@/lib/schema';
+import { canUpdateEntity } from '@/permissions';
+import { createShare } from '@/queries/prisma';
+
+export async function POST(request: Request) {
+ const schema = z.object({
+ entityId: z.uuid(),
+ shareType: z.coerce.number().int(),
+ name: z.string().max(200),
+ slug: z.string().max(100).optional(),
+ parameters: anyObjectParam,
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { entityId, shareType, name, slug, parameters } = body;
+ const shareParameters = parameters ?? {};
+
+ if (!(await canUpdateEntity(auth, entityId))) {
+ return unauthorized();
+ }
+
+ const share = await createShare({
+ id: uuid(),
+ entityId,
+ shareType,
+ name,
+ slug: slug || getRandomChars(16),
+ parameters: shareParameters,
+ });
+
+ return json(share);
+}
diff --git a/src/app/api/teams/[teamId]/boards/route.ts b/src/app/api/teams/[teamId]/boards/route.ts
new file mode 100644
index 000000000..2e60b77e2
--- /dev/null
+++ b/src/app/api/teams/[teamId]/boards/route.ts
@@ -0,0 +1,29 @@
+import { z } from 'zod';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canViewTeam } from '@/permissions';
+import { getTeamBoards } from '@/queries/prisma';
+
+export async function GET(request: Request, { params }: { params: Promise<{ teamId: string }> }) {
+ const schema = z.object({
+ ...pagingParams,
+ ...searchParams,
+ });
+ const { teamId } = await params;
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ if (!(await canViewTeam(auth, teamId))) {
+ return unauthorized();
+ }
+
+ const filters = await getQueryFilters(query);
+
+ const boards = await getTeamBoards(teamId, filters);
+
+ return json(boards);
+}
diff --git a/src/app/api/teams/[teamId]/links/route.ts b/src/app/api/teams/[teamId]/links/route.ts
new file mode 100644
index 000000000..41e139b33
--- /dev/null
+++ b/src/app/api/teams/[teamId]/links/route.ts
@@ -0,0 +1,29 @@
+import { z } from 'zod';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canViewTeam } from '@/permissions';
+import { getTeamLinks } from '@/queries/prisma';
+
+export async function GET(request: Request, { params }: { params: Promise<{ teamId: string }> }) {
+ const schema = z.object({
+ ...pagingParams,
+ ...searchParams,
+ });
+ const { teamId } = await params;
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ if (!(await canViewTeam(auth, teamId))) {
+ return unauthorized();
+ }
+
+ const filters = await getQueryFilters(query);
+
+ const links = await getTeamLinks(teamId, filters);
+
+ return json(links);
+}
diff --git a/src/app/api/teams/[teamId]/pixels/route.ts b/src/app/api/teams/[teamId]/pixels/route.ts
new file mode 100644
index 000000000..daac2040d
--- /dev/null
+++ b/src/app/api/teams/[teamId]/pixels/route.ts
@@ -0,0 +1,29 @@
+import { z } from 'zod';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canViewTeam } from '@/permissions';
+import { getTeamPixels } from '@/queries/prisma';
+
+export async function GET(request: Request, { params }: { params: Promise<{ teamId: string }> }) {
+ const schema = z.object({
+ ...pagingParams,
+ ...searchParams,
+ });
+ const { teamId } = await params;
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ if (!(await canViewTeam(auth, teamId))) {
+ return unauthorized();
+ }
+
+ const filters = await getQueryFilters(query);
+
+ const websites = await getTeamPixels(teamId, filters);
+
+ return json(websites);
+}
diff --git a/src/app/api/teams/[teamId]/route.ts b/src/app/api/teams/[teamId]/route.ts
index 194e7bbb1..c334b2af0 100644
--- a/src/app/api/teams/[teamId]/route.ts
+++ b/src/app/api/teams/[teamId]/route.ts
@@ -1,8 +1,8 @@
import { z } from 'zod';
-import { unauthorized, json, notFound, ok } from '@/lib/response';
-import { canDeleteTeam, canUpdateTeam, canViewTeam } from '@/lib/auth';
import { parseRequest } from '@/lib/request';
-import { deleteTeam, getTeam, updateTeam } from '@/queries';
+import { json, notFound, ok, unauthorized } from '@/lib/response';
+import { canDeleteTeam, canUpdateTeam, canViewTeam } from '@/permissions';
+import { deleteTeam, getTeam, updateTeam } from '@/queries/prisma';
export async function GET(request: Request, { params }: { params: Promise<{ teamId: string }> }) {
const { auth, error } = await parseRequest(request);
@@ -20,7 +20,7 @@ export async function GET(request: Request, { params }: { params: Promise<{ team
const team = await getTeam(teamId, { includeMembers: true });
if (!team) {
- return notFound('Team not found.');
+ return notFound({ message: 'Team not found.' });
}
return json(team);
@@ -41,7 +41,7 @@ export async function POST(request: Request, { params }: { params: Promise<{ tea
const { teamId } = await params;
if (!(await canUpdateTeam(auth, teamId))) {
- return unauthorized('You must be the owner of this team.');
+ return unauthorized({ message: 'You must be the owner/manager of this team.' });
}
const team = await updateTeam(teamId, body);
@@ -62,7 +62,7 @@ export async function DELETE(
const { teamId } = await params;
if (!(await canDeleteTeam(auth, teamId))) {
- return unauthorized('You must be the owner of this team.');
+ return unauthorized({ message: 'You must be the owner/manager of this team.' });
}
await deleteTeam(teamId);
diff --git a/src/app/api/teams/[teamId]/users/[userId]/route.ts b/src/app/api/teams/[teamId]/users/[userId]/route.ts
index bf5f4d364..d09af9da6 100644
--- a/src/app/api/teams/[teamId]/users/[userId]/route.ts
+++ b/src/app/api/teams/[teamId]/users/[userId]/route.ts
@@ -1,8 +1,9 @@
-import { canDeleteTeamUser, canUpdateTeam } from '@/lib/auth';
+import { z } from 'zod';
import { parseRequest } from '@/lib/request';
import { badRequest, json, ok, unauthorized } from '@/lib/response';
-import { deleteTeamUser, getTeamUser, updateTeamUser } from '@/queries';
-import { z } from 'zod';
+import { teamRoleParam } from '@/lib/schema';
+import { canDeleteTeamUser, canUpdateTeam } from '@/permissions';
+import { deleteTeamUser, getTeamUser, updateTeamUser } from '@/queries/prisma';
export async function GET(
request: Request,
@@ -17,7 +18,7 @@ export async function GET(
const { teamId, userId } = await params;
if (!(await canUpdateTeam(auth, teamId))) {
- return unauthorized('You must be the owner of this team.');
+ return unauthorized({ message: 'You must be the owner/manager of this team.' });
}
const teamUser = await getTeamUser(teamId, userId);
@@ -30,7 +31,7 @@ export async function POST(
{ params }: { params: Promise<{ teamId: string; userId: string }> },
) {
const schema = z.object({
- role: z.string().regex(/team-member|team-view-only|team-manager/),
+ role: teamRoleParam,
});
const { auth, body, error } = await parseRequest(request, schema);
@@ -42,13 +43,13 @@ export async function POST(
const { teamId, userId } = await params;
if (!(await canUpdateTeam(auth, teamId))) {
- return unauthorized('You must be the owner of this team.');
+ return unauthorized({ message: 'You must be the owner/manager of this team.' });
}
const teamUser = await getTeamUser(teamId, userId);
if (!teamUser) {
- return badRequest('The User does not exists on this team.');
+ return badRequest({ message: 'The User does not exists on this team.' });
}
const user = await updateTeamUser(teamUser.id, body);
@@ -69,13 +70,13 @@ export async function DELETE(
const { teamId, userId } = await params;
if (!(await canDeleteTeamUser(auth, teamId, userId))) {
- return unauthorized('You must be the owner of this team.');
+ return unauthorized({ message: 'You must be the owner/manager of this team.' });
}
const teamUser = await getTeamUser(teamId, userId);
if (!teamUser) {
- return badRequest('The User does not exists on this team.');
+ return badRequest({ message: 'The User does not exists on this team.' });
}
await deleteTeamUser(teamId, userId);
diff --git a/src/app/api/teams/[teamId]/users/route.ts b/src/app/api/teams/[teamId]/users/route.ts
index 57460b89e..c1297636e 100644
--- a/src/app/api/teams/[teamId]/users/route.ts
+++ b/src/app/api/teams/[teamId]/users/route.ts
@@ -1,13 +1,14 @@
import { z } from 'zod';
-import { unauthorized, json, badRequest } from '@/lib/response';
-import { canAddUserToTeam, canViewTeam } from '@/lib/auth';
-import { parseRequest } from '@/lib/request';
-import { pagingParams, roleParam } from '@/lib/schema';
-import { createTeamUser, getTeamUser, getTeamUsers } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { badRequest, json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams, teamRoleParam } from '@/lib/schema';
+import { canUpdateTeam, canViewTeam } from '@/permissions';
+import { createTeamUser, getTeamUser, getTeamUsers } from '@/queries/prisma';
export async function GET(request: Request, { params }: { params: Promise<{ teamId: string }> }) {
const schema = z.object({
...pagingParams,
+ ...searchParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -19,9 +20,11 @@ export async function GET(request: Request, { params }: { params: Promise<{ team
const { teamId } = await params;
if (!(await canViewTeam(auth, teamId))) {
- return unauthorized('You must be the owner of this team.');
+ return unauthorized({ message: 'You must be a member of this team.' });
}
+ const filters = await getQueryFilters(query);
+
const users = await getTeamUsers(
{
where: {
@@ -38,8 +41,11 @@ export async function GET(request: Request, { params }: { params: Promise<{ team
},
},
},
+ orderBy: {
+ createdAt: 'asc',
+ },
},
- query,
+ filters,
);
return json(users);
@@ -47,8 +53,8 @@ export async function GET(request: Request, { params }: { params: Promise<{ team
export async function POST(request: Request, { params }: { params: Promise<{ teamId: string }> }) {
const schema = z.object({
- userId: z.string().uuid(),
- role: roleParam,
+ userId: z.uuid(),
+ role: teamRoleParam,
});
const { auth, body, error } = await parseRequest(request, schema);
@@ -59,8 +65,8 @@ export async function POST(request: Request, { params }: { params: Promise<{ tea
const { teamId } = await params;
- if (!(await canAddUserToTeam(auth))) {
- return unauthorized();
+ if (!(await canUpdateTeam(auth, teamId))) {
+ return unauthorized({ message: 'You must be the owner/manager of this team.' });
}
const { userId, role } = body;
@@ -68,7 +74,7 @@ export async function POST(request: Request, { params }: { params: Promise<{ tea
const teamUser = await getTeamUser(teamId, userId);
if (teamUser) {
- return badRequest('User is already a member of the Team.');
+ return badRequest({ message: 'User is already a member of the Team.' });
}
const users = await createTeamUser(userId, teamId, role);
diff --git a/src/app/api/teams/[teamId]/websites/route.ts b/src/app/api/teams/[teamId]/websites/route.ts
index f69ab4658..05c6d8045 100644
--- a/src/app/api/teams/[teamId]/websites/route.ts
+++ b/src/app/api/teams/[teamId]/websites/route.ts
@@ -1,13 +1,14 @@
import { z } from 'zod';
-import { unauthorized, json } from '@/lib/response';
-import { canViewTeam } from '@/lib/auth';
-import { parseRequest } from '@/lib/request';
-import { pagingParams } from '@/lib/schema';
-import { getTeamWebsites } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canViewTeam } from '@/permissions';
+import { getTeamWebsites } from '@/queries/prisma';
export async function GET(request: Request, { params }: { params: Promise<{ teamId: string }> }) {
const schema = z.object({
...pagingParams,
+ ...searchParams,
});
const { teamId } = await params;
const { auth, query, error } = await parseRequest(request, schema);
@@ -20,7 +21,9 @@ export async function GET(request: Request, { params }: { params: Promise<{ team
return unauthorized();
}
- const websites = await getTeamWebsites(teamId, query);
+ const filters = await getQueryFilters(query);
+
+ const websites = await getTeamWebsites(teamId, filters);
return json(websites);
}
diff --git a/src/app/api/teams/join/route.ts b/src/app/api/teams/join/route.ts
index 3464054cf..3ce0913f7 100644
--- a/src/app/api/teams/join/route.ts
+++ b/src/app/api/teams/join/route.ts
@@ -1,9 +1,8 @@
import { z } from 'zod';
-import { unauthorized, json, badRequest, notFound } from '@/lib/response';
-import { canCreateTeam } from '@/lib/auth';
-import { parseRequest } from '@/lib/request';
import { ROLES } from '@/lib/constants';
-import { createTeamUser, findTeam, getTeamUser } from '@/queries';
+import { parseRequest } from '@/lib/request';
+import { badRequest, json, notFound } from '@/lib/response';
+import { createTeamUser, findTeam, getTeamUser } from '@/queries/prisma';
export async function POST(request: Request) {
const schema = z.object({
@@ -16,10 +15,6 @@ export async function POST(request: Request) {
return error();
}
- if (!(await canCreateTeam(auth))) {
- return unauthorized();
- }
-
const { accessCode } = body;
const team = await findTeam({
@@ -29,13 +24,13 @@ export async function POST(request: Request) {
});
if (!team) {
- return notFound('Team not found.');
+ return notFound({ message: 'Team not found.', code: 'team-not-found' });
}
const teamUser = await getTeamUser(team.id, auth.user.id);
if (teamUser) {
- return badRequest('User is already a team member.');
+ return badRequest({ message: 'User is already a team member.' });
}
const user = await createTeamUser(auth.user.id, team.id, ROLES.teamMember);
diff --git a/src/app/api/teams/route.ts b/src/app/api/teams/route.ts
index d319d87b8..2e2424a2f 100644
--- a/src/app/api/teams/route.ts
+++ b/src/app/api/teams/route.ts
@@ -1,14 +1,36 @@
import { z } from 'zod';
-import { getRandomChars } from '@/lib/crypto';
-import { unauthorized, json } from '@/lib/response';
-import { canCreateTeam } from '@/lib/auth';
import { uuid } from '@/lib/crypto';
-import { parseRequest } from '@/lib/request';
-import { createTeam } from '@/queries';
+import { getRandomChars } from '@/lib/generate';
+import { fetchAccount } from '@/lib/load';
+import redis from '@/lib/redis';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams } from '@/lib/schema';
+import { canCreateTeam } from '@/permissions';
+import { createTeam, getUserTeams } from '@/queries/prisma';
+
+export async function GET(request: Request) {
+ const schema = z.object({
+ ...pagingParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const filters = await getQueryFilters(query);
+
+ const teams = await getUserTeams(auth.user.id, filters);
+
+ return json(teams);
+}
export async function POST(request: Request) {
const schema = z.object({
name: z.string().max(50),
+ ownerId: z.uuid().optional(),
});
const { auth, body, error } = await parseRequest(request, schema);
@@ -21,16 +43,37 @@ export async function POST(request: Request) {
return unauthorized();
}
- const { name } = body;
+ const { name, ownerId } = body;
+
+ const teamId = uuid();
+ const teamOwnerId = ownerId ?? auth.user.id;
const team = await createTeam(
{
- id: uuid(),
+ id: teamId,
name,
accessCode: `team_${getRandomChars(16)}`,
},
- auth.user.id,
+ teamOwnerId,
);
+ if (process.env.CLOUD_MODE && redis.enabled) {
+ const account = await fetchAccount(teamOwnerId);
+
+ if (account) {
+ await redis.client.set(
+ `team:${teamId}`,
+ {
+ teamOwnerId,
+ isPro: account.isPro || false,
+ isBusiness: account.isBusiness || false,
+ isNoBilling: account.isNoBilling || false,
+ hasSubscription: account.hasSubscription || false,
+ },
+ 60 * 60 * 24 * 90,
+ );
+ }
+ }
+
return json(team);
}
diff --git a/src/app/api/users/[userId]/route.ts b/src/app/api/users/[userId]/route.ts
index d011783c4..383f0ffac 100644
--- a/src/app/api/users/[userId]/route.ts
+++ b/src/app/api/users/[userId]/route.ts
@@ -1,8 +1,10 @@
-import { canDeleteUser, canUpdateUser, canViewUser, hashPassword } from '@/lib/auth';
-import { parseRequest } from '@/lib/request';
-import { badRequest, json, ok, unauthorized } from '@/lib/response';
-import { deleteUser, getUser, getUserByUsername, updateUser } from '@/queries';
import { z } from 'zod';
+import { hashPassword } from '@/lib/password';
+import { parseRequest } from '@/lib/request';
+import { badRequest, json, notFound, ok, unauthorized } from '@/lib/response';
+import { userRoleParam } from '@/lib/schema';
+import { canDeleteUser, canUpdateUser, canViewUser } from '@/permissions';
+import { deleteUser, getUser, getUserByUsername, updateUser } from '@/queries/prisma';
export async function GET(request: Request, { params }: { params: Promise<{ userId: string }> }) {
const { auth, error } = await parseRequest(request);
@@ -22,14 +24,14 @@ export async function GET(request: Request, { params }: { params: Promise<{ user
return json(user);
}
-export async function POST(request: Request, { params }: { params: Promise<{ userId: string }> }) {
+export async function POST(
+ request: Request,
+ { params }: { params: Promise<{ userId: string }> },
+) {
const schema = z.object({
- username: z.string().max(255),
- password: z.string().max(255).optional(),
- role: z
- .string()
- .regex(/admin|user|view-only/i)
- .optional(),
+ username: z.string().max(255).optional(),
+ password: z.string().min(8).max(255).optional(),
+ role: userRoleParam.optional(),
});
const { auth, body, error } = await parseRequest(request, schema);
@@ -48,6 +50,10 @@ export async function POST(request: Request, { params }: { params: Promise<{ use
const user = await getUser(userId);
+ if (!user) {
+ return notFound();
+ }
+
const data: any = {};
if (password) {
@@ -60,15 +66,15 @@ export async function POST(request: Request, { params }: { params: Promise<{ use
}
if (username && auth.user.isAdmin) {
- data.username = username;
+ data.username = username.toLowerCase();
}
// Check when username changes
if (data.username && user.username !== data.username) {
- const user = await getUserByUsername(username);
+ const existingUser = await getUserByUsername(username);
- if (user) {
- return badRequest('User already exists');
+ if (existingUser && existingUser.id !== userId) {
+ return badRequest({ message: "User already exists" });
}
}
@@ -94,7 +100,7 @@ export async function DELETE(
}
if (userId === auth.user.id) {
- return badRequest('You cannot delete yourself.');
+ return badRequest({ message: "You cannot delete yourself." });
}
await deleteUser(userId);
diff --git a/src/app/api/users/[userId]/teams/route.ts b/src/app/api/users/[userId]/teams/route.ts
index ff6595250..7a834a3f1 100644
--- a/src/app/api/users/[userId]/teams/route.ts
+++ b/src/app/api/users/[userId]/teams/route.ts
@@ -1,8 +1,8 @@
import { z } from 'zod';
-import { pagingParams } from '@/lib/schema';
-import { getUserTeams } from '@/queries';
-import { unauthorized, json } from '@/lib/response';
import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams } from '@/lib/schema';
+import { getUserTeams } from '@/queries/prisma';
export async function GET(request: Request, { params }: { params: Promise<{ userId: string }> }) {
const schema = z.object({
diff --git a/src/app/api/users/[userId]/usage/route.ts b/src/app/api/users/[userId]/usage/route.ts
deleted file mode 100644
index e6ff217d6..000000000
--- a/src/app/api/users/[userId]/usage/route.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { z } from 'zod';
-import { json, unauthorized } from '@/lib/response';
-import { getAllUserWebsitesIncludingTeamOwner } from '@/queries/prisma/website';
-import { getEventUsage } from '@/queries/sql/events/getEventUsage';
-import { getEventDataUsage } from '@/queries/sql/events/getEventDataUsage';
-import { parseRequest } from '@/lib/request';
-
-export async function GET(request: Request, { params }: { params: Promise<{ userId: string }> }) {
- const schema = z.object({
- startAt: z.coerce.number().int(),
- endAt: z.coerce.number().int(),
- });
-
- const { auth, query, error } = await parseRequest(request, schema);
-
- if (error) {
- return error();
- }
-
- if (!auth.user.isAdmin) {
- return unauthorized();
- }
-
- const { userId } = await params;
- const { startAt, endAt } = query;
-
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
-
- const websites = await getAllUserWebsitesIncludingTeamOwner(userId);
-
- const websiteIds = websites.map(a => a.id);
-
- const websiteEventUsage = await getEventUsage(websiteIds, startDate, endDate);
- const eventDataUsage = await getEventDataUsage(websiteIds, startDate, endDate);
-
- const websiteUsage = websites.map(a => ({
- websiteId: a.id,
- websiteName: a.name,
- websiteEventUsage: websiteEventUsage.find(b => a.id === b.websiteId)?.count || 0,
- eventDataUsage: eventDataUsage.find(b => a.id === b.websiteId)?.count || 0,
- deletedAt: a.deletedAt,
- }));
-
- const usage = websiteUsage.reduce(
- (acc, cv) => {
- acc.websiteEventUsage += cv.websiteEventUsage;
- acc.eventDataUsage += cv.eventDataUsage;
-
- return acc;
- },
- { websiteEventUsage: 0, eventDataUsage: 0 },
- );
-
- const filteredWebsiteUsage = websiteUsage.filter(
- a => !a.deletedAt && (a.websiteEventUsage > 0 || a.eventDataUsage > 0),
- );
-
- return json({
- ...usage,
- websites: filteredWebsiteUsage,
- });
-}
diff --git a/src/app/api/users/[userId]/websites/route.ts b/src/app/api/users/[userId]/websites/route.ts
index 77d410845..1107d8e16 100644
--- a/src/app/api/users/[userId]/websites/route.ts
+++ b/src/app/api/users/[userId]/websites/route.ts
@@ -1,12 +1,14 @@
import { z } from 'zod';
-import { unauthorized, json } from '@/lib/response';
-import { getUserWebsites } from '@/queries/prisma/website';
-import { pagingParams } from '@/lib/schema';
-import { parseRequest } from '@/lib/request';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { getAllUserWebsitesIncludingTeamOwner, getUserWebsites } from '@/queries/prisma/website';
export async function GET(request: Request, { params }: { params: Promise<{ userId: string }> }) {
const schema = z.object({
...pagingParams,
+ ...searchParams,
+ includeTeams: z.string().optional(),
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -21,7 +23,11 @@ export async function GET(request: Request, { params }: { params: Promise<{ user
return unauthorized();
}
- const websites = await getUserWebsites(userId, query);
+ const filters = await getQueryFilters(query);
- return json(websites);
+ if (query.includeTeams) {
+ return json(await getAllUserWebsitesIncludingTeamOwner(userId, filters));
+ }
+
+ return json(await getUserWebsites(userId, filters));
}
diff --git a/src/app/api/users/route.ts b/src/app/api/users/route.ts
index c5896f892..d70faba06 100644
--- a/src/app/api/users/route.ts
+++ b/src/app/api/users/route.ts
@@ -1,17 +1,19 @@
import { z } from 'zod';
-import { hashPassword, canCreateUser } from '@/lib/auth';
import { ROLES } from '@/lib/constants';
import { uuid } from '@/lib/crypto';
+import { hashPassword } from '@/lib/password';
import { parseRequest } from '@/lib/request';
-import { unauthorized, json, badRequest } from '@/lib/response';
-import { createUser, getUserByUsername } from '@/queries';
+import { badRequest, json, unauthorized } from '@/lib/response';
+import { userRoleParam } from '@/lib/schema';
+import { canCreateUser } from '@/permissions';
+import { createUser, getUserByUsername } from '@/queries/prisma';
export async function POST(request: Request) {
const schema = z.object({
- id: z.string().uuid().optional(),
+ id: z.uuid().optional(),
username: z.string().max(255),
- password: z.string(),
- role: z.string().regex(/admin|user|view-only/i),
+ password: z.string().min(8).max(255),
+ role: userRoleParam,
});
const { auth, body, error } = await parseRequest(request, schema);
@@ -26,15 +28,17 @@ export async function POST(request: Request) {
const { id, username, password, role } = body;
- const existingUser = await getUserByUsername(username, { showDeleted: true });
+ const existingUser = await getUserByUsername(username, {
+ showDeleted: true,
+ });
if (existingUser) {
- return badRequest('User already exists');
+ return badRequest({ message: "User already exists" });
}
const user = await createUser({
id: id || uuid(),
- username,
+ username: username.toLowerCase(),
password: hashPassword(password),
role: role ?? ROLES.user,
});
diff --git a/src/app/api/websites/[websiteId]/active/route.ts b/src/app/api/websites/[websiteId]/active/route.ts
index 88c0fd178..233b97e50 100644
--- a/src/app/api/websites/[websiteId]/active/route.ts
+++ b/src/app/api/websites/[websiteId]/active/route.ts
@@ -1,7 +1,7 @@
-import { canViewWebsite } from '@/lib/auth';
-import { json, unauthorized } from '@/lib/response';
-import { getActiveVisitors } from '@/queries';
import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { canViewWebsite } from '@/permissions';
+import { getActiveVisitors } from '@/queries/sql';
export async function GET(
request: Request,
@@ -19,7 +19,7 @@ export async function GET(
return unauthorized();
}
- const result = await getActiveVisitors(websiteId);
+ const visitors = await getActiveVisitors(websiteId);
- return json(result);
+ return json(visitors);
}
diff --git a/src/app/api/websites/[websiteId]/daterange/route.ts b/src/app/api/websites/[websiteId]/daterange/route.ts
index ea2d10d2c..14a241fd9 100644
--- a/src/app/api/websites/[websiteId]/daterange/route.ts
+++ b/src/app/api/websites/[websiteId]/daterange/route.ts
@@ -1,7 +1,7 @@
-import { canViewWebsite } from '@/lib/auth';
-import { getWebsiteDateRange } from '@/queries';
-import { json, unauthorized } from '@/lib/response';
import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { canViewWebsite } from '@/permissions';
+import { getWebsiteDateRange } from '@/queries/sql';
export async function GET(
request: Request,
@@ -19,7 +19,7 @@ export async function GET(
return unauthorized();
}
- const result = await getWebsiteDateRange(websiteId);
+ const dateRange = await getWebsiteDateRange(websiteId);
- return json(result);
+ return json(dateRange);
}
diff --git a/src/app/api/websites/[websiteId]/event-data/[eventId]/route.ts b/src/app/api/websites/[websiteId]/event-data/[eventId]/route.ts
new file mode 100644
index 000000000..e640f1b6f
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/event-data/[eventId]/route.ts
@@ -0,0 +1,25 @@
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { canViewWebsite } from '@/permissions';
+import { getEventDataById } from '@/queries/sql/events/getEventDataById';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string; eventId: string }> },
+) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId, eventId } = await params;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const data = await getEventDataById(websiteId, eventId);
+
+ return json(data);
+}
diff --git a/src/app/api/websites/[websiteId]/event-data/events/route.ts b/src/app/api/websites/[websiteId]/event-data/events/route.ts
index aec7b4713..eb6ee6ed8 100644
--- a/src/app/api/websites/[websiteId]/event-data/events/route.ts
+++ b/src/app/api/websites/[websiteId]/event-data/events/route.ts
@@ -1,7 +1,8 @@
import { z } from 'zod';
-import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
import { getEventDataEvents } from '@/queries/sql/events/getEventDataEvents';
export async function GET(
@@ -12,6 +13,7 @@ export async function GET(
startAt: z.coerce.number().int(),
endAt: z.coerce.number().int(),
event: z.string().optional(),
+ ...filterParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -20,19 +22,15 @@ export async function GET(
}
const { websiteId } = await params;
- const { startAt, endAt, event } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const filters = await getQueryFilters(query, websiteId);
const data = await getEventDataEvents(websiteId, {
- startDate,
- endDate,
- event,
+ ...filters,
});
return json(data);
diff --git a/src/app/api/websites/[websiteId]/event-data/fields/route.ts b/src/app/api/websites/[websiteId]/event-data/fields/route.ts
index 60101e45c..bce6a977c 100644
--- a/src/app/api/websites/[websiteId]/event-data/fields/route.ts
+++ b/src/app/api/websites/[websiteId]/event-data/fields/route.ts
@@ -1,8 +1,9 @@
import { z } from 'zod';
-import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { getEventDataFields } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getEventDataFields } from '@/queries/sql';
export async function GET(
request: Request,
@@ -11,6 +12,7 @@ export async function GET(
const schema = z.object({
startAt: z.coerce.number().int(),
endAt: z.coerce.number().int(),
+ ...filterParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -20,19 +22,14 @@ export async function GET(
}
const { websiteId } = await params;
- const { startAt, endAt } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const filters = await getQueryFilters(query, websiteId);
- const data = await getEventDataFields(websiteId, {
- startDate,
- endDate,
- });
+ const data = await getEventDataFields(websiteId, filters);
return json(data);
}
diff --git a/src/app/api/websites/[websiteId]/event-data/properties/route.ts b/src/app/api/websites/[websiteId]/event-data/properties/route.ts
index fe085f74e..52d15cfbd 100644
--- a/src/app/api/websites/[websiteId]/event-data/properties/route.ts
+++ b/src/app/api/websites/[websiteId]/event-data/properties/route.ts
@@ -1,8 +1,9 @@
import { z } from 'zod';
-import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { getEventDataProperties } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getEventDataProperties } from '@/queries/sql';
export async function GET(
request: Request,
@@ -11,7 +12,7 @@ export async function GET(
const schema = z.object({
startAt: z.coerce.number().int(),
endAt: z.coerce.number().int(),
- propertyName: z.string().optional(),
+ ...filterParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -21,16 +22,14 @@ export async function GET(
}
const { websiteId } = await params;
- const { startAt, endAt, propertyName } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const filters = await getQueryFilters(query, websiteId);
- const data = await getEventDataProperties(websiteId, { startDate, endDate, propertyName });
+ const data = await getEventDataProperties(websiteId, filters);
return json(data);
}
diff --git a/src/app/api/websites/[websiteId]/event-data/route.ts b/src/app/api/websites/[websiteId]/event-data/route.ts
new file mode 100644
index 000000000..2d0caf65e
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/event-data/route.ts
@@ -0,0 +1,50 @@
+import { z } from 'zod';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, pagingParams } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getEventData } from '@/queries/sql/events/getEventData';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string }> },
+) {
+ const schema = z.object({
+ startAt: z.coerce.number().int(),
+ endAt: z.coerce.number().int(),
+ ...filterParams,
+ ...pagingParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = await params;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const filters = await getQueryFilters(query, websiteId);
+
+ const { data: rows, count, page, pageSize } = await getEventData(websiteId, filters);
+
+ const eventMap = new Map<
+ string,
+ { websiteId: string; eventId: string; eventName: string; eventProperties: object[] }
+ >();
+
+ for (const { websiteId, eventId, eventName, ...props } of rows) {
+ let entry = eventMap.get(eventId);
+ if (!entry) {
+ entry = { websiteId, eventId, eventName, eventProperties: [] };
+ eventMap.set(eventId, entry);
+ }
+ entry.eventProperties.push(props);
+ }
+
+ return json({ data: [...eventMap.values()], count, page, pageSize });
+}
\ No newline at end of file
diff --git a/src/app/api/websites/[websiteId]/event-data/stats/route.ts b/src/app/api/websites/[websiteId]/event-data/stats/route.ts
index 6928aa1e6..042e989a4 100644
--- a/src/app/api/websites/[websiteId]/event-data/stats/route.ts
+++ b/src/app/api/websites/[websiteId]/event-data/stats/route.ts
@@ -1,8 +1,9 @@
import { z } from 'zod';
-import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { getEventDataStats } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getEventDataStats } from '@/queries/sql';
export async function GET(
request: Request,
@@ -11,7 +12,7 @@ export async function GET(
const schema = z.object({
startAt: z.coerce.number().int(),
endAt: z.coerce.number().int(),
- propertyName: z.string().optional(),
+ ...filterParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -21,16 +22,14 @@ export async function GET(
}
const { websiteId } = await params;
- const { startAt, endAt } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const filters = await getQueryFilters(query, websiteId);
- const data = await getEventDataStats(websiteId, { startDate, endDate });
+ const data = await getEventDataStats(websiteId, filters);
return json(data);
}
diff --git a/src/app/api/websites/[websiteId]/event-data/values/route.ts b/src/app/api/websites/[websiteId]/event-data/values/route.ts
index 2a912439c..12e8f2dc0 100644
--- a/src/app/api/websites/[websiteId]/event-data/values/route.ts
+++ b/src/app/api/websites/[websiteId]/event-data/values/route.ts
@@ -1,8 +1,9 @@
import { z } from 'zod';
-import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { getEventDataValues } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getEventDataValues } from '@/queries/sql';
export async function GET(
request: Request,
@@ -11,8 +12,9 @@ export async function GET(
const schema = z.object({
startAt: z.coerce.number().int(),
endAt: z.coerce.number().int(),
- eventName: z.string().optional(),
- propertyName: z.string().optional(),
+ event: z.string(),
+ propertyName: z.string(),
+ ...filterParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -22,19 +24,16 @@ export async function GET(
}
const { websiteId } = await params;
- const { startAt, endAt, eventName, propertyName } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const { propertyName } = query;
+ const filters = await getQueryFilters(query, websiteId);
const data = await getEventDataValues(websiteId, {
- startDate,
- endDate,
- eventName,
+ ...filters,
propertyName,
});
diff --git a/src/app/api/websites/[websiteId]/events/route.ts b/src/app/api/websites/[websiteId]/events/route.ts
index 66eaba2c0..583e4abbf 100644
--- a/src/app/api/websites/[websiteId]/events/route.ts
+++ b/src/app/api/websites/[websiteId]/events/route.ts
@@ -1,18 +1,17 @@
-import { z } from 'zod';
-import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { pagingParams } from '@/lib/schema';
-import { getWebsiteEvents } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, pagingParams, searchParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getWebsiteEvents } from '@/queries/sql';
export async function GET(
request: Request,
{ params }: { params: Promise<{ websiteId: string }> },
) {
- const schema = z.object({
- startAt: z.coerce.number().int(),
- endAt: z.coerce.number().int(),
+ const schema = withDateRange({
+ ...filterParams,
...pagingParams,
+ ...searchParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -22,16 +21,14 @@ export async function GET(
}
const { websiteId } = await params;
- const { startAt, endAt } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const filters = await getQueryFilters(query, websiteId);
- const data = await getWebsiteEvents(websiteId, { startDate, endDate }, query);
+ const data = await getWebsiteEvents(websiteId, filters);
return json(data);
}
diff --git a/src/app/api/websites/[websiteId]/events/series/route.ts b/src/app/api/websites/[websiteId]/events/series/route.ts
index a30741c6e..6060105c2 100644
--- a/src/app/api/websites/[websiteId]/events/series/route.ts
+++ b/src/app/api/websites/[websiteId]/events/series/route.ts
@@ -1,9 +1,9 @@
import { z } from 'zod';
-import { parseRequest, getRequestDateRange, getRequestFilters } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
import { filterParams, timezoneParam, unitParam } from '@/lib/schema';
-import { getEventStats } from '@/queries';
+import { canViewWebsite } from '@/permissions';
+import { getEventStats } from '@/queries/sql';
export async function GET(
request: Request,
@@ -12,8 +12,9 @@ export async function GET(
const schema = z.object({
startAt: z.coerce.number().int(),
endAt: z.coerce.number().int(),
- unit: unitParam,
+ unit: unitParam.optional(),
timezone: timezoneParam,
+ limit: z.coerce.number().optional(),
...filterParams,
});
@@ -24,22 +25,15 @@ export async function GET(
}
const { websiteId } = await params;
- const { timezone } = query;
- const { startDate, endDate, unit } = await getRequestDateRange(query);
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const filters = {
- ...(await getRequestFilters(query)),
- startDate,
- endDate,
- timezone,
- unit,
- };
+ const { limit } = query;
+ const filters = await getQueryFilters(query, websiteId);
- const data = await getEventStats(websiteId, filters);
+ const data = await getEventStats(websiteId, { limit }, filters);
return json(data);
}
diff --git a/src/app/api/websites/[websiteId]/events/stats/route.ts b/src/app/api/websites/[websiteId]/events/stats/route.ts
new file mode 100644
index 000000000..fceb97cbd
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/events/stats/route.ts
@@ -0,0 +1,45 @@
+import { getCompareDate } from '@/lib/date';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getWebsiteEventStats } from '@/queries/sql/events/getWebsiteEventStats';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string }> },
+) {
+ const schema = withDateRange({
+ ...filterParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = await params;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const filters = await getQueryFilters(query, websiteId);
+
+ const data = await getWebsiteEventStats(websiteId, filters);
+
+ const { startDate, endDate } = getCompareDate(
+ filters.compare ?? 'prev',
+ filters.startDate,
+ filters.endDate,
+ );
+
+ const comparison = await getWebsiteEventStats(websiteId, {
+ ...filters,
+ startDate,
+ endDate,
+ });
+
+ return json({ data: { ...data, comparison } });
+}
diff --git a/src/app/api/websites/[websiteId]/export/route.ts b/src/app/api/websites/[websiteId]/export/route.ts
index 534fd2298..1beb9bcb2 100644
--- a/src/app/api/websites/[websiteId]/export/route.ts
+++ b/src/app/api/websites/[websiteId]/export/route.ts
@@ -1,19 +1,16 @@
-import { z } from 'zod';
import JSZip from 'jszip';
import Papa from 'papaparse';
-import { getRequestFilters, parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { pagingParams } from '@/lib/schema';
-import { getEventMetrics, getPageviewMetrics, getSessionMetrics } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getEventMetrics, getPageviewMetrics, getSessionMetrics } from '@/queries/sql';
export async function GET(
request: Request,
{ params }: { params: Promise<{ websiteId: string }> },
) {
- const schema = z.object({
- startAt: z.coerce.number().int(),
- endAt: z.coerce.number().int(),
+ const schema = withDateRange({
...pagingParams,
});
@@ -24,29 +21,21 @@ export async function GET(
}
const { websiteId } = await params;
- const { startAt, endAt } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
-
- const filters = {
- ...(await getRequestFilters(query)),
- startDate,
- endDate,
- };
+ const filters = await getQueryFilters(query, websiteId);
const [events, pages, referrers, browsers, os, devices, countries] = await Promise.all([
- getEventMetrics(websiteId, 'event', filters),
- getPageviewMetrics(websiteId, 'url', filters),
- getPageviewMetrics(websiteId, 'referrer', filters),
- getSessionMetrics(websiteId, 'browser', filters),
- getSessionMetrics(websiteId, 'os', filters),
- getSessionMetrics(websiteId, 'device', filters),
- getSessionMetrics(websiteId, 'country', filters),
+ getEventMetrics(websiteId, { type: 'event' }, filters),
+ getPageviewMetrics(websiteId, { type: 'path' }, filters),
+ getPageviewMetrics(websiteId, { type: 'referrer' }, filters),
+ getSessionMetrics(websiteId, { type: 'browser' }, filters),
+ getSessionMetrics(websiteId, { type: 'os' }, filters),
+ getSessionMetrics(websiteId, { type: 'device' }, filters),
+ getSessionMetrics(websiteId, { type: 'country' }, filters),
]);
const zip = new JSZip();
diff --git a/src/app/api/websites/[websiteId]/metrics/expanded/route.ts b/src/app/api/websites/[websiteId]/metrics/expanded/route.ts
new file mode 100644
index 000000000..34ebcd598
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/metrics/expanded/route.ts
@@ -0,0 +1,65 @@
+import { z } from 'zod';
+import { EVENT_COLUMNS, EVENT_TYPE, SESSION_COLUMNS } from '@/lib/constants';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { badRequest, json, unauthorized } from '@/lib/response';
+import { filterParams, searchParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import {
+ getChannelExpandedMetrics,
+ getEventExpandedMetrics,
+ getPageviewExpandedMetrics,
+ getSessionExpandedMetrics,
+} from '@/queries/sql';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string }> },
+) {
+ const schema = withDateRange({
+ type: z.string(),
+ limit: z.coerce.number().optional(),
+ offset: z.coerce.number().optional(),
+ ...searchParams,
+ ...filterParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = await params;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const { type, limit, offset, search } = query;
+ const filters = await getQueryFilters(query, websiteId);
+
+ if (search) {
+ filters[type] = `c.${search}`;
+ }
+
+ if (SESSION_COLUMNS.includes(type)) {
+ const data = await getSessionExpandedMetrics(websiteId, { type, limit, offset }, filters);
+
+ return json(data);
+ }
+
+ if (EVENT_COLUMNS.includes(type)) {
+ if (type === 'event') {
+ filters.eventType = EVENT_TYPE.customEvent;
+ return json(await getEventExpandedMetrics(websiteId, { type, limit, offset }, filters));
+ } else {
+ return json(await getPageviewExpandedMetrics(websiteId, { type, limit, offset }, filters));
+ }
+ }
+
+ if (type === 'channel') {
+ return json(await getChannelExpandedMetrics(websiteId, filters));
+ }
+
+ return badRequest();
+}
diff --git a/src/app/api/websites/[websiteId]/metrics/route.ts b/src/app/api/websites/[websiteId]/metrics/route.ts
index 488f85fcd..c9649ae9a 100644
--- a/src/app/api/websites/[websiteId]/metrics/route.ts
+++ b/src/app/api/websites/[websiteId]/metrics/route.ts
@@ -1,39 +1,25 @@
import { z } from 'zod';
-import thenby from 'thenby';
-import { canViewWebsite } from '@/lib/auth';
-import {
- SESSION_COLUMNS,
- EVENT_COLUMNS,
- FILTER_COLUMNS,
- OPERATORS,
- SEARCH_DOMAINS,
- SOCIAL_DOMAINS,
- EMAIL_DOMAINS,
- SHOPPING_DOMAINS,
- VIDEO_DOMAINS,
- PAID_AD_PARAMS,
-} from '@/lib/constants';
-import { getRequestFilters, getRequestDateRange, parseRequest } from '@/lib/request';
-import { json, unauthorized, badRequest } from '@/lib/response';
+import { EVENT_COLUMNS, EVENT_TYPE, SESSION_COLUMNS } from '@/lib/constants';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { badRequest, json, unauthorized } from '@/lib/response';
+import { filterParams, searchParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
import {
+ getChannelMetrics,
+ getEventMetrics,
getPageviewMetrics,
getSessionMetrics,
- getEventMetrics,
- getChannelMetrics,
-} from '@/queries';
-import { filterParams } from '@/lib/schema';
+} from '@/queries/sql';
export async function GET(
request: Request,
{ params }: { params: Promise<{ websiteId: string }> },
) {
- const schema = z.object({
+ const schema = withDateRange({
type: z.string(),
- startAt: z.coerce.number().int(),
- endAt: z.coerce.number().int(),
limit: z.coerce.number().optional(),
offset: z.coerce.number().optional(),
- search: z.string().optional(),
+ ...searchParams,
...filterParams,
});
@@ -44,135 +30,36 @@ export async function GET(
}
const { websiteId } = await params;
- const { type, limit, offset, search } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const { startDate, endDate } = await getRequestDateRange(query);
- const column = FILTER_COLUMNS[type] || type;
- const filters = {
- ...(await getRequestFilters(query)),
- startDate,
- endDate,
- };
+ const { type, limit, offset, search } = query;
+ const filters = await getQueryFilters(query, websiteId);
if (search) {
- filters[type] = {
- name: type,
- column,
- operator: OPERATORS.contains,
- value: search,
- };
+ filters[type] = `c.${search}`;
}
if (SESSION_COLUMNS.includes(type)) {
- const data = await getSessionMetrics(websiteId, type, filters, limit, offset);
-
- if (type === 'language') {
- const combined = {};
-
- for (const { x, y } of data) {
- const key = String(x).toLowerCase().split('-')[0];
-
- if (combined[key] === undefined) {
- combined[key] = { x: key, y };
- } else {
- combined[key].y += y;
- }
- }
-
- return json(Object.values(combined));
- }
+ const data = await getSessionMetrics(websiteId, { type, limit, offset }, filters);
return json(data);
}
if (EVENT_COLUMNS.includes(type)) {
- let data;
-
if (type === 'event') {
- data = await getEventMetrics(websiteId, type, filters, limit, offset);
+ filters.eventType = EVENT_TYPE.customEvent;
+ return json(await getEventMetrics(websiteId, { type, limit, offset }, filters));
} else {
- data = await getPageviewMetrics(websiteId, type, filters, limit, offset);
+ return json(await getPageviewMetrics(websiteId, { type, limit, offset }, filters));
}
-
- return json(data);
}
if (type === 'channel') {
- const data = await getChannelMetrics(websiteId, filters);
-
- const channels = getChannels(data);
-
- return json(
- Object.keys(channels)
- .map(key => ({ x: key, y: channels[key] }))
- .sort(thenby.firstBy('y', -1)),
- );
+ return json(await getChannelMetrics(websiteId, filters));
}
return badRequest();
}
-
-function getChannels(data: { domain: string; query: string; visitors: number }[]) {
- const channels = {
- direct: 0,
- referral: 0,
- affiliate: 0,
- email: 0,
- sms: 0,
- organicSearch: 0,
- organicSocial: 0,
- organicShopping: 0,
- organicVideo: 0,
- paidAds: 0,
- paidSearch: 0,
- paidSocial: 0,
- paidShopping: 0,
- paidVideo: 0,
- };
-
- const match = (value: string) => {
- return (str: string | RegExp) => {
- return typeof str === 'string' ? value?.includes(str) : (str as RegExp).test(value);
- };
- };
-
- for (const { domain, query, visitors } of data) {
- if (!domain && !query) {
- channels.direct += Number(visitors);
- }
-
- const prefix = /utm_medium=(.*cp.*|ppc|retargeting|paid.*)/.test(query) ? 'paid' : 'organic';
-
- if (PAID_AD_PARAMS.some(match(query))) {
- channels.paidAds += Number(visitors);
- } else if (/utm_medium=(referral|app|link)/.test(query)) {
- channels.referral += Number(visitors);
- } else if (/utm_medium=affiliate/.test(query)) {
- channels.affiliate += Number(visitors);
- } else if (/utm_(source|medium)=sms/.test(query)) {
- channels.sms += Number(visitors);
- } else if (SEARCH_DOMAINS.some(match(domain)) || /utm_medium=organic/.test(query)) {
- channels[`${prefix}Search`] += Number(visitors);
- } else if (
- SOCIAL_DOMAINS.some(match(domain)) ||
- /utm_medium=(social|social-network|social-media|sm|social network|social media)/.test(query)
- ) {
- channels[`${prefix}Social`] += Number(visitors);
- } else if (EMAIL_DOMAINS.some(match(domain)) || /utm_medium=(.*e[-_ ]?mail.*)/.test(query)) {
- channels.email += Number(visitors);
- } else if (
- SHOPPING_DOMAINS.some(match(domain)) ||
- /utm_campaign=(.*(([^a-df-z]|^)shop|shopping).*)/.test(query)
- ) {
- channels[`${prefix}Shopping`] += Number(visitors);
- } else if (VIDEO_DOMAINS.some(match(domain)) || /utm_medium=(.*video.*)/.test(query)) {
- channels[`${prefix}Video`] += Number(visitors);
- }
- }
-
- return channels;
-}
diff --git a/src/app/api/websites/[websiteId]/pageviews/route.ts b/src/app/api/websites/[websiteId]/pageviews/route.ts
index eaa618797..b9945c87b 100644
--- a/src/app/api/websites/[websiteId]/pageviews/route.ts
+++ b/src/app/api/websites/[websiteId]/pageviews/route.ts
@@ -1,21 +1,15 @@
-import { z } from 'zod';
-import { canViewWebsite } from '@/lib/auth';
-import { getRequestFilters, getRequestDateRange, parseRequest } from '@/lib/request';
-import { unitParam, timezoneParam, filterParams } from '@/lib/schema';
import { getCompareDate } from '@/lib/date';
-import { unauthorized, json } from '@/lib/response';
-import { getPageviewStats, getSessionStats } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getPageviewStats, getSessionStats } from '@/queries/sql';
export async function GET(
request: Request,
{ params }: { params: Promise<{ websiteId: string }> },
) {
- const schema = z.object({
- startAt: z.coerce.number().int(),
- endAt: z.coerce.number().int(),
- unit: unitParam,
- timezone: timezoneParam,
- compare: z.string().optional(),
+ const schema = withDateRange({
...filterParams,
});
@@ -26,32 +20,23 @@ export async function GET(
}
const { websiteId } = await params;
- const { timezone, compare } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const { startDate, endDate, unit } = await getRequestDateRange(query);
-
- const filters = {
- ...(await getRequestFilters(query)),
- startDate,
- endDate,
- timezone,
- unit,
- };
+ const filters = await getQueryFilters(query, websiteId);
const [pageviews, sessions] = await Promise.all([
getPageviewStats(websiteId, filters),
getSessionStats(websiteId, filters),
]);
- if (compare) {
+ if (filters.compare) {
const { startDate: compareStartDate, endDate: compareEndDate } = getCompareDate(
- compare,
- startDate,
- endDate,
+ filters.compare,
+ filters.startDate,
+ filters.endDate,
);
const [comparePageviews, compareSessions] = await Promise.all([
@@ -70,8 +55,8 @@ export async function GET(
return json({
pageviews,
sessions,
- startDate,
- endDate,
+ startDate: filters.startDate,
+ endDate: filters.endDate,
compare: {
pageviews: comparePageviews,
sessions: compareSessions,
diff --git a/src/app/api/websites/[websiteId]/replays/[replayId]/route.ts b/src/app/api/websites/[websiteId]/replays/[replayId]/route.ts
new file mode 100644
index 000000000..eb030c163
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/replays/[replayId]/route.ts
@@ -0,0 +1,37 @@
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { canViewWebsite } from '@/permissions';
+import { getReplayChunks } from '@/queries/sql';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string; replayId: string }> },
+) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId, replayId } = await params;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const chunks = await getReplayChunks(websiteId, replayId);
+
+ const allEvents = chunks.flatMap(chunk => chunk.events);
+ const sessionId = chunks.length > 0 ? chunks[0].sessionId : null;
+ const startedAt = chunks.length > 0 ? chunks[0].startedAt : null;
+ const endedAt = chunks.length > 0 ? chunks[chunks.length - 1].endedAt : null;
+
+ return json({
+ sessionId,
+ events: allEvents,
+ startedAt,
+ endedAt,
+ eventCount: allEvents.length,
+ chunkCount: chunks.length,
+ });
+}
diff --git a/src/app/api/websites/[websiteId]/replays/route.ts b/src/app/api/websites/[websiteId]/replays/route.ts
new file mode 100644
index 000000000..fb38a0178
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/replays/route.ts
@@ -0,0 +1,34 @@
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, pagingParams, searchParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getSessionReplays } from '@/queries/sql';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string }> },
+) {
+ const schema = withDateRange({
+ ...filterParams,
+ ...pagingParams,
+ ...searchParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = await params;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const filters = await getQueryFilters(query, websiteId);
+
+ const data = await getSessionReplays(websiteId, filters);
+
+ return json(data);
+}
diff --git a/src/app/api/websites/[websiteId]/replays/saved/[replayId]/route.ts b/src/app/api/websites/[websiteId]/replays/saved/[replayId]/route.ts
new file mode 100644
index 000000000..2212d9d08
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/replays/saved/[replayId]/route.ts
@@ -0,0 +1,60 @@
+import { z } from 'zod';
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { canUpdateWebsite, canViewWebsite } from '@/permissions';
+import {
+ createReplaySaved,
+ deleteReplaySaved,
+ getReplaySaved,
+} from '@/queries/prisma/sessionReplay';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string; replayId: string }> },
+) {
+ const { auth, error } = await parseRequest(request);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId, replayId } = await params;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const isSaved = await getReplaySaved(websiteId, replayId);
+
+ return json({ isSaved });
+}
+
+export async function POST(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string; replayId: string }> },
+) {
+ const schema = z.object({
+ isSaved: z.boolean(),
+ name: z.string().max(100).optional(),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId, replayId } = await params;
+
+ if (!(await canUpdateWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ if (body.isSaved) {
+ await createReplaySaved(websiteId, replayId, body.name ?? '');
+ } else {
+ await deleteReplaySaved(websiteId, replayId);
+ }
+
+ return json({ ok: true });
+}
diff --git a/src/app/api/websites/[websiteId]/replays/saved/route.ts b/src/app/api/websites/[websiteId]/replays/saved/route.ts
new file mode 100644
index 000000000..aca134d2c
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/replays/saved/route.ts
@@ -0,0 +1,32 @@
+import { z } from 'zod';
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getSavedReplays } from '@/queries/prisma/sessionReplay';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string }> },
+) {
+ const schema = z.object({
+ ...pagingParams,
+ ...searchParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = await params;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const data = await getSavedReplays(websiteId, query);
+
+ return json(data);
+}
diff --git a/src/app/api/websites/[websiteId]/reports/route.ts b/src/app/api/websites/[websiteId]/reports/route.ts
index c6941f537..0e4e404ec 100644
--- a/src/app/api/websites/[websiteId]/reports/route.ts
+++ b/src/app/api/websites/[websiteId]/reports/route.ts
@@ -1,15 +1,16 @@
import { z } from 'zod';
-import { canViewWebsite } from '@/lib/auth';
-import { getWebsiteReports } from '@/queries';
-import { pagingParams } from '@/lib/schema';
import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, reportTypeParam } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getReports } from '@/queries/prisma';
export async function GET(
request: Request,
{ params }: { params: Promise<{ websiteId: string }> },
) {
const schema = z.object({
+ type: reportTypeParam.optional(),
...pagingParams,
});
@@ -20,17 +21,25 @@ export async function GET(
}
const { websiteId } = await params;
- const { page, pageSize, search } = query;
+ const { type, page, pageSize, search } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const data = await getWebsiteReports(websiteId, {
- page: +page,
- pageSize: +pageSize,
- search,
- });
+ const data = await getReports(
+ {
+ where: {
+ websiteId,
+ type,
+ },
+ },
+ {
+ page,
+ pageSize,
+ search,
+ },
+ );
return json(data);
}
diff --git a/src/app/api/websites/[websiteId]/reset/route.ts b/src/app/api/websites/[websiteId]/reset/route.ts
index 62edceeae..e0be5a53e 100644
--- a/src/app/api/websites/[websiteId]/reset/route.ts
+++ b/src/app/api/websites/[websiteId]/reset/route.ts
@@ -1,7 +1,7 @@
-import { canUpdateWebsite } from '@/lib/auth';
-import { resetWebsite } from '@/queries';
-import { unauthorized, ok } from '@/lib/response';
import { parseRequest } from '@/lib/request';
+import { ok, unauthorized } from '@/lib/response';
+import { canUpdateWebsite } from '@/permissions';
+import { resetWebsite } from '@/queries/prisma';
export async function POST(
request: Request,
diff --git a/src/app/api/websites/[websiteId]/revenue/sessions/route.ts b/src/app/api/websites/[websiteId]/revenue/sessions/route.ts
new file mode 100644
index 000000000..78fad488e
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/revenue/sessions/route.ts
@@ -0,0 +1,37 @@
+import { z } from 'zod';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, pagingParams, searchParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getRevenueSessions } from '@/queries/sql/reports/getRevenueSessions';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string }> },
+) {
+ const schema = withDateRange({
+ currency: z.string(),
+ ...filterParams,
+ ...pagingParams,
+ ...searchParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = await params;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const { currency, ...rest } = query;
+ const filters = await getQueryFilters(rest, websiteId);
+
+ const data = await getRevenueSessions(websiteId, currency, filters);
+
+ return json(data);
+}
diff --git a/src/app/api/websites/[websiteId]/route.ts b/src/app/api/websites/[websiteId]/route.ts
index 4f8763b56..c74d018a3 100644
--- a/src/app/api/websites/[websiteId]/route.ts
+++ b/src/app/api/websites/[websiteId]/route.ts
@@ -1,9 +1,17 @@
import { z } from 'zod';
-import { canUpdateWebsite, canDeleteWebsite, canViewWebsite } from '@/lib/auth';
-import { SHARE_ID_REGEX } from '@/lib/constants';
+import { ENTITY_TYPE } from '@/lib/constants';
+import { uuid } from '@/lib/crypto';
import { parseRequest } from '@/lib/request';
-import { ok, json, unauthorized, serverError } from '@/lib/response';
-import { deleteWebsite, getWebsite, updateWebsite } from '@/queries';
+import { badRequest, json, ok, serverError, unauthorized } from '@/lib/response';
+import { canDeleteWebsite, canUpdateWebsite, canViewWebsite } from '@/permissions';
+import {
+ createShare,
+ deleteSharesByEntityId,
+ deleteWebsite,
+ getShareByEntityId,
+ getWebsite,
+ updateWebsite,
+} from '@/queries/prisma';
export async function GET(
request: Request,
@@ -33,7 +41,17 @@ export async function POST(
const schema = z.object({
name: z.string().optional(),
domain: z.string().optional(),
- shareId: z.string().regex(SHARE_ID_REGEX).nullable().optional(),
+ shareId: z.string().max(50).nullable().optional(),
+ replayEnabled: z.boolean().optional(),
+ replayConfig: z
+ .object({
+ sampleRate: z.number().min(0).max(1).optional(),
+ maskLevel: z.enum(['strict', 'moderate']).optional(),
+ maxDuration: z.number().int().positive().optional(),
+ blockSelector: z.string().optional(),
+ })
+ .nullable()
+ .optional(),
});
const { auth, body, error } = await parseRequest(request, schema);
@@ -43,19 +61,42 @@ export async function POST(
}
const { websiteId } = await params;
- const { name, domain, shareId } = body;
+ const { name, domain, shareId, replayEnabled, replayConfig } = body;
if (!(await canUpdateWebsite(auth, websiteId))) {
return unauthorized();
}
try {
- const website = await updateWebsite(websiteId, { name, domain, shareId });
+ const website = await updateWebsite(websiteId, {
+ name,
+ domain,
+ ...(replayEnabled !== undefined && { replayEnabled }),
+ ...(replayConfig !== undefined && { replayConfig }),
+ });
- return Response.json(website);
+ if (shareId === null) {
+ await deleteSharesByEntityId(website.id);
+ }
+
+ const share = shareId
+ ? await createShare({
+ id: uuid(),
+ entityId: websiteId,
+ shareType: ENTITY_TYPE.website,
+ name: website.name,
+ slug: shareId,
+ parameters: { overview: true, events: true },
+ })
+ : await getShareByEntityId(websiteId);
+
+ return json({
+ ...website,
+ shareId: share?.slug ?? null,
+ });
} catch (e: any) {
- if (e.message.includes('Unique constraint') && e.message.includes('share_id')) {
- return serverError(new Error('That share ID is already taken.'));
+ if (e.message.toLowerCase().includes('unique constraint')) {
+ return badRequest({ message: 'That share ID is already taken.' });
}
return serverError(e);
diff --git a/src/app/api/websites/[websiteId]/segments/[segmentId]/route.ts b/src/app/api/websites/[websiteId]/segments/[segmentId]/route.ts
index fd2442cbc..045125550 100644
--- a/src/app/api/websites/[websiteId]/segments/[segmentId]/route.ts
+++ b/src/app/api/websites/[websiteId]/segments/[segmentId]/route.ts
@@ -1,9 +1,9 @@
-import { canDeleteWebsite, canUpdateWebsite, canViewWebsite } from '@/lib/auth';
+import { z } from 'zod';
import { parseRequest } from '@/lib/request';
import { json, notFound, ok, unauthorized } from '@/lib/response';
-import { segmentTypeParam } from '@/lib/schema';
-import { deleteSegment, getSegment, updateSegment } from '@/queries';
-import { z } from 'zod';
+import { anyObjectParam, segmentTypeParam } from '@/lib/schema';
+import { canDeleteWebsite, canUpdateWebsite, canViewWebsite } from '@/permissions';
+import { deleteSegment, getWebsiteSegment, updateSegment } from '@/queries/prisma';
export async function GET(
request: Request,
@@ -17,12 +17,16 @@ export async function GET(
const { websiteId, segmentId } = await params;
- const segment = await getSegment(segmentId);
-
- if (websiteId && !(await canViewWebsite(auth, websiteId))) {
+ if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
+ const segment = await getWebsiteSegment(websiteId, segmentId);
+
+ if (!segment) {
+ return notFound();
+ }
+
return json(segment);
}
@@ -33,7 +37,7 @@ export async function POST(
const schema = z.object({
type: segmentTypeParam,
name: z.string().max(200),
- parameters: z.object({}).passthrough(),
+ parameters: anyObjectParam,
});
const { auth, body, error } = await parseRequest(request, schema);
@@ -45,16 +49,16 @@ export async function POST(
const { websiteId, segmentId } = await params;
const { type, name, parameters } = body;
- const segment = await getSegment(segmentId);
+ if (!(await canUpdateWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const segment = await getWebsiteSegment(websiteId, segmentId);
if (!segment) {
return notFound();
}
- if (!(await canUpdateWebsite(auth, websiteId))) {
- return unauthorized();
- }
-
const result = await updateSegment(segmentId, {
type,
name,
@@ -76,16 +80,16 @@ export async function DELETE(
const { websiteId, segmentId } = await params;
- const segment = await getSegment(segmentId);
+ if (!(await canDeleteWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const segment = await getWebsiteSegment(websiteId, segmentId);
if (!segment) {
return notFound();
}
- if (!(await canDeleteWebsite(auth, websiteId))) {
- return unauthorized();
- }
-
await deleteSegment(segmentId);
return ok();
diff --git a/src/app/api/websites/[websiteId]/segments/route.ts b/src/app/api/websites/[websiteId]/segments/route.ts
index 2cf8388fe..db34193ed 100644
--- a/src/app/api/websites/[websiteId]/segments/route.ts
+++ b/src/app/api/websites/[websiteId]/segments/route.ts
@@ -1,10 +1,10 @@
-import { canUpdateWebsite, canViewWebsite } from '@/lib/auth';
-import { uuid } from '@/lib/crypto';
-import { parseRequest } from '@/lib/request';
-import { json, unauthorized } from '@/lib/response';
-import { segmentTypeParam } from '@/lib/schema';
-import { createSegment, getWebsiteSegments } from '@/queries';
import { z } from 'zod';
+import { uuid } from '@/lib/crypto';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { searchParams, segmentParamSchema, segmentTypeParam } from '@/lib/schema';
+import { canUpdateWebsite, canViewWebsite } from '@/permissions';
+import { createSegment, getWebsiteSegments } from '@/queries/prisma';
export async function GET(
request: Request,
@@ -12,6 +12,7 @@ export async function GET(
) {
const schema = z.object({
type: segmentTypeParam,
+ ...searchParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -27,7 +28,9 @@ export async function GET(
return unauthorized();
}
- const segments = await getWebsiteSegments(websiteId, type);
+ const filters = await getQueryFilters(query);
+
+ const segments = await getWebsiteSegments(websiteId, type, filters);
return json(segments);
}
@@ -39,7 +42,7 @@ export async function POST(
const schema = z.object({
type: segmentTypeParam,
name: z.string().max(200),
- parameters: z.object({}).passthrough(),
+ parameters: segmentParamSchema,
});
const { auth, body, error } = await parseRequest(request, schema);
diff --git a/src/app/api/websites/[websiteId]/session-data/properties/route.ts b/src/app/api/websites/[websiteId]/session-data/properties/route.ts
index a6d9e2a4a..2d8db1535 100644
--- a/src/app/api/websites/[websiteId]/session-data/properties/route.ts
+++ b/src/app/api/websites/[websiteId]/session-data/properties/route.ts
@@ -1,8 +1,9 @@
import { z } from 'zod';
-import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { getSessionDataProperties } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getSessionDataProperties } from '@/queries/sql';
export async function GET(
request: Request,
@@ -11,7 +12,7 @@ export async function GET(
const schema = z.object({
startAt: z.coerce.number().int(),
endAt: z.coerce.number().int(),
- propertyName: z.string().optional(),
+ ...filterParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -20,17 +21,15 @@ export async function GET(
return error();
}
- const { startAt, endAt, propertyName } = query;
const { websiteId } = await params;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const filters = await getQueryFilters(query, websiteId);
- const data = await getSessionDataProperties(websiteId, { startDate, endDate, propertyName });
+ const data = await getSessionDataProperties(websiteId, filters);
return json(data);
}
diff --git a/src/app/api/websites/[websiteId]/session-data/values/route.ts b/src/app/api/websites/[websiteId]/session-data/values/route.ts
index d950da340..7d06870ac 100644
--- a/src/app/api/websites/[websiteId]/session-data/values/route.ts
+++ b/src/app/api/websites/[websiteId]/session-data/values/route.ts
@@ -1,8 +1,9 @@
-import { canViewWebsite } from '@/lib/auth';
-import { parseRequest } from '@/lib/request';
-import { json, unauthorized } from '@/lib/response';
-import { getSessionDataValues } from '@/queries';
import { z } from 'zod';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getSessionDataValues } from '@/queries/sql';
export async function GET(
request: Request,
@@ -12,6 +13,7 @@ export async function GET(
startAt: z.coerce.number().int(),
endAt: z.coerce.number().int(),
propertyName: z.string().optional(),
+ ...filterParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -20,19 +22,17 @@ export async function GET(
return error();
}
- const { startAt, endAt, propertyName } = query;
const { websiteId } = await params;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const { propertyName } = query;
+ const filters = await getQueryFilters(query, websiteId);
const data = await getSessionDataValues(websiteId, {
- startDate,
- endDate,
+ ...filters,
propertyName,
});
diff --git a/src/app/api/websites/[websiteId]/sessions/[sessionId]/activity/route.ts b/src/app/api/websites/[websiteId]/sessions/[sessionId]/activity/route.ts
index aac40c38f..41b766d03 100644
--- a/src/app/api/websites/[websiteId]/sessions/[sessionId]/activity/route.ts
+++ b/src/app/api/websites/[websiteId]/sessions/[sessionId]/activity/route.ts
@@ -1,8 +1,8 @@
import { z } from 'zod';
-import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { getSessionActivity } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { canViewWebsite } from '@/permissions';
+import { getSessionActivity } from '@/queries/sql';
export async function GET(
request: Request,
@@ -20,16 +20,14 @@ export async function GET(
}
const { websiteId, sessionId } = await params;
- const { startAt, endAt } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const filters = await getQueryFilters(query, websiteId);
- const data = await getSessionActivity(websiteId, sessionId, startDate, endDate);
+ const data = await getSessionActivity(websiteId, sessionId, filters);
return json(data);
}
diff --git a/src/app/api/websites/[websiteId]/sessions/[sessionId]/properties/route.ts b/src/app/api/websites/[websiteId]/sessions/[sessionId]/properties/route.ts
index 9c389c827..6b5c2418a 100644
--- a/src/app/api/websites/[websiteId]/sessions/[sessionId]/properties/route.ts
+++ b/src/app/api/websites/[websiteId]/sessions/[sessionId]/properties/route.ts
@@ -1,7 +1,7 @@
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { getSessionData } from '@/queries';
import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { canViewWebsite } from '@/permissions';
+import { getSessionData } from '@/queries/sql';
export async function GET(
request: Request,
diff --git a/src/app/api/websites/[websiteId]/sessions/[sessionId]/replays/route.ts b/src/app/api/websites/[websiteId]/sessions/[sessionId]/replays/route.ts
new file mode 100644
index 000000000..b71ff46a9
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/sessions/[sessionId]/replays/route.ts
@@ -0,0 +1,33 @@
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getSessionReplays } from '@/queries/sql';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string; sessionId: string }> },
+) {
+ const schema = withDateRange({
+ ...pagingParams,
+ ...searchParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId, sessionId } = await params;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const filters = await getQueryFilters(query, websiteId);
+
+ const data = await getSessionReplays(websiteId, filters, sessionId);
+
+ return json(data);
+}
diff --git a/src/app/api/websites/[websiteId]/sessions/[sessionId]/route.ts b/src/app/api/websites/[websiteId]/sessions/[sessionId]/route.ts
index c4621ef42..109166370 100644
--- a/src/app/api/websites/[websiteId]/sessions/[sessionId]/route.ts
+++ b/src/app/api/websites/[websiteId]/sessions/[sessionId]/route.ts
@@ -1,7 +1,7 @@
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { getWebsiteSession } from '@/queries';
import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { canViewWebsite } from '@/permissions';
+import { getWebsiteSession } from '@/queries/sql';
export async function GET(
request: Request,
diff --git a/src/app/api/websites/[websiteId]/sessions/route.ts b/src/app/api/websites/[websiteId]/sessions/route.ts
index 5a14f00f7..88199aff9 100644
--- a/src/app/api/websites/[websiteId]/sessions/route.ts
+++ b/src/app/api/websites/[websiteId]/sessions/route.ts
@@ -1,18 +1,17 @@
-import { z } from 'zod';
-import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { pagingParams } from '@/lib/schema';
-import { getWebsiteSessions } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, pagingParams, searchParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getWebsiteSessions } from '@/queries/sql';
export async function GET(
request: Request,
{ params }: { params: Promise<{ websiteId: string }> },
) {
- const schema = z.object({
- startAt: z.coerce.number().int(),
- endAt: z.coerce.number().int(),
+ const schema = withDateRange({
+ ...filterParams,
...pagingParams,
+ ...searchParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -22,16 +21,14 @@ export async function GET(
}
const { websiteId } = await params;
- const { startAt, endAt } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const filters = await getQueryFilters(query, websiteId);
- const data = await getWebsiteSessions(websiteId, { startDate, endDate }, query);
+ const data = await getWebsiteSessions(websiteId, filters);
return json(data);
}
diff --git a/src/app/api/websites/[websiteId]/sessions/stats/route.ts b/src/app/api/websites/[websiteId]/sessions/stats/route.ts
index 8ea62ae89..459830edf 100644
--- a/src/app/api/websites/[websiteId]/sessions/stats/route.ts
+++ b/src/app/api/websites/[websiteId]/sessions/stats/route.ts
@@ -1,9 +1,9 @@
import { z } from 'zod';
-import { parseRequest, getRequestDateRange, getRequestFilters } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
import { filterParams } from '@/lib/schema';
-import { getWebsiteSessionStats } from '@/queries';
+import { canViewWebsite } from '@/permissions';
+import { getWebsiteSessionStats } from '@/queries/sql';
export async function GET(
request: Request,
@@ -27,15 +27,9 @@ export async function GET(
return unauthorized();
}
- const { startDate, endDate } = await getRequestDateRange(query);
+ const filters = await getQueryFilters(query, websiteId);
- const filters = await getRequestFilters(query);
-
- const metrics = await getWebsiteSessionStats(websiteId, {
- ...filters,
- startDate,
- endDate,
- });
+ const metrics = await getWebsiteSessionStats(websiteId, filters);
const data = Object.keys(metrics[0]).reduce((obj, key) => {
obj[key] = {
diff --git a/src/app/api/websites/[websiteId]/sessions/weekly/route.ts b/src/app/api/websites/[websiteId]/sessions/weekly/route.ts
index 20be378d7..b9ccf3ef0 100644
--- a/src/app/api/websites/[websiteId]/sessions/weekly/route.ts
+++ b/src/app/api/websites/[websiteId]/sessions/weekly/route.ts
@@ -1,9 +1,9 @@
import { z } from 'zod';
-import { parseRequest } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
-import { pagingParams, timezoneParam } from '@/lib/schema';
-import { getWebsiteSessionsWeekly } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, timezoneParam } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getWeeklyTraffic } from '@/queries/sql';
export async function GET(
request: Request,
@@ -13,7 +13,7 @@ export async function GET(
startAt: z.coerce.number().int(),
endAt: z.coerce.number().int(),
timezone: timezoneParam,
- ...pagingParams,
+ ...filterParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -23,16 +23,14 @@ export async function GET(
}
const { websiteId } = await params;
- const { startAt, endAt, timezone } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const startDate = new Date(+startAt);
- const endDate = new Date(+endAt);
+ const filters = await getQueryFilters(query, websiteId);
- const data = await getWebsiteSessionsWeekly(websiteId, { startDate, endDate, timezone });
+ const data = await getWeeklyTraffic(websiteId, filters);
return json(data);
}
diff --git a/src/app/api/websites/[websiteId]/shares/route.ts b/src/app/api/websites/[websiteId]/shares/route.ts
new file mode 100644
index 000000000..65d53771d
--- /dev/null
+++ b/src/app/api/websites/[websiteId]/shares/route.ts
@@ -0,0 +1,77 @@
+import { z } from 'zod';
+import { ENTITY_TYPE } from '@/lib/constants';
+import { uuid } from '@/lib/crypto';
+import { getRandomChars } from '@/lib/generate';
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { anyObjectParam, filterParams, pagingParams } from '@/lib/schema';
+import { canUpdateWebsite, canViewWebsite } from '@/permissions';
+import { createShare, getSharesByEntityId } from '@/queries/prisma';
+
+export async function GET(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string }> },
+) {
+ const schema = z.object({
+ ...filterParams,
+ ...pagingParams,
+ });
+
+ const { auth, query, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = await params;
+ const { page, pageSize, search } = query;
+
+ if (!(await canViewWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const data = await getSharesByEntityId(websiteId, {
+ page,
+ pageSize,
+ search,
+ });
+
+ return json(data);
+}
+
+export async function POST(
+ request: Request,
+ { params }: { params: Promise<{ websiteId: string }> },
+) {
+ const schema = z.object({
+ name: z.string().max(200),
+ parameters: anyObjectParam.optional(),
+ });
+
+ const { auth, body, error } = await parseRequest(request, schema);
+
+ if (error) {
+ return error();
+ }
+
+ const { websiteId } = await params;
+ const { name, parameters } = body;
+ const shareParameters = parameters ?? {};
+
+ if (!(await canUpdateWebsite(auth, websiteId))) {
+ return unauthorized();
+ }
+
+ const slug = getRandomChars(16);
+
+ const share = await createShare({
+ id: uuid(),
+ entityId: websiteId,
+ shareType: ENTITY_TYPE.website,
+ name,
+ slug,
+ parameters: shareParameters,
+ });
+
+ return json(share);
+}
diff --git a/src/app/api/websites/[websiteId]/stats/route.ts b/src/app/api/websites/[websiteId]/stats/route.ts
index ffe9a3672..bb060e41f 100644
--- a/src/app/api/websites/[websiteId]/stats/route.ts
+++ b/src/app/api/websites/[websiteId]/stats/route.ts
@@ -1,19 +1,15 @@
-import { z } from 'zod';
-import { parseRequest, getRequestDateRange, getRequestFilters } from '@/lib/request';
-import { unauthorized, json } from '@/lib/response';
-import { canViewWebsite } from '@/lib/auth';
import { getCompareDate } from '@/lib/date';
-import { filterParams } from '@/lib/schema';
-import { getWebsiteStats } from '@/queries';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { filterParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getWebsiteStats } from '@/queries/sql';
export async function GET(
request: Request,
{ params }: { params: Promise<{ websiteId: string }> },
) {
- const schema = z.object({
- startAt: z.coerce.number().int(),
- endAt: z.coerce.number().int(),
- compare: z.string().optional(),
+ const schema = withDateRange({
...filterParams,
});
@@ -24,40 +20,26 @@ export async function GET(
}
const { websiteId } = await params;
- const { compare } = query;
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- const { startDate, endDate } = await getRequestDateRange(query);
- const { startDate: compareStartDate, endDate: compareEndDate } = getCompareDate(
- compare,
- startDate,
- endDate,
+ const filters = await getQueryFilters(query, websiteId);
+
+ const data = await getWebsiteStats(websiteId, filters);
+
+ const { startDate, endDate } = getCompareDate(
+ filters.compare ?? 'prev',
+ filters.startDate,
+ filters.endDate,
);
- const filters = await getRequestFilters(query);
-
- const metrics = await getWebsiteStats(websiteId, {
+ const comparison = await getWebsiteStats(websiteId, {
...filters,
startDate,
endDate,
});
- const prevPeriod = await getWebsiteStats(websiteId, {
- ...filters,
- startDate: compareStartDate,
- endDate: compareEndDate,
- });
-
- const stats = Object.keys(metrics[0]).reduce((obj, key) => {
- obj[key] = {
- value: Number(metrics[0][key]) || 0,
- prev: Number(prevPeriod[0][key]) || 0,
- };
- return obj;
- }, {});
-
- return json(stats);
+ return json({ ...data, comparison });
}
diff --git a/src/app/api/websites/[websiteId]/transfer/route.ts b/src/app/api/websites/[websiteId]/transfer/route.ts
index 03c0ae7f4..df2fed20d 100644
--- a/src/app/api/websites/[websiteId]/transfer/route.ts
+++ b/src/app/api/websites/[websiteId]/transfer/route.ts
@@ -1,16 +1,16 @@
import { z } from 'zod';
-import { canTransferWebsiteToTeam, canTransferWebsiteToUser } from '@/lib/auth';
-import { updateWebsite } from '@/queries';
import { parseRequest } from '@/lib/request';
-import { badRequest, unauthorized, json } from '@/lib/response';
+import { badRequest, json, unauthorized } from '@/lib/response';
+import { canTransferWebsiteToTeam, canTransferWebsiteToUser } from '@/permissions';
+import { updateWebsite } from '@/queries/prisma';
export async function POST(
request: Request,
{ params }: { params: Promise<{ websiteId: string }> },
) {
const schema = z.object({
- userId: z.string().uuid().optional(),
- teamId: z.string().uuid().optional(),
+ userId: z.uuid().optional(),
+ teamId: z.uuid().optional(),
});
const { auth, body, error } = await parseRequest(request, schema);
diff --git a/src/app/api/websites/[websiteId]/values/route.ts b/src/app/api/websites/[websiteId]/values/route.ts
index 561c62fe3..f07e60f3d 100644
--- a/src/app/api/websites/[websiteId]/values/route.ts
+++ b/src/app/api/websites/[websiteId]/values/route.ts
@@ -1,19 +1,18 @@
-import { canViewWebsite } from '@/lib/auth';
-import { EVENT_COLUMNS, FILTER_COLUMNS, FILTER_GROUPS, SESSION_COLUMNS } from '@/lib/constants';
-import { getRequestDateRange, parseRequest } from '@/lib/request';
+import { EVENT_COLUMNS, FILTER_COLUMNS, SEGMENT_TYPES, SESSION_COLUMNS } from '@/lib/constants';
+import { getQueryFilters, parseRequest } from '@/lib/request';
import { badRequest, json, unauthorized } from '@/lib/response';
-import { getWebsiteSegments, getValues } from '@/queries';
-import { z } from 'zod';
+import { fieldsParam, searchParams, withDateRange } from '@/lib/schema';
+import { canViewWebsite } from '@/permissions';
+import { getWebsiteSegments } from '@/queries/prisma';
+import { getValues } from '@/queries/sql';
export async function GET(
request: Request,
{ params }: { params: Promise<{ websiteId: string }> },
) {
- const schema = z.object({
- type: z.string(),
- startAt: z.coerce.number().int(),
- endAt: z.coerce.number().int(),
- search: z.string().optional(),
+ const schema = withDateRange({
+ type: fieldsParam,
+ ...searchParams,
});
const { auth, query, error } = await parseRequest(request, schema);
@@ -23,23 +22,26 @@ export async function GET(
}
const { websiteId } = await params;
- const { type, search } = query;
- const { startDate, endDate } = await getRequestDateRange(query);
if (!(await canViewWebsite(auth, websiteId))) {
return unauthorized();
}
- if (!SESSION_COLUMNS.includes(type) && !EVENT_COLUMNS.includes(type) && !FILTER_GROUPS[type]) {
- return badRequest('Invalid type.');
+ const { type } = query;
+
+ if (!SESSION_COLUMNS.includes(type) && !EVENT_COLUMNS.includes(type) && !SEGMENT_TYPES[type]) {
+ return badRequest();
}
- let values;
+ let values: any[];
- if (FILTER_GROUPS[type]) {
- values = (await getWebsiteSegments(websiteId, type)).map(segment => ({ value: segment.name }));
+ if (SEGMENT_TYPES[type]) {
+ values = (await getWebsiteSegments(websiteId, type))?.data?.map(segment => ({
+ value: segment.name,
+ }));
} else {
- values = await getValues(websiteId, FILTER_COLUMNS[type], startDate, endDate, search);
+ const filters = await getQueryFilters(query, websiteId);
+ values = await getValues(websiteId, FILTER_COLUMNS[type], filters);
}
return json(values.filter(n => n).sort());
diff --git a/src/app/api/websites/route.ts b/src/app/api/websites/route.ts
index 7a2146f87..d54aeac62 100644
--- a/src/app/api/websites/route.ts
+++ b/src/app/api/websites/route.ts
@@ -1,13 +1,22 @@
import { z } from 'zod';
-import { canCreateTeamWebsite, canCreateWebsite } from '@/lib/auth';
-import { json, unauthorized } from '@/lib/response';
+import { ENTITY_TYPE } from '@/lib/constants';
import { uuid } from '@/lib/crypto';
-import { parseRequest } from '@/lib/request';
-import { createWebsite, getUserWebsites } from '@/queries';
-import { pagingParams } from '@/lib/schema';
+import { fetchAccount } from '@/lib/load';
+import { getQueryFilters, parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { pagingParams, searchParams } from '@/lib/schema';
+import { canCreateTeamWebsite, canCreateWebsite } from '@/permissions';
+import { createShare, createWebsite, getWebsiteCount } from '@/queries/prisma';
+import { getAllUserWebsitesIncludingTeamOwner, getUserWebsites } from '@/queries/prisma/website';
+
+const CLOUD_WEBSITE_LIMIT = 3;
export async function GET(request: Request) {
- const schema = z.object({ ...pagingParams });
+ const schema = z.object({
+ ...pagingParams,
+ ...searchParams,
+ includeTeams: z.string().optional(),
+ });
const { auth, query, error } = await parseRequest(request, schema);
@@ -15,9 +24,15 @@ export async function GET(request: Request) {
return error();
}
- const websites = await getUserWebsites(auth.user.id, query);
+ const userId = auth.user.id;
- return json(websites);
+ const filters = await getQueryFilters(query);
+
+ if (query.includeTeams) {
+ return json(await getAllUserWebsitesIncludingTeamOwner(userId, filters));
+ }
+
+ return json(await getUserWebsites(userId, filters));
}
export async function POST(request: Request) {
@@ -25,8 +40,8 @@ export async function POST(request: Request) {
name: z.string().max(100),
domain: z.string().max(500),
shareId: z.string().max(50).nullable().optional(),
- teamId: z.string().nullable().optional(),
- id: z.string().uuid().nullable().optional(),
+ teamId: z.uuid().nullable().optional(),
+ id: z.uuid().nullable().optional(),
});
const { auth, body, error } = await parseRequest(request, schema);
@@ -37,6 +52,18 @@ export async function POST(request: Request) {
const { id, name, domain, shareId, teamId } = body;
+ if (process.env.CLOUD_MODE && !teamId) {
+ const account = await fetchAccount(auth.user.id);
+
+ if (!account?.hasSubscription) {
+ const count = await getWebsiteCount(auth.user.id);
+
+ if (count >= CLOUD_WEBSITE_LIMIT) {
+ return unauthorized({ message: 'Website limit reached.' });
+ }
+ }
+ }
+
if ((teamId && !(await canCreateTeamWebsite(auth, teamId))) || !(await canCreateWebsite(auth))) {
return unauthorized();
}
@@ -46,7 +73,6 @@ export async function POST(request: Request) {
createdBy: auth.user.id,
name,
domain,
- shareId,
teamId,
};
@@ -56,5 +82,19 @@ export async function POST(request: Request) {
const website = await createWebsite(data);
- return json(website);
+ const share = shareId
+ ? await createShare({
+ id: uuid(),
+ entityId: website.id,
+ shareType: ENTITY_TYPE.website,
+ name: website.name,
+ slug: shareId,
+ parameters: { overview: true, events: true },
+ })
+ : null;
+
+ return json({
+ ...website,
+ shareId: share?.slug ?? null,
+ });
}
diff --git a/src/app/global.css b/src/app/global.css
new file mode 100644
index 000000000..cbf11ae67
--- /dev/null
+++ b/src/app/global.css
@@ -0,0 +1,75 @@
+:root {
+ --font-family: var(--font-inter), sans-serif;
+ --primary: oklch(62.3% 0.214 259.815);
+ --primary-foreground: oklch(98.5% 0 0);
+}
+
+html,
+body {
+ font-family: var(--font-family), sans-serif;
+ font-size: 14px;
+ color: var(--text-primary);
+ background-color: var(--surface-raised);
+ width: 100%;
+ min-height: 100vh;
+}
+
+html[style*="padding-right"] {
+ padding-right: 0 !important;
+}
+
+::-webkit-scrollbar {
+ width: 15px;
+ background: transparent;
+}
+
+::-webkit-scrollbar-track {
+ border: 7px solid rgba(0, 0, 0, 0);
+ background-color: var(--border-default);
+ background-clip: padding-box;
+}
+
+::-webkit-scrollbar-thumb {
+ border: 7px solid rgba(0, 0, 0, 0);
+ background-color: var(--text-disabled);
+ border-radius: var(--border-radius-full);
+ background-clip: padding-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ border: 4px solid rgba(0, 0, 0, 0);
+ background-clip: padding-box;
+}
+
+/* Fix autofill background color to match dark theme */
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active,
+textarea:-webkit-autofill,
+textarea:-webkit-autofill:hover,
+textarea:-webkit-autofill:focus,
+select:-webkit-autofill,
+select:-webkit-autofill:hover,
+select:-webkit-autofill:focus {
+ -webkit-box-shadow: 0 0 0 1000px var(--background-color) inset !important;
+ transition: color 5000s ease-in-out 0s;
+}
+
+/* Code snippet textareas */
+.code-textarea textarea {
+ min-height: 100px;
+}
+
+/* rrweb-player overrides */
+.rr-controller__btns {
+ gap: 8px;
+}
+
+[data-theme="dark"] .rr-controller__btns button {
+ color: black;
+}
+
+[data-theme="dark"] .rr-controller__btns .label {
+ color: black;
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e939f8c44..0cd4363b5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,17 @@
-import { Metadata } from 'next';
-import Providers from './Providers';
-import '@fontsource/inter/300.css';
-import '@fontsource/inter/400.css';
-import '@fontsource/inter/500.css';
-import '@fontsource/inter/700.css';
-import 'react-basics/dist/styles.css';
-import '@/styles/index.css';
-import '@/styles/variables.css';
+import type { Metadata } from 'next';
+import { headers } from 'next/headers';
+import { Inter } from 'next/font/google';
+import { Suspense } from 'react';
+import { getBaseUrl } from '@/lib/get-base-url';
+import { Providers } from './Providers';
+import '@umami/react-zen/styles.full.css';
+import './global.css';
+
+const inter = Inter({
+ subsets: ['latin'],
+ display: 'swap',
+ variable: '--font-inter',
+});
export default function ({ children }) {
if (process.env.DISABLE_UI) {
@@ -18,7 +23,7 @@ export default function ({ children }) {
}
return (
-
+
{children}
+
+
+ {children}
+
);
}
-export const metadata: Metadata = {
- title: {
- template: '%s | Umami',
- default: 'Umami',
- },
-};
+export async function generateMetadata(): Promise {
+ const headerStore = await headers();
+
+ return {
+ metadataBase: getBaseUrl(headerStore),
+ title: {
+ template: '%s | Umami',
+ default: 'Umami',
+ },
+ };
+}
diff --git a/src/app/login/LoginForm.module.css b/src/app/login/LoginForm.module.css
deleted file mode 100644
index 0d3f981f0..000000000
--- a/src/app/login/LoginForm.module.css
+++ /dev/null
@@ -1,33 +0,0 @@
-.login {
- width: 400px;
- margin: auto;
- transform: translateY(-25%);
-}
-
-.form {
- display: flex;
- flex-direction: column;
- margin: 0 auto;
- width: 300px;
-}
-
-.title {
- font-size: 24px;
- font-weight: 700;
- text-align: center;
- margin: 30px 0;
-}
-
-.icon {
- width: 100%;
-}
-
-.icon svg {
- width: 32px;
- height: 32px;
-}
-
-.button {
- flex: 1;
- justify-content: center;
-}
diff --git a/src/app/login/LoginForm.tsx b/src/app/login/LoginForm.tsx
index a808c622d..23101b947 100644
--- a/src/app/login/LoginForm.tsx
+++ b/src/app/login/LoginForm.tsx
@@ -1,77 +1,70 @@
import {
+ Column,
Form,
- FormRow,
- FormInput,
FormButtons,
- TextField,
- PasswordField,
- SubmitButton,
+ FormField,
+ FormSubmitButton,
+ Heading,
Icon,
-} from 'react-basics';
+ PasswordField,
+ TextField,
+} from '@umami/react-zen';
import { useRouter } from 'next/navigation';
-import { useApi, useMessages } from '@/components/hooks';
-import { setUser } from '@/store/app';
+import { useMessages, useUpdateQuery } from '@/components/hooks';
+import { Logo } from '@/components/svg';
import { setClientAuthToken } from '@/lib/client';
-import Logo from '@/assets/logo.svg';
-import styles from './LoginForm.module.css';
+import { setUser } from '@/store/app';
export function LoginForm() {
- const { formatMessage, labels, getMessage } = useMessages();
+ const { t, labels, getErrorMessage } = useMessages();
const router = useRouter();
- const { post, useMutation } = useApi();
- const { mutate, error, isPending } = useMutation({
- mutationFn: (data: any) => post('/auth/login', data),
- });
+ const { mutateAsync, error } = useUpdateQuery('/auth/login');
const handleSubmit = async (data: any) => {
- mutate(data, {
+ await mutateAsync(data, {
onSuccess: async ({ token, user }) => {
setClientAuthToken(token);
setUser(user);
-
- router.push('/dashboard');
+ router.push('/');
},
});
};
return (
-
+
);
}
-
-export default LoginForm;
diff --git a/src/app/login/LoginPage.module.css b/src/app/login/LoginPage.module.css
deleted file mode 100644
index 45115d5b6..000000000
--- a/src/app/login/LoginPage.module.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.page {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 100vh;
- background: var(--base75);
-}
diff --git a/src/app/login/LoginPage.tsx b/src/app/login/LoginPage.tsx
index 2eca070f9..7bb2e35fc 100644
--- a/src/app/login/LoginPage.tsx
+++ b/src/app/login/LoginPage.tsx
@@ -1,13 +1,17 @@
'use client';
-import LoginForm from './LoginForm';
-import styles from './LoginPage.module.css';
+import { Column } from '@umami/react-zen';
+import { LoginForm } from './LoginForm';
export function LoginPage() {
return (
-
+
+
);
}
-
-export default LoginPage;
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index cca230c20..ea27735ac 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,8 +1,8 @@
-import { Metadata } from 'next';
-import LoginPage from './LoginPage';
+import type { Metadata } from 'next';
+import { LoginPage } from './LoginPage';
export default async function () {
- if (process.env.DISABLE_LOGIN) {
+ if (process.env.DISABLE_LOGIN || process.env.CLOUD_MODE) {
return null;
}
diff --git a/src/app/logout/LogoutPage.tsx b/src/app/logout/LogoutPage.tsx
index 2914c4eb7..33e1615d2 100644
--- a/src/app/logout/LogoutPage.tsx
+++ b/src/app/logout/LogoutPage.tsx
@@ -1,32 +1,25 @@
'use client';
-import { useEffect } from 'react';
import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
import { useApi } from '@/components/hooks';
-import { setUser } from '@/store/app';
import { removeClientAuthToken } from '@/lib/client';
+import { setUser } from '@/store/app';
export function LogoutPage() {
const router = useRouter();
const { post } = useApi();
- const disabled = process.env.cloudMode;
useEffect(() => {
async function logout() {
await post('/auth/logout');
+
+ window.location.href = `${process.env.basePath || ''}/login`;
}
- if (!disabled) {
- removeClientAuthToken();
-
- logout();
-
- router.push('/login');
-
- return () => setUser(null);
- }
- }, [disabled, router, post]);
+ removeClientAuthToken();
+ setUser(null);
+ logout();
+ }, [router, post]);
return null;
}
-
-export default LogoutPage;
diff --git a/src/app/logout/page.tsx b/src/app/logout/page.tsx
index 80a61f52f..20952788a 100644
--- a/src/app/logout/page.tsx
+++ b/src/app/logout/page.tsx
@@ -1,8 +1,8 @@
-import LogoutPage from './LogoutPage';
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
+import { LogoutPage } from './LogoutPage';
export default function () {
- if (process.env.DISABLE_LOGIN) {
+ if (process.env.DISABLE_LOGIN || process.env.CLOUD_MODE) {
return null;
}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index c673e40f4..fe7e70442 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,13 +1,13 @@
'use client';
-import { Flexbox } from 'react-basics';
+import { Flexbox } from '@umami/react-zen';
import { useMessages } from '@/components/hooks';
export default function () {
- const { formatMessage, labels } = useMessages();
+ const { t, labels } = useMessages();
return (
-
- {formatMessage(labels.pageNotFound)}
+
+ {t(labels.pageNotFound)}
);
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4977c99b5..6f0033dff 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,19 @@
+'use client';
import { redirect } from 'next/navigation';
+import { useEffect } from 'react';
+import { LAST_TEAM_CONFIG } from '@/lib/constants';
+import { getItem } from '@/lib/storage';
export default function RootPage() {
- redirect('/dashboard');
+ useEffect(() => {
+ const lastTeam = getItem(LAST_TEAM_CONFIG);
+
+ if (lastTeam) {
+ redirect(`/teams/${lastTeam}/websites`);
+ } else {
+ redirect(`/websites`);
+ }
+ }, []);
+
+ return null;
}
diff --git a/src/app/share/ShareProvider.tsx b/src/app/share/ShareProvider.tsx
new file mode 100644
index 000000000..60e989014
--- /dev/null
+++ b/src/app/share/ShareProvider.tsx
@@ -0,0 +1,86 @@
+'use client';
+import { Loading } from '@umami/react-zen';
+import { usePathname, useRouter } from 'next/navigation';
+import { createContext, type ReactNode, useEffect } from 'react';
+import { useShareTokenQuery } from '@/components/hooks';
+import { ENTITY_TYPE } from '@/lib/constants';
+import type { WhiteLabel } from '@/lib/types';
+
+export interface ShareData {
+ shareId: string;
+ slug: string;
+ shareType: number;
+ websiteId?: string;
+ websiteIds?: string[];
+ boardId?: string;
+ pixelId?: string;
+ linkId?: string;
+ parameters: any;
+ token: string;
+ whiteLabel?: WhiteLabel;
+}
+
+export const ShareContext = createContext(null);
+
+const ALL_SECTION_IDS = [
+ 'overview',
+ 'events',
+ 'sessions',
+ 'realtime',
+ 'performance',
+ 'compare',
+ 'breakdown',
+ 'goals',
+ 'funnels',
+ 'journeys',
+ 'retention',
+ 'utm',
+ 'revenue',
+ 'attribution',
+];
+
+function getSharePath(pathname: string) {
+ const segments = pathname.split('/');
+ const firstSegment = segments[3];
+
+ // If first segment looks like a domain name, skip it
+ if (firstSegment?.includes('.')) {
+ return segments[4];
+ }
+
+ return firstSegment;
+}
+
+export function ShareProvider({ slug, children }: { slug: string; children: ReactNode }) {
+ const { share, isLoading, isFetching } = useShareTokenQuery(slug);
+ const router = useRouter();
+ const pathname = usePathname();
+ const path = getSharePath(pathname);
+ const isBoardShare = share?.shareType === ENTITY_TYPE.board;
+ const isWebsiteShare = share?.shareType === ENTITY_TYPE.website;
+
+ const allowedSections = isWebsiteShare && share?.parameters
+ ? ALL_SECTION_IDS.filter(id => share.parameters[id] === true)
+ : [];
+
+ const shouldRedirect = isWebsiteShare &&
+ allowedSections.length === 1 &&
+ allowedSections[0] !== 'overview' &&
+ (path === undefined || path === '' || path === 'overview');
+
+ useEffect(() => {
+ if (shouldRedirect) {
+ router.replace(`/share/${slug}/${allowedSections[0]}`);
+ }
+ }, [shouldRedirect, slug, allowedSections, router]);
+
+ if (isFetching && isLoading) {
+ return {children} ;
+}
diff --git a/src/app/share/[...shareId]/Footer.module.css b/src/app/share/[...shareId]/Footer.module.css
deleted file mode 100644
index 5dc2d5841..000000000
--- a/src/app/share/[...shareId]/Footer.module.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.footer {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-end;
- font-size: var(--font-size-sm);
- height: 100px;
-}
-
-.footer a {
- color: var(--font-color100);
-}
diff --git a/src/app/share/[...shareId]/Footer.tsx b/src/app/share/[...shareId]/Footer.tsx
deleted file mode 100644
index e1ba9833c..000000000
--- a/src/app/share/[...shareId]/Footer.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { CURRENT_VERSION, HOMEPAGE_URL } from '@/lib/constants';
-import styles from './Footer.module.css';
-
-export function Footer() {
- return (
-
- );
-}
-
-export default Footer;
diff --git a/src/app/share/[...shareId]/Header.module.css b/src/app/share/[...shareId]/Header.module.css
deleted file mode 100644
index 9fc946c78..000000000
--- a/src/app/share/[...shareId]/Header.module.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.header {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- height: 100px;
-}
-
-.title {
- display: flex;
- flex-direction: row;
- align-items: center;
- gap: 10px;
- font-size: var(--font-size-lg);
- font-weight: 700;
- color: var(--font-color100) !important;
-}
-
-.buttons {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-end;
-}
-
-@media only screen and (max-width: 992px) {
- .header .buttons {
- flex: 1;
- }
-}
diff --git a/src/app/share/[...shareId]/Header.tsx b/src/app/share/[...shareId]/Header.tsx
deleted file mode 100644
index a71a5b560..000000000
--- a/src/app/share/[...shareId]/Header.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Icon, Text } from 'react-basics';
-import Link from 'next/link';
-import LanguageButton from '@/components/input/LanguageButton';
-import ThemeButton from '@/components/input/ThemeButton';
-import SettingsButton from '@/components/input/SettingsButton';
-import Icons from '@/components/icons';
-import styles from './Header.module.css';
-
-export function Header() {
- return (
-
-
-
-
- umami
-
-
-
-
-
- );
-}
-
-export default Header;
diff --git a/src/app/share/[...shareId]/SharePage.module.css b/src/app/share/[...shareId]/SharePage.module.css
deleted file mode 100644
index f6c68cf6a..000000000
--- a/src/app/share/[...shareId]/SharePage.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.container {
- flex: 1;
- min-height: calc(100vh - 200px);
- min-height: calc(100dvh - 200px);
-}
diff --git a/src/app/share/[...shareId]/SharePage.tsx b/src/app/share/[...shareId]/SharePage.tsx
deleted file mode 100644
index 00c7ec3f2..000000000
--- a/src/app/share/[...shareId]/SharePage.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-'use client';
-import WebsiteDetailsPage from '../../(main)/websites/[websiteId]/WebsiteDetailsPage';
-import { useShareToken } from '@/components/hooks';
-import Page from '@/components/layout/Page';
-import Header from './Header';
-import Footer from './Footer';
-import styles from './SharePage.module.css';
-import { WebsiteProvider } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
-
-export default function SharePage({ shareId }) {
- const { shareToken, isLoading } = useShareToken(shareId);
-
- if (isLoading || !shareToken) {
- return null;
- }
-
- return (
-
- );
-}
diff --git a/src/app/share/[...shareId]/page.tsx b/src/app/share/[...shareId]/page.tsx
deleted file mode 100644
index 548082fb0..000000000
--- a/src/app/share/[...shareId]/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import SharePage from './SharePage';
-
-export default async function ({ params }: { params: Promise<{ shareId: string }> }) {
- const { shareId } = await params;
-
- return
+
+ {logoImage ? (
+
+
+ )}
+
+ {logoName}
+
+
+
+ );
+}
diff --git a/src/app/share/[slug]/[[...path]]/ShareFooter.tsx b/src/app/share/[slug]/[[...path]]/ShareFooter.tsx
new file mode 100644
index 000000000..69177b34c
--- /dev/null
+++ b/src/app/share/[slug]/[[...path]]/ShareFooter.tsx
@@ -0,0 +1,25 @@
+'use client';
+import { useShare } from '@/components/hooks';
+import { Column, Row } from '@umami/react-zen';
+import { ShareBranding } from './ShareBranding';
+
+export function ShareFooter() {
+ const share = useShare();
+
+ if (!share?.whiteLabel) {
+ return null;
+ }
+
+ return (
+
+
+
+
+ );
+}
diff --git a/src/app/share/[slug]/[[...path]]/ShareNav.tsx b/src/app/share/[slug]/[[...path]]/ShareNav.tsx
new file mode 100644
index 000000000..3dd743444
--- /dev/null
+++ b/src/app/share/[slug]/[[...path]]/ShareNav.tsx
@@ -0,0 +1,210 @@
+import { IconLabel } from '@/components/common/IconLabel';
+import { useMessages, useNavigation, useShare } from '@/components/hooks';
+import { AlignEndHorizontal, Clock, Eye, PanelLeft, Sheet, Tag, User } from '@/components/icons';
+import { LanguageButton } from '@/components/input/LanguageButton';
+import { PreferencesButton } from '@/components/input/PreferencesButton';
+import { Funnel, Gauge, Lightning, Magnet, Money, Network, Path, Target } from '@/components/svg';
+import {
+ Button,
+ Column,
+ Focusable,
+ Icon,
+ Row,
+ Text,
+ ThemeButton,
+ Tooltip,
+ TooltipTrigger,
+} from '@umami/react-zen';
+import Link from 'next/link';
+import { ShareBranding } from './ShareBranding';
+
+export function ShareNav({
+ collapsed,
+ onCollapse,
+ onItemClick,
+}: {
+ collapsed?: boolean;
+ onCollapse?: (collapsed: boolean) => void;
+ onItemClick?: () => void;
+}) {
+ const share = useShare();
+ const { t, labels } = useMessages();
+ const { pathname } = useNavigation();
+ const { slug, parameters } = share;
+
+ const renderPath = (path: string) => `/share/${slug}${path}`;
+
+ const allItems = [
+ {
+ section: 'traffic',
+ label: t(labels.traffic),
+ items: [
+ { id: 'overview', label: t(labels.overview), icon:
+
+ {!collapsed && onCollapse?.(!collapsed)}>
+
+
+
+ )}
+
+
+ {items.map(({ label: sectionLabel, items: sectionItems }, index) => (
+
+ {!collapsed && (
+
+ {sectionLabel}
+
+ )}
+ {sectionItems.map(({ id, path, label, icon }) => {
+ const isSelected = selectedKey === id;
+ return (
+
+
+
+
+
+ {label}
+
+
+ );
+ })}
+
+ ))}
+
+
+ {collapsed ? (
+
+
+ ) : (
+
+
+ )}
+
+
+ );
+}
diff --git a/src/app/share/[slug]/[[...path]]/SharePage.tsx b/src/app/share/[slug]/[[...path]]/SharePage.tsx
new file mode 100644
index 000000000..750097aa1
--- /dev/null
+++ b/src/app/share/[slug]/[[...path]]/SharePage.tsx
@@ -0,0 +1,137 @@
+'use client';
+import { BoardViewPage } from '@/app/(main)/boards/[boardId]/BoardViewPage';
+import { LinkPage } from '@/app/(main)/links/[linkId]/LinkPage';
+import { PixelPage } from '@/app/(main)/pixels/[pixelId]/PixelPage';
+import { AttributionPage } from '@/app/(main)/websites/[websiteId]/(reports)/attribution/AttributionPage';
+import { BreakdownPage } from '@/app/(main)/websites/[websiteId]/(reports)/breakdown/BreakdownPage';
+import { FunnelsPage } from '@/app/(main)/websites/[websiteId]/(reports)/funnels/FunnelsPage';
+import { GoalsPage } from '@/app/(main)/websites/[websiteId]/(reports)/goals/GoalsPage';
+import { JourneysPage } from '@/app/(main)/websites/[websiteId]/(reports)/journeys/JourneysPage';
+import { RetentionPage } from '@/app/(main)/websites/[websiteId]/(reports)/retention/RetentionPage';
+import { RevenuePage } from '@/app/(main)/websites/[websiteId]/(reports)/revenue/RevenuePage';
+import { UTMPage } from '@/app/(main)/websites/[websiteId]/(reports)/utm/UTMPage';
+import { PerformancePage } from '@/app/(main)/websites/[websiteId]/(reports)/performance/PerformancePage';
+import { ComparePage } from '@/app/(main)/websites/[websiteId]/compare/ComparePage';
+import { EventsPage } from '@/app/(main)/websites/[websiteId]/events/EventsPage';
+import { RealtimePage } from '@/app/(main)/websites/[websiteId]/realtime/RealtimePage';
+import { SessionsPage } from '@/app/(main)/websites/[websiteId]/sessions/SessionsPage';
+import { WebsiteHeader } from '@/app/(main)/websites/[websiteId]/WebsiteHeader';
+import { WebsitePage } from '@/app/(main)/websites/[websiteId]/WebsitePage';
+import { WebsiteProvider } from '@/app/(main)/websites/WebsiteProvider';
+import { PageBody } from '@/components/common/PageBody';
+import { useShare } from '@/components/hooks';
+import { MobileMenuButton } from '@/components/input/MobileMenuButton';
+import { ENTITY_TYPE } from '@/lib/constants';
+import { Column, Grid, Row, useTheme } from '@umami/react-zen';
+import { usePathname, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { ShareFooter } from './ShareFooter';
+import { ShareNav } from './ShareNav';
+
+const PAGE_COMPONENTS: Record> = {
+ '': WebsitePage,
+ overview: WebsitePage,
+ events: EventsPage,
+ sessions: SessionsPage,
+ realtime: RealtimePage,
+ performance: PerformancePage,
+ compare: ComparePage,
+ breakdown: BreakdownPage,
+ goals: GoalsPage,
+ funnels: FunnelsPage,
+ journeys: JourneysPage,
+ retention: RetentionPage,
+ utm: UTMPage,
+ revenue: RevenuePage,
+ attribution: AttributionPage,
+};
+
+function getSharePath(pathname: string) {
+ const segments = pathname.split('/');
+ const firstSegment = segments[3];
+
+ // If first segment looks like a domain name, skip it
+ if (firstSegment?.includes('.')) {
+ return segments[4];
+ }
+
+ return firstSegment;
+}
+
+export function SharePage() {
+ const [navCollapsed, setNavCollapsed] = useState(
+ () => typeof window !== 'undefined' && localStorage.getItem('share:navCollapsed') === 'true',
+ );
+
+ const handleCollapse = (value: boolean) => {
+ localStorage.setItem('share:navCollapsed', String(value));
+ setNavCollapsed(value);
+ };
+ const share = useShare();
+ const { setTheme } = useTheme();
+ const router = useRouter();
+ const pathname = usePathname();
+ const path = getSharePath(pathname);
+ const { slug, websiteId, boardId, pixelId, linkId, parameters = {}, shareType } = share;
+
+ useEffect(() => {
+ const url = new URL(window?.location?.href);
+ const theme = url.searchParams.get('theme');
+
+ if (theme === 'light' || theme === 'dark') {
+ setTheme(theme);
+ }
+ }, [setTheme]);
+
+ const entityPage =
+ shareType === ENTITY_TYPE.board && boardId ? (
+
+ {entityPage}
+
+ );
+ }
+
+ // Check if the requested path is allowed
+ const pageKey = path || '';
+ const isAllowed = pageKey === '' || parameters[pageKey] === true;
+
+ if (!isAllowed) {
+ router.replace(`/share/${slug}`);
+ return null;
+ }
+
+ const PageComponent = PAGE_COMPONENTS[pageKey] || WebsitePage;
+
+ return (
+
+
+
+ {({ close }) => {
+ return
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/share/[slug]/[[...path]]/page.tsx b/src/app/share/[slug]/[[...path]]/page.tsx
new file mode 100644
index 000000000..872cf2678
--- /dev/null
+++ b/src/app/share/[slug]/[[...path]]/page.tsx
@@ -0,0 +1,5 @@
+import { SharePage } from './SharePage';
+
+export default function () {
+ return {children} ;
+}
diff --git a/src/app/sso/SSOPage.tsx b/src/app/sso/SSOPage.tsx
index eb7c0f0a9..3cc950938 100644
--- a/src/app/sso/SSOPage.tsx
+++ b/src/app/sso/SSOPage.tsx
@@ -1,10 +1,10 @@
'use client';
-import { useEffect } from 'react';
-import { Loading } from 'react-basics';
+import { Loading } from '@umami/react-zen';
import { useRouter, useSearchParams } from 'next/navigation';
+import { useEffect } from 'react';
import { setClientAuthToken } from '@/lib/client';
-export default function SSOPage() {
+export function SSOPage() {
const router = useRouter();
const search = useSearchParams();
const url = search.get('url');
@@ -18,5 +18,5 @@ export default function SSOPage() {
}
}, [router, url, token]);
- return
-
\ No newline at end of file
+(null);
+ const { theme } = useTheme();
+ const { locale } = useLocale();
+ const { colors } = useMemo(() => getThemeColors(theme), [theme]);
+
+ const chartOptions: any = useMemo(() => {
return {
+ __id: Date.now(),
scales: {
x: {
type: XAxisType,
stacked: true,
- min: isAllTime ? '' : minDate,
- max: maxDate,
+ min: formatDate(minDate, DATE_FORMATS[unit], locale),
+ max: formatDate(maxDate, DATE_FORMATS[unit], locale),
+ offset: true,
time: {
unit,
},
@@ -61,7 +88,7 @@ export function BarChart(props: BarChartProps) {
type: YAxisType,
min: 0,
beginAtZero: true,
- stacked,
+ stacked: !!stacked,
grid: {
color: colors.chart.line,
},
@@ -75,25 +102,65 @@ export function BarChart(props: BarChartProps) {
},
},
};
- }, [colors, unit, stacked, renderXLabel, renderYLabel]);
+ }, [
+ colors,
+ unit,
+ stacked,
+ renderXLabel,
+ renderYLabel,
+ minDate,
+ maxDate,
+ locale,
+ XAxisType,
+ YAxisType,
+ ]);
- const handleTooltip = ({ tooltip }: { tooltip: any }) => {
- const { opacity } = tooltip;
+ const handleTooltip = useCallback(
+ ({ tooltip }: { tooltip: any }) => {
+ const { opacity, labelColors, dataPoints } = tooltip;
+ const nextTooltip = opacity
+ ? {
+ title: formatDate(
+ new Date(dataPoints[0].raw?.d || dataPoints[0].raw?.x || dataPoints[0].raw),
+ dateFormats[unit],
+ locale,
+ ),
+ color: labelColors?.[0]?.backgroundColor,
+ value: currency
+ ? formatLongCurrency(dataPoints[0].raw.y, currency)
+ : `${formatLongNumber(dataPoints[0].raw.y)} ${dataPoints[0].dataset.label}`,
+ }
+ : null;
- setTooltip(
- opacity ?
-
- {formatDate(new Date(dataPoints[0].raw.d || dataPoints[0].raw.x), formats[unit], locale)}
-
-
-
- {currency
- ? formatLongCurrency(dataPoints[0].raw.y, currency)
- : formatLongNumber(dataPoints[0].raw.y)}{' '}
- {dataPoints[0].dataset.label}
-
-
-
- );
-}
diff --git a/src/components/charts/BubbleChart.tsx b/src/components/charts/BubbleChart.tsx
index dfe67f3a8..bf487ac05 100644
--- a/src/components/charts/BubbleChart.tsx
+++ b/src/components/charts/BubbleChart.tsx
@@ -1,27 +1,31 @@
-import { Chart, ChartProps } from '@/components/charts/Chart';
import { useState } from 'react';
-import { StatusLight } from 'react-basics';
-import { formatLongNumber } from '@/lib/format';
+import { Chart, type ChartProps } from '@/components/charts/Chart';
+import { ChartTooltip } from '@/components/charts/ChartTooltip';
export interface BubbleChartProps extends ChartProps {
type?: 'bubble';
}
-export default function BubbleChart(props: BubbleChartProps) {
+export function BubbleChart({ type = 'bubble', ...props }: BubbleChartProps) {
const [tooltip, setTooltip] = useState(null);
- const { type = 'bubble' } = props;
const handleTooltip = ({ tooltip }) => {
- const { labelColors, dataPoints } = tooltip;
+ const { opacity, labelColors, title, dataPoints } = tooltip;
setTooltip(
- tooltip.opacity ? (
-
- {formatLongNumber(dataPoints?.[0]?.raw)} {dataPoints?.[0]?.label}
-
- ) : null,
+ opacity
+ ? {
+ color: labelColors?.[0]?.backgroundColor,
+ value: `${title}: ${dataPoints[0].raw}`,
+ }
+ : null,
);
};
- return
- {isLoading &&
+
+
- {tooltip}
-
- )}
-
+
);
}
-
-export default Chart;
diff --git a/src/components/charts/ChartTooltip.tsx b/src/components/charts/ChartTooltip.tsx
new file mode 100644
index 000000000..4389584ca
--- /dev/null
+++ b/src/components/charts/ChartTooltip.tsx
@@ -0,0 +1,30 @@
+import { Column, FloatingTooltip, Row, StatusLight, Text } from '@umami/react-zen';
+import type { ReactNode } from 'react';
+
+export function ChartTooltip({
+ title,
+ color,
+ value,
+}: {
+ title?: string;
+ color?: string;
+ value?: ReactNode;
+}) {
+ return (
+
+
+ {title && {title} }
+
+
+ {value}
+
+
+
+
+ );
+}
diff --git a/src/components/charts/PieChart.tsx b/src/components/charts/PieChart.tsx
index a98b97305..2470fe77e 100644
--- a/src/components/charts/PieChart.tsx
+++ b/src/components/charts/PieChart.tsx
@@ -1,27 +1,31 @@
-import { Chart, ChartProps } from '@/components/charts/Chart';
import { useState } from 'react';
-import { StatusLight } from 'react-basics';
-import { formatLongNumber } from '@/lib/format';
+import { Chart, type ChartProps } from '@/components/charts/Chart';
+import { ChartTooltip } from '@/components/charts/ChartTooltip';
export interface PieChartProps extends ChartProps {
type?: 'doughnut' | 'pie';
}
-export default function PieChart(props: PieChartProps) {
+export function PieChart({ type = 'pie', ...props }: PieChartProps) {
const [tooltip, setTooltip] = useState(null);
- const { type = 'pie' } = props;
const handleTooltip = ({ tooltip }) => {
- const { labelColors, dataPoints } = tooltip;
+ const { opacity, labelColors, title, dataPoints } = tooltip;
setTooltip(
- tooltip.opacity ? (
-
- {formatLongNumber(dataPoints?.[0]?.raw)} {dataPoints?.[0]?.label}
-
- ) : null,
+ opacity
+ ? {
+ color: labelColors?.[0]?.backgroundColor,
+ value: `${title}: ${dataPoints[0].raw}`,
+ }
+ : null,
);
};
- return
+
+ {label}
+ {description}
+
+
+ {children}
+
+
+ );
+}
diff --git a/src/components/common/AnimatedDiv.tsx b/src/components/common/AnimatedDiv.tsx
new file mode 100644
index 000000000..f9948971a
--- /dev/null
+++ b/src/components/common/AnimatedDiv.tsx
@@ -0,0 +1,3 @@
+import { type AnimatedComponent, animated } from '@react-spring/web';
+
+export const AnimatedDiv: AnimatedComponent = animated.div;
diff --git a/src/components/common/Avatar.tsx b/src/components/common/Avatar.tsx
index d0cae2479..9b198b30c 100644
--- a/src/components/common/Avatar.tsx
+++ b/src/components/common/Avatar.tsx
@@ -1,11 +1,11 @@
-import { useMemo } from 'react';
-import { createAvatar } from '@dicebear/core';
import { lorelei } from '@dicebear/collection';
+import { createAvatar } from '@dicebear/core';
+import { useMemo } from 'react';
import { getColor, getPastel } from '@/lib/colors';
const lib = lorelei;
-function Avatar({ seed, size = 128, ...props }: { seed: string; size?: number }) {
+export function Avatar({ seed, size = 128, ...props }: { seed: string; size?: number }) {
const backgroundColor = getPastel(getColor(seed), 4);
const avatar = useMemo(() => {
@@ -17,7 +17,5 @@ function Avatar({ seed, size = 128, ...props }: { seed: string; size?: number })
}).toDataUri();
}, []);
- return
+ {dot &&
+ );
+}
diff --git a/src/components/common/Breadcrumb.module.css b/src/components/common/Breadcrumb.module.css
deleted file mode 100644
index 81e7524fe..000000000
--- a/src/components/common/Breadcrumb.module.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.bar {
- font-size: 12px;
- font-weight: 700;
- text-transform: uppercase;
- color: var(--base600);
-}
-
-.link span {
- color: var(--base700) !important;
-}
diff --git a/src/components/common/Breadcrumb.tsx b/src/components/common/Breadcrumb.tsx
deleted file mode 100644
index ebdce4977..000000000
--- a/src/components/common/Breadcrumb.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import Link from 'next/link';
-import { Flexbox, Icon, Icons, Text } from 'react-basics';
-import styles from './Breadcrumb.module.css';
-import { Fragment } from 'react';
-
-export interface BreadcrumbProps {
- data: {
- url?: string;
- label: string;
- }[];
-}
-
-export function Breadcrumb({ data }: BreadcrumbProps) {
- return (
-
- {data.map((a, i) => {
- return (
-
- {a.url ? (
- {a.label}
-
- ) : (
- {a.label}
- )}
- {i !== data.length - 1 ? (
-
-
- ) : null}
-
- );
- })}
-
- );
-}
-
-export default Breadcrumb;
diff --git a/src/components/common/ConfirmationForm.tsx b/src/components/common/ConfirmationForm.tsx
index 3997bc4af..fd7663369 100644
--- a/src/components/common/ConfirmationForm.tsx
+++ b/src/components/common/ConfirmationForm.tsx
@@ -1,11 +1,11 @@
-import { ReactNode } from 'react';
-import { Button, LoadingButton, Form, FormButtons } from 'react-basics';
+import { Box, Button, Form, FormButtons, FormSubmitButton } from '@umami/react-zen';
+import type { ReactNode } from 'react';
import { useMessages } from '@/components/hooks';
export interface ConfirmationFormProps {
message: ReactNode;
buttonLabel?: ReactNode;
- buttonVariant?: 'none' | 'primary' | 'secondary' | 'quiet' | 'danger';
+ buttonVariant?: 'primary' | 'quiet' | 'danger';
isLoading?: boolean;
error?: string | Error;
onConfirm?: () => void;
@@ -21,24 +21,22 @@ export function ConfirmationForm({
onConfirm,
onClose,
}: ConfirmationFormProps) {
- const { formatMessage, labels } = useMessages();
+ const { t, labels, getErrorMessage } = useMessages();
return (
-
);
}
-
-export default ConfirmationForm;
diff --git a/src/components/common/CopyButton.tsx b/src/components/common/CopyButton.tsx
new file mode 100644
index 000000000..d393cf77a
--- /dev/null
+++ b/src/components/common/CopyButton.tsx
@@ -0,0 +1,45 @@
+import { Button, Icon } from '@umami/react-zen';
+import { useEffect, useRef, useState } from 'react';
+import { Check, Copy } from '@/components/icons';
+
+export function CopyButton({
+ value,
+ label = 'Copy',
+}: {
+ value: string;
+ label?: string;
+}) {
+ const [copied, setCopied] = useState(false);
+ const timeoutRef = useRef(null);
+
+ useEffect(() => {
+ return () => {
+ if (timeoutRef.current) {
+ window.clearTimeout(timeoutRef.current);
+ }
+ };
+ }, []);
+
+ const handleCopy = async () => {
+ if (!navigator?.clipboard) {
+ return;
+ }
+
+ await navigator.clipboard.writeText(value);
+ setCopied(true);
+
+ if (timeoutRef.current) {
+ window.clearTimeout(timeoutRef.current);
+ }
+
+ timeoutRef.current = window.setTimeout(() => {
+ setCopied(false);
+ }, 1500);
+ };
+
+ return (
+
+ {copied ?
+
+ );
+}
diff --git a/src/components/common/DataGrid.tsx b/src/components/common/DataGrid.tsx
new file mode 100644
index 000000000..993929fd2
--- /dev/null
+++ b/src/components/common/DataGrid.tsx
@@ -0,0 +1,107 @@
+import type { UseQueryResult } from '@tanstack/react-query';
+import { Column, Row, SearchField } from '@umami/react-zen';
+import {
+ cloneElement,
+ isValidElement,
+ type ReactElement,
+ type ReactNode,
+ useCallback,
+ useState,
+} from 'react';
+import { Empty } from '@/components/common/Empty';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { Pager } from '@/components/common/Pager';
+import { useMessages, useMobile, useNavigation } from '@/components/hooks';
+import type { PageResult } from '@/lib/types';
+
+const DEFAULT_SEARCH_DELAY = 600;
+
+export interface DataGridProps {
+ query: UseQueryResult, any>;
+ searchDelay?: number;
+ allowSearch?: boolean;
+ allowPaging?: boolean;
+ autoFocus?: boolean;
+ renderActions?: () => ReactNode;
+ renderEmpty?: () => ReactNode;
+ children: ReactNode | ((data: any) => ReactNode);
+}
+
+export function DataGrid({
+ query,
+ searchDelay = 600,
+ allowSearch,
+ allowPaging = true,
+ autoFocus,
+ renderActions,
+ renderEmpty = () =>
+ {allowSearch && (
+
+
+ )}
+
+ {data && (
+ <>
+
+ {isValidElement(child)
+ ? cloneElement(child as ReactElement, { displayMode })
+ : child}
+
+ {showPager && (
+
+
+ )}
+
+ )}
+
+
+ );
+}
diff --git a/src/components/common/DataTable.module.css b/src/components/common/DataTable.module.css
deleted file mode 100644
index 9a7cffb76..000000000
--- a/src/components/common/DataTable.module.css
+++ /dev/null
@@ -1,34 +0,0 @@
-.search {
- max-width: 300px;
- margin: 20px 0;
-}
-
-.body {
- display: flex;
- flex-direction: column;
- position: relative;
- overflow-x: auto;
-}
-
-.body td {
- display: flex;
- gap: 10px;
- min-height: 70px;
- align-items: center;
-}
-
-.body > div > div > div {
- display: flex;
- gap: 10px;
-}
-
-.pager {
- margin: 20px 0;
-}
-
-.status {
- display: flex;
- align-items: center;
- justify-content: center;
- min-height: 200px;
-}
diff --git a/src/components/common/DataTable.tsx b/src/components/common/DataTable.tsx
deleted file mode 100644
index b19ddf91d..000000000
--- a/src/components/common/DataTable.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import { ReactNode } from 'react';
-import classNames from 'classnames';
-import { Loading, SearchField } from 'react-basics';
-import { useMessages, useNavigation } from '@/components/hooks';
-import Empty from '@/components/common/Empty';
-import Pager from '@/components/common/Pager';
-import { PagedQueryResult } from '@/lib/types';
-import styles from './DataTable.module.css';
-import { LoadingPanel } from '@/components/common/LoadingPanel';
-
-const DEFAULT_SEARCH_DELAY = 600;
-
-export interface DataTableProps {
- queryResult: PagedQueryResult;
- searchDelay?: number;
- allowSearch?: boolean;
- allowPaging?: boolean;
- autoFocus?: boolean;
- renderEmpty?: () => ReactNode;
- children: ReactNode | ((data: any) => ReactNode);
-}
-
-export function DataTable({
- queryResult,
- searchDelay = 600,
- allowSearch = true,
- allowPaging = true,
- autoFocus = true,
- renderEmpty,
- children,
-}: DataTableProps) {
- const { formatMessage, labels, messages } = useMessages();
- const {
- result,
- params,
- setParams,
- query: { error, isLoading, isFetched },
- } = queryResult || {};
- const { page, pageSize, count, data } = result || {};
- const { search } = params || {};
- const hasData = Boolean(!isLoading && data?.length);
- const noResults = Boolean(search && !hasData);
- const { router, renderUrl } = useNavigation();
-
- const handleSearch = (search: string) => {
- setParams({ ...params, search, page: params.page ? page : 1 });
- };
-
- const handlePageChange = (page: number) => {
- setParams({ ...params, search, page });
- router.push(renderUrl({ page }));
- };
-
- return (
- <>
- {allowSearch && (hasData || search) && (
-
-
- {hasData ? (typeof children === 'function' ? children(result) : children) : null}
- {isLoading &&
- {allowPaging && hasData && (
-
-
- );
-}
-
-export default DataTable;
diff --git a/src/components/common/DateDisplay.tsx b/src/components/common/DateDisplay.tsx
new file mode 100644
index 000000000..0bece8aed
--- /dev/null
+++ b/src/components/common/DateDisplay.tsx
@@ -0,0 +1,28 @@
+import { Icon, Row, Text } from '@umami/react-zen';
+import { differenceInDays, isSameDay } from 'date-fns';
+import { useLocale } from '@/components/hooks';
+import { Calendar } from '@/components/icons';
+import { formatDate } from '@/lib/date';
+
+export function DateDisplay({ startDate, endDate }) {
+ const { locale } = useLocale();
+ const isSingleDate = differenceInDays(endDate, startDate) === 0;
+
+ return (
+
+
+
+
+ {isSingleDate ? (
+ formatDate(startDate, 'PP', locale)
+ ) : (
+ <>
+ {formatDate(startDate, 'PP', locale)}
+ {!isSameDay(startDate, endDate) && ` — ${formatDate(endDate, 'PP', locale)}`}
+
+ )}
+
+
+ );
+}
diff --git a/src/components/common/DateDistance.tsx b/src/components/common/DateDistance.tsx
new file mode 100644
index 000000000..e8bd27848
--- /dev/null
+++ b/src/components/common/DateDistance.tsx
@@ -0,0 +1,19 @@
+import { Text } from '@umami/react-zen';
+import { formatDistanceToNow } from 'date-fns';
+import { useLocale, useTimezone } from '@/components/hooks';
+import { isInvalidDate } from '@/lib/date';
+
+export function DateDistance({ date }: { date: Date }) {
+ const { formatTimezoneDate } = useTimezone();
+ const { dateLocale } = useLocale();
+
+ if (isInvalidDate(date)) {
+ return null;
+ }
+
+ return (
+
+ {formatDistanceToNow(date, { addSuffix: true, locale: dateLocale })}
+
+ );
+}
diff --git a/src/components/common/Empty.module.css b/src/components/common/Empty.module.css
deleted file mode 100644
index 3dccb68ed..000000000
--- a/src/components/common/Empty.module.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.container {
- color: var(--base500);
- font-size: var(--font-size-md);
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- text-align: center;
- width: 100%;
- height: 100%;
- min-height: 70px;
-}
diff --git a/src/components/common/Empty.tsx b/src/components/common/Empty.tsx
index cf6d11cc6..3f1374c7c 100644
--- a/src/components/common/Empty.tsx
+++ b/src/components/common/Empty.tsx
@@ -1,20 +1,24 @@
-import classNames from 'classnames';
+import { Row } from '@umami/react-zen';
import { useMessages } from '@/components/hooks';
-import styles from './Empty.module.css';
export interface EmptyProps {
message?: string;
- className?: string;
}
-export function Empty({ message, className }: EmptyProps) {
- const { formatMessage, messages } = useMessages();
+export function Empty({ message }: EmptyProps) {
+ const { t, messages } = useMessages();
return (
-
- {message || formatMessage(messages.noDataAvailable)}
-
+
+ {message || t(messages.noDataAvailable)}
+
);
}
-
-export default Empty;
diff --git a/src/components/common/EmptyPlaceholder.tsx b/src/components/common/EmptyPlaceholder.tsx
index 2fd606cdc..d7a88ff7a 100644
--- a/src/components/common/EmptyPlaceholder.tsx
+++ b/src/components/common/EmptyPlaceholder.tsx
@@ -1,22 +1,28 @@
-import { ReactNode } from 'react';
-import { Icon, Text, Flexbox } from 'react-basics';
-import Logo from '@/assets/logo.svg';
+import { Column, Icon, Text } from '@umami/react-zen';
+import type { ReactNode } from 'react';
export interface EmptyPlaceholderProps {
- message?: string;
+ title?: string;
+ description?: string;
+ icon?: ReactNode;
children?: ReactNode;
}
-export function EmptyPlaceholder({ message, children }: EmptyPlaceholderProps) {
+export function EmptyPlaceholder({ title, description, icon, children }: EmptyPlaceholderProps) {
return (
-
-
-
- {message}
- {children}
-
+
+ {icon && (
+
+ {icon}
+
+ )}
+ {title && (
+
+ {title}
+
+ )}
+ {description && {description} }
+ {children}
+
);
}
-
-export default EmptyPlaceholder;
diff --git a/src/components/common/ErrorBoundary.module.css b/src/components/common/ErrorBoundary.module.css
deleted file mode 100644
index 915022c47..000000000
--- a/src/components/common/ErrorBoundary.module.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.error {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- z-index: var(--z-index-overlay);
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- min-height: 600px;
- gap: 20px;
-}
-
-.error button {
- align-self: center;
-}
diff --git a/src/components/common/ErrorBoundary.tsx b/src/components/common/ErrorBoundary.tsx
index b9521bb4e..e70c193a3 100644
--- a/src/components/common/ErrorBoundary.tsx
+++ b/src/components/common/ErrorBoundary.tsx
@@ -1,8 +1,7 @@
-import { ErrorInfo, ReactNode } from 'react';
+import { Button, Column } from '@umami/react-zen';
+import type { ErrorInfo, ReactNode } from 'react';
import { ErrorBoundary as Boundary } from 'react-error-boundary';
-import { Button } from 'react-basics';
import { useMessages } from '@/components/hooks';
-import styles from './ErrorBoundary.module.css';
const logError = (error: Error, info: ErrorInfo) => {
// eslint-disable-next-line no-console
@@ -10,16 +9,24 @@ const logError = (error: Error, info: ErrorInfo) => {
};
export function ErrorBoundary({ children }: { children: ReactNode }) {
- const { formatMessage, messages } = useMessages();
+ const { t, messages } = useMessages();
const fallbackRender = ({ error, resetErrorBoundary }) => {
return (
-
-
{formatMessage(messages.error)}
+
+ {t(messages.error)}
{error.message}
{error.stack}
OK
-
-
-
+
+
- {formatMessage(messages.error)}
-
{t(messages.error)}
+
);
}
-
-export default ErrorMessage;
diff --git a/src/components/common/ExternalLink.tsx b/src/components/common/ExternalLink.tsx
new file mode 100644
index 000000000..dec0d16fe
--- /dev/null
+++ b/src/components/common/ExternalLink.tsx
@@ -0,0 +1,23 @@
+import { Icon, Row, Text } from '@umami/react-zen';
+import Link, { type LinkProps } from 'next/link';
+import type { ReactNode } from 'react';
+import { ExternalLink as LinkIcon } from '@/components/icons';
+
+export function ExternalLink({
+ href,
+ children,
+ ...props
+}: LinkProps & { href: string; children: ReactNode }) {
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/common/Favicon.tsx b/src/components/common/Favicon.tsx
index ce2d0d57f..a6b5e5227 100644
--- a/src/components/common/Favicon.tsx
+++ b/src/components/common/Favicon.tsx
@@ -20,5 +20,3 @@ export function Favicon({ domain, ...props }) {
return hostName ?
-
- {({ key, label }) => {label} }
-
-
- );
-}
-
-export default FilterButtons;
diff --git a/src/components/common/FilterLink.module.css b/src/components/common/FilterLink.module.css
deleted file mode 100644
index 894d6e00b..000000000
--- a/src/components/common/FilterLink.module.css
+++ /dev/null
@@ -1,37 +0,0 @@
-.row {
- display: flex;
- align-items: center;
- gap: 10px;
-}
-
-.row.inactive {
- color: var(--base500);
-}
-
-.row.inactive img {
- opacity: 0.35;
-}
-
-.row.active {
- color: var(--base900);
- font-weight: 600;
-}
-
-.row .link {
- display: none;
- margin-inline-start: 20px;
-}
-
-.row .label {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.row:hover .link {
- display: block;
-}
-
-.icon {
- cursor: pointer;
-}
diff --git a/src/components/common/FilterLink.tsx b/src/components/common/FilterLink.tsx
index 9d726b58c..df9eab9b7 100644
--- a/src/components/common/FilterLink.tsx
+++ b/src/components/common/FilterLink.tsx
@@ -1,55 +1,49 @@
-import classNames from 'classnames';
-import { useMessages, useNavigation } from '@/components/hooks';
+import { Icon, Row, Text } from '@umami/react-zen';
import Link from 'next/link';
-import { ReactNode } from 'react';
-import { Icon, Icons } from 'react-basics';
-import styles from './FilterLink.module.css';
+import { type HTMLAttributes, type ReactNode, useState } from 'react';
+import { useMessages, useNavigation } from '@/components/hooks';
+import { ExternalLink } from '@/components/icons';
-export interface FilterLinkProps {
- id: string;
+export interface FilterLinkProps extends HTMLAttributes {
+ type: string;
value: string;
label?: string;
+ icon?: ReactNode;
externalUrl?: string;
- className?: string;
- children?: ReactNode;
}
-export function FilterLink({
- id,
- value,
- label,
- externalUrl,
- children,
- className,
-}: FilterLinkProps) {
- const { formatMessage, labels } = useMessages();
- const { renderUrl, query } = useNavigation();
- const active = query[id] !== undefined;
- const selected = query[id] === value;
+export function FilterLink({ type, value, label, externalUrl, icon }: FilterLinkProps) {
+ const [showLink, setShowLink] = useState(false);
+ const { t, labels } = useMessages();
+ const { updateParams, query } = useNavigation();
+ const active = query[type] !== undefined;
+ const selected = query[type] === value;
return (
- setShowLink(true)}
+ onMouseOut={() => setShowLink(false)}
>
- {children}
- {!value && `(${label || formatMessage(labels.unknown)})`}
+ {icon}
+ {!value && `(${label || t(labels.unknown)})`}
{value && (
-
- {label || value}
-
+
+
)}
- {externalUrl && (
-
-
-
+
+
)}
- (initValues);
+ const [search, setSearch] = useState('');
+ const { formatValue } = useFormat();
+ const { data, isLoading } = useWebsiteValuesQuery({
+ websiteId,
+ type,
+ search,
+ startDate,
+ endDate,
+ });
+ const isSearch = isSearchOperator(operator);
+ const items = data?.filter(({ value }) => value) || [];
+
+ const handleSearch = (value: string) => {
+ setSearch(value);
+ };
+
+ const handleSelectOperator = (value: any) => {
+ onSelect?.(name, value);
+ };
+
+ const handleSelectValue = (value: string) => {
+ setSelected([value]);
+ onChange?.(name, value);
+ };
+
+ const handleMultiSelectValue = (values: string[]) => {
+ setSelected(values);
+ onChange?.(name, values.join(','));
+ };
+
+ return (
+
+ {fields.find(f => f.name === name)?.label}
+
+
+
+ {operators
+ .filter(({ type }) => type === 'string')
+ .map(({ name, label }: any) => (
+
+ {label}
+
+ ))}
+
+ {isSearch && (
+
+ values.length > 0 ? values.map(v => formatValue(v, type)).join(', ') : undefined
+ }
+ renderEmptyState={() => (isLoading ?
+ {formatValue(value, type)}
+
+ ))}
+
+ )}
+
+
+ onRemove?.(name)}>
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/common/GridRow.tsx b/src/components/common/GridRow.tsx
new file mode 100644
index 000000000..2fd01ed02
--- /dev/null
+++ b/src/components/common/GridRow.tsx
@@ -0,0 +1,32 @@
+import { Grid } from '@umami/react-zen';
+
+const LAYOUTS = {
+ one: { columns: '1fr' },
+ two: {
+ columns: {
+ base: '1fr',
+ md: 'repeat(auto-fill, minmax(560px, 1fr))',
+ },
+ },
+ three: {
+ columns: {
+ base: '1fr',
+ md: 'repeat(auto-fill, minmax(360px, 1fr))',
+ },
+ },
+ 'one-two': { columns: { base: '1fr', md: 'repeat(3, 1fr)' } },
+ 'two-one': { columns: { base: '1fr', md: 'repeat(3, 1fr)' } },
+};
+
+export function GridRow(props: {
+ layout?: 'one' | 'two' | 'three' | 'one-two' | 'two-one' | 'compare';
+ className?: string;
+ children?: any;
+}) {
+ const { layout = 'two', children, ...otherProps } = props;
+ return (
+
+ {children}
+
+ );
+}
diff --git a/src/components/common/HamburgerButton.module.css b/src/components/common/HamburgerButton.module.css
deleted file mode 100644
index 603985855..000000000
--- a/src/components/common/HamburgerButton.module.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.button {
- display: none;
-}
-
-@media only screen and (max-width: 768px) {
- .button {
- display: flex;
- }
-}
diff --git a/src/components/common/HamburgerButton.tsx b/src/components/common/HamburgerButton.tsx
deleted file mode 100644
index 5a81f3a33..000000000
--- a/src/components/common/HamburgerButton.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Button, Icon, Icons } from 'react-basics';
-import { useState } from 'react';
-import MobileMenu from './MobileMenu';
-
-export function HamburgerButton({ menuItems }: { menuItems: any[] }) {
- const [active, setActive] = useState(false);
-
- const handleClick = () => setActive(state => !state);
- const handleClose = () => setActive(false);
-
- return (
- <>
-
- {active ?
-
- {active &&
- {children}
-
- );
-}
-
-export default HoverTooltip;
diff --git a/src/components/common/IconLabel.tsx b/src/components/common/IconLabel.tsx
new file mode 100644
index 000000000..db9462eae
--- /dev/null
+++ b/src/components/common/IconLabel.tsx
@@ -0,0 +1,32 @@
+import { Icon, type IconProps, Row, type RowProps, Text, type TextProps } from '@umami/react-zen';
+import type { ReactNode } from 'react';
+
+interface IconLabelProps extends RowProps {
+ icon: ReactNode;
+ label?: ReactNode;
+ weight?: TextProps['weight'];
+ iconProps?: Partial;
+ labelProps?: Partial;
+}
+
+export function IconLabel({
+ icon,
+ label,
+ weight,
+ iconProps,
+ labelProps,
+ children,
+ ...props
+}: IconLabelProps) {
+ return (
+
+ {icon}
+ {label && (
+
+ {label}
+
+ )}
+ {children}
+
+ );
+}
diff --git a/src/components/common/LinkButton.module.css b/src/components/common/LinkButton.module.css
deleted file mode 100644
index 5561f536f..000000000
--- a/src/components/common/LinkButton.module.css
+++ /dev/null
@@ -1,107 +0,0 @@
-.button {
- display: flex;
- align-items: center;
- align-self: flex-start;
- white-space: nowrap;
- gap: var(--size200);
- font-family: inherit;
- color: var(--base900);
- background: var(--base100);
- border: 1px solid transparent;
- border-radius: var(--border-radius);
- min-height: var(--base-height);
- padding: 0 var(--size600);
- position: relative;
- cursor: pointer;
-}
-
-.button:hover {
- background: var(--base200);
-}
-
-.button:active {
- background: var(--base300);
-}
-
-.button:visited {
- color: var(--base900);
-}
-
-.button.disabled {
- color: var(--disabled-color) !important;
- background-color: var(--disabled-background) !important;
- border-color: transparent !important;
- pointer-events: none;
-}
-
-.button.primary {
- color: var(--light50);
- background: var(--primary400);
-}
-
-.button.primary:hover {
- color: var(--light50);
- background: var(--primary500);
-}
-
-.button.primary:active {
- color: var(--light50);
- background: var(--primary600);
-}
-
-.button.secondary {
- border: 1px solid var(--border-color);
- background: var(--base50);
-}
-
-.button.secondary:hover {
- background: var(--base75);
-}
-
-.button.secondary:active {
- background: var(--base100);
-}
-
-.button.quiet {
- color: var(--base900);
- background: transparent;
-}
-
-.button.quiet:hover {
- background: var(--base100);
-}
-
-.button.quiet:active {
- background: var(--base200);
-}
-
-.button.danger {
- color: var(--light50);
- background: var(--red800);
-}
-
-.button.danger:hover {
- color: var(--light50);
- background: var(--red900);
-}
-
-.button.danger:active {
- color: var(--light50);
- background: var(--red1000);
-}
-
-.button.size-sm {
- font-size: var(--font-size-sm);
- height: calc(var(--base-height) * 0.75);
- padding: 0 calc(var(--size600) * 0.75);
-}
-
-.button.size-md {
- font-size: var(--font-size-md);
-}
-
-.button.size-lg {
- font-size: var(--font-size-lg);
- height: calc(var(--base-height) * 1.25);
- padding: 0 calc(var(--size600) * 1.25);
-}
diff --git a/src/components/common/LinkButton.tsx b/src/components/common/LinkButton.tsx
index 3aa2a76a0..990feb1c8 100644
--- a/src/components/common/LinkButton.tsx
+++ b/src/components/common/LinkButton.tsx
@@ -1,30 +1,39 @@
-import { ReactNode } from 'react';
-import classNames from 'classnames';
+import { Button, type ButtonProps } from '@umami/react-zen';
import Link from 'next/link';
+import type { ReactNode } from 'react';
import { useLocale } from '@/components/hooks';
-import styles from './LinkButton.module.css';
-export interface LinkButtonProps {
+export interface LinkButtonProps extends ButtonProps {
href: string;
- className?: string;
- variant?: string;
+ target?: string;
scroll?: boolean;
+ variant?: any;
+ prefetch?: boolean;
+ asAnchor?: boolean;
children?: ReactNode;
}
-export function LinkButton({ href, className, variant, scroll = true, children }: LinkButtonProps) {
+export function LinkButton({
+ href,
+ variant,
+ scroll = true,
+ target,
+ prefetch,
+ children,
+ asAnchor,
+ ...props
+}: LinkButtonProps) {
const { dir } = useLocale();
- return (
-
+ {children}
+
+ ) : (
+
- {isLoading && !isFetched &&
- );
+ // Show loading spinner only if no data exists
+ if (isLoading || isFetching) {
+ return (
+
+
+ );
+ }
+
+ // Show error
+ if (error) {
+ return
- {items.map(({ label, url, children }: { label: string; url: string; children: any[] }) => {
- const selected = pathname.startsWith(url);
-
- return (
- <>
-
- );
-
- return createPortal(
-
-
,
- document.body,
- );
-}
-
-export default MobileMenu;
diff --git a/src/components/common/MultiSelect.tsx b/src/components/common/MultiSelect.tsx
new file mode 100644
index 000000000..21782d7ae
--- /dev/null
+++ b/src/components/common/MultiSelect.tsx
@@ -0,0 +1,71 @@
+import { Button, Column, Icon, List, MenuTrigger, Popover, SearchField } from '@umami/react-zen';
+import type { ReactNode } from 'react';
+import { ChevronRight } from '@/components/icons';
+
+interface MultiSelectProps {
+ value?: string[];
+ onChange?: (values: string[]) => void;
+ searchValue?: string;
+ onSearch?: (value: string) => void;
+ placeholder?: string;
+ allowSearch?: boolean;
+ renderEmptyState?: () => ReactNode;
+ renderValue?: (values: string[]) => ReactNode;
+ children: ReactNode;
+}
+
+export function MultiSelect({
+ value = [],
+ onChange,
+ searchValue,
+ onSearch,
+ placeholder = 'Select an item',
+ allowSearch,
+ renderEmptyState,
+ renderValue,
+ children,
+}: MultiSelectProps) {
+ const displayValue = renderValue
+ ? renderValue(value)
+ : value.length > 0
+ ? value.join(', ')
+ : null;
+
+ return (
+
+
+
+ {displayValue ?? placeholder}
+
+
+
+
+
+
+ {allowSearch &&
+ {children}
+
+
+
+
+ );
+}
diff --git a/src/components/common/NavMenu.tsx b/src/components/common/NavMenu.tsx
new file mode 100644
index 000000000..f0ae91fe2
--- /dev/null
+++ b/src/components/common/NavMenu.tsx
@@ -0,0 +1,78 @@
+import { Column, Heading, Row, Text } from '@umami/react-zen';
+import Link from 'next/link';
+import { IconLabel } from '@/components/common/IconLabel';
+
+interface NavMenuData {
+ id: string;
+ label: string;
+ icon?: any;
+ path: string;
+}
+
+interface NavMenuItems {
+ label?: string;
+ items: NavMenuData[];
+}
+
+export interface NavMenuProps {
+ items: NavMenuItems[];
+ title?: string;
+ selectedKey?: string;
+ allowMinimize?: boolean;
+ onItemClick?: () => void;
+}
+
+export function NavMenu({
+ items = [],
+ title,
+ selectedKey,
+ allowMinimize,
+ onItemClick,
+ ...props
+}: NavMenuProps) {
+ const renderItems = (items: NavMenuData[]) => {
+ return items?.map(({ id, label, icon, path }) => {
+ const isSelected = selectedKey === id;
+
+ return (
+
+
+ {label}
+
+
+
+ );
+ });
+ };
+
+ return (
+
+ {title && (
+
+ {title}
+
+ )}
+
+ {items?.map(({ label, items }, index) => {
+ if (label) {
+ return (
+
+
+ {label}
+
+ {renderItems(items)}
+
+ );
+ }
+ return null;
+ })}
+
+
+ );
+}
diff --git a/src/components/common/PageBody.tsx b/src/components/common/PageBody.tsx
new file mode 100644
index 000000000..45bfdc8bb
--- /dev/null
+++ b/src/components/common/PageBody.tsx
@@ -0,0 +1,43 @@
+'use client';
+import { AlertBanner, Column, type ColumnProps, Loading } from '@umami/react-zen';
+import type { ReactNode } from 'react';
+import { useMessages } from '@/components/hooks';
+
+const DEFAULT_WIDTH = '1320px';
+
+export function PageBody({
+ maxWidth = DEFAULT_WIDTH,
+ error,
+ isLoading,
+ children,
+ ...props
+}: {
+ maxWidth?: string;
+ error?: unknown;
+ isLoading?: boolean;
+ children?: ReactNode;
+} & ColumnProps) {
+ const { t, messages } = useMessages();
+
+ if (error) {
+ return
+ {children}
+
+ );
+}
diff --git a/src/components/common/PageHeader.tsx b/src/components/common/PageHeader.tsx
new file mode 100644
index 000000000..98bde3161
--- /dev/null
+++ b/src/components/common/PageHeader.tsx
@@ -0,0 +1,58 @@
+import { Column, Grid, Heading, Icon, Row, Text } from '@umami/react-zen';
+import type { ReactNode } from 'react';
+import { LinkButton } from './LinkButton';
+
+export function PageHeader({
+ title,
+ description,
+ label,
+ icon,
+ showBorder = true,
+ titleHref,
+ children,
+}: {
+ title: string;
+ description?: string;
+ label?: ReactNode;
+ icon?: ReactNode;
+ showBorder?: boolean;
+ titleHref?: string;
+ allowEdit?: boolean;
+ className?: string;
+ children?: ReactNode;
+}) {
+ return (
+
+
+ {label}
+
+ {icon && (
+
+ {icon}
+
+ )}
+ {title && titleHref ? (
+
+ {title}
+
+ ) : (
+ title && {title}
+ )}
+
+ {description && (
+
+ {description}
+
+ )}
+
+
+ {children}
+
+
+ );
+}
diff --git a/src/components/common/Pager.module.css b/src/components/common/Pager.module.css
deleted file mode 100644
index c9330c32d..000000000
--- a/src/components/common/Pager.module.css
+++ /dev/null
@@ -1,32 +0,0 @@
-.pager {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- align-items: center;
-}
-
-.nav {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.text {
- font-size: var(--font-size-md);
- margin: 0 16px;
- justify-content: center;
-}
-
-.count {
- color: var(--base600);
- font-weight: 700;
-}
-
-@media only screen and (max-width: 992px) {
- .pager {
- grid-template-columns: repeat(2, 1fr);
- }
-
- .nav {
- justify-content: flex-end;
- }
-}
diff --git a/src/components/common/Pager.tsx b/src/components/common/Pager.tsx
index b33d2236f..128d33e24 100644
--- a/src/components/common/Pager.tsx
+++ b/src/components/common/Pager.tsx
@@ -1,19 +1,18 @@
-import classNames from 'classnames';
-import { Button, Icon, Icons } from 'react-basics';
+import { Button, Icon, Row, Text } from '@umami/react-zen';
import { useMessages } from '@/components/hooks';
-import styles from './Pager.module.css';
+import { ChevronRight } from '@/components/icons';
export interface PagerProps {
- page: number;
- pageSize: number;
- count: number;
+ page: string | number;
+ pageSize: string | number;
+ count: string | number;
onPageChange: (nextPage: number) => void;
className?: string;
}
-export function Pager({ page, pageSize, count, onPageChange, className }: PagerProps) {
- const { formatMessage, labels } = useMessages();
- const maxPage = pageSize && count ? Math.ceil(count / pageSize) : 0;
+export function Pager({ page, pageSize, count, onPageChange }: PagerProps) {
+ const { t, labels } = useMessages();
+ const maxPage = pageSize && count ? Math.ceil(+count / +pageSize) : 0;
const lastPage = page === maxPage;
const firstPage = page === 1;
@@ -22,7 +21,7 @@ export function Pager({ page, pageSize, count, onPageChange, className }: PagerP
}
const handlePageChange = (value: number) => {
- const nextPage = page + value;
+ const nextPage = +page + +value;
if (nextPage > 0 && nextPage <= maxPage) {
onPageChange(nextPage);
@@ -34,26 +33,28 @@ export function Pager({ page, pageSize, count, onPageChange, className }: PagerP
}
return (
-
-
{formatMessage(labels.numberOfRecords, { x: count })}
-
-
handlePageChange(-1)} disabled={firstPage}>
-
-
-
-
- {formatMessage(labels.pageOf, { current: page, total: maxPage })}
-
-
handlePageChange(1)} disabled={lastPage}>
-
-
-
-
-
-
+ {t(labels.numberOfRecords, { x: count.toLocaleString() })}
+
+
+ {t(labels.pageOf, {
+ current: page.toLocaleString(),
+ total: maxPage.toLocaleString(),
+ })}
+
+
+ handlePageChange(-1)} isDisabled={firstPage}>
+
+
+
+ handlePageChange(1)} isDisabled={lastPage}>
+
+
+
+
+
+
);
}
-
-export default Pager;
diff --git a/src/components/common/Panel.tsx b/src/components/common/Panel.tsx
new file mode 100644
index 000000000..a02b7e108
--- /dev/null
+++ b/src/components/common/Panel.tsx
@@ -0,0 +1,81 @@
+import {
+ Button,
+ Column,
+ type ColumnProps,
+ Heading,
+ Icon,
+ Row,
+ Text,
+ Tooltip,
+ TooltipTrigger,
+} from '@umami/react-zen';
+import { type ReactNode, useState } from 'react';
+import { useMessages } from '@/components/hooks';
+import { Maximize, X } from '@/components/icons';
+
+export interface PanelProps extends ColumnProps {
+ title?: string;
+ description?: string;
+ allowFullscreen?: boolean;
+ toolbar?: ReactNode;
+}
+
+const fullscreenStyles = {
+ position: 'fixed',
+ width: '100vw',
+ height: '100vh',
+ top: 0,
+ left: 0,
+ border: 'none',
+ zIndex: 9999,
+} as any;
+
+export function Panel({
+ title,
+ description,
+ allowFullscreen,
+ toolbar,
+ style,
+ children,
+ height,
+ width,
+ ...props
+}: PanelProps) {
+ const { t, labels } = useMessages();
+ const [isFullscreen, setIsFullscreen] = useState(false);
+
+ const handleFullscreen = () => {
+ setIsFullscreen(!isFullscreen);
+ };
+
+ return (
+
+ {title && {title} }
+ {description && {description} }
+ {(allowFullscreen || toolbar) && (
+
+ {toolbar}
+ {allowFullscreen && (
+
+
+ {isFullscreen ?
+
+ {t(labels.maximize)}
+
+ )}
+
+ )}
+ {children}
+
+ );
+}
diff --git a/src/components/common/SectionHeader.tsx b/src/components/common/SectionHeader.tsx
new file mode 100644
index 000000000..f6642feaa
--- /dev/null
+++ b/src/components/common/SectionHeader.tsx
@@ -0,0 +1,28 @@
+import { Heading, Icon, Row, type RowProps, Text } from '@umami/react-zen';
+import type { ReactNode } from 'react';
+
+export function SectionHeader({
+ title,
+ description,
+ icon,
+ children,
+ ...props
+}: {
+ title?: string;
+ description?: string;
+ icon?: ReactNode;
+ allowEdit?: boolean;
+ className?: string;
+ children?: ReactNode;
+} & RowProps) {
+ return (
+
+
+ {icon && {icon} }
+ {title && {title} }
+ {description && {description} }
+
+ {children}
+
+ );
+}
diff --git a/src/components/common/TypeConfirmationForm.tsx b/src/components/common/TypeConfirmationForm.tsx
index 9ef5b30a0..3b6413cf0 100644
--- a/src/components/common/TypeConfirmationForm.tsx
+++ b/src/components/common/TypeConfirmationForm.tsx
@@ -2,11 +2,10 @@ import {
Button,
Form,
FormButtons,
- FormRow,
- FormInput,
+ FormField,
+ FormSubmitButton,
TextField,
- SubmitButton,
-} from 'react-basics';
+} from '@umami/react-zen';
import { useMessages } from '@/components/hooks';
export function TypeConfirmationForm({
@@ -20,38 +19,37 @@ export function TypeConfirmationForm({
}: {
confirmationValue: string;
buttonLabel?: string;
- buttonVariant?: 'none' | 'primary' | 'secondary' | 'quiet' | 'danger';
+ buttonVariant?: 'primary' | 'outline' | 'quiet' | 'danger' | 'zero';
isLoading?: boolean;
error?: string | Error;
onConfirm?: () => void;
onClose?: () => void;
}) {
- const { formatMessage, labels, messages } = useMessages();
-
+ const { t, labels, messages, getErrorMessage } = useMessages();
if (!confirmationValue) {
return null;
}
return (
-
);
}
-
-export default TypeConfirmationForm;
diff --git a/src/components/common/TypeIcon.tsx b/src/components/common/TypeIcon.tsx
index 2a180445f..8894b3a97 100644
--- a/src/components/common/TypeIcon.tsx
+++ b/src/components/common/TypeIcon.tsx
@@ -1,4 +1,5 @@
-import { ReactNode } from 'react';
+import { Row } from '@umami/react-zen';
+import type { ReactNode } from 'react';
export function TypeIcon({
type,
@@ -10,11 +11,11 @@ export function TypeIcon({
children?: ReactNode;
}) {
return (
- <>
+
);
}
-
-export default TypeIcon;
diff --git a/src/components/declarations.d.ts b/src/components/declarations.d.ts
deleted file mode 100644
index ca55157ba..000000000
--- a/src/components/declarations.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare module '*.css';
-declare module '*.svg';
-declare module '*.json';
-declare module 'uuid';
diff --git a/src/components/hooks/context/useBoard.ts b/src/components/hooks/context/useBoard.ts
new file mode 100644
index 000000000..cb8b28d8a
--- /dev/null
+++ b/src/components/hooks/context/useBoard.ts
@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { BoardContext, type BoardContextValue } from '@/app/(main)/boards/BoardProvider';
+
+export function useBoard(): BoardContextValue {
+ return useContext(BoardContext);
+}
diff --git a/src/components/hooks/context/useLink.ts b/src/components/hooks/context/useLink.ts
new file mode 100644
index 000000000..8766bbb64
--- /dev/null
+++ b/src/components/hooks/context/useLink.ts
@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { LinkContext } from '@/app/(main)/links/LinkProvider';
+
+export function useLink() {
+ return useContext(LinkContext);
+}
diff --git a/src/components/hooks/context/usePixel.ts b/src/components/hooks/context/usePixel.ts
new file mode 100644
index 000000000..69cad6f59
--- /dev/null
+++ b/src/components/hooks/context/usePixel.ts
@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { PixelContext } from '@/app/(main)/pixels/PixelProvider';
+
+export function usePixel() {
+ return useContext(PixelContext);
+}
diff --git a/src/components/hooks/context/useShare.ts b/src/components/hooks/context/useShare.ts
new file mode 100644
index 000000000..c7493c667
--- /dev/null
+++ b/src/components/hooks/context/useShare.ts
@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { ShareContext } from '@/app/share/ShareProvider';
+
+export function useShare() {
+ return useContext(ShareContext);
+}
diff --git a/src/components/hooks/context/useTeam.ts b/src/components/hooks/context/useTeam.ts
new file mode 100644
index 000000000..95ff4bee4
--- /dev/null
+++ b/src/components/hooks/context/useTeam.ts
@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { TeamContext } from '@/app/(main)/teams/TeamProvider';
+
+export function useTeam() {
+ return useContext(TeamContext);
+}
diff --git a/src/components/hooks/context/useUser.ts b/src/components/hooks/context/useUser.ts
new file mode 100644
index 000000000..fa97ea9df
--- /dev/null
+++ b/src/components/hooks/context/useUser.ts
@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { UserContext } from '@/app/(main)/admin/users/[userId]/UserProvider';
+
+export function useUser() {
+ return useContext(UserContext);
+}
diff --git a/src/components/hooks/context/useWebsite.ts b/src/components/hooks/context/useWebsite.ts
new file mode 100644
index 000000000..3d4be27f4
--- /dev/null
+++ b/src/components/hooks/context/useWebsite.ts
@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { WebsiteContext } from '@/app/(main)/websites/WebsiteProvider';
+
+export function useWebsite() {
+ return useContext(WebsiteContext);
+}
diff --git a/src/components/hooks/index.ts b/src/components/hooks/index.ts
index 7c16eeee3..1b27b684a 100644
--- a/src/components/hooks/index.ts
+++ b/src/components/hooks/index.ts
@@ -1,48 +1,102 @@
-export * from './queries/useConfig';
-export * from './queries/useEventDataEvents';
-export * from './queries/useEventDataProperties';
-export * from './queries/useEventDataValues';
-export * from './queries/useLogin';
-export * from './queries/useRealtime';
-export * from './queries/useReport';
-export * from './queries/useReports';
-export * from './queries/useSessionActivity';
-export * from './queries/useSessionData';
-export * from './queries/useSessionDataProperties';
-export * from './queries/useSessionDataValues';
-export * from './queries/useWebsiteSession';
-export * from './queries/useWebsiteSessions';
-export * from './queries/useWebsiteSessionsWeekly';
-export * from './queries/useShareToken';
-export * from './queries/useTeam';
-export * from './queries/useTeams';
-export * from './queries/useTeamWebsites';
-export * from './queries/useTeamMembers';
-export * from './queries/useUser';
-export * from './queries/useUsers';
-export * from './queries/useWebsite';
-export * from './queries/useWebsites';
-export * from './queries/useWebsiteEvents';
-export * from './queries/useWebsiteEventsSeries';
-export * from './queries/useWebsiteMetrics';
-export * from './queries/useWebsiteValues';
+'use client';
+
+// Context hooks
+export * from './context/useBoard';
+export * from './context/useLink';
+export * from './context/usePixel';
+export * from './context/useShare';
+export * from './context/useTeam';
+export * from './context/useUser';
+export * from './context/useWebsite';
+
+// Query hooks
+export * from './queries/useActiveUsersQuery';
+export * from './queries/useBoardQuery';
+export * from './queries/useBoardSharesQuery';
+export * from './queries/useBoardsQuery';
+export * from './queries/useDashboardQuery';
+export * from './queries/useDateRangeQuery';
+export * from './queries/useDeleteQuery';
+export * from './queries/useEventDataEventsQuery';
+export * from './queries/useEventDataPropertiesQuery';
+export * from './queries/useEventDataQuery';
+export * from './queries/useEventDataValuesQuery';
+export * from './queries/useLinkQuery';
+export * from './queries/useLinkSharesQuery';
+export * from './queries/useLinksQuery';
+export * from './queries/useLoginQuery';
+export * from './queries/usePixelQuery';
+export * from './queries/usePixelSharesQuery';
+export * from './queries/usePixelsQuery';
+export * from './queries/useRealtimeQuery';
+export * from './queries/useReplayQuery';
+export * from './queries/useReplaySavedQuery';
+export * from './queries/useReplaysQuery';
+export * from './queries/useReportQuery';
+export * from './queries/useReportsQuery';
+export * from './queries/useResultQuery';
+export * from './queries/useRevenueSessionsQuery';
+export * from './queries/useSavedReplaysQuery';
+export * from './queries/useSessionActivityQuery';
+export * from './queries/useSessionDataPropertiesQuery';
+export * from './queries/useSessionDataQuery';
+export * from './queries/useSessionDataValuesQuery';
+export * from './queries/useSessionReplaysQuery';
+export * from './queries/useShareTokenQuery';
+export * from './queries/useTeamMembersQuery';
+export * from './queries/useTeamQuery';
+export * from './queries/useTeamsQuery';
+export * from './queries/useTeamWebsitesQuery';
+export * from './queries/useUpdateQuery';
+export * from './queries/useUserQuery';
+export * from './queries/useUsersQuery';
+export * from './queries/useUserTeamsQuery';
+export * from './queries/useUserWebsitesQuery';
+export * from './queries/useWebsiteCohortQuery';
+export * from './queries/useWebsiteCohortsQuery';
+export * from './queries/useWebsiteEventsQuery';
+export * from './queries/useWebsiteEventsSeriesQuery';
+export * from './queries/useWebsiteExpandedMetricsQuery';
+export * from './queries/useWebsiteMetricsQuery';
+export * from './queries/useWebsitePageviewsQuery';
+export * from './queries/useWebsiteQuery';
+export * from './queries/useWebsiteSegmentQuery';
+export * from './queries/useWebsiteSegmentsQuery';
+export * from './queries/useWebsiteSessionQuery';
+export * from './queries/useWebsiteSessionStatsQuery';
+export * from './queries/useWebsiteSessionsQuery';
+export * from './queries/useWebsiteSharesQuery';
+export * from './queries/useWebsiteStatsQuery';
+export * from './queries/useWebsitesQuery';
+export * from './queries/useWebsiteValuesQuery';
+export * from './queries/useWeeklyTrafficQuery';
+
+// Regular hooks
export * from './useApi';
+export * from './useConfig';
export * from './useCountryNames';
+export * from './useDateParameters';
export * from './useDateRange';
export * from './useDocumentClick';
export * from './useEscapeKey';
export * from './useFields';
+export * from './useFilterParameters';
export * from './useFilters';
export * from './useForceUpdate';
export * from './useFormat';
+export * from './useGlobalState';
export * from './useLanguageNames';
export * from './useLocale';
export * from './useMessages';
+export * from './useMobile';
export * from './useModified';
export * from './useNavigation';
+export * from './useOperatorLabels';
export * from './usePagedQuery';
+export * from './usePageParameters';
export * from './useRegionNames';
+export * from './useSlug';
export * from './useSticky';
-export * from './useTeamUrl';
-export * from './useTheme';
+export * from './useSubscription';
export * from './useTimezone';
+export * from './useWebsiteNavItems';
diff --git a/src/components/hooks/queries/useActiveUsersQuery.ts b/src/components/hooks/queries/useActiveUsersQuery.ts
new file mode 100644
index 000000000..42867c19d
--- /dev/null
+++ b/src/components/hooks/queries/useActiveUsersQuery.ts
@@ -0,0 +1,12 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+
+export function useActyiveUsersQuery(websiteId: string, options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+ return useQuery({
+ queryKey: ['websites:active', websiteId],
+ queryFn: () => get(`/websites/${websiteId}/active`),
+ enabled: !!websiteId,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useBoardQuery.ts b/src/components/hooks/queries/useBoardQuery.ts
new file mode 100644
index 000000000..83ca3038e
--- /dev/null
+++ b/src/components/hooks/queries/useBoardQuery.ts
@@ -0,0 +1,17 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useBoardQuery(boardId: string, options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`board:${boardId}`);
+
+ return useQuery({
+ queryKey: ['boards', { boardId, modified }],
+ queryFn: () => get(`/boards/${boardId}`),
+ enabled: !!boardId && boardId !== 'create',
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useBoardSharesQuery.ts b/src/components/hooks/queries/useBoardSharesQuery.ts
new file mode 100644
index 000000000..16b751632
--- /dev/null
+++ b/src/components/hooks/queries/useBoardSharesQuery.ts
@@ -0,0 +1,17 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useBoardSharesQuery({ boardId }: { boardId: string }, options?: ReactQueryOptions) {
+ const { modified } = useModified('shares');
+ const { get } = useApi();
+
+ return usePagedQuery({
+ queryKey: ['boardShares', { boardId, modified }],
+ queryFn: pageParams => {
+ return get(`/boards/${boardId}/shares`, pageParams);
+ },
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useBoardsQuery.ts b/src/components/hooks/queries/useBoardsQuery.ts
new file mode 100644
index 000000000..d570ccc47
--- /dev/null
+++ b/src/components/hooks/queries/useBoardsQuery.ts
@@ -0,0 +1,24 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useBoardsQuery(
+ { teamId }: { teamId?: string },
+ params?: Record,
+ options?: ReactQueryOptions,
+) {
+ const { modified } = useModified('boards');
+ const { get } = useApi();
+
+ return usePagedQuery({
+ queryKey: ['boards', { teamId, modified, ...params }],
+ queryFn: pageParams => {
+ return get(teamId ? `/teams/${teamId}/boards` : '/boards', {
+ ...pageParams,
+ ...params,
+ });
+ },
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useConfig.ts b/src/components/hooks/queries/useConfig.ts
deleted file mode 100644
index 9533d6162..000000000
--- a/src/components/hooks/queries/useConfig.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useEffect } from 'react';
-import useStore, { setConfig } from '@/store/app';
-import { getConfig, Config } from '@/app/actions/getConfig';
-
-export function useConfig(): Config {
- const { config } = useStore();
-
- async function loadConfig() {
- setConfig(await getConfig());
- }
-
- useEffect(() => {
- if (!config) {
- loadConfig();
- }
- }, []);
-
- return config;
-}
-
-export default useConfig;
diff --git a/src/components/hooks/queries/useDashboardQuery.ts b/src/components/hooks/queries/useDashboardQuery.ts
new file mode 100644
index 000000000..a5afd39b6
--- /dev/null
+++ b/src/components/hooks/queries/useDashboardQuery.ts
@@ -0,0 +1,16 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useDashboardQuery(options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified('dashboard');
+
+ return useQuery({
+ queryKey: ['dashboard', { modified }],
+ queryFn: () => get('/dashboard'),
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useDateRangeQuery.ts b/src/components/hooks/queries/useDateRangeQuery.ts
new file mode 100644
index 000000000..84b7eec7d
--- /dev/null
+++ b/src/components/hooks/queries/useDateRangeQuery.ts
@@ -0,0 +1,23 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+
+type DateRange = {
+ startDate?: string;
+ endDate?: string;
+};
+
+export function useDateRangeQuery(websiteId: string, options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+
+ const { data } = useQuery({
+ queryKey: ['date-range', websiteId],
+ queryFn: () => get(`/websites/${websiteId}/daterange`),
+ enabled: !!websiteId,
+ ...options,
+ });
+
+ return {
+ startDate: data?.startDate ? new Date(data.startDate) : null,
+ endDate: data?.endDate ? new Date(data.endDate) : null,
+ };
+}
diff --git a/src/components/hooks/queries/useDeleteQuery.ts b/src/components/hooks/queries/useDeleteQuery.ts
new file mode 100644
index 000000000..556231a9a
--- /dev/null
+++ b/src/components/hooks/queries/useDeleteQuery.ts
@@ -0,0 +1,12 @@
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useDeleteQuery(path: string, params?: Record) {
+ const { del, useMutation } = useApi();
+ const query = useMutation({
+ mutationFn: () => del(path, params),
+ });
+ const { touch } = useModified();
+
+ return { ...query, touch };
+}
diff --git a/src/components/hooks/queries/useEventDataEvents.ts b/src/components/hooks/queries/useEventDataEvents.ts
deleted file mode 100644
index 5cad99169..000000000
--- a/src/components/hooks/queries/useEventDataEvents.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useApi } from '../useApi';
-import { UseQueryOptions } from '@tanstack/react-query';
-import { useFilterParams } from '../useFilterParams';
-
-export function useEventDataEvents(
- websiteId: string,
- options?: Omit,
-) {
- const { get, useQuery } = useApi();
- const params = useFilterParams(websiteId);
-
- return useQuery({
- queryKey: ['websites:event-data:events', { websiteId, ...params }],
- queryFn: () => get(`/websites/${websiteId}/event-data/events`, { ...params }),
- enabled: !!websiteId,
- ...options,
- });
-}
-
-export default useEventDataEvents;
diff --git a/src/components/hooks/queries/useEventDataEventsQuery.ts b/src/components/hooks/queries/useEventDataEventsQuery.ts
new file mode 100644
index 000000000..1401989f3
--- /dev/null
+++ b/src/components/hooks/queries/useEventDataEventsQuery.ts
@@ -0,0 +1,27 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export function useEventDataEventsQuery(websiteId: string, options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'websites:event-data:events',
+ { websiteId, startAt, endAt, unit, timezone, ...filters },
+ ],
+ queryFn: () =>
+ get(`/websites/${websiteId}/event-data/events`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...filters,
+ }),
+ enabled: !!websiteId,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useEventDataProperties.ts b/src/components/hooks/queries/useEventDataProperties.ts
deleted file mode 100644
index b841a8f40..000000000
--- a/src/components/hooks/queries/useEventDataProperties.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { UseQueryOptions } from '@tanstack/react-query';
-import { useApi } from '../useApi';
-import { useFilterParams } from '../useFilterParams';
-
-export function useEventDataProperties(
- websiteId: string,
- options?: Omit,
-) {
- const { get, useQuery } = useApi();
- const params = useFilterParams(websiteId);
-
- return useQuery({
- queryKey: ['websites:event-data:properties', { websiteId, ...params }],
- queryFn: () => get(`/websites/${websiteId}/event-data/properties`, { ...params }),
- enabled: !!websiteId,
- ...options,
- });
-}
-
-export default useEventDataProperties;
diff --git a/src/components/hooks/queries/useEventDataPropertiesQuery.ts b/src/components/hooks/queries/useEventDataPropertiesQuery.ts
new file mode 100644
index 000000000..dfa6e9295
--- /dev/null
+++ b/src/components/hooks/queries/useEventDataPropertiesQuery.ts
@@ -0,0 +1,27 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export function useEventDataPropertiesQuery(websiteId: string, options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'websites:event-data:properties',
+ { websiteId, startAt, endAt, unit, timezone, ...filters },
+ ],
+ queryFn: () =>
+ get(`/websites/${websiteId}/event-data/properties`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...filters,
+ }),
+ enabled: !!websiteId,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useEventDataQuery.ts b/src/components/hooks/queries/useEventDataQuery.ts
new file mode 100644
index 000000000..2ccbd634d
--- /dev/null
+++ b/src/components/hooks/queries/useEventDataQuery.ts
@@ -0,0 +1,27 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export function useEventDataQuery(websiteId: string, eventId: string, options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const params = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'websites:event-data',
+ { websiteId, eventId, startAt, endAt, unit, timezone, ...params },
+ ],
+ queryFn: () =>
+ get(`/websites/${websiteId}/event-data/${eventId}`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...params,
+ }),
+ enabled: !!(websiteId && eventId),
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useEventDataValues.ts b/src/components/hooks/queries/useEventDataValues.ts
deleted file mode 100644
index de6783a0a..000000000
--- a/src/components/hooks/queries/useEventDataValues.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { UseQueryOptions } from '@tanstack/react-query';
-import { useApi } from '../useApi';
-import { useFilterParams } from '../useFilterParams';
-
-export function useEventDataValues(
- websiteId: string,
- eventName: string,
- propertyName: string,
- options?: Omit,
-) {
- const { get, useQuery } = useApi();
- const params = useFilterParams(websiteId);
-
- return useQuery({
- queryKey: ['websites:event-data:values', { websiteId, eventName, propertyName, ...params }],
- queryFn: () =>
- get(`/websites/${websiteId}/event-data/values`, { ...params, eventName, propertyName }),
- enabled: !!(websiteId && propertyName),
- ...options,
- });
-}
-
-export default useEventDataValues;
diff --git a/src/components/hooks/queries/useEventDataValuesQuery.ts b/src/components/hooks/queries/useEventDataValuesQuery.ts
new file mode 100644
index 000000000..db2a2d7e0
--- /dev/null
+++ b/src/components/hooks/queries/useEventDataValuesQuery.ts
@@ -0,0 +1,34 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export function useEventDataValuesQuery(
+ websiteId: string,
+ event: string,
+ propertyName: string,
+ options?: ReactQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'websites:event-data:values',
+ { websiteId, startAt, endAt, unit, timezone, ...filters, event, propertyName },
+ ],
+ queryFn: () =>
+ get(`/websites/${websiteId}/event-data/values`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...filters,
+ event,
+ propertyName,
+ }),
+ enabled: !!(websiteId && propertyName),
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useEventStatsQuery.ts b/src/components/hooks/queries/useEventStatsQuery.ts
new file mode 100644
index 000000000..b3ca60eaa
--- /dev/null
+++ b/src/components/hooks/queries/useEventStatsQuery.ts
@@ -0,0 +1,43 @@
+import type { UseQueryOptions } from '@tanstack/react-query';
+import { useDateParameters } from '@/components/hooks/useDateParameters';
+import { useApi } from '../useApi';
+import { useFilterParameters } from '../useFilterParameters';
+
+export interface EventStatsData {
+ events: number;
+ visitors: number;
+ visits: number;
+ uniqueEvents: number;
+ comparison: {
+ events: number;
+ visitors: number;
+ visits: number;
+ uniqueEvents: number;
+ };
+}
+
+type EventStatsApiResponse = {
+ data: EventStatsData;
+};
+
+export function useEventStatsQuery(
+ { websiteId }: { websiteId: string },
+ options?: UseQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: ['websites:events:stats', { websiteId, startAt, endAt, ...filters }],
+ queryFn: () =>
+ get(`/websites/${websiteId}/events/stats`, {
+ startAt,
+ endAt,
+ ...filters,
+ }),
+ select: response => response.data,
+ enabled: !!websiteId,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useLinkQuery.ts b/src/components/hooks/queries/useLinkQuery.ts
new file mode 100644
index 000000000..cab8d13b0
--- /dev/null
+++ b/src/components/hooks/queries/useLinkQuery.ts
@@ -0,0 +1,15 @@
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useLinkQuery(linkId?: string) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`link:${linkId}`);
+
+ return useQuery({
+ queryKey: ['link', { linkId, modified }],
+ queryFn: () => {
+ return get(`/links/${linkId}`);
+ },
+ enabled: !!linkId,
+ });
+}
diff --git a/src/components/hooks/queries/useLinkSharesQuery.ts b/src/components/hooks/queries/useLinkSharesQuery.ts
new file mode 100644
index 000000000..990952d05
--- /dev/null
+++ b/src/components/hooks/queries/useLinkSharesQuery.ts
@@ -0,0 +1,20 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useLinkSharesQuery(
+ { linkId }: { linkId: string },
+ options?: ReactQueryOptions,
+) {
+ const { modified } = useModified('shares');
+ const { get } = useApi();
+
+ return usePagedQuery({
+ queryKey: ['linkShares', { linkId, modified }],
+ queryFn: pageParams => {
+ return get(`/links/${linkId}/shares`, pageParams);
+ },
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useLinksQuery.ts b/src/components/hooks/queries/useLinksQuery.ts
new file mode 100644
index 000000000..8345fcfeb
--- /dev/null
+++ b/src/components/hooks/queries/useLinksQuery.ts
@@ -0,0 +1,24 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useLinksQuery(
+ { teamId }: { teamId?: string },
+ params?: Record,
+ options?: ReactQueryOptions,
+) {
+ const { modified } = useModified('links');
+ const { get } = useApi();
+
+ return usePagedQuery({
+ queryKey: ['links', { teamId, modified, ...params }],
+ queryFn: pageParams => {
+ return get(teamId ? `/teams/${teamId}/links` : '/links', {
+ ...pageParams,
+ ...params,
+ });
+ },
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useLogin.ts b/src/components/hooks/queries/useLoginQuery.ts
similarity index 58%
rename from src/components/hooks/queries/useLogin.ts
rename to src/components/hooks/queries/useLoginQuery.ts
index 635c50006..a64b7844f 100644
--- a/src/components/hooks/queries/useLogin.ts
+++ b/src/components/hooks/queries/useLoginQuery.ts
@@ -1,15 +1,11 @@
-import { UseQueryResult } from '@tanstack/react-query';
-import useStore, { setUser } from '@/store/app';
+import { setUser, useApp } from '@/store/app';
import { useApi } from '../useApi';
const selector = (state: { user: any }) => state.user;
-export function useLogin(): {
- user: any;
- setUser: (data: any) => void;
-} & UseQueryResult {
+export function useLoginQuery() {
const { post, useQuery } = useApi();
- const user = useStore(selector);
+ const user = useApp(selector);
const query = useQuery({
queryKey: ['login'],
@@ -25,5 +21,3 @@ export function useLogin(): {
return { user, setUser, ...query };
}
-
-export default useLogin;
diff --git a/src/components/hooks/queries/usePixelQuery.ts b/src/components/hooks/queries/usePixelQuery.ts
new file mode 100644
index 000000000..03b1bea5e
--- /dev/null
+++ b/src/components/hooks/queries/usePixelQuery.ts
@@ -0,0 +1,15 @@
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function usePixelQuery(pixelId?: string) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`pixel:${pixelId}`);
+
+ return useQuery({
+ queryKey: ['pixel', { pixelId, modified }],
+ queryFn: () => {
+ return get(`/pixels/${pixelId}`);
+ },
+ enabled: !!pixelId,
+ });
+}
diff --git a/src/components/hooks/queries/usePixelSharesQuery.ts b/src/components/hooks/queries/usePixelSharesQuery.ts
new file mode 100644
index 000000000..aacd07a7a
--- /dev/null
+++ b/src/components/hooks/queries/usePixelSharesQuery.ts
@@ -0,0 +1,20 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function usePixelSharesQuery(
+ { pixelId }: { pixelId: string },
+ options?: ReactQueryOptions,
+) {
+ const { modified } = useModified('shares');
+ const { get } = useApi();
+
+ return usePagedQuery({
+ queryKey: ['pixelShares', { pixelId, modified }],
+ queryFn: pageParams => {
+ return get(`/pixels/${pixelId}/shares`, pageParams);
+ },
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/usePixelsQuery.ts b/src/components/hooks/queries/usePixelsQuery.ts
new file mode 100644
index 000000000..2eadcba98
--- /dev/null
+++ b/src/components/hooks/queries/usePixelsQuery.ts
@@ -0,0 +1,24 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function usePixelsQuery(
+ { teamId }: { teamId?: string },
+ params?: Record,
+ options?: ReactQueryOptions,
+) {
+ const { modified } = useModified('pixels');
+ const { get } = useApi();
+
+ return usePagedQuery({
+ queryKey: ['pixels', { teamId, modified, ...params }],
+ queryFn: pageParams => {
+ return get(teamId ? `/teams/${teamId}/pixels` : '/pixels', {
+ ...pageParams,
+ ...params,
+ });
+ },
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useRealtime.ts b/src/components/hooks/queries/useRealtimeQuery.ts
similarity index 50%
rename from src/components/hooks/queries/useRealtime.ts
rename to src/components/hooks/queries/useRealtimeQuery.ts
index 670b23bea..1a5bd1c53 100644
--- a/src/components/hooks/queries/useRealtime.ts
+++ b/src/components/hooks/queries/useRealtimeQuery.ts
@@ -1,15 +1,13 @@
-import { useTimezone } from '@/components/hooks/useTimezone';
import { REALTIME_INTERVAL } from '@/lib/constants';
-import { RealtimeData } from '@/lib/types';
+import type { RealtimeData } from '@/lib/types';
import { useApi } from '../useApi';
-export function useRealtime(websiteId: string) {
+export function useRealtimeQuery(websiteId: string) {
const { get, useQuery } = useApi();
- const { timezone } = useTimezone();
const { data, isLoading, error } = useQuery({
- queryKey: ['realtime', { websiteId, timezone }],
+ queryKey: ['realtime', { websiteId }],
queryFn: async () => {
- return get(`/realtime/${websiteId}`, { timezone });
+ return get(`/realtime/${websiteId}`);
},
enabled: !!websiteId,
refetchInterval: REALTIME_INTERVAL,
@@ -17,5 +15,3 @@ export function useRealtime(websiteId: string) {
return { data, isLoading, error };
}
-
-export default useRealtime;
diff --git a/src/components/hooks/queries/useReplayQuery.ts b/src/components/hooks/queries/useReplayQuery.ts
new file mode 100644
index 000000000..03d2ab747
--- /dev/null
+++ b/src/components/hooks/queries/useReplayQuery.ts
@@ -0,0 +1,13 @@
+import { useApi } from '../useApi';
+
+export function useReplayQuery(websiteId: string, replayId: string) {
+ const { get, useQuery } = useApi();
+
+ return useQuery({
+ queryKey: ['replay', { websiteId, replayId }],
+ queryFn: () => {
+ return get(`/websites/${websiteId}/replays/${replayId}`);
+ },
+ enabled: Boolean(websiteId && replayId),
+ });
+}
diff --git a/src/components/hooks/queries/useReplaySavedQuery.ts b/src/components/hooks/queries/useReplaySavedQuery.ts
new file mode 100644
index 000000000..93795821b
--- /dev/null
+++ b/src/components/hooks/queries/useReplaySavedQuery.ts
@@ -0,0 +1,15 @@
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useReplaySavedQuery(websiteId: string, replayId: string) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified('replays');
+
+ return useQuery({
+ queryKey: ['replay:saved', { websiteId, replayId, modified }],
+ queryFn: () => {
+ return get(`/websites/${websiteId}/replays/saved/${replayId}`);
+ },
+ enabled: Boolean(websiteId && replayId),
+ });
+}
diff --git a/src/components/hooks/queries/useReplaysQuery.ts b/src/components/hooks/queries/useReplaysQuery.ts
new file mode 100644
index 000000000..79c1a04bf
--- /dev/null
+++ b/src/components/hooks/queries/useReplaysQuery.ts
@@ -0,0 +1,31 @@
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useReplaysQuery(websiteId: string, params?: Record) {
+ const { get } = useApi();
+ const { modified } = useModified('replays');
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return usePagedQuery({
+ queryKey: [
+ 'replays',
+ { websiteId, modified, startAt, endAt, unit, timezone, ...filters, ...params },
+ ],
+ queryFn: pageParams => {
+ return get(`/websites/${websiteId}/replays`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...filters,
+ ...pageParams,
+ ...params,
+ pageSize: 20,
+ });
+ },
+ });
+}
diff --git a/src/components/hooks/queries/useReport.ts b/src/components/hooks/queries/useReport.ts
deleted file mode 100644
index 7e9d81b0d..000000000
--- a/src/components/hooks/queries/useReport.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { produce } from 'immer';
-import { useCallback, useEffect, useState } from 'react';
-import { useApi } from '../useApi';
-import { useTimezone } from '../useTimezone';
-import { useMessages } from '../useMessages';
-import { parseDateRange } from '@/lib/date';
-
-export function useReport(
- reportId: string,
- defaultParameters?: { type: string; parameters: { [key: string]: any } },
-) {
- const [report, setReport] = useState(null);
- const [isRunning, setIsRunning] = useState(false);
- const { get, post } = useApi();
- const { timezone } = useTimezone();
- const { formatMessage, labels } = useMessages();
-
- const baseParameters = {
- name: formatMessage(labels.untitled),
- description: '',
- parameters: {},
- };
-
- const loadReport = async (id: string) => {
- const data: any = await get(`/reports/${id}`);
-
- const { dateRange } = data?.parameters || {};
-
- data.parameters = {
- ...defaultParameters?.parameters,
- ...data.parameters,
- dateRange: dateRange ? parseDateRange(dateRange?.value) : {},
- };
-
- setReport(data);
- };
-
- const runReport = useCallback(
- async (parameters: { [key: string]: any }) => {
- setIsRunning(true);
-
- const { type } = report;
-
- const data = await post(`/reports/${type}`, { ...parameters, timezone });
-
- setReport(
- produce((state: any) => {
- state.parameters = { ...defaultParameters?.parameters, ...parameters };
- state.data = data;
-
- return state;
- }),
- );
-
- setIsRunning(false);
- },
- [report, timezone],
- );
-
- const updateReport = useCallback(
- async (data: { [x: string]: any; parameters: any }) => {
- setReport(
- produce((state: any) => {
- const { parameters, ...rest } = data;
-
- if (parameters) {
- state.parameters = {
- ...defaultParameters?.parameters,
- ...state.parameters,
- ...parameters,
- };
- }
-
- for (const key in rest) {
- state[key] = rest[key];
- }
-
- return state;
- }),
- );
- },
- [report],
- );
-
- useEffect(() => {
- if (!reportId) {
- setReport({ ...baseParameters, ...defaultParameters });
- } else {
- loadReport(reportId);
- }
- }, [reportId]);
-
- return { report, runReport, updateReport, isRunning };
-}
-
-export default useReport;
diff --git a/src/components/hooks/queries/useReportQuery.ts b/src/components/hooks/queries/useReportQuery.ts
new file mode 100644
index 000000000..6973e2d34
--- /dev/null
+++ b/src/components/hooks/queries/useReportQuery.ts
@@ -0,0 +1,15 @@
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useReportQuery(reportId: string) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`report:${reportId}`);
+
+ return useQuery({
+ queryKey: ['report', { reportId, modified }],
+ queryFn: () => {
+ return get(`/reports/${reportId}`);
+ },
+ enabled: !!reportId,
+ });
+}
diff --git a/src/components/hooks/queries/useReports.ts b/src/components/hooks/queries/useReports.ts
deleted file mode 100644
index 21db15368..000000000
--- a/src/components/hooks/queries/useReports.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import useApi from '../useApi';
-import usePagedQuery from '../usePagedQuery';
-import useModified from '../useModified';
-
-export function useReports({ websiteId, teamId }: { websiteId?: string; teamId?: string }) {
- const { modified } = useModified(`reports`);
- const { get, del, useMutation } = useApi();
- const queryResult = usePagedQuery({
- queryKey: ['reports', { websiteId, teamId, modified }],
- queryFn: (params: any) => {
- return get('/reports', { websiteId, teamId, ...params });
- },
- });
- const { mutate } = useMutation({ mutationFn: (reportId: string) => del(`/reports/${reportId}`) });
-
- const deleteReport = (reportId: any) => {
- mutate(reportId, {
- onSuccess: () => {},
- });
- };
-
- return {
- ...queryResult,
- deleteReport,
- };
-}
-
-export default useReports;
diff --git a/src/components/hooks/queries/useReportsQuery.ts b/src/components/hooks/queries/useReportsQuery.ts
new file mode 100644
index 000000000..ba1bdd4d5
--- /dev/null
+++ b/src/components/hooks/queries/useReportsQuery.ts
@@ -0,0 +1,19 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useReportsQuery(
+ { websiteId, type }: { websiteId: string; type?: string },
+ options?: ReactQueryOptions,
+) {
+ const { modified } = useModified(`reports:${type}`);
+ const { get } = useApi();
+
+ return usePagedQuery({
+ queryKey: ['reports', { websiteId, type, modified }],
+ queryFn: async () => get('/reports', { websiteId, type }),
+ enabled: !!websiteId && !!type,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useResultQuery.ts b/src/components/hooks/queries/useResultQuery.ts
new file mode 100644
index 000000000..1828e594a
--- /dev/null
+++ b/src/components/hooks/queries/useResultQuery.ts
@@ -0,0 +1,46 @@
+import { useDateParameters } from '@/components/hooks/useDateParameters';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useFilterParameters } from '../useFilterParameters';
+
+export function useResultQuery(
+ type: string,
+ params?: Record,
+ options?: ReactQueryOptions,
+) {
+ const { websiteId, ...parameters } = params;
+ const { post, useQuery } = useApi();
+ const { startDate, endDate, timezone, unit } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'reports',
+ {
+ type,
+ websiteId,
+ startDate,
+ endDate,
+ timezone,
+ unit,
+ ...params,
+ ...filters,
+ },
+ ],
+ queryFn: () =>
+ post(`/reports/${type}`, {
+ websiteId,
+ type,
+ filters,
+ parameters: {
+ startDate,
+ endDate,
+ timezone,
+ unit,
+ ...parameters,
+ },
+ }),
+ enabled: !!type,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useRevenueSessionsQuery.ts b/src/components/hooks/queries/useRevenueSessionsQuery.ts
new file mode 100644
index 000000000..a1c12190d
--- /dev/null
+++ b/src/components/hooks/queries/useRevenueSessionsQuery.ts
@@ -0,0 +1,36 @@
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useRevenueSessionsQuery(
+ websiteId: string,
+ currency: string,
+ params?: Record,
+) {
+ const { get } = useApi();
+ const { modified } = useModified(`revenue-sessions`);
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return usePagedQuery({
+ queryKey: [
+ 'revenue-sessions',
+ { websiteId, currency, modified, startAt, endAt, unit, timezone, ...params, ...filters },
+ ],
+ queryFn: pageParams => {
+ return get(`/websites/${websiteId}/revenue/sessions`, {
+ currency,
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...filters,
+ ...pageParams,
+ ...params,
+ pageSize: 20,
+ });
+ },
+ });
+}
diff --git a/src/components/hooks/queries/useRevenueValues.ts b/src/components/hooks/queries/useRevenueValues.ts
deleted file mode 100644
index 007ca3c53..000000000
--- a/src/components/hooks/queries/useRevenueValues.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { useApi } from '../useApi';
-
-export function useRevenueValues(websiteId: string, startDate: Date, endDate: Date) {
- const { get, useQuery } = useApi();
-
- return useQuery({
- queryKey: ['revenue:values', { websiteId, startDate, endDate }],
- queryFn: () =>
- get(`/reports/revenue`, {
- websiteId,
- startDate,
- endDate,
- }),
- enabled: !!(websiteId && startDate && endDate),
- });
-}
-
-export default useRevenueValues;
diff --git a/src/components/hooks/queries/useSavedReplaysQuery.ts b/src/components/hooks/queries/useSavedReplaysQuery.ts
new file mode 100644
index 000000000..b6aef525c
--- /dev/null
+++ b/src/components/hooks/queries/useSavedReplaysQuery.ts
@@ -0,0 +1,18 @@
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useSavedReplaysQuery(websiteId: string) {
+ const { get } = useApi();
+ const { modified } = useModified('replays');
+
+ return usePagedQuery({
+ queryKey: ['replays:saved', { websiteId, modified }],
+ queryFn: pageParams => {
+ return get(`/websites/${websiteId}/replays/saved`, {
+ ...pageParams,
+ pageSize: 20,
+ });
+ },
+ });
+}
diff --git a/src/components/hooks/queries/useSessionActivity.ts b/src/components/hooks/queries/useSessionActivityQuery.ts
similarity index 92%
rename from src/components/hooks/queries/useSessionActivity.ts
rename to src/components/hooks/queries/useSessionActivityQuery.ts
index 1c9c8f57d..d8d34aca6 100644
--- a/src/components/hooks/queries/useSessionActivity.ts
+++ b/src/components/hooks/queries/useSessionActivityQuery.ts
@@ -1,6 +1,6 @@
import { useApi } from '../useApi';
-export function useSessionActivity(
+export function useSessionActivityQuery(
websiteId: string,
sessionId: string,
startDate: Date,
diff --git a/src/components/hooks/queries/useSessionDataProperties.ts b/src/components/hooks/queries/useSessionDataProperties.ts
deleted file mode 100644
index ca3798f02..000000000
--- a/src/components/hooks/queries/useSessionDataProperties.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useApi } from '../useApi';
-import { UseQueryOptions } from '@tanstack/react-query';
-import { useFilterParams } from '../useFilterParams';
-
-export function useSessionDataProperties(
- websiteId: string,
- options?: Omit,
-) {
- const { get, useQuery } = useApi();
- const params = useFilterParams(websiteId);
-
- return useQuery({
- queryKey: ['websites:session-data:properties', { websiteId, ...params }],
- queryFn: () => get(`/websites/${websiteId}/session-data/properties`, { ...params }),
- enabled: !!websiteId,
- ...options,
- });
-}
-
-export default useSessionDataProperties;
diff --git a/src/components/hooks/queries/useSessionDataPropertiesQuery.ts b/src/components/hooks/queries/useSessionDataPropertiesQuery.ts
new file mode 100644
index 000000000..ac651bb96
--- /dev/null
+++ b/src/components/hooks/queries/useSessionDataPropertiesQuery.ts
@@ -0,0 +1,27 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export function useSessionDataPropertiesQuery(websiteId: string, options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'websites:session-data:properties',
+ { websiteId, startAt, endAt, unit, timezone, ...filters },
+ ],
+ queryFn: () =>
+ get(`/websites/${websiteId}/session-data/properties`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...filters,
+ }),
+ enabled: !!websiteId,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useSessionData.ts b/src/components/hooks/queries/useSessionDataQuery.ts
similarity index 78%
rename from src/components/hooks/queries/useSessionData.ts
rename to src/components/hooks/queries/useSessionDataQuery.ts
index 521ba7d56..62b539832 100644
--- a/src/components/hooks/queries/useSessionData.ts
+++ b/src/components/hooks/queries/useSessionDataQuery.ts
@@ -1,6 +1,6 @@
import { useApi } from '../useApi';
-export function useSessionData(websiteId: string, sessionId: string) {
+export function useSessionDataQuery(websiteId: string, sessionId: string) {
const { get, useQuery } = useApi();
return useQuery({
diff --git a/src/components/hooks/queries/useSessionDataValues.ts b/src/components/hooks/queries/useSessionDataValues.ts
deleted file mode 100644
index 85529fc09..000000000
--- a/src/components/hooks/queries/useSessionDataValues.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useApi } from '../useApi';
-import { UseQueryOptions } from '@tanstack/react-query';
-import { useFilterParams } from '../useFilterParams';
-
-export function useSessionDataValues(
- websiteId: string,
- propertyName: string,
- options?: Omit,
-) {
- const { get, useQuery } = useApi();
- const params = useFilterParams(websiteId);
-
- return useQuery({
- queryKey: ['websites:session-data:values', { websiteId, propertyName, ...params }],
- queryFn: () => get(`/websites/${websiteId}/session-data/values`, { ...params, propertyName }),
- enabled: !!(websiteId && propertyName),
- ...options,
- });
-}
-
-export default useSessionDataValues;
diff --git a/src/components/hooks/queries/useSessionDataValuesQuery.ts b/src/components/hooks/queries/useSessionDataValuesQuery.ts
new file mode 100644
index 000000000..d5e180bbe
--- /dev/null
+++ b/src/components/hooks/queries/useSessionDataValuesQuery.ts
@@ -0,0 +1,32 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export function useSessionDataValuesQuery(
+ websiteId: string,
+ propertyName: string,
+ options?: ReactQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'websites:session-data:values',
+ { websiteId, propertyName, startAt, endAt, unit, timezone, ...filters },
+ ],
+ queryFn: () =>
+ get(`/websites/${websiteId}/session-data/values`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...filters,
+ propertyName,
+ }),
+ enabled: !!(websiteId && propertyName),
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useSessionReplaysQuery.ts b/src/components/hooks/queries/useSessionReplaysQuery.ts
new file mode 100644
index 000000000..df4613ed5
--- /dev/null
+++ b/src/components/hooks/queries/useSessionReplaysQuery.ts
@@ -0,0 +1,21 @@
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useSessionReplaysQuery(websiteId: string, sessionId: string) {
+ const { get } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+
+ return usePagedQuery({
+ queryKey: ['session-replays', { websiteId, sessionId, startAt, endAt, unit, timezone }],
+ queryFn: pageParams => {
+ return get(`/websites/${websiteId}/sessions/${sessionId}/replays`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...pageParams,
+ });
+ },
+ });
+}
diff --git a/src/components/hooks/queries/useShareToken.ts b/src/components/hooks/queries/useShareToken.ts
deleted file mode 100644
index cf17c7562..000000000
--- a/src/components/hooks/queries/useShareToken.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import useStore, { setShareToken } from '@/store/app';
-import { useApi } from '../useApi';
-
-const selector = (state: { shareToken: string }) => state.shareToken;
-
-export function useShareToken(shareId: string): {
- shareToken: any;
- isLoading?: boolean;
- error?: Error;
-} {
- const shareToken = useStore(selector);
- const { get, useQuery } = useApi();
- const { isLoading, error } = useQuery({
- queryKey: ['share', shareId],
- queryFn: async () => {
- const data = await get(`/share/${shareId}`);
-
- setShareToken(data);
-
- return data;
- },
- });
-
- return { shareToken, isLoading, error };
-}
-
-export default useShareToken;
diff --git a/src/components/hooks/queries/useShareTokenQuery.ts b/src/components/hooks/queries/useShareTokenQuery.ts
new file mode 100644
index 000000000..17d9e885a
--- /dev/null
+++ b/src/components/hooks/queries/useShareTokenQuery.ts
@@ -0,0 +1,22 @@
+import { setShare, setShareToken, useApp } from '@/store/app';
+import { useApi } from '../useApi';
+
+const selector = state => state.share;
+
+export function useShareTokenQuery(slug: string) {
+ const share = useApp(selector);
+ const { get, useQuery } = useApi();
+ const query = useQuery({
+ queryKey: ['share', slug],
+ queryFn: async () => {
+ const data = await get(`/share/${slug}`);
+
+ setShare(data);
+ setShareToken({ token: data?.token });
+
+ return data;
+ },
+ });
+
+ return { share, ...query };
+}
diff --git a/src/components/hooks/queries/useTeam.ts b/src/components/hooks/queries/useTeam.ts
deleted file mode 100644
index d0ce7499c..000000000
--- a/src/components/hooks/queries/useTeam.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { useApi } from '../useApi';
-
-export function useTeam(teamId: string) {
- const { get, useQuery } = useApi();
- return useQuery({
- queryKey: ['teams', teamId],
- queryFn: () => get(`/teams/${teamId}`),
- enabled: !!teamId,
- });
-}
-
-export default useTeam;
diff --git a/src/components/hooks/queries/useTeamMembers.ts b/src/components/hooks/queries/useTeamMembersQuery.ts
similarity index 65%
rename from src/components/hooks/queries/useTeamMembers.ts
rename to src/components/hooks/queries/useTeamMembersQuery.ts
index b6353afc1..6f6f815c1 100644
--- a/src/components/hooks/queries/useTeamMembers.ts
+++ b/src/components/hooks/queries/useTeamMembersQuery.ts
@@ -1,8 +1,8 @@
import { useApi } from '../useApi';
-import usePagedQuery from '../usePagedQuery';
-import useModified from '../useModified';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
-export function useTeamMembers(teamId: string) {
+export function useTeamMembersQuery(teamId: string) {
const { get } = useApi();
const { modified } = useModified(`teams:members`);
@@ -14,5 +14,3 @@ export function useTeamMembers(teamId: string) {
enabled: !!teamId,
});
}
-
-export default useTeamMembers;
diff --git a/src/components/hooks/queries/useTeamQuery.ts b/src/components/hooks/queries/useTeamQuery.ts
new file mode 100644
index 000000000..c076a6aa3
--- /dev/null
+++ b/src/components/hooks/queries/useTeamQuery.ts
@@ -0,0 +1,17 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useTeamQuery(teamId: string, options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`teams:${teamId}`);
+
+ return useQuery({
+ queryKey: ['teams', { teamId, modified }],
+ queryFn: () => get(`/teams/${teamId}`),
+ enabled: !!teamId,
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useTeamWebsites.ts b/src/components/hooks/queries/useTeamWebsitesQuery.ts
similarity index 73%
rename from src/components/hooks/queries/useTeamWebsites.ts
rename to src/components/hooks/queries/useTeamWebsitesQuery.ts
index 5606407eb..ffe601bf2 100644
--- a/src/components/hooks/queries/useTeamWebsites.ts
+++ b/src/components/hooks/queries/useTeamWebsitesQuery.ts
@@ -1,8 +1,8 @@
import { useApi } from '../useApi';
+import { useModified } from '../useModified';
import { usePagedQuery } from '../usePagedQuery';
-import useModified from '../useModified';
-export function useTeamWebsites(teamId: string) {
+export function useTeamWebsitesQuery(teamId: string) {
const { get } = useApi();
const { modified } = useModified(`websites`);
@@ -13,5 +13,3 @@ export function useTeamWebsites(teamId: string) {
},
});
}
-
-export default useTeamWebsites;
diff --git a/src/components/hooks/queries/useTeams.ts b/src/components/hooks/queries/useTeams.ts
deleted file mode 100644
index d09e2f7d2..000000000
--- a/src/components/hooks/queries/useTeams.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { useApi } from '../useApi';
-import { usePagedQuery } from '../usePagedQuery';
-import useModified from '../useModified';
-
-export function useTeams(userId: string) {
- const { get } = useApi();
- const { modified } = useModified(`teams`);
-
- return usePagedQuery({
- queryKey: ['teams', { userId, modified }],
- queryFn: (params: any) => {
- return get(`/users/${userId}/teams`, params);
- },
- enabled: !!userId,
- });
-}
-
-export default useTeams;
diff --git a/src/components/hooks/queries/useTeamsQuery.ts b/src/components/hooks/queries/useTeamsQuery.ts
new file mode 100644
index 000000000..f1a09f4da
--- /dev/null
+++ b/src/components/hooks/queries/useTeamsQuery.ts
@@ -0,0 +1,20 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useTeamsQuery(params?: Record, options?: ReactQueryOptions) {
+ const { get } = useApi();
+ const { modified } = useModified(`teams`);
+
+ return usePagedQuery({
+ queryKey: ['teams:admin', { modified, ...params }],
+ queryFn: pageParams => {
+ return get(`/admin/teams`, {
+ ...pageParams,
+ ...params,
+ });
+ },
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useUpdateQuery.ts b/src/components/hooks/queries/useUpdateQuery.ts
new file mode 100644
index 000000000..85a94425f
--- /dev/null
+++ b/src/components/hooks/queries/useUpdateQuery.ts
@@ -0,0 +1,15 @@
+import { useToast } from '@umami/react-zen';
+import type { ApiError } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useUpdateQuery(path: string, params?: Record) {
+ const { post, useMutation } = useApi();
+ const query = useMutation>({
+ mutationFn: (data: Record) => post(path, { ...data, ...params }),
+ });
+ const { touch } = useModified();
+ const { toast } = useToast();
+
+ return { ...query, touch, toast };
+}
diff --git a/src/components/hooks/queries/useUser.ts b/src/components/hooks/queries/useUser.ts
deleted file mode 100644
index 8541a2207..000000000
--- a/src/components/hooks/queries/useUser.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { useApi } from '../useApi';
-
-export function useUser(userId: string, options?: { [key: string]: any }) {
- const { get, useQuery } = useApi();
- return useQuery({
- queryKey: ['users', userId],
- queryFn: () => get(`/users/${userId}`),
- enabled: !!userId,
- ...options,
- });
-}
-
-export default useUser;
diff --git a/src/components/hooks/queries/useUserQuery.ts b/src/components/hooks/queries/useUserQuery.ts
new file mode 100644
index 000000000..07e23f08b
--- /dev/null
+++ b/src/components/hooks/queries/useUserQuery.ts
@@ -0,0 +1,17 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useUserQuery(userId: string, options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`user:${userId}`);
+
+ return useQuery({
+ queryKey: ['users', { userId, modified }],
+ queryFn: () => get(`/users/${userId}`),
+ enabled: !!userId,
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useUserTeamsQuery.ts b/src/components/hooks/queries/useUserTeamsQuery.ts
new file mode 100644
index 000000000..82f65496b
--- /dev/null
+++ b/src/components/hooks/queries/useUserTeamsQuery.ts
@@ -0,0 +1,15 @@
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useUserTeamsQuery(userId: string) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`teams`);
+
+ return useQuery({
+ queryKey: ['teams', { userId, modified }],
+ queryFn: () => {
+ return get(`/users/${userId}/teams`);
+ },
+ enabled: !!userId,
+ });
+}
diff --git a/src/components/hooks/queries/useUserWebsitesQuery.ts b/src/components/hooks/queries/useUserWebsitesQuery.ts
new file mode 100644
index 000000000..f98eaffbc
--- /dev/null
+++ b/src/components/hooks/queries/useUserWebsitesQuery.ts
@@ -0,0 +1,31 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useUserWebsitesQuery(
+ { userId, teamId }: { userId?: string; teamId?: string },
+ params?: Record,
+ options?: ReactQueryOptions,
+) {
+ const { get } = useApi();
+ const { modified } = useModified(`websites`);
+
+ return usePagedQuery({
+ queryKey: ['websites', { userId, teamId, modified, ...params }],
+ queryFn: pageParams => {
+ return get(
+ teamId
+ ? `/teams/${teamId}/websites`
+ : userId
+ ? `/users/${userId}/websites`
+ : '/me/websites',
+ {
+ ...pageParams,
+ ...params,
+ },
+ );
+ },
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useUsers.ts b/src/components/hooks/queries/useUsersQuery.ts
similarity index 56%
rename from src/components/hooks/queries/useUsers.ts
rename to src/components/hooks/queries/useUsersQuery.ts
index 3d70d262d..d87900bab 100644
--- a/src/components/hooks/queries/useUsers.ts
+++ b/src/components/hooks/queries/useUsersQuery.ts
@@ -1,19 +1,17 @@
import { useApi } from '../useApi';
+import { useModified } from '../useModified';
import { usePagedQuery } from '../usePagedQuery';
-import useModified from '../useModified';
-export function useUsers() {
+export function useUsersQuery() {
const { get } = useApi();
const { modified } = useModified(`users`);
return usePagedQuery({
- queryKey: ['users', { modified }],
- queryFn: (params: any) => {
+ queryKey: ['users:admin', { modified }],
+ queryFn: (pageParams: any) => {
return get('/admin/users', {
- ...params,
+ ...pageParams,
});
},
});
}
-
-export default useUsers;
diff --git a/src/components/hooks/queries/useWebsite.ts b/src/components/hooks/queries/useWebsite.ts
deleted file mode 100644
index 9151b55d7..000000000
--- a/src/components/hooks/queries/useWebsite.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { useApi } from '../useApi';
-
-export function useWebsite(websiteId: string, options?: { [key: string]: any }) {
- const { get, useQuery } = useApi();
-
- return useQuery({
- queryKey: ['website', { websiteId }],
- queryFn: () => get(`/websites/${websiteId}`),
- enabled: !!websiteId,
- ...options,
- });
-}
-
-export default useWebsite;
diff --git a/src/components/hooks/queries/useWebsiteCohortQuery.ts b/src/components/hooks/queries/useWebsiteCohortQuery.ts
new file mode 100644
index 000000000..975766e91
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteCohortQuery.ts
@@ -0,0 +1,21 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useWebsiteCohortQuery(
+ websiteId: string,
+ cohortId: string,
+ options?: ReactQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`cohorts`);
+
+ return useQuery({
+ queryKey: ['website:cohorts', { websiteId, cohortId, modified }],
+ queryFn: () => get(`/websites/${websiteId}/segments/${cohortId}`),
+ enabled: !!(websiteId && cohortId),
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteCohortsQuery.ts b/src/components/hooks/queries/useWebsiteCohortsQuery.ts
new file mode 100644
index 000000000..e0cbf4ce9
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteCohortsQuery.ts
@@ -0,0 +1,25 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import { useFilterParameters } from '@/components/hooks/useFilterParameters';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useWebsiteCohortsQuery(
+ websiteId: string,
+ params?: Record,
+ options?: ReactQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`cohorts`);
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: ['website:cohorts', { websiteId, modified, ...filters, ...params }],
+ queryFn: pageParams => {
+ return get(`/websites/${websiteId}/segments`, { ...pageParams, ...filters, ...params });
+ },
+ enabled: !!websiteId,
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteEvents.ts b/src/components/hooks/queries/useWebsiteEvents.ts
deleted file mode 100644
index 2a47c3eb2..000000000
--- a/src/components/hooks/queries/useWebsiteEvents.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useApi } from '../useApi';
-import { UseQueryOptions } from '@tanstack/react-query';
-import { useFilterParams } from '../useFilterParams';
-import { usePagedQuery } from '../usePagedQuery';
-
-export function useWebsiteEvents(
- websiteId: string,
- options?: Omit,
-) {
- const { get } = useApi();
- const params = useFilterParams(websiteId);
-
- return usePagedQuery({
- queryKey: ['websites:events', { websiteId, ...params }],
- queryFn: pageParams =>
- get(`/websites/${websiteId}/events`, { ...params, ...pageParams, pageSize: 20 }),
- enabled: !!websiteId,
- ...options,
- });
-}
-
-export default useWebsiteEvents;
diff --git a/src/components/hooks/queries/useWebsiteEventsQuery.ts b/src/components/hooks/queries/useWebsiteEventsQuery.ts
new file mode 100644
index 000000000..fc4dad5b1
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteEventsQuery.ts
@@ -0,0 +1,39 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+import { usePagedQuery } from '../usePagedQuery';
+
+const EVENT_TYPES = {
+ views: 1,
+ events: 2,
+};
+
+export function useWebsiteEventsQuery(
+ websiteId: string,
+ params?: Record,
+ options?: ReactQueryOptions,
+) {
+ const { get } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return usePagedQuery({
+ queryKey: [
+ 'websites:events',
+ { websiteId, startAt, endAt, unit, timezone, ...filters, ...params },
+ ],
+ queryFn: pageParams =>
+ get(`/websites/${websiteId}/events`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...filters,
+ ...pageParams,
+ eventType: EVENT_TYPES[params.view],
+ }),
+ enabled: !!websiteId,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteEventsSeries.ts b/src/components/hooks/queries/useWebsiteEventsSeries.ts
deleted file mode 100644
index 91c50ffff..000000000
--- a/src/components/hooks/queries/useWebsiteEventsSeries.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useApi } from '../useApi';
-import { UseQueryOptions } from '@tanstack/react-query';
-import { useFilterParams } from '../useFilterParams';
-
-export function useWebsiteEventsSeries(
- websiteId: string,
- options?: Omit,
-) {
- const { get, useQuery } = useApi();
- const params = useFilterParams(websiteId);
-
- return useQuery({
- queryKey: ['websites:events:series', { websiteId, ...params }],
- queryFn: () => get(`/websites/${websiteId}/events/series`, { ...params }),
- enabled: !!websiteId,
- ...options,
- });
-}
-
-export default useWebsiteEventsSeries;
diff --git a/src/components/hooks/queries/useWebsiteEventsSeriesQuery.ts b/src/components/hooks/queries/useWebsiteEventsSeriesQuery.ts
new file mode 100644
index 000000000..5318d0d9e
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteEventsSeriesQuery.ts
@@ -0,0 +1,32 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export function useWebsiteEventsSeriesQuery(
+ websiteId: string,
+ params?: { limit?: number },
+ options?: ReactQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'websites:events:series',
+ { websiteId, startAt, endAt, unit, timezone, ...filters, ...params },
+ ],
+ queryFn: () =>
+ get(`/websites/${websiteId}/events/series`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...filters,
+ ...params,
+ }),
+ enabled: !!websiteId,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteExpandedMetricsQuery.ts b/src/components/hooks/queries/useWebsiteExpandedMetricsQuery.ts
new file mode 100644
index 000000000..1611c7f8a
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteExpandedMetricsQuery.ts
@@ -0,0 +1,47 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export type WebsiteExpandedMetricsData = {
+ name: string;
+ pageviews: number;
+ visitors: number;
+ visits: number;
+ bounces: number;
+ totaltime: number;
+}[];
+
+export function useWebsiteExpandedMetricsQuery(
+ websiteId: string,
+ params: { type: string; limit?: number; search?: string },
+ options?: ReactQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'websites:metrics:expanded',
+ {
+ websiteId,
+ startAt,
+ endAt,
+ ...filters,
+ ...params,
+ },
+ ],
+ queryFn: async () =>
+ get(`/websites/${websiteId}/metrics/expanded`, {
+ startAt,
+ endAt,
+ ...filters,
+ ...params,
+ }),
+ enabled: !!websiteId,
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteMetrics.ts b/src/components/hooks/queries/useWebsiteMetrics.ts
deleted file mode 100644
index 1a4202e87..000000000
--- a/src/components/hooks/queries/useWebsiteMetrics.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { UseQueryOptions } from '@tanstack/react-query';
-import { useApi } from '../useApi';
-import { useFilterParams } from '../useFilterParams';
-import { useSearchParams } from 'next/navigation';
-
-export function useWebsiteMetrics(
- websiteId: string,
- queryParams: { type: string; limit?: number; search?: string; startAt?: number; endAt?: number },
- options?: Omit void }, 'queryKey' | 'queryFn'>,
-) {
- const { get, useQuery } = useApi();
- const params = useFilterParams(websiteId);
- const searchParams = useSearchParams();
-
- return useQuery({
- queryKey: [
- 'websites:metrics',
- {
- websiteId,
- ...params,
- ...queryParams,
- },
- ],
- queryFn: async () => {
- const data = await get(`/websites/${websiteId}/metrics`, {
- ...params,
- [searchParams.get('view')]: undefined,
- ...queryParams,
- });
-
- options?.onDataLoad?.(data);
-
- return data;
- },
- enabled: !!websiteId,
- ...options,
- });
-}
-
-export default useWebsiteMetrics;
diff --git a/src/components/hooks/queries/useWebsiteMetricsQuery.ts b/src/components/hooks/queries/useWebsiteMetricsQuery.ts
new file mode 100644
index 000000000..cd064af68
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteMetricsQuery.ts
@@ -0,0 +1,43 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export type WebsiteMetricsData = {
+ x: string;
+ y: number;
+}[];
+
+export function useWebsiteMetricsQuery(
+ websiteId: string,
+ params: { type: string; limit?: number; search?: string },
+ options?: ReactQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'websites:metrics',
+ {
+ websiteId,
+ startAt,
+ endAt,
+ ...filters,
+ ...params,
+ },
+ ],
+ queryFn: async () =>
+ get(`/websites/${websiteId}/metrics`, {
+ startAt,
+ endAt,
+ ...filters,
+ ...params,
+ }),
+ enabled: !!websiteId,
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsitePageviews.ts b/src/components/hooks/queries/useWebsitePageviews.ts
deleted file mode 100644
index 43c51745e..000000000
--- a/src/components/hooks/queries/useWebsitePageviews.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { UseQueryOptions } from '@tanstack/react-query';
-import { useApi } from '../useApi';
-import { useFilterParams } from '../useFilterParams';
-
-export function useWebsitePageviews(
- websiteId: string,
- compare?: string,
- options?: Omit,
-) {
- const { get, useQuery } = useApi();
- const params = useFilterParams(websiteId);
-
- return useQuery({
- queryKey: ['websites:pageviews', { websiteId, ...params, compare }],
- queryFn: () => get(`/websites/${websiteId}/pageviews`, { ...params, compare }),
- enabled: !!websiteId,
- ...options,
- });
-}
-
-export default useWebsitePageviews;
diff --git a/src/components/hooks/queries/useWebsitePageviewsQuery.ts b/src/components/hooks/queries/useWebsitePageviewsQuery.ts
new file mode 100644
index 000000000..b35c8200c
--- /dev/null
+++ b/src/components/hooks/queries/useWebsitePageviewsQuery.ts
@@ -0,0 +1,36 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export interface WebsitePageviewsData {
+ pageviews: { x: string; y: number }[];
+ sessions: { x: string; y: number }[];
+}
+
+export function useWebsitePageviewsQuery(
+ { websiteId, compare }: { websiteId: string; compare?: string },
+ options?: ReactQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const queryParams = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'websites:pageviews',
+ { websiteId, compare, startAt, endAt, unit, timezone, ...queryParams },
+ ],
+ queryFn: () =>
+ get(`/websites/${websiteId}/pageviews`, {
+ compare,
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...queryParams,
+ }),
+ enabled: !!websiteId,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteQuery.ts b/src/components/hooks/queries/useWebsiteQuery.ts
new file mode 100644
index 000000000..b4a60c495
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteQuery.ts
@@ -0,0 +1,17 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useWebsiteQuery(websiteId?: string, options?: ReactQueryOptions) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`website:${websiteId}`);
+
+ return useQuery({
+ queryKey: ['website', { websiteId, modified }],
+ queryFn: () => get(`/websites/${websiteId}`),
+ enabled: !!websiteId,
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteSegmentQuery.ts b/src/components/hooks/queries/useWebsiteSegmentQuery.ts
new file mode 100644
index 000000000..1923fbd86
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteSegmentQuery.ts
@@ -0,0 +1,21 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useWebsiteSegmentQuery(
+ websiteId: string,
+ segmentId: string,
+ options?: ReactQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`segments`);
+
+ return useQuery({
+ queryKey: ['website:segments', { websiteId, segmentId, modified }],
+ queryFn: () => get(`/websites/${websiteId}/segments/${segmentId}`),
+ enabled: !!(websiteId && segmentId),
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteSegmentsQuery.ts b/src/components/hooks/queries/useWebsiteSegmentsQuery.ts
new file mode 100644
index 000000000..8d3af9631
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteSegmentsQuery.ts
@@ -0,0 +1,24 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import { useFilterParameters } from '@/components/hooks/useFilterParameters';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useWebsiteSegmentsQuery(
+ websiteId: string,
+ params?: Record,
+ options?: ReactQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`segments`);
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: ['website:segments', { websiteId, modified, ...filters, ...params }],
+ queryFn: pageParams =>
+ get(`/websites/${websiteId}/segments`, { ...pageParams, ...filters, ...params }),
+ enabled: !!websiteId,
+ placeholderData: keepPreviousData,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteSession.ts b/src/components/hooks/queries/useWebsiteSessionQuery.ts
similarity index 64%
rename from src/components/hooks/queries/useWebsiteSession.ts
rename to src/components/hooks/queries/useWebsiteSessionQuery.ts
index 93e9057c6..b175662db 100644
--- a/src/components/hooks/queries/useWebsiteSession.ts
+++ b/src/components/hooks/queries/useWebsiteSessionQuery.ts
@@ -1,6 +1,6 @@
import { useApi } from '../useApi';
-export function useWebsiteSession(websiteId: string, sessionId: string) {
+export function useWebsiteSessionQuery(websiteId: string, sessionId: string | undefined) {
const { get, useQuery } = useApi();
return useQuery({
@@ -8,7 +8,6 @@ export function useWebsiteSession(websiteId: string, sessionId: string) {
queryFn: () => {
return get(`/websites/${websiteId}/sessions/${sessionId}`);
},
+ enabled: Boolean(websiteId && sessionId),
});
}
-
-export default useWebsiteSession;
diff --git a/src/components/hooks/queries/useWebsiteSessionStats.ts b/src/components/hooks/queries/useWebsiteSessionStats.ts
deleted file mode 100644
index 5c02cfdce..000000000
--- a/src/components/hooks/queries/useWebsiteSessionStats.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { useApi } from '../useApi';
-import { useFilterParams } from '../useFilterParams';
-
-export function useWebsiteSessionStats(websiteId: string, options?: { [key: string]: string }) {
- const { get, useQuery } = useApi();
- const params = useFilterParams(websiteId);
-
- return useQuery({
- queryKey: ['sessions:stats', { websiteId, ...params }],
- queryFn: () => get(`/websites/${websiteId}/sessions/stats`, { ...params }),
- enabled: !!websiteId,
- ...options,
- });
-}
-
-export default useWebsiteSessionStats;
diff --git a/src/components/hooks/queries/useWebsiteSessionStatsQuery.ts b/src/components/hooks/queries/useWebsiteSessionStatsQuery.ts
new file mode 100644
index 000000000..bac9fc90e
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteSessionStatsQuery.ts
@@ -0,0 +1,17 @@
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+
+export function useWebsiteSessionStatsQuery(websiteId: string, options?: Record) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: ['sessions:stats', { websiteId, startAt, endAt, unit, timezone, ...filters }],
+ queryFn: () =>
+ get(`/websites/${websiteId}/sessions/stats`, { startAt, endAt, unit, timezone, ...filters }),
+ enabled: !!websiteId,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteSessions.ts b/src/components/hooks/queries/useWebsiteSessions.ts
deleted file mode 100644
index 09e34a803..000000000
--- a/src/components/hooks/queries/useWebsiteSessions.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useApi } from '../useApi';
-import { usePagedQuery } from '../usePagedQuery';
-import useModified from '../useModified';
-import { useFilterParams } from '@/components/hooks/useFilterParams';
-
-export function useWebsiteSessions(websiteId: string, params?: { [key: string]: string | number }) {
- const { get } = useApi();
- const { modified } = useModified(`sessions`);
- const filters = useFilterParams(websiteId);
-
- return usePagedQuery({
- queryKey: ['sessions', { websiteId, modified, ...params, ...filters }],
- queryFn: (data: any) => {
- return get(`/websites/${websiteId}/sessions`, {
- ...data,
- ...params,
- ...filters,
- pageSize: 20,
- });
- },
- });
-}
-
-export default useWebsiteSessions;
diff --git a/src/components/hooks/queries/useWebsiteSessionsQuery.ts b/src/components/hooks/queries/useWebsiteSessionsQuery.ts
new file mode 100644
index 000000000..31906be90
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteSessionsQuery.ts
@@ -0,0 +1,34 @@
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useFilterParameters } from '../useFilterParameters';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useWebsiteSessionsQuery(
+ websiteId: string,
+ params?: Record,
+) {
+ const { get } = useApi();
+ const { modified } = useModified(`sessions`);
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return usePagedQuery({
+ queryKey: [
+ 'sessions',
+ { websiteId, modified, startAt, endAt, unit, timezone, ...params, ...filters },
+ ],
+ queryFn: pageParams => {
+ return get(`/websites/${websiteId}/sessions`, {
+ startAt,
+ endAt,
+ unit,
+ timezone,
+ ...filters,
+ ...pageParams,
+ ...params,
+ pageSize: 20,
+ });
+ },
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteSessionsWeekly.ts b/src/components/hooks/queries/useWebsiteSessionsWeekly.ts
deleted file mode 100644
index f3aa3b00b..000000000
--- a/src/components/hooks/queries/useWebsiteSessionsWeekly.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useApi } from '../useApi';
-import useModified from '../useModified';
-import { useFilterParams } from '@/components/hooks/useFilterParams';
-
-export function useWebsiteSessionsWeekly(
- websiteId: string,
- params?: { [key: string]: string | number },
-) {
- const { get, useQuery } = useApi();
- const { modified } = useModified(`sessions`);
- const filters = useFilterParams(websiteId);
-
- return useQuery({
- queryKey: ['sessions', { websiteId, modified, ...params, ...filters }],
- queryFn: () => {
- return get(`/websites/${websiteId}/sessions/weekly`, {
- ...params,
- ...filters,
- });
- },
- });
-}
-
-export default useWebsiteSessionsWeekly;
diff --git a/src/components/hooks/queries/useWebsiteSharesQuery.ts b/src/components/hooks/queries/useWebsiteSharesQuery.ts
new file mode 100644
index 000000000..298e4d264
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteSharesQuery.ts
@@ -0,0 +1,20 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useWebsiteSharesQuery(
+ { websiteId }: { websiteId: string },
+ options?: ReactQueryOptions,
+) {
+ const { modified } = useModified('shares');
+ const { get } = useApi();
+
+ return usePagedQuery({
+ queryKey: ['websiteShares', { websiteId, modified }],
+ queryFn: pageParams => {
+ return get(`/websites/${websiteId}/shares`, pageParams);
+ },
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteStats.ts b/src/components/hooks/queries/useWebsiteStats.ts
deleted file mode 100644
index 6d42009ee..000000000
--- a/src/components/hooks/queries/useWebsiteStats.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useApi } from '../useApi';
-import { useFilterParams } from '../useFilterParams';
-
-export function useWebsiteStats(
- websiteId: string,
- compare?: string,
- options?: { [key: string]: string },
-) {
- const { get, useQuery } = useApi();
- const params = useFilterParams(websiteId);
-
- return useQuery({
- queryKey: ['websites:stats', { websiteId, ...params, compare }],
- queryFn: () => get(`/websites/${websiteId}/stats`, { ...params, compare }),
- enabled: !!websiteId,
- ...options,
- });
-}
-
-export default useWebsiteStats;
diff --git a/src/components/hooks/queries/useWebsiteStatsQuery.ts b/src/components/hooks/queries/useWebsiteStatsQuery.ts
new file mode 100644
index 000000000..48484a07e
--- /dev/null
+++ b/src/components/hooks/queries/useWebsiteStatsQuery.ts
@@ -0,0 +1,35 @@
+import type { UseQueryOptions } from '@tanstack/react-query';
+import { useDateParameters } from '@/components/hooks/useDateParameters';
+import { useApi } from '../useApi';
+import { useFilterParameters } from '../useFilterParameters';
+
+export interface WebsiteStatsData {
+ pageviews: number;
+ visitors: number;
+ visits: number;
+ bounces: number;
+ totaltime: number;
+ comparison: {
+ pageviews: number;
+ visitors: number;
+ visits: number;
+ bounces: number;
+ totaltime: number;
+ };
+}
+
+export function useWebsiteStatsQuery(
+ { websiteId, compare }: { websiteId: string; compare?: string },
+ options?: UseQueryOptions,
+) {
+ const { get, useQuery } = useApi();
+ const { startAt, endAt } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: ['websites:stats', { websiteId, compare, startAt, endAt, ...filters }],
+ queryFn: () => get(`/websites/${websiteId}/stats`, { compare, startAt, endAt, ...filters }),
+ enabled: !!websiteId,
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWebsiteValues.ts b/src/components/hooks/queries/useWebsiteValuesQuery.ts
similarity index 93%
rename from src/components/hooks/queries/useWebsiteValues.ts
rename to src/components/hooks/queries/useWebsiteValuesQuery.ts
index 77f65fe58..1e097369e 100644
--- a/src/components/hooks/queries/useWebsiteValues.ts
+++ b/src/components/hooks/queries/useWebsiteValuesQuery.ts
@@ -1,9 +1,9 @@
-import { useApi } from '../useApi';
import { useCountryNames } from '@/components/hooks/useCountryNames';
import { useRegionNames } from '@/components/hooks/useRegionNames';
-import useLocale from '../useLocale';
+import { useApi } from '../useApi';
+import { useLocale } from '../useLocale';
-export function useWebsiteValues({
+export function useWebsiteValuesQuery({
websiteId,
type,
startDate,
@@ -60,5 +60,3 @@ export function useWebsiteValues({
enabled: !!(websiteId && type && startDate && endDate),
});
}
-
-export default useWebsiteValues;
diff --git a/src/components/hooks/queries/useWebsites.ts b/src/components/hooks/queries/useWebsites.ts
deleted file mode 100644
index 7a5004d75..000000000
--- a/src/components/hooks/queries/useWebsites.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { useApi } from '../useApi';
-import { usePagedQuery } from '../usePagedQuery';
-import { useLogin } from './useLogin';
-import useModified from '../useModified';
-
-export function useWebsites(
- { userId, teamId }: { userId?: string; teamId?: string },
- params?: { [key: string]: string | number },
-) {
- const { get } = useApi();
- const { user } = useLogin();
- const { modified } = useModified(`websites`);
-
- return usePagedQuery({
- queryKey: ['websites', { userId, teamId, modified, ...params }],
- queryFn: (data: any) => {
- return get(teamId ? `/teams/${teamId}/websites` : `/users/${userId || user.id}/websites`, {
- ...data,
- ...params,
- });
- },
- });
-}
-
-export default useWebsites;
diff --git a/src/components/hooks/queries/useWebsitesQuery.ts b/src/components/hooks/queries/useWebsitesQuery.ts
new file mode 100644
index 000000000..a7b661864
--- /dev/null
+++ b/src/components/hooks/queries/useWebsitesQuery.ts
@@ -0,0 +1,20 @@
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+import { usePagedQuery } from '../usePagedQuery';
+
+export function useWebsitesQuery(params?: Record, options?: ReactQueryOptions) {
+ const { get } = useApi();
+ const { modified } = useModified(`websites`);
+
+ return usePagedQuery({
+ queryKey: ['websites:admin', { modified, ...params }],
+ queryFn: pageParams => {
+ return get(`/admin/websites`, {
+ ...pageParams,
+ ...params,
+ });
+ },
+ ...options,
+ });
+}
diff --git a/src/components/hooks/queries/useWeeklyTrafficQuery.ts b/src/components/hooks/queries/useWeeklyTrafficQuery.ts
new file mode 100644
index 000000000..df729ffd9
--- /dev/null
+++ b/src/components/hooks/queries/useWeeklyTrafficQuery.ts
@@ -0,0 +1,27 @@
+import { useFilterParameters } from '@/components/hooks/useFilterParameters';
+import { useApi } from '../useApi';
+import { useDateParameters } from '../useDateParameters';
+import { useModified } from '../useModified';
+
+export function useWeeklyTrafficQuery(websiteId: string, params?: Record) {
+ const { get, useQuery } = useApi();
+ const { modified } = useModified(`sessions`);
+ const { startAt, endAt, unit, timezone } = useDateParameters();
+ const filters = useFilterParameters();
+
+ return useQuery({
+ queryKey: [
+ 'sessions',
+ { websiteId, modified, startAt, endAt, timezone, ...params, ...filters },
+ ],
+ queryFn: () => {
+ return get(`/websites/${websiteId}/sessions/weekly`, {
+ startAt,
+ endAt,
+ timezone,
+ ...params,
+ ...filters,
+ });
+ },
+ });
+}
diff --git a/src/components/hooks/useApi.ts b/src/components/hooks/useApi.ts
index dfa48e2ff..35cabd529 100644
--- a/src/components/hooks/useApi.ts
+++ b/src/components/hooks/useApi.ts
@@ -1,25 +1,23 @@
+import { useMutation, useQuery } from '@tanstack/react-query';
import { useCallback } from 'react';
-import * as reactQuery from '@tanstack/react-query';
import { getClientAuthToken } from '@/lib/client';
import { SHARE_TOKEN_HEADER } from '@/lib/constants';
-import { httpGet, httpPost, httpPut, httpDelete, FetchResponse } from '@/lib/fetch';
-import useStore from '@/store/app';
+import { type FetchResponse, httpDelete, httpGet, httpPost, httpPut } from '@/lib/fetch';
+import { useApp } from '@/store/app';
const selector = (state: { shareToken: { token?: string } }) => state.shareToken;
async function handleResponse(res: FetchResponse): Promise {
if (!res.ok) {
- return Promise.reject(new Error(res.error?.error || res.error || 'Unexpectd error.'));
+ const { message, code, status } = res?.data?.error || {};
+
+ return Promise.reject(Object.assign(new Error(message), { code, status }));
}
return Promise.resolve(res.data);
}
-function handleError(err: Error | string) {
- return Promise.reject((err as Error)?.message || err || null);
-}
-
export function useApi() {
- const shareToken = useStore(selector);
+ const shareToken = useApp(selector);
const defaultHeaders = {
authorization: `Bearer ${getClientAuthToken()}`,
@@ -38,41 +36,32 @@ export function useApi() {
return {
get: useCallback(
async (url: string, params: object = {}, headers: object = {}) => {
- return httpGet(getUrl(url), params, getHeaders(headers))
- .then(handleResponse)
- .catch(handleError);
+ return httpGet(getUrl(url), params, getHeaders(headers)).then(handleResponse);
},
[httpGet],
),
post: useCallback(
async (url: string, params: object = {}, headers: object = {}) => {
- return httpPost(getUrl(url), params, getHeaders(headers))
- .then(handleResponse)
- .catch(handleError);
+ return httpPost(getUrl(url), params, getHeaders(headers)).then(handleResponse);
},
[httpPost],
),
put: useCallback(
async (url: string, params: object = {}, headers: object = {}) => {
- return httpPut(getUrl(url), params, getHeaders(headers))
- .then(handleResponse)
- .catch(handleError);
+ return httpPut(getUrl(url), params, getHeaders(headers)).then(handleResponse);
},
[httpPut],
),
del: useCallback(
async (url: string, params: object = {}, headers: object = {}) => {
- return httpDelete(getUrl(url), params, getHeaders(headers))
- .then(handleResponse)
- .catch(handleError);
+ return httpDelete(getUrl(url), params, getHeaders(headers)).then(handleResponse);
},
[httpDelete],
),
- ...reactQuery,
+ useQuery,
+ useMutation,
};
}
-
-export default useApi;
diff --git a/src/components/hooks/useConfig.ts b/src/components/hooks/useConfig.ts
new file mode 100644
index 000000000..c1cdcaf67
--- /dev/null
+++ b/src/components/hooks/useConfig.ts
@@ -0,0 +1,33 @@
+import { useEffect } from 'react';
+import { useApi } from '@/components/hooks/useApi';
+import { setConfig, useApp } from '@/store/app';
+
+export type Config = {
+ cloudMode: boolean;
+ faviconUrl?: string;
+ linksUrl?: string;
+ pixelsUrl?: string;
+ privateMode: boolean;
+ telemetryDisabled: boolean;
+ trackerScriptName?: string;
+ updatesDisabled: boolean;
+};
+
+export function useConfig(): Config {
+ const { config } = useApp();
+ const { get } = useApi();
+
+ async function loadConfig() {
+ const data = await get(`/config`);
+
+ setConfig(data);
+ }
+
+ useEffect(() => {
+ if (!config) {
+ loadConfig();
+ }
+ }, []);
+
+ return config;
+}
diff --git a/src/components/hooks/useCountryNames.ts b/src/components/hooks/useCountryNames.ts
index 12f2f0dde..1ec9fc138 100644
--- a/src/components/hooks/useCountryNames.ts
+++ b/src/components/hooks/useCountryNames.ts
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
import { httpGet } from '@/lib/fetch';
import enUS from '../../../public/intl/country/en-US.json';
@@ -30,5 +30,3 @@ export function useCountryNames(locale: string) {
return { countryNames: list };
}
-
-export default useCountryNames;
diff --git a/src/components/hooks/useDateParameters.ts b/src/components/hooks/useDateParameters.ts
new file mode 100644
index 000000000..d84b4236a
--- /dev/null
+++ b/src/components/hooks/useDateParameters.ts
@@ -0,0 +1,18 @@
+import { useDateRange } from './useDateRange';
+import { useTimezone } from './useTimezone';
+
+export function useDateParameters() {
+ const {
+ dateRange: { startDate, endDate, unit },
+ } = useDateRange();
+ const { timezone, localToUtc, canonicalizeTimezone } = useTimezone();
+
+ return {
+ startAt: +localToUtc(startDate),
+ endAt: +localToUtc(endDate),
+ startDate: localToUtc(startDate).toISOString(),
+ endDate: localToUtc(endDate).toISOString(),
+ unit,
+ timezone: canonicalizeTimezone(timezone),
+ };
+}
diff --git a/src/components/hooks/useDateRange.ts b/src/components/hooks/useDateRange.ts
index 618389805..5090bd3d8 100644
--- a/src/components/hooks/useDateRange.ts
+++ b/src/components/hooks/useDateRange.ts
@@ -1,61 +1,38 @@
-import { getMinimumUnit, parseDateRange } from '@/lib/date';
-import { setItem } from '@/lib/storage';
-import { DATE_RANGE_CONFIG, DEFAULT_DATE_COMPARE, DEFAULT_DATE_RANGE } from '@/lib/constants';
-import websiteStore, { setWebsiteDateRange, setWebsiteDateCompare } from '@/store/websites';
-import appStore, { setDateRange } from '@/store/app';
-import { DateRange } from '@/lib/types';
-import { useLocale } from './useLocale';
-import { useApi } from './useApi';
+import { useMemo } from 'react';
+import { useLocale } from '@/components/hooks/useLocale';
+import { useNavigation } from '@/components/hooks/useNavigation';
+import { DATE_RANGE_CONFIG, DEFAULT_DATE_RANGE_VALUE } from '@/lib/constants';
+import { getCompareDate, getOffsetDateRange, parseDateRange } from '@/lib/date';
+import { getItem } from '@/lib/storage';
-export function useDateRange(websiteId?: string): {
- dateRange: DateRange;
- saveDateRange: (value: string | DateRange) => void;
- dateCompare: string;
- saveDateCompare: (value: string) => void;
-} {
- const { get } = useApi();
+export function useDateRange(options: { ignoreOffset?: boolean; timezone?: string } = {}) {
+ const {
+ query: { date = '', unit = '', offset = 0, compare = 'prev' },
+ } = useNavigation();
const { locale } = useLocale();
- const websiteConfig = websiteStore(state => state[websiteId]?.dateRange);
- const defaultConfig = DEFAULT_DATE_RANGE;
- const globalConfig = appStore(state => state.dateRange);
- const dateRange = parseDateRange(websiteConfig || globalConfig || defaultConfig, locale);
- const dateCompare = websiteStore(state => state[websiteId]?.dateCompare || DEFAULT_DATE_COMPARE);
+ const dateRange = useMemo(() => {
+ const dateRangeObject = parseDateRange(
+ date || getItem(DATE_RANGE_CONFIG) || DEFAULT_DATE_RANGE_VALUE,
+ unit,
+ locale,
+ options.timezone,
+ );
- const saveDateRange = async (value: DateRange | string) => {
- if (websiteId) {
- let dateRange: DateRange | string = value;
+ return !options.ignoreOffset && offset
+ ? getOffsetDateRange(dateRangeObject, +offset)
+ : dateRangeObject;
+ }, [date, unit, offset, options]);
- if (typeof value === 'string') {
- if (value === 'all') {
- const result: any = await get(`/websites/${websiteId}/daterange`);
- const { mindate, maxdate } = result;
+ const dateCompare = getCompareDate(compare, dateRange.startDate, dateRange.endDate);
- const startDate = new Date(mindate);
- const endDate = new Date(maxdate);
-
- dateRange = {
- startDate,
- endDate,
- unit: getMinimumUnit(startDate, endDate),
- value,
- };
- } else {
- dateRange = parseDateRange(value, locale);
- }
- }
-
- setWebsiteDateRange(websiteId, dateRange as DateRange);
- } else {
- setItem(DATE_RANGE_CONFIG, value);
- setDateRange(value);
- }
+ return {
+ date,
+ unit,
+ offset,
+ compare,
+ isAllTime: date.endsWith(`:all`),
+ isCustomRange: date.startsWith('range:'),
+ dateRange,
+ dateCompare,
};
-
- const saveDateCompare = (value: string) => {
- setWebsiteDateCompare(websiteId, value);
- };
-
- return { dateRange, saveDateRange, dateCompare, saveDateCompare };
}
-
-export default useDateRange;
diff --git a/src/components/hooks/useDocumentClick.ts b/src/components/hooks/useDocumentClick.ts
index eefd93669..611f6285b 100644
--- a/src/components/hooks/useDocumentClick.ts
+++ b/src/components/hooks/useDocumentClick.ts
@@ -11,5 +11,3 @@ export function useDocumentClick(handler: (event: MouseEvent) => any) {
return null;
}
-
-export default useDocumentClick;
diff --git a/src/components/hooks/useEscapeKey.ts b/src/components/hooks/useEscapeKey.ts
index 5c3350e73..cc1d30892 100644
--- a/src/components/hooks/useEscapeKey.ts
+++ b/src/components/hooks/useEscapeKey.ts
@@ -1,4 +1,4 @@
-import { useEffect, useCallback, KeyboardEvent } from 'react';
+import { type KeyboardEvent, useCallback, useEffect } from 'react';
export function useEscapeKey(handler: (event: KeyboardEvent) => void) {
const escFunction = useCallback((event: KeyboardEvent) => {
@@ -17,5 +17,3 @@ export function useEscapeKey(handler: (event: KeyboardEvent) => void) {
return null;
}
-
-export default useEscapeKey;
diff --git a/src/components/hooks/useFields.ts b/src/components/hooks/useFields.ts
index 08b5b1652..7b473cf89 100644
--- a/src/components/hooks/useFields.ts
+++ b/src/components/hooks/useFields.ts
@@ -1,26 +1,142 @@
import { useMessages } from './useMessages';
-export function useFields() {
- const { formatMessage, labels } = useMessages();
+export type FieldGroup = 'url' | 'sources' | 'location' | 'environment' | 'utm' | 'other';
- const fields = [
- // { name: 'cohort', type: 'string', label: formatMessage(labels.cohort) },
- // { name: 'segment', type: 'string', label: formatMessage(labels.segment) },
- { name: 'url', type: 'string', label: formatMessage(labels.url) },
- { name: 'title', type: 'string', label: formatMessage(labels.pageTitle) },
- { name: 'referrer', type: 'string', label: formatMessage(labels.referrer) },
- { name: 'query', type: 'string', label: formatMessage(labels.query) },
- { name: 'browser', type: 'string', label: formatMessage(labels.browser) },
- { name: 'os', type: 'string', label: formatMessage(labels.os) },
- { name: 'device', type: 'string', label: formatMessage(labels.device) },
- { name: 'country', type: 'string', label: formatMessage(labels.country) },
- { name: 'region', type: 'string', label: formatMessage(labels.region) },
- { name: 'city', type: 'string', label: formatMessage(labels.city) },
- { name: 'host', type: 'string', label: formatMessage(labels.host) },
- { name: 'tag', type: 'string', label: formatMessage(labels.tag) },
- ];
-
- return { fields };
+export interface Field {
+ name: string;
+ filterLabel: string;
+ label: string;
+ group: FieldGroup;
}
-export default useFields;
+export function useFields() {
+ const { t, labels } = useMessages();
+
+ const fields: Field[] = [
+ {
+ name: 'path',
+ filterLabel: t(labels.path),
+ label: t(labels.path),
+ group: 'url',
+ },
+ {
+ name: 'query',
+ filterLabel: t(labels.query),
+ label: t(labels.query),
+ group: 'url',
+ },
+ {
+ name: 'title',
+ filterLabel: t(labels.pageTitle),
+ label: t(labels.pageTitle),
+ group: 'url',
+ },
+ {
+ name: 'referrer',
+ filterLabel: t(labels.referrer),
+ label: t(labels.referrer),
+ group: 'sources',
+ },
+ {
+ name: 'country',
+ filterLabel: t(labels.country),
+ label: t(labels.country),
+ group: 'location',
+ },
+ {
+ name: 'region',
+ filterLabel: t(labels.region),
+ label: t(labels.region),
+ group: 'location',
+ },
+ {
+ name: 'city',
+ filterLabel: t(labels.city),
+ label: t(labels.city),
+ group: 'location',
+ },
+ {
+ name: 'browser',
+ filterLabel: t(labels.browser),
+ label: t(labels.browser),
+ group: 'environment',
+ },
+ {
+ name: 'os',
+ filterLabel: t(labels.os),
+ label: t(labels.os),
+ group: 'environment',
+ },
+ {
+ name: 'device',
+ filterLabel: t(labels.device),
+ label: t(labels.device),
+ group: 'environment',
+ },
+ {
+ name: 'utmSource',
+ filterLabel: t(labels.source),
+ label: t(labels.utmSource),
+ group: 'utm',
+ },
+ {
+ name: 'utmMedium',
+ filterLabel: t(labels.medium),
+ label: t(labels.utmMedium),
+ group: 'utm',
+ },
+ {
+ name: 'utmCampaign',
+ filterLabel: t(labels.campaign),
+ label: t(labels.utmCampaign),
+ group: 'utm',
+ },
+ {
+ name: 'utmContent',
+ filterLabel: t(labels.content),
+ label: t(labels.utmContent),
+ group: 'utm',
+ },
+ {
+ name: 'utmTerm',
+ filterLabel: t(labels.term),
+ label: t(labels.utmTerm),
+ group: 'utm',
+ },
+ {
+ name: 'hostname',
+ filterLabel: t(labels.hostname),
+ label: t(labels.hostname),
+ group: 'other',
+ },
+ {
+ name: 'distinctId',
+ filterLabel: t(labels.distinctId),
+ label: t(labels.distinctId),
+ group: 'other',
+ },
+ {
+ name: 'tag',
+ filterLabel: t(labels.tag),
+ label: t(labels.tag),
+ group: 'other',
+ },
+ {
+ name: 'event',
+ filterLabel: t(labels.event),
+ label: t(labels.event),
+ group: 'other',
+ },
+ ];
+
+ const groupLabels: { key: FieldGroup; label: string }[] = [
+ { key: 'url', label: t(labels.url) },
+ { key: 'sources', label: t(labels.sources) },
+ { key: 'location', label: t(labels.location) },
+ { key: 'environment', label: t(labels.environment) },
+ { key: 'utm', label: t(labels.utm) },
+ { key: 'other', label: t(labels.other) },
+ ];
+
+ return { fields, groupLabels };
+}
diff --git a/src/components/hooks/useFilterParameters.ts b/src/components/hooks/useFilterParameters.ts
new file mode 100644
index 000000000..3579bef95
--- /dev/null
+++ b/src/components/hooks/useFilterParameters.ts
@@ -0,0 +1,29 @@
+import { useMemo } from 'react';
+import { FILTER_COLUMNS } from '@/lib/constants';
+import { useNavigation } from './useNavigation';
+
+export function useFilterParameters() {
+ const { query } = useNavigation();
+
+ return useMemo(() => {
+ const filterParams: Record = {};
+
+ for (const key of Object.keys(query)) {
+ const baseName = key.replace(/\d+$/, '');
+ if (FILTER_COLUMNS[baseName]) {
+ filterParams[key] = query[key];
+ }
+ }
+
+ return {
+ ...filterParams,
+ search: query.search,
+ segment: query.segment,
+ cohort: query.cohort,
+ excludeBounce: query.excludeBounce,
+ match: query.match,
+ page: query.page,
+ pageSize: query.pageSize,
+ };
+ }, [query]);
+}
diff --git a/src/components/hooks/useFilterParams.ts b/src/components/hooks/useFilterParams.ts
deleted file mode 100644
index 89ae87bce..000000000
--- a/src/components/hooks/useFilterParams.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { useNavigation } from './useNavigation';
-import { useDateRange } from './useDateRange';
-import { useTimezone } from './useTimezone';
-
-export function useFilterParams(websiteId: string) {
- const { dateRange } = useDateRange(websiteId);
- const { startDate, endDate, unit } = dateRange;
- const { timezone, toUtc } = useTimezone();
- const {
- query: {
- url,
- referrer,
- title,
- query,
- host,
- os,
- browser,
- device,
- country,
- region,
- city,
- event,
- tag,
- segment,
- cohort,
- },
- } = useNavigation();
-
- return {
- startAt: +toUtc(startDate),
- endAt: +toUtc(endDate),
- unit,
- timezone,
- url,
- referrer,
- title,
- query,
- host,
- os,
- browser,
- device,
- country,
- region,
- city,
- event,
- tag,
- segment,
- cohort,
- };
-}
diff --git a/src/components/hooks/useFilters.ts b/src/components/hooks/useFilters.ts
index 2b99785a6..c50625deb 100644
--- a/src/components/hooks/useFilters.ts
+++ b/src/components/hooks/useFilters.ts
@@ -1,28 +1,47 @@
+import { FILTER_COLUMNS, OPERATORS } from '@/lib/constants';
+import { safeDecodeURIComponent } from '@/lib/url';
+import { useFields } from './useFields';
import { useMessages } from './useMessages';
-import { OPERATORS } from '@/lib/constants';
+import { useNavigation } from './useNavigation';
+import { useOperatorLabels } from './useOperatorLabels';
export function useFilters() {
- const { formatMessage, labels } = useMessages();
+ const { t, labels } = useMessages();
+ const { query } = useNavigation();
+ const { fields } = useFields();
+ const operatorLabels = useOperatorLabels();
- const operatorLabels = {
- [OPERATORS.equals]: formatMessage(labels.is),
- [OPERATORS.notEquals]: formatMessage(labels.isNot),
- [OPERATORS.set]: formatMessage(labels.isSet),
- [OPERATORS.notSet]: formatMessage(labels.isNotSet),
- [OPERATORS.contains]: formatMessage(labels.contains),
- [OPERATORS.doesNotContain]: formatMessage(labels.doesNotContain),
- [OPERATORS.true]: formatMessage(labels.true),
- [OPERATORS.false]: formatMessage(labels.false),
- [OPERATORS.greaterThan]: formatMessage(labels.greaterThan),
- [OPERATORS.lessThan]: formatMessage(labels.lessThan),
- [OPERATORS.greaterThanEquals]: formatMessage(labels.greaterThanEquals),
- [OPERATORS.lessThanEquals]: formatMessage(labels.lessThanEquals),
- [OPERATORS.before]: formatMessage(labels.before),
- [OPERATORS.after]: formatMessage(labels.after),
- };
+ const operators = [
+ { name: 'eq', type: 'string', label: t(labels.is) },
+ { name: 'neq', type: 'string', label: t(labels.isNot) },
+ { name: 'c', type: 'string', label: t(labels.contains) },
+ { name: 'dnc', type: 'string', label: t(labels.doesNotContain) },
+ { name: 're', type: 'string', label: t(labels.regexMatch) },
+ { name: 'nre', type: 'string', label: t(labels.regexNotMatch) },
+ { name: 'i', type: 'array', label: t(labels.includes) },
+ { name: 'dni', type: 'array', label: t(labels.doesNotInclude) },
+ { name: 't', type: 'boolean', label: t(labels.isTrue) },
+ { name: 'f', type: 'boolean', label: t(labels.isFalse) },
+ { name: 'eq', type: 'number', label: t(labels.is) },
+ { name: 'neq', type: 'number', label: t(labels.isNot) },
+ { name: 'gt', type: 'number', label: t(labels.greaterThan) },
+ { name: 'lt', type: 'number', label: t(labels.lessThan) },
+ { name: 'gte', type: 'number', label: t(labels.greaterThanEquals) },
+ { name: 'lte', type: 'number', label: t(labels.lessThanEquals) },
+ { name: 'bf', type: 'date', label: t(labels.before) },
+ { name: 'af', type: 'date', label: t(labels.after) },
+ { name: 'eq', type: 'uuid', label: t(labels.is) },
+ ];
const typeFilters = {
- string: [OPERATORS.equals, OPERATORS.notEquals, OPERATORS.contains, OPERATORS.doesNotContain],
+ string: [
+ OPERATORS.equals,
+ OPERATORS.notEquals,
+ OPERATORS.contains,
+ OPERATORS.doesNotContain,
+ OPERATORS.regex,
+ OPERATORS.notRegex,
+ ],
array: [OPERATORS.contains, OPERATORS.doesNotContain],
boolean: [OPERATORS.true, OPERATORS.false],
number: [
@@ -37,17 +56,40 @@ export function useFilters() {
uuid: [OPERATORS.equals],
};
- const filters = Object.keys(typeFilters).flatMap(key => {
- return (
- typeFilters[key]?.map(value => ({ type: key, value, label: operatorLabels[value] })) ?? []
- );
- });
+ const filters = Object.keys(query).reduce((arr, key) => {
+ const baseName = key.replace(/\d+$/, '');
+ if (FILTER_COLUMNS[baseName]) {
+ let operator = 'eq';
+ let value = safeDecodeURIComponent(query[key]);
+ const label = fields.find(({ name }) => name === baseName)?.label;
- const getFilters = type => {
- return typeFilters[type]?.map(key => ({ type, value: key, label: operatorLabels[key] })) ?? [];
+ const match = value.match(/^([a-z]+)\.(.*)/);
+
+ if (match) {
+ operator = match[1];
+ value = match[2];
+ }
+
+ return arr.concat({
+ name: key,
+ type: baseName,
+ operator,
+ value,
+ label,
+ });
+ }
+ return arr;
+ }, []);
+
+ const getFilters = (type: string) => {
+ return (
+ typeFilters[type]?.map((key: string | number) => ({
+ type,
+ value: key,
+ label: operatorLabels[key],
+ })) ?? []
+ );
};
- return { filters, operatorLabels, typeFilters, getFilters };
+ return { fields, operators, filters, operatorLabels, typeFilters, getFilters };
}
-
-export default useFilters;
diff --git a/src/components/hooks/useForceUpdate.ts b/src/components/hooks/useForceUpdate.ts
index 35f7fe162..550cc5cda 100644
--- a/src/components/hooks/useForceUpdate.ts
+++ b/src/components/hooks/useForceUpdate.ts
@@ -7,5 +7,3 @@ export function useForceUpdate() {
update(Object.create(null));
}, [update]);
}
-
-export default useForceUpdate;
diff --git a/src/components/hooks/useFormat.ts b/src/components/hooks/useFormat.ts
index 43cba374e..998102c31 100644
--- a/src/components/hooks/useFormat.ts
+++ b/src/components/hooks/useFormat.ts
@@ -1,12 +1,12 @@
-import useMessages from './useMessages';
import { BROWSERS, OS_NAMES } from '@/lib/constants';
-import useLocale from './useLocale';
-import useCountryNames from './useCountryNames';
-import useLanguageNames from './useLanguageNames';
import regions from '../../../public/iso-3166-2.json';
+import { useCountryNames } from './useCountryNames';
+import { useLanguageNames } from './useLanguageNames';
+import { useLocale } from './useLocale';
+import { useMessages } from './useMessages';
export function useFormat() {
- const { formatMessage, labels } = useMessages();
+ const { t, labels } = useMessages();
const { locale } = useLocale();
const { countryNames } = useCountryNames(locale);
const { languageNames } = useLanguageNames(locale);
@@ -20,7 +20,7 @@ export function useFormat() {
};
const formatDevice = (value: string): string => {
- return formatMessage(labels[value] || labels.unknown);
+ return t(labels[value] || labels.unknown);
};
const formatCountry = (value: string): string => {
@@ -40,7 +40,7 @@ export function useFormat() {
return languageNames[value?.split('-')[0]] || value;
};
- const formatValue = (value: string, type: string, data?: { [key: string]: any }): string => {
+ const formatValue = (value: string, type: string, data?: Record): string => {
switch (type) {
case 'os':
return formatOS(value);
@@ -57,7 +57,7 @@ export function useFormat() {
case 'language':
return formatLanguage(value);
default:
- return value;
+ return typeof value === 'string' ? value : undefined;
}
};
@@ -72,5 +72,3 @@ export function useFormat() {
formatValue,
};
}
-
-export default useFormat;
diff --git a/src/components/hooks/useGlobalState.ts b/src/components/hooks/useGlobalState.ts
new file mode 100644
index 000000000..6f21226b5
--- /dev/null
+++ b/src/components/hooks/useGlobalState.ts
@@ -0,0 +1,13 @@
+import { create } from 'zustand';
+
+const store = create(() => ({}));
+
+const useGlobalState = (key: string, value?: any) => {
+ if (value !== undefined && store.getState()[key] === undefined) {
+ store.setState({ [key]: value });
+ }
+
+ return [store(state => state[key]), (value: any) => store.setState({ [key]: value })];
+};
+
+export { useGlobalState };
diff --git a/src/components/hooks/useLanguageNames.ts b/src/components/hooks/useLanguageNames.ts
index 8c28d5606..0cc03d7c1 100644
--- a/src/components/hooks/useLanguageNames.ts
+++ b/src/components/hooks/useLanguageNames.ts
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
import { httpGet } from '@/lib/fetch';
import enUS from '../../../public/intl/language/en-US.json';
@@ -30,5 +30,3 @@ export function useLanguageNames(locale) {
return { languageNames: list };
}
-
-export default useLanguageNames;
diff --git a/src/components/hooks/useLocale.ts b/src/components/hooks/useLocale.ts
index 863b20a54..dc8d5d180 100644
--- a/src/components/hooks/useLocale.ts
+++ b/src/components/hooks/useLocale.ts
@@ -1,20 +1,20 @@
import { useEffect } from 'react';
-import { httpGet } from '@/lib/fetch';
-import { setItem } from '@/lib/storage';
import { LOCALE_CONFIG } from '@/lib/constants';
+import { httpGet } from '@/lib/fetch';
import { getDateLocale, getTextDirection } from '@/lib/lang';
-import useStore, { setLocale } from '@/store/app';
+import { setItem } from '@/lib/storage';
+import { setLocale, useApp } from '@/store/app';
+import enUS from '../../../public/intl/messages/en-US.json';
import { useForceUpdate } from './useForceUpdate';
-import enUS from '../../../public/intl/country/en-US.json';
const messages = {
'en-US': enUS,
};
-const selector = (state: { locale: any }) => state.locale;
+const selector = (state: { locale: string }) => state.locale;
export function useLocale() {
- const locale = useStore(selector);
+ const locale = useApp(selector);
const forceUpdate = useForceUpdate();
const dir = getTextDirection(locale);
const dateLocale = getDateLocale(locale);
@@ -58,5 +58,3 @@ export function useLocale() {
return { locale, saveLocale, messages, dir, dateLocale };
}
-
-export default useLocale;
diff --git a/src/components/hooks/useMessages.ts b/src/components/hooks/useMessages.ts
index fc73494f5..4519aefbd 100644
--- a/src/components/hooks/useMessages.ts
+++ b/src/components/hooks/useMessages.ts
@@ -1,27 +1,25 @@
-import { useIntl } from 'react-intl';
-import { messages, labels } from '@/components/messages';
+import { useTranslations } from 'next-intl';
+import { labels, messages } from '@/components/messages';
+import type { ApiError } from '@/lib/types';
-export function useMessages(): any {
- const intl = useIntl();
+export function useMessages() {
+ const t = useTranslations();
- const getMessage = (id: string) => {
- const message = Object.values(messages).find(value => value.id === id);
+ const getMessage = (id: string) => t(`message.${id}`);
- return message ? formatMessage(message) : id;
+ const getErrorMessage = (error: string | Error | undefined) => {
+ if (!error) {
+ return undefined;
+ }
+
+ if (typeof error === 'string') {
+ return error;
+ }
+
+ const code = (error as ApiError)?.code;
+
+ return code ? getMessage(code) : error?.message || 'Unknown error';
};
- const formatMessage = (
- descriptor: {
- id: string;
- defaultMessage: string;
- },
- values?: { [key: string]: string },
- opts?: any,
- ) => {
- return descriptor ? intl.formatMessage(descriptor, values, opts) : null;
- };
-
- return { formatMessage, messages, labels, getMessage };
+ return { t, messages, labels, getMessage, getErrorMessage };
}
-
-export default useMessages;
diff --git a/src/components/hooks/useMobile.ts b/src/components/hooks/useMobile.ts
new file mode 100644
index 000000000..c3b659720
--- /dev/null
+++ b/src/components/hooks/useMobile.ts
@@ -0,0 +1,9 @@
+import { useBreakpoint } from '@umami/react-zen';
+
+export function useMobile() {
+ const breakpoint = useBreakpoint();
+ const isMobile = ['base', 'sm', 'md'].includes(breakpoint);
+ const isPhone = ['base', 'sm'].includes(breakpoint);
+
+ return { breakpoint, isMobile, isPhone };
+}
diff --git a/src/components/hooks/useModified.ts b/src/components/hooks/useModified.ts
index fd8dc2e67..ea88888a5 100644
--- a/src/components/hooks/useModified.ts
+++ b/src/components/hooks/useModified.ts
@@ -1,15 +1,13 @@
-import useStore from '@/store/modified';
+import { create } from 'zustand';
+
+const store = create(() => ({}));
+
+export function touch(key: string) {
+ store.setState({ [key]: Date.now() });
+}
export function useModified(key?: string) {
- const modified = useStore(state => state?.[key]);
-
- const touch = (id?: string) => {
- if (id || key) {
- useStore.setState({ [id || key]: Date.now() });
- }
- };
+ const modified = store(state => state?.[key]);
return { modified, touch };
}
-
-export default useModified;
diff --git a/src/components/hooks/useNavigation.ts b/src/components/hooks/useNavigation.ts
index b727ee90a..f5eae008c 100644
--- a/src/components/hooks/useNavigation.ts
+++ b/src/components/hooks/useNavigation.ts
@@ -1,32 +1,58 @@
-import { useMemo } from 'react';
import { usePathname, useRouter, useSearchParams } from 'next/navigation';
-import { buildUrl } from '@/lib/url';
+import { useCallback, useEffect, useState } from 'react';
+import { buildPath } from '@/lib/url';
-export function useNavigation(): {
- pathname: string;
- query: { [key: string]: string };
- router: any;
- renderUrl: (params: any, reset?: boolean) => string;
-} {
+export function useNavigation() {
const router = useRouter();
const pathname = usePathname();
- const params = useSearchParams();
+ const searchParams = useSearchParams();
+ const [, teamId] = pathname.match(/\/teams\/([a-f0-9-]+)/) || [];
+ const [, websiteId] = pathname.match(/\/websites\/([a-f0-9-]+)/) || [];
+ const [, linkId] = pathname.match(/\/links\/([a-f0-9-]+)/) || [];
+ const [, pixelId] = pathname.match(/\/pixels\/([a-f0-9-]+)/) || [];
+ const [, boardId] = pathname.match(/\/boards\/([a-f0-9-]+)/) || [];
+ const [queryParams, setQueryParams] = useState(Object.fromEntries(searchParams));
- const query = useMemo(() => {
- const obj = {};
+ const updateParams = useCallback(
+ (params?: Record) => {
+ return buildPath(pathname, { ...queryParams, ...params });
+ },
+ [pathname, queryParams],
+ );
- for (const [key, value] of params.entries()) {
- obj[key] = value;
- }
+ const replaceParams = useCallback(
+ (params?: Record) => {
+ return buildPath(pathname, params);
+ },
+ [pathname],
+ );
- return obj;
- }, [params]);
+ const renderUrl = useCallback(
+ (path: string, params?: Record | false) => {
+ return buildPath(
+ teamId ? `/teams/${teamId}${path}` : path,
+ params === false ? {} : { ...queryParams, ...params },
+ );
+ },
+ [teamId, queryParams],
+ );
- function renderUrl(params: any, reset?: boolean) {
- return reset ? pathname : buildUrl(pathname, { ...query, ...params });
- }
+ useEffect(() => {
+ setQueryParams(Object.fromEntries(searchParams));
+ }, [searchParams.toString()]);
- return { pathname, query, router, renderUrl };
+ return {
+ router,
+ pathname,
+ searchParams,
+ query: queryParams,
+ teamId,
+ websiteId,
+ linkId,
+ pixelId,
+ boardId,
+ updateParams,
+ replaceParams,
+ renderUrl,
+ };
}
-
-export default useNavigation;
diff --git a/src/components/hooks/useOperatorLabels.ts b/src/components/hooks/useOperatorLabels.ts
new file mode 100644
index 000000000..b92d92dff
--- /dev/null
+++ b/src/components/hooks/useOperatorLabels.ts
@@ -0,0 +1,23 @@
+import { OPERATORS } from '@/lib/constants';
+import { useMessages } from './useMessages';
+
+export function useOperatorLabels(): Record {
+ const { t, labels } = useMessages();
+
+ return {
+ [OPERATORS.equals]: t(labels.is),
+ [OPERATORS.notEquals]: t(labels.isNot),
+ [OPERATORS.set]: t(labels.isSet),
+ [OPERATORS.notSet]: t(labels.isNotSet),
+ [OPERATORS.contains]: t(labels.contains),
+ [OPERATORS.doesNotContain]: t(labels.doesNotContain),
+ [OPERATORS.true]: t(labels.true),
+ [OPERATORS.false]: t(labels.false),
+ [OPERATORS.greaterThan]: t(labels.greaterThan),
+ [OPERATORS.lessThan]: t(labels.lessThan),
+ [OPERATORS.greaterThanEquals]: t(labels.greaterThanEquals),
+ [OPERATORS.lessThanEquals]: t(labels.lessThanEquals),
+ [OPERATORS.before]: t(labels.before),
+ [OPERATORS.after]: t(labels.after),
+ };
+}
diff --git a/src/components/hooks/usePageParameters.ts b/src/components/hooks/usePageParameters.ts
new file mode 100644
index 000000000..42cf3911c
--- /dev/null
+++ b/src/components/hooks/usePageParameters.ts
@@ -0,0 +1,16 @@
+import { useMemo } from 'react';
+import { useNavigation } from './useNavigation';
+
+export function usePageParameters() {
+ const {
+ query: { page, pageSize, search },
+ } = useNavigation();
+
+ return useMemo(() => {
+ return {
+ page,
+ pageSize,
+ search,
+ };
+ }, [page, pageSize, search]);
+}
diff --git a/src/components/hooks/usePagedQuery.ts b/src/components/hooks/usePagedQuery.ts
index b6b06e1c8..c818de643 100644
--- a/src/components/hooks/usePagedQuery.ts
+++ b/src/components/hooks/usePagedQuery.ts
@@ -1,33 +1,27 @@
-import { UseQueryOptions } from '@tanstack/react-query';
-import { useState } from 'react';
-import { PageResult, PageParams, PagedQueryResult } from '@/lib/types';
+import type { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
+import type { PageResult } from '@/lib/types';
import { useApi } from './useApi';
import { useNavigation } from './useNavigation';
-export function usePagedQuery({
+export function usePagedQuery({
queryKey,
queryFn,
...options
-}: Omit & { queryFn: (params?: object) => any }): PagedQueryResult {
- const { query: queryParams } = useNavigation();
- const [params, setParams] = useState({
- search: '',
- page: +queryParams.page || 1,
- });
-
+}: Omit<
+ UseQueryOptions, TError, PageResult, readonly unknown[]>,
+ 'queryFn' | 'queryKey'
+> & {
+ queryKey: readonly unknown[];
+ queryFn: (params?: object) => Promise> | PageResult;
+}): UseQueryResult, TError> {
+ const {
+ query: { page, search },
+ } = useNavigation();
const { useQuery } = useApi();
- const { data, ...query } = useQuery({
- queryKey: [{ ...queryKey, ...params }],
- queryFn: () => queryFn(params as any),
+
+ return useQuery, TError>({
+ queryKey: [...queryKey, page, search] as const,
+ queryFn: () => queryFn({ page, search }),
...options,
});
-
- return {
- result: data as PageResult,
- query,
- params,
- setParams,
- };
}
-
-export default usePagedQuery;
diff --git a/src/components/hooks/useRegionNames.ts b/src/components/hooks/useRegionNames.ts
index 1ba7feaa7..57dcc416c 100644
--- a/src/components/hooks/useRegionNames.ts
+++ b/src/components/hooks/useRegionNames.ts
@@ -1,5 +1,5 @@
-import useCountryNames from './useCountryNames';
import regions from '../../../public/iso-3166-2.json';
+import { useCountryNames } from './useCountryNames';
export function useRegionNames(locale: string) {
const { countryNames } = useCountryNames(locale);
@@ -9,11 +9,14 @@ export function useRegionNames(locale: string) {
return regions[regionCode];
}
- const region = regionCode.includes('-') ? regionCode : `${countryCode}-${regionCode}`;
+ if (!regionCode) {
+ return null;
+ }
+
+ const region = regionCode?.includes('-') ? regionCode : `${countryCode}-${regionCode}`;
+
return regions[region] ? `${regions[region]}, ${countryNames[countryCode]}` : region;
};
return { regionNames: regions, getRegionName };
}
-
-export default useRegionNames;
diff --git a/src/components/hooks/useSlug.ts b/src/components/hooks/useSlug.ts
new file mode 100644
index 000000000..b4f585af0
--- /dev/null
+++ b/src/components/hooks/useSlug.ts
@@ -0,0 +1,16 @@
+import { useConfig } from '@/components/hooks/useConfig';
+import { LINKS_URL, PIXELS_URL } from '@/lib/constants';
+
+export function useSlug(type: 'link' | 'pixel') {
+ const config = useConfig();
+ const linksUrl = config?.linksUrl;
+ const pixelsUrl = config?.pixelsUrl;
+
+ const hostUrl = type === 'link' ? linksUrl || LINKS_URL : pixelsUrl || PIXELS_URL;
+
+ const getSlugUrl = (slug: string) => {
+ return `${hostUrl}/${slug}`;
+ };
+
+ return { getSlugUrl, hostUrl };
+}
diff --git a/src/components/hooks/useSticky.ts b/src/components/hooks/useSticky.ts
index 459c489ad..ef9fb36f3 100644
--- a/src/components/hooks/useSticky.ts
+++ b/src/components/hooks/useSticky.ts
@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
export function useSticky({ enabled = true, threshold = 1 }) {
const [isSticky, setIsSticky] = useState(false);
@@ -6,6 +6,7 @@ export function useSticky({ enabled = true, threshold = 1 }) {
useEffect(() => {
let observer: IntersectionObserver | undefined;
+ // eslint-disable-next-line no-undef
const handler: IntersectionObserverCallback = ([entry]) =>
setIsSticky(entry.intersectionRatio < threshold);
@@ -22,5 +23,3 @@ export function useSticky({ enabled = true, threshold = 1 }) {
return { ref, isSticky };
}
-
-export default useSticky;
diff --git a/src/components/hooks/useSubscription.ts b/src/components/hooks/useSubscription.ts
new file mode 100644
index 000000000..e596b35c5
--- /dev/null
+++ b/src/components/hooks/useSubscription.ts
@@ -0,0 +1,50 @@
+import { useApp } from '@/store/app';
+import { useConfig } from './useConfig';
+
+export interface Subscription {
+ isPro: boolean;
+ isBusiness: boolean;
+ isNoBilling: boolean;
+ hasSubscription: boolean;
+}
+
+const FEATURES = {
+ replays: 'isBusiness',
+} as const;
+
+export type FeatureName = keyof typeof FEATURES;
+
+const defaultSubscription: Subscription = {
+ isPro: false,
+ isBusiness: false,
+ isNoBilling: false,
+ hasSubscription: false,
+};
+
+export function useSubscription(teamId?: string | null) {
+ const { user } = useApp();
+ const config = useConfig();
+
+ const ownSubscription: Subscription = user?.subscription || defaultSubscription;
+ const teamSubscription: Subscription | null = teamId
+ ? user?.teams?.find((t: any) => t.id === teamId)?.subscription ?? null
+ : null;
+
+ const subscription: Subscription = teamSubscription || ownSubscription;
+ const cloudMode = config?.cloudMode || false;
+
+ function hasFeature(feature: FeatureName): boolean {
+ if (!cloudMode || subscription.isNoBilling) {
+ return true;
+ }
+
+ const requiredFlag = FEATURES[feature];
+ return subscription[requiredFlag] || false;
+ }
+
+ return {
+ ...subscription,
+ cloudMode,
+ hasFeature,
+ };
+}
diff --git a/src/components/hooks/useTeamUrl.ts b/src/components/hooks/useTeamUrl.ts
deleted file mode 100644
index b2aa8ea7c..000000000
--- a/src/components/hooks/useTeamUrl.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { usePathname } from 'next/navigation';
-
-export function useTeamUrl(): {
- teamId?: string;
- renderTeamUrl: (url: string) => string;
-} {
- const pathname = usePathname();
- const [, teamId] = pathname.match(/^\/teams\/([a-f0-9-]+)/) || [];
-
- function renderTeamUrl(url: string) {
- return teamId ? `/teams/${teamId}${url}` : url;
- }
-
- return { teamId, renderTeamUrl };
-}
-
-export default useTeamUrl;
diff --git a/src/components/hooks/useTheme.ts b/src/components/hooks/useTheme.ts
deleted file mode 100644
index 9bbe063c7..000000000
--- a/src/components/hooks/useTheme.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useEffect, useMemo } from 'react';
-import useStore, { setTheme } from '@/store/app';
-import { getItem, setItem } from '@/lib/storage';
-import { DEFAULT_THEME, THEME_COLORS, THEME_CONFIG } from '@/lib/constants';
-import { colord } from 'colord';
-
-const selector = (state: { theme: string }) => state.theme;
-
-export function useTheme() {
- const theme = useStore(selector) || getItem(THEME_CONFIG) || DEFAULT_THEME;
- const primaryColor = colord(THEME_COLORS[theme].primary);
-
- const colors = useMemo(() => {
- return {
- theme: {
- ...THEME_COLORS[theme],
- },
- chart: {
- text: THEME_COLORS[theme].gray700,
- line: THEME_COLORS[theme].gray200,
- views: {
- hoverBackgroundColor: primaryColor.alpha(0.7).toRgbString(),
- backgroundColor: primaryColor.alpha(0.4).toRgbString(),
- borderColor: primaryColor.alpha(0.7).toRgbString(),
- hoverBorderColor: primaryColor.toRgbString(),
- },
- visitors: {
- hoverBackgroundColor: primaryColor.alpha(0.9).toRgbString(),
- backgroundColor: primaryColor.alpha(0.6).toRgbString(),
- borderColor: primaryColor.alpha(0.9).toRgbString(),
- hoverBorderColor: primaryColor.toRgbString(),
- },
- },
- map: {
- baseColor: THEME_COLORS[theme].primary,
- fillColor: THEME_COLORS[theme].gray100,
- strokeColor: THEME_COLORS[theme].primary,
- hoverColor: THEME_COLORS[theme].primary,
- },
- };
- }, [theme]);
-
- const saveTheme = (value: string) => {
- setItem(THEME_CONFIG, value);
- setTheme(value);
- };
-
- useEffect(() => {
- document.body.setAttribute('data-theme', theme);
- }, [theme]);
-
- useEffect(() => {
- const url = new URL(window?.location?.href);
- const theme = url.searchParams.get('theme');
-
- if (['light', 'dark'].includes(theme)) {
- saveTheme(theme);
- }
- }, []);
-
- return { theme, saveTheme, colors };
-}
-
-export default useTheme;
diff --git a/src/components/hooks/useTimezone.ts b/src/components/hooks/useTimezone.ts
index 99c1f1152..ef2553902 100644
--- a/src/components/hooks/useTimezone.ts
+++ b/src/components/hooks/useTimezone.ts
@@ -1,13 +1,15 @@
+import { formatInTimeZone, utcToZonedTime, zonedTimeToUtc } from 'date-fns-tz';
+import { TIMEZONE_CONFIG, TIMEZONE_LEGACY } from '@/lib/constants';
+import { getTimezone } from '@/lib/date';
import { setItem } from '@/lib/storage';
-import { TIMEZONE_CONFIG } from '@/lib/constants';
-import { formatInTimeZone, zonedTimeToUtc, utcToZonedTime } from 'date-fns-tz';
-import useStore, { setTimezone } from '@/store/app';
-import useLocale from './useLocale';
+import { setTimezone, useApp } from '@/store/app';
+import { useLocale } from './useLocale';
const selector = (state: { timezone: string }) => state.timezone;
export function useTimezone() {
- const timezone = useStore(selector);
+ const timezone = useApp(selector);
+ const localTimeZone = getTimezone();
const { dateLocale } = useLocale();
const saveTimezone = (value: string) => {
@@ -19,13 +21,45 @@ export function useTimezone() {
return formatInTimeZone(
/^[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}:[0-9]{2}(\.[0-9]{3})?Z$/.test(date)
? date
- : date.split(' ').join('T') + 'Z',
+ : `${date.split(' ').join('T')}Z`,
timezone,
pattern,
{ locale: dateLocale },
);
};
+ const formatSeriesTimezone = (data: any, column: string, timezone: string) => {
+ return data.map(item => {
+ const date = new Date(item[column]);
+
+ const format = new Intl.DateTimeFormat('en-US', {
+ timeZone: timezone,
+ hour12: false,
+ year: 'numeric',
+ month: '2-digit',
+ day: '2-digit',
+ hour: '2-digit',
+ minute: '2-digit',
+ second: '2-digit',
+ });
+
+ const parts = format.formatToParts(date);
+ const get = type => parts.find(p => p.type === type)?.value;
+
+ const year = get('year');
+ const month = get('month');
+ const day = get('day');
+ const hour = get('hour');
+ const minute = get('minute');
+ const second = get('second');
+
+ return {
+ ...item,
+ [column]: `${year}-${month}-${day} ${hour}:${minute}:${second}`,
+ };
+ });
+ };
+
const toUtc = (date: Date | string | number) => {
return zonedTimeToUtc(date, timezone);
};
@@ -34,7 +68,28 @@ export function useTimezone() {
return utcToZonedTime(date, timezone);
};
- return { timezone, saveTimezone, formatTimezoneDate, toUtc, fromUtc };
-}
+ const localToUtc = (date: Date | string | number) => {
+ return zonedTimeToUtc(date, localTimeZone);
+ };
-export default useTimezone;
+ const localFromUtc = (date: Date | string | number) => {
+ return utcToZonedTime(date, localTimeZone);
+ };
+
+ const canonicalizeTimezone = (timezone: string): string => {
+ return TIMEZONE_LEGACY[timezone] ?? timezone;
+ };
+
+ return {
+ timezone,
+ localTimeZone,
+ toUtc,
+ fromUtc,
+ localToUtc,
+ localFromUtc,
+ saveTimezone,
+ formatTimezoneDate,
+ formatSeriesTimezone,
+ canonicalizeTimezone,
+ };
+}
diff --git a/src/components/hooks/useWebsiteNavItems.tsx b/src/components/hooks/useWebsiteNavItems.tsx
new file mode 100644
index 000000000..11c5b8caf
--- /dev/null
+++ b/src/components/hooks/useWebsiteNavItems.tsx
@@ -0,0 +1,159 @@
+import {
+ AlignEndHorizontal,
+ ChartPie,
+ Clock,
+ Eye,
+ Sheet,
+ Tag,
+ User,
+ UserPlus,
+ Video,
+} from '@/components/icons';
+import { Funnel, Gauge, Lightning, Magnet, Money, Network, Path, Target } from '@/components/svg';
+import { useMessages } from './useMessages';
+import { useNavigation } from './useNavigation';
+
+export function useWebsiteNavItems(websiteId: string) {
+ const { t, labels } = useMessages();
+ const { pathname, renderUrl } = useNavigation();
+
+ const renderPath = (path: string) =>
+ renderUrl(`/websites/${websiteId}${path}`, {
+ event: undefined,
+ compare: undefined,
+ view: undefined,
+ unit: undefined,
+ excludeBounce: undefined,
+ });
+
+ const items = [
+ {
+ label: t(labels.traffic),
+ items: [
+ {
+ id: 'overview',
+ label: t(labels.overview),
+ icon:
+ {t(labels.viewedPage)}
+ {t(labels.triggeredEvent)}
+
+ );
+}
diff --git a/src/components/input/BoardSelect.tsx b/src/components/input/BoardSelect.tsx
new file mode 100644
index 000000000..b8fbf3a6a
--- /dev/null
+++ b/src/components/input/BoardSelect.tsx
@@ -0,0 +1,93 @@
+import { Icon, ListItem, Row, Select, type SelectProps, Text } from '@umami/react-zen';
+import { useEffect, useState } from 'react';
+import { Empty } from '@/components/common/Empty';
+import { useBoardQuery, useBoardsQuery, useMessages } from '@/components/hooks';
+import { LayoutDashboard } from '@/components/icons';
+
+export function BoardSelect({
+ boardId,
+ teamId,
+ onChange,
+ isCollapsed,
+ buttonProps,
+ listProps,
+ ...props
+}: {
+ boardId?: string;
+ teamId?: string;
+ isCollapsed?: boolean;
+} & SelectProps) {
+ const { t, messages } = useMessages();
+ const { data: board } = useBoardQuery(boardId);
+ const [name, setName] = useState(board?.name);
+ const [search, setSearch] = useState('');
+ const { data, isLoading } = useBoardsQuery({ teamId }, { search, pageSize: 20 });
+ const listItems: { id: string; name: string }[] = data?.data || [];
+
+ useEffect(() => {
+ setName(board?.name);
+ }, [board?.name]);
+
+ const handleOpenChange = () => {
+ setSearch('');
+ };
+
+ const handleChange = (id: string) => {
+ setName(listItems.find(item => item.id === id)?.name);
+ onChange?.(id);
+ };
+
+ const renderValue = () => {
+ if (isCollapsed) {
+ return '';
+ }
+
+ return (
+
+
+
+ {name}
+
+ );
+ };
+
+ return (
+
+ {name}
+
+ ))}
+
+ );
+}
diff --git a/src/components/input/BounceFilter.tsx b/src/components/input/BounceFilter.tsx
new file mode 100644
index 000000000..2b5c45388
--- /dev/null
+++ b/src/components/input/BounceFilter.tsx
@@ -0,0 +1,26 @@
+'use client';
+import { Checkbox, Row } from '@umami/react-zen';
+import { useMessages } from '@/components/hooks/useMessages';
+import { useNavigation } from '@/components/hooks/useNavigation';
+
+export function BounceFilter() {
+ const { router, query, updateParams } = useNavigation();
+ const { t, labels } = useMessages();
+ const isSelected = query.excludeBounce === 'true';
+
+ const handleChange = (value: boolean) => {
+ if (value) {
+ router.push(updateParams({ excludeBounce: 'true' }));
+ } else {
+ router.push(updateParams({ excludeBounce: undefined }));
+ }
+ };
+
+ return (
+
+
+ {t(labels.excludeBounce)}
+
+
+ );
+}
diff --git a/src/components/input/CurrencySelect.tsx b/src/components/input/CurrencySelect.tsx
new file mode 100644
index 000000000..8bad9821c
--- /dev/null
+++ b/src/components/input/CurrencySelect.tsx
@@ -0,0 +1,33 @@
+import { ListItem, Select } from '@umami/react-zen';
+import { useState } from 'react';
+import { useMessages } from '@/components/hooks';
+import { CURRENCIES } from '@/lib/constants';
+
+export function CurrencySelect({ value, onChange }) {
+ const { t, labels } = useMessages();
+ const [search, setSearch] = useState('');
+
+ return (
+
+ {CURRENCIES.map(({ id, name }) => {
+ if (search && !`${id}${name}`.toLowerCase().includes(search)) {
+ return null;
+ }
+
+ return (
+
+ {id} — {name}
+
+ );
+ }).filter(n => n)}
+
+ );
+}
diff --git a/src/components/input/DateFilter.module.css b/src/components/input/DateFilter.module.css
deleted file mode 100644
index bd9ec1a8c..000000000
--- a/src/components/input/DateFilter.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.dropdown span {
- white-space: nowrap;
-}
diff --git a/src/components/input/DateFilter.tsx b/src/components/input/DateFilter.tsx
index 443827a0b..ca55bbefa 100644
--- a/src/components/input/DateFilter.tsx
+++ b/src/components/input/DateFilter.tsx
@@ -1,188 +1,141 @@
-import { useState } from 'react';
-import { Icon, Modal, Dropdown, Item, Text, Flexbox } from 'react-basics';
-import { endOfYear, isSameDay } from 'date-fns';
-import DatePickerForm from '@/components/metrics/DatePickerForm';
-import { useLocale, useMessages } from '@/components/hooks';
-import Icons from '@/components/icons';
-import { formatDate, parseDateValue } from '@/lib/date';
-import styles from './DateFilter.module.css';
-import classNames from 'classnames';
+import { Dialog, ListItem, ListSeparator, Modal, Select, type SelectProps } from '@umami/react-zen';
+import { endOfYear } from 'date-fns';
+import { Fragment, type Key, useState } from 'react';
+import { DateDisplay } from '@/components/common/DateDisplay';
+import { useMessages, useMobile } from '@/components/hooks';
+import { DatePickerForm } from '@/components/metrics/DatePickerForm';
+import { parseDateRange } from '@/lib/date';
-export interface DateFilterProps {
- value: string;
- startDate: Date;
- endDate: Date;
- offset?: number;
- className?: string;
+export interface DateFilterProps extends SelectProps {
+ value?: string;
onChange?: (value: string) => void;
showAllTime?: boolean;
- alignment?: 'start' | 'center' | 'end';
+ renderDate?: boolean;
+ placement?: any;
}
export function DateFilter({
- startDate,
- endDate,
value,
- offset = 0,
- className,
onChange,
- showAllTime = false,
- alignment = 'end',
+ showAllTime,
+ renderDate,
+ placement = 'bottom',
+ ...props
}: DateFilterProps) {
- const { formatMessage, labels } = useMessages();
+ const { t, labels } = useMessages();
const [showPicker, setShowPicker] = useState(false);
- const { locale } = useLocale();
+ const { startDate, endDate } = parseDateRange(value) || {};
+ const { isMobile } = useMobile();
const options = [
- { label: formatMessage(labels.today), value: '0day' },
+ { label: t(labels.today), value: '0day' },
{
- label: formatMessage(labels.lastHours, { x: 24 }),
+ label: t(labels.lastHours, { x: '24' }),
value: '24hour',
},
{
- label: formatMessage(labels.thisWeek),
+ label: t(labels.thisWeek),
value: '0week',
divider: true,
},
{
- label: formatMessage(labels.lastDays, { x: 7 }),
+ label: t(labels.lastDays, { x: '7' }),
value: '7day',
},
{
- label: formatMessage(labels.thisMonth),
+ label: t(labels.thisMonth),
value: '0month',
divider: true,
},
{
- label: formatMessage(labels.lastDays, { x: 30 }),
+ label: t(labels.lastDays, { x: '30' }),
value: '30day',
},
{
- label: formatMessage(labels.lastDays, { x: 90 }),
+ label: t(labels.lastDays, { x: '90' }),
value: '90day',
},
- { label: formatMessage(labels.thisYear), value: '0year', divider: true },
+ { label: t(labels.thisYear), value: '0year' },
{
- label: formatMessage(labels.lastMonths, { x: 6 }),
+ label: t(labels.lastMonths, { x: '6' }),
value: '6month',
+ divider: true,
},
{
- label: formatMessage(labels.lastMonths, { x: 12 }),
+ label: t(labels.lastMonths, { x: '12' }),
value: '12month',
},
showAllTime && {
- label: formatMessage(labels.allTime),
+ label: t(labels.allTime),
value: 'all',
divider: true,
},
{
- label: formatMessage(labels.customRange),
+ label: t(labels.customRange),
value: 'custom',
divider: true,
},
- ].filter(n => n);
+ ]
+ .filter(n => n)
+ .map((a, id) => ({ ...a, id }));
- const handleChange = (value: string) => {
+ const handleChange = (value: Key) => {
if (value === 'custom') {
setShowPicker(true);
return;
}
- onChange(value);
+ onChange(value.toString());
};
const handlePickerChange = (value: string) => {
setShowPicker(false);
- onChange(value);
+ onChange(value.toString());
};
- const handleClose = () => setShowPicker(false);
-
- const renderValue = (value: string) => {
- const { unit } = parseDateValue(value) || {};
-
- if (offset && unit === 'year') {
- return formatDate(startDate, 'yyyy', locale);
- }
-
- if (offset && unit === 'month') {
- return formatDate(startDate, 'MMMM yyyy', locale);
- }
-
- if (value.startsWith('range') || offset) {
- return (
- handleChange('custom')}
- />
- );
- }
-
- return options.find(e => e.value === value)?.label;
+ const renderValue = ({ defaultChildren }) => {
+ return value?.startsWith('range') || renderDate ? (
+ handleChange(key as any)}
+ popoverProps={{ placement, style: { minWidth: 200 } }}
+ isFullscreen={isMobile}
>
- {({ label, value, divider }) => (
- -
- {label}
-
- )}
-
+ {options.map(({ label, value, divider }: any) => {
+ return (
+
+ {divider && {label}
+
+ );
+ })}
+
{showPicker && (
-
- setShowPicker(false)}
- />
+
+
+ setShowPicker(false)}
+ />
+
)}
);
}
-
-const CustomRange = ({ startDate, endDate, unit, onClick }) => {
- const { locale } = useLocale();
-
- const monthFormat = unit === 'month';
-
- function handleClick(e) {
- e.stopPropagation();
-
- onClick();
- }
-
- return (
-
-
-
-
- {monthFormat ? (
- <>{formatDate(startDate, 'MMMM yyyy', locale)}
- ) : (
- <>
- {formatDate(startDate, 'd LLL y', locale)}
- {!isSameDay(startDate, endDate) && ` — ${formatDate(endDate, 'd LLL y', locale)}`}
-
- )}
-
-
- );
-};
-
-export default DateFilter;
diff --git a/src/components/input/DialogButton.tsx b/src/components/input/DialogButton.tsx
new file mode 100644
index 000000000..6038d733b
--- /dev/null
+++ b/src/components/input/DialogButton.tsx
@@ -0,0 +1,87 @@
+import {
+ Button,
+ type ButtonProps,
+ Dialog,
+ type DialogProps,
+ DialogTrigger,
+ Modal,
+} from '@umami/react-zen';
+import type { CSSProperties, ReactNode } from 'react';
+import { IconLabel } from '@/components/common/IconLabel';
+import { useMobile } from '@/components/hooks';
+
+export interface DialogButtonProps extends Omit {
+ icon?: ReactNode;
+ label?: ReactNode;
+ title?: ReactNode;
+ width?: string;
+ height?: string;
+ minWidth?: string;
+ minHeight?: string;
+ isOpen?: boolean;
+ onOpenChange?: (isOpen: boolean) => void;
+ children?: DialogProps['children'];
+}
+
+export function DialogButton({
+ icon,
+ label,
+ title,
+ width,
+ height,
+ minWidth,
+ minHeight,
+ isOpen,
+ onOpenChange,
+ children,
+ ...props
+}: DialogButtonProps) {
+ const { isMobile } = useMobile();
+ const style: CSSProperties = {
+ width,
+ height,
+ minWidth,
+ minHeight,
+ maxHeight: 'calc(100dvh - 40px)',
+ overflowY: 'auto',
+ padding: '32px',
+ };
+
+ if (isMobile) {
+ style.width = '100%';
+ style.height = '100%';
+ style.minWidth = undefined;
+ style.minHeight = undefined;
+ style.maxHeight = '100%';
+ style.overflowY = 'auto';
+ }
+
+ const dialog = (
+
+ {children}
+
+ );
+
+ if (isOpen !== undefined) {
+ return (
+
+ {dialog}
+
+ );
+ }
+
+ return (
+
+
+
+
+ {dialog}
+
+
+ );
+}
diff --git a/src/components/input/DownloadButton.tsx b/src/components/input/DownloadButton.tsx
index 9a0e79943..cf961fa4c 100644
--- a/src/components/input/DownloadButton.tsx
+++ b/src/components/input/DownloadButton.tsx
@@ -1,7 +1,7 @@
+import { Button, Icon, Text, Tooltip, TooltipTrigger } from '@umami/react-zen';
import Papa from 'papaparse';
-import { Button, Icon, TooltipPopup } from 'react-basics';
-import Icons from '@/components/icons';
import { useMessages } from '@/components/hooks';
+import { Download } from '@/components/icons';
export function DownloadButton({
filename = 'data',
@@ -11,20 +11,23 @@ export function DownloadButton({
data?: any;
onClick?: () => void;
}) {
- const { formatMessage, labels } = useMessages();
+ const { t, labels } = useMessages();
const handleClick = async () => {
downloadCsv(`${filename}.csv`, Papa.unparse(data));
};
return (
-
-
+
+
-
-
+
+ {t(labels.download)}
+
+
);
}
diff --git a/src/components/input/ExportButton.tsx b/src/components/input/ExportButton.tsx
index 2b17a6299..04f2a59dc 100644
--- a/src/components/input/ExportButton.tsx
+++ b/src/components/input/ExportButton.tsx
@@ -1,47 +1,64 @@
-import { useState } from 'react';
-import { Icon, TooltipPopup, LoadingButton } from 'react-basics';
-import Icons from '@/components/icons';
-import { useMessages, useApi } from '@/components/hooks';
-import { useFilterParams } from '@/components/hooks/useFilterParams';
+import { Icon, LoadingButton, Tooltip, TooltipTrigger } from '@umami/react-zen';
import { useSearchParams } from 'next/navigation';
+import { useState } from 'react';
+import { useApi, useMessages } from '@/components/hooks';
+import { useDateParameters } from '@/components/hooks/useDateParameters';
+import { useFilterParameters } from '@/components/hooks/useFilterParameters';
+import { Download } from '@/components/icons';
export function ExportButton({ websiteId }: { websiteId: string }) {
- const { formatMessage, labels } = useMessages();
+ const { t, labels } = useMessages();
const [isLoading, setIsLoading] = useState(false);
- const params = useFilterParams(websiteId);
+ const date = useDateParameters();
+ const filters = useFilterParameters();
const searchParams = useSearchParams();
const { get } = useApi();
const handleClick = async () => {
setIsLoading(true);
- const { zip } = await get(`/websites/${websiteId}/export`, { ...params, ...searchParams });
+ const { zip } = await get(`/websites/${websiteId}/export`, {
+ ...date,
+ ...filters,
+ ...searchParams,
+ format: 'json',
+ });
- const binary = atob(zip);
- const bytes = new Uint8Array(binary.length);
- for (let i = 0; i < binary.length; i++) {
- bytes[i] = binary.charCodeAt(i);
- }
-
- const blob = new Blob([bytes], { type: 'application/zip' });
- const url = URL.createObjectURL(blob);
-
- const a = document.createElement('a');
- a.href = url;
- a.download = 'download.zip';
- a.click();
- URL.revokeObjectURL(url);
+ await loadZip(zip);
setIsLoading(false);
};
return (
-
-
+
+
-
-
+ {t(labels.download)}
+
);
}
+
+async function loadZip(zip: string) {
+ const binary = atob(zip);
+ const bytes = new Uint8Array(binary.length);
+ for (let i = 0; i < binary.length; i++) {
+ bytes[i] = binary.charCodeAt(i);
+ }
+
+ const blob = new Blob([bytes], { type: 'application/zip' });
+ const url = URL.createObjectURL(blob);
+
+ const a = document.createElement('a');
+ a.href = url;
+ a.download = 'download.zip';
+ a.click();
+ URL.revokeObjectURL(url);
+}
diff --git a/src/components/input/FieldFilters.tsx b/src/components/input/FieldFilters.tsx
new file mode 100644
index 000000000..7107aeb2f
--- /dev/null
+++ b/src/components/input/FieldFilters.tsx
@@ -0,0 +1,171 @@
+import {
+ Button,
+ Column,
+ Grid,
+ Icon,
+ Label,
+ List,
+ ListItem,
+ ListSection,
+ Menu,
+ MenuItem,
+ MenuSection,
+ MenuTrigger,
+ Popover,
+ Row,
+ Select,
+} from '@umami/react-zen';
+import { endOfDay, subMonths } from 'date-fns';
+import type { Key } from 'react';
+import { Empty } from '@/components/common/Empty';
+import { FilterRecord } from '@/components/common/FilterRecord';
+import { type FieldGroup, useFields, useMessages, useMobile } from '@/components/hooks';
+import { Plus } from '@/components/icons';
+
+export interface FieldFiltersProps {
+ websiteId?: string;
+ value?: { name: string; operator: string; value: string }[];
+ exclude?: string[];
+ match?: string;
+ onChange?: (data: any) => void;
+ onMatchChange?: (match: string) => void;
+}
+
+export function FieldFilters({
+ websiteId,
+ value,
+ exclude = [],
+ match = 'all',
+ onChange,
+ onMatchChange,
+}: FieldFiltersProps) {
+ const { t, labels, messages } = useMessages();
+ const { fields, groupLabels } = useFields();
+ const startDate = subMonths(endOfDay(new Date()), 6);
+ const endDate = endOfDay(new Date());
+ const { isMobile } = useMobile();
+
+ const groupedFields = fields
+ .filter(({ name }) => !exclude.includes(name))
+ .reduce(
+ (acc, field) => {
+ const group = field.group;
+ if (!acc[group]) {
+ acc[group] = [];
+ }
+ acc[group].push(field);
+ return acc;
+ },
+ {} as Record,
+ );
+
+ const updateFilter = (index: number, props: Record) => {
+ onChange(value.map((filter, i) => (i === index ? { ...filter, ...props } : filter)));
+ };
+
+ const handleAdd = (name: Key) => {
+ onChange(value.concat({ name: name.toString(), operator: 'eq', value: '' }));
+ };
+
+ const handleChange = (index: number, val: Key) => {
+ updateFilter(index, { value: val });
+ };
+
+ const handleSelect = (index: number, operator: Key) => {
+ updateFilter(index, { operator });
+ };
+
+ const handleRemove = (index: number) => {
+ onChange(value.filter((_, i) => i !== index));
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+ {groupLabels.map(({ key: groupKey, label }) => {
+ const groupFields = groupedFields[groupKey];
+ if (!groupFields || groupFields.length === 0) return null;
+ return (
+
+ {groupFields.map(field => {
+ return (
+
+ {field.filterLabel}
+
+ );
+ })}
+
+ );
+ })}
+
+
+
+
+
+
+ {groupLabels.map(({ key: groupKey, label }) => {
+ const groupFields = groupedFields[groupKey];
+ if (!groupFields || groupFields.length === 0) return null;
+
+ return (
+
+ {groupFields.map(field => {
+ return (
+
+ {field.filterLabel}
+
+ );
+ })}
+
+ );
+ })}
+
+
+
+ {onMatchChange && (
+
+
+ {t(labels.match)}
+
+ {t(labels.matchAll)}
+ {t(labels.matchAny)}
+
+
+
+ )}
+ {value.map((filter, index) => {
+ return (
+ handleSelect(index, operator)}
+ onRemove={() => handleRemove(index)}
+ onChange={(_name, val) => handleChange(index, val)}
+ />
+ );
+ })}
+ {!value.length &&
+
+ );
+}
diff --git a/src/components/input/FilterBar.tsx b/src/components/input/FilterBar.tsx
new file mode 100644
index 000000000..90be256be
--- /dev/null
+++ b/src/components/input/FilterBar.tsx
@@ -0,0 +1,171 @@
+import {
+ Button,
+ Dialog,
+ DialogTrigger,
+ Icon,
+ Modal,
+ Row,
+ Text,
+ Tooltip,
+ TooltipTrigger,
+} from '@umami/react-zen';
+import { SegmentEditForm } from '@/app/(main)/websites/[websiteId]/segments/SegmentEditForm';
+import {
+ useFilters,
+ useFormat,
+ useMessages,
+ useNavigation,
+ useWebsiteSegmentQuery,
+} from '@/components/hooks';
+import { Bookmark, X } from '@/components/icons';
+import { isSearchOperator } from '@/lib/params';
+
+export function FilterBar({ websiteId }: { websiteId?: string }) {
+ const { t, labels } = useMessages();
+ const { formatValue } = useFormat();
+ const {
+ router,
+ pathname,
+ updateParams,
+ replaceParams,
+ query: { segment, cohort },
+ } = useNavigation();
+ const { filters, operatorLabels } = useFilters();
+ const { data, isLoading } = useWebsiteSegmentQuery(websiteId, segment || cohort);
+ const canSaveSegment =
+ !!websiteId && filters.length > 0 && !segment && !cohort && !pathname.includes('/share');
+
+ const handleCloseFilter = (param: string) => {
+ router.push(updateParams({ [param]: undefined }));
+ };
+
+ const handleResetFilter = () => {
+ router.push(replaceParams());
+ };
+
+ const handleSegmentRemove = (type: string) => {
+ router.push(updateParams({ [type]: undefined }));
+ };
+
+ if (!filters.length && !segment && !cohort) {
+ return null;
+ }
+
+ return (
+
+
+ {segment && !isLoading && (
+ handleSegmentRemove('segment')}
+ />
+ )}
+ {cohort && !isLoading && (
+ handleSegmentRemove('cohort')}
+ />
+ )}
+ {filters.map(filter => {
+ const { name, type, label, operator, value } = filter;
+ const paramValue = isSearchOperator(operator)
+ ? value
+ : String(value)
+ .split(',')
+ .map(v => formatValue(v, type || name))
+ .join(', ');
+
+ return (
+ handleCloseFilter(name)}
+ />
+ );
+ })}
+
+
+
+ {canSaveSegment && (
+
+
+
+
+
+
+ {t(labels.saveSegment)}
+
+
+ )}
+
+
+ {({ close }) => {
+ return
+
+
+
+
+
+
+
+
+ {t(labels.clearAll)}
+
+
+
+
+ );
+}
+
+const FilterItem = ({ name, label, operator, value, onRemove }) => {
+ return (
+
+
+
+
+ {label}
+
+ {operator}
+
+ {value}
+
+
+ onRemove(name)} size="xs" style={{ cursor: 'pointer' }}>
+
+
+
+ );
+};
diff --git a/src/components/input/FilterButtons.tsx b/src/components/input/FilterButtons.tsx
new file mode 100644
index 000000000..ff37fb197
--- /dev/null
+++ b/src/components/input/FilterButtons.tsx
@@ -0,0 +1,33 @@
+import { Box, ToggleGroup, ToggleGroupItem } from '@umami/react-zen';
+import { useState } from 'react';
+
+export interface FilterButtonsProps {
+ items: { id: string; label: string }[];
+ value: string;
+ onChange?: (value: string) => void;
+}
+
+export function FilterButtons({ items, value, onChange }: FilterButtonsProps) {
+ const [selected, setSelected] = useState(value);
+
+ const handleChange = (value: string) => {
+ setSelected(value);
+ onChange?.(value);
+ };
+
+ return (
+
+ handleChange(e[0])}
+ disallowEmptySelection={true}
+ >
+ {items.map(({ id, label }) => (
+
+ {label}
+
+ ))}
+
+
+ );
+}
diff --git a/src/components/input/FilterEditForm.tsx b/src/components/input/FilterEditForm.tsx
new file mode 100644
index 000000000..662be24a0
--- /dev/null
+++ b/src/components/input/FilterEditForm.tsx
@@ -0,0 +1,126 @@
+import { Button, Column, Row, Tab, TabList, TabPanel, Tabs } from '@umami/react-zen';
+import { useState } from 'react';
+import { useFilters, useMessages, useMobile, useNavigation } from '@/components/hooks';
+import { FieldFilters } from '@/components/input/FieldFilters';
+import { SegmentFilters } from '@/components/input/SegmentFilters';
+
+export interface FilterEditFormProps {
+ websiteId?: string;
+ onChange?: (params: {
+ filters: any[];
+ segment?: string;
+ cohort?: string;
+ match?: string;
+ }) => void;
+ onClose?: () => void;
+}
+
+export function FilterEditForm({ websiteId, onChange, onClose }: FilterEditFormProps) {
+ const {
+ query: { segment, cohort, match },
+ pathname,
+ } = useNavigation();
+ const { filters } = useFilters();
+ const { t, labels } = useMessages();
+ const [currentFilters, setCurrentFilters] = useState(filters);
+ const [currentSegment, setCurrentSegment] = useState(segment);
+ const [currentCohort, setCurrentCohort] = useState(cohort);
+ const [currentMatch, setCurrentMatch] = useState(match || 'all');
+ const { isMobile } = useMobile();
+ const isPixelLink = !websiteId || pathname.includes('/pixels') || pathname.includes('/links');
+ const excludeEvent = !pathname.endsWith('/events') && !pathname.endsWith('/replays');
+ const isPerformance = pathname.includes('/performance');
+
+ const excludedFields = isPixelLink
+ ? ['path', 'title', 'hostname', 'distinctId', 'tag', 'event']
+ : isPerformance
+ ? [
+ 'referrer',
+ 'query',
+ 'event',
+ 'tag',
+ 'distinctId',
+ 'utmSource',
+ 'utmMedium',
+ 'utmCampaign',
+ 'utmContent',
+ 'utmTerm',
+ ]
+ : excludeEvent
+ ? ['event']
+ : [];
+
+ const handleReset = () => {
+ setCurrentFilters([]);
+ setCurrentSegment(undefined);
+ setCurrentCohort(undefined);
+ setCurrentMatch('all');
+ };
+
+ const handleSave = () => {
+ onChange?.({
+ filters: currentFilters.filter(f => f.value),
+ segment: currentSegment,
+ cohort: currentCohort,
+ match: currentMatch !== 'all' ? currentMatch : undefined,
+ });
+ onClose?.();
+ };
+
+ const handleSegmentChange = (id: string, type: string) => {
+ setCurrentSegment(type === 'segment' ? id : undefined);
+ setCurrentCohort(type === 'cohort' ? id : undefined);
+ };
+
+ return (
+
+
+
+
+ {t(labels.fields)}
+ {!isPixelLink && (
+ <>
+ {t(labels.segments)}
+ {t(labels.cohorts)}
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ {t(labels.reset)}
+
+ {t(labels.cancel)}
+
+ {t(labels.apply)}
+
+
+
+
+ );
+}
diff --git a/src/components/input/LanguageButton.module.css b/src/components/input/LanguageButton.module.css
deleted file mode 100644
index dccb098d3..000000000
--- a/src/components/input/LanguageButton.module.css
+++ /dev/null
@@ -1,45 +0,0 @@
-.menu {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- padding: 10px;
- background: var(--base50);
- z-index: var(--z-index-popup);
- border-radius: 5px;
- border: 1px solid var(--border-color);
- margin-inline-start: 10px;
-}
-
-.item {
- display: flex;
- align-items: center;
- justify-content: space-between;
- min-width: 200px;
- border-radius: 5px;
- padding: 5px 10px;
-}
-
-.item:hover {
- background: var(--base75);
- cursor: pointer;
-}
-
-.selected {
- font-weight: 700;
- background: var(--blue100);
-}
-
-.icon {
- color: var(--primary400);
-}
-
-@media screen and (max-width: 992px) {
- .menu {
- grid-template-columns: repeat(2, 1fr);
- }
-}
-
-@media screen and (max-width: 768px) {
- .menu {
- transform: translateX(40px);
- }
-}
diff --git a/src/components/input/LanguageButton.tsx b/src/components/input/LanguageButton.tsx
index 54ce55eb3..9ac2ec3fc 100644
--- a/src/components/input/LanguageButton.tsx
+++ b/src/components/input/LanguageButton.tsx
@@ -1,53 +1,41 @@
-import { Icon, Button, PopupTrigger, Popup } from 'react-basics';
-import classNames from 'classnames';
-import { languages } from '@/lib/lang';
+import { Button, Dialog, Grid, Icon, MenuTrigger, Popover, Text } from '@umami/react-zen';
+import { Globe } from 'lucide-react';
import { useLocale } from '@/components/hooks';
-import Icons from '@/components/icons';
-import styles from './LanguageButton.module.css';
+import { languages } from '@/lib/lang';
export function LanguageButton() {
- const { locale, saveLocale, dir } = useLocale();
+ const { locale, saveLocale } = useLocale();
const items = Object.keys(languages).map(key => ({ ...languages[key], value: key }));
- function handleSelect(value: string, close: () => void, e: MouseEvent) {
- e.stopPropagation();
+ function handleSelect(value: string) {
saveLocale(value);
- close();
}
return (
-
+
-
-
+
-
- {(close: () => void) => {
- return (
-
- {items.map(({ value, label }) => {
- return (
-
handleSelect(value, close, e)}
+
+
+
+ {items.map(({ value, label }) => {
+ return (
+ handleSelect(value)}>
+
- {label}
- {value === locale && (
-
-
- )}
-
- );
- })}
-
-
+ {label}
+
+
+ );
+ })}
+
+
+
+
);
}
-
-export default LanguageButton;
diff --git a/src/components/input/LinkSelect.tsx b/src/components/input/LinkSelect.tsx
new file mode 100644
index 000000000..34c864e08
--- /dev/null
+++ b/src/components/input/LinkSelect.tsx
@@ -0,0 +1,97 @@
+import { Icon, ListItem, Row, Select, type SelectProps, Text } from '@umami/react-zen';
+import { useEffect, useState } from 'react';
+import { Empty } from '@/components/common/Empty';
+import { useLinkQuery, useLinksQuery, useMessages } from '@/components/hooks';
+import { Link } from '@/components/icons';
+
+export function LinkSelect({
+ linkId,
+ teamId,
+ onChange,
+ isCollapsed,
+ buttonProps,
+ listProps,
+ ...props
+}: {
+ linkId?: string;
+ teamId?: string;
+ isCollapsed?: boolean;
+} & SelectProps) {
+ const { t, labels, messages } = useMessages();
+ const { data: link } = useLinkQuery(linkId);
+ const [name, setName] = useState(link?.name);
+ const [search, setSearch] = useState('');
+ const { data, isLoading } = useLinksQuery({ teamId }, { search, pageSize: 20 });
+ const listItems: { id: string; name: string }[] = data?.data || [];
+
+ useEffect(() => {
+ setName(link?.name);
+ }, [link?.name]);
+
+ const handleOpenChange = () => {
+ setSearch('');
+ };
+
+ const handleChange = (id: string) => {
+ setName(listItems.find(item => item.id === id)?.name);
+ onChange?.(id);
+ };
+
+ const renderValue = () => {
+ if (isCollapsed) {
+ return '';
+ }
+
+ const value = name || props.placeholder || t(labels.link);
+
+ return (
+
+
+
+
+ {value}
+
+
+ );
+ };
+
+ return (
+
+ {name}
+
+ ))}
+
+ );
+}
diff --git a/src/components/input/LogoutButton.tsx b/src/components/input/LogoutButton.tsx
deleted file mode 100644
index a1a34a003..000000000
--- a/src/components/input/LogoutButton.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Button, Icon, Icons, TooltipPopup } from 'react-basics';
-import Link from 'next/link';
-import { useMessages } from '@/components/hooks';
-
-export function LogoutButton({
- tooltipPosition = 'top',
-}: {
- tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
-}) {
- const { formatMessage, labels } = useMessages();
- return (
-
-
-
-
-
-
-
- );
-}
-
-export default LogoutButton;
diff --git a/src/components/input/LookupField.tsx b/src/components/input/LookupField.tsx
new file mode 100644
index 000000000..daa95aa0c
--- /dev/null
+++ b/src/components/input/LookupField.tsx
@@ -0,0 +1,74 @@
+import { Empty } from '@/components/common/Empty';
+import { useMessages, useWebsiteValuesQuery } from '@/components/hooks';
+import { ComboBox, type ComboBoxProps, ListItem, Loading, useDebounce } from '@umami/react-zen';
+import { endOfDay, subMonths } from 'date-fns';
+import { type SetStateAction, useMemo, useState } from 'react';
+
+export interface LookupFieldProps extends Omit {
+ websiteId: string;
+ type: string;
+ value: string;
+ onChange: (value: string) => void;
+ onValueChange?: (value: string) => void;
+}
+
+export function LookupField({
+ websiteId,
+ type,
+ value,
+ onChange,
+ onValueChange,
+ ...props
+}: LookupFieldProps) {
+ const { t, messages } = useMessages();
+ const [search, setSearch] = useState(value);
+ const searchValue = useDebounce(search, 300);
+ const startDate = subMonths(endOfDay(new Date()), 6);
+ const endDate = endOfDay(new Date());
+
+ const { data, isLoading } = useWebsiteValuesQuery({
+ websiteId,
+ type,
+ search: searchValue,
+ startDate,
+ endDate,
+ });
+
+ const items: string[] = useMemo(() => {
+ return data?.map(({ value }) => value) || [];
+ }, [data]);
+
+ const handleSearch = (value: SetStateAction) => {
+ setSearch(value);
+ };
+
+ return (
+ {
+ handleSearch(value);
+ onChange?.(value);
+ onValueChange?.(value);
+ }}
+ formValue="text"
+ allowsEmptyCollection
+ allowsCustomValue
+ renderEmptyState={() =>
+ isLoading ? (
+
+ {item}
+
+ ))}
+
+ );
+}
diff --git a/src/components/input/MenuButton.tsx b/src/components/input/MenuButton.tsx
new file mode 100644
index 000000000..bac307fef
--- /dev/null
+++ b/src/components/input/MenuButton.tsx
@@ -0,0 +1,32 @@
+import { Button, DialogTrigger, Icon, Menu, Popover } from '@umami/react-zen';
+import type { Key, ReactNode } from 'react';
+import { Ellipsis } from '@/components/icons';
+
+export function MenuButton({
+ children,
+ onAction,
+ isDisabled,
+}: {
+ children: ReactNode;
+ onAction?: (action: string) => void;
+ isDisabled?: boolean;
+}) {
+ const handleAction = (key: Key) => {
+ onAction?.(key.toString());
+ };
+
+ return (
+
+
+
+
+
+
+
+ {children}
+
+
+
+ );
+}
diff --git a/src/components/input/MobileMenuButton.tsx b/src/components/input/MobileMenuButton.tsx
new file mode 100644
index 000000000..a4713ae08
--- /dev/null
+++ b/src/components/input/MobileMenuButton.tsx
@@ -0,0 +1,17 @@
+import { Button, Dialog, type DialogProps, DialogTrigger, Icon, Modal } from '@umami/react-zen';
+import { Menu } from '@/components/icons';
+
+export function MobileMenuButton(props: DialogProps) {
+ return (
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/input/MonthFilter.tsx b/src/components/input/MonthFilter.tsx
new file mode 100644
index 000000000..dec64b0f1
--- /dev/null
+++ b/src/components/input/MonthFilter.tsx
@@ -0,0 +1,18 @@
+import { useDateRange, useNavigation } from '@/components/hooks';
+import { getMonthDateRangeValue } from '@/lib/date';
+import { MonthSelect } from './MonthSelect';
+
+export function MonthFilter() {
+ const { router, updateParams } = useNavigation();
+ const {
+ dateRange: { startDate },
+ } = useDateRange();
+
+ const handleMonthSelect = (date: Date) => {
+ const range = getMonthDateRangeValue(date);
+
+ router.push(updateParams({ date: range, offset: undefined }));
+ };
+
+ return
-
-
- {month}
-
-
-
-
- {close => (
-
-
-
-
- {year}
-
-
-
-
- {(close: any) => (
-
-
-
+
+ {months.map(m => {
+ return (
+
+ {formatDate(new Date(year, m, 1), 'MMMM', locale)}
+
+ );
+ })}
+
+
+ {years.map(y => {
+ return (
+
+ {y}
+
+ );
+ })}
+
+
);
}
-
-export default MonthSelect;
diff --git a/src/components/input/NavButton.tsx b/src/components/input/NavButton.tsx
new file mode 100644
index 000000000..e7c7504c6
--- /dev/null
+++ b/src/components/input/NavButton.tsx
@@ -0,0 +1,126 @@
+import {
+ Column,
+ Icon,
+ Menu,
+ MenuItem,
+ MenuSection,
+ MenuSeparator,
+ MenuTrigger,
+ Popover,
+ Pressable,
+ Row,
+ SubmenuTrigger,
+ Text,
+} from '@umami/react-zen';
+import { ArrowRight } from 'lucide-react';
+import type { Key } from 'react';
+import { IconLabel } from '@/components/common/IconLabel';
+import { useLoginQuery, useMessages, useMobile, useNavigation } from '@/components/hooks';
+import { ChevronRight, User, Users } from '@/components/icons';
+import { Switch } from '@/components/svg';
+import { LAST_TEAM_CONFIG } from '@/lib/constants';
+import { removeItem } from '@/lib/storage';
+
+export interface TeamsButtonProps {
+ showText?: boolean;
+ onAction?: (id: any) => void;
+}
+
+export function NavButton({ showText = true }: TeamsButtonProps) {
+ const { user } = useLoginQuery();
+ const { t, labels } = useMessages();
+ const { teamId, router } = useNavigation();
+ const { isMobile } = useMobile();
+ const team = user?.teams?.find(({ id }) => id === teamId);
+ const selectedKeys = new Set([teamId || 'user']);
+ const label = teamId ? team?.name : user.username;
+ const cloudMode = !!process.env.cloudMode;
+
+ const getUrl = (url: string) => {
+ return cloudMode ? `${process.env.cloudUrl}${url}` : url;
+ };
+
+ const handleAction = async (key: Key) => {
+ if (key === 'user') {
+ removeItem(LAST_TEAM_CONFIG);
+ if (cloudMode) {
+ window.location.href = '/';
+ } else {
+ router.push('/');
+ }
+ }
+ };
+
+ return (
+
+
+
+
+ {teamId ?
+ {showText && {label} }
+
+ {showText && (
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {user?.teams?.map(({ id, name }) => (
+
+ {name}
+
+
+ ))}
+ {user?.teams?.length === 0 && (
+
+
+
+ Manage teams
+
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/input/PanelButton.tsx b/src/components/input/PanelButton.tsx
new file mode 100644
index 000000000..500c40c4f
--- /dev/null
+++ b/src/components/input/PanelButton.tsx
@@ -0,0 +1,19 @@
+import { Button, type ButtonProps, Icon } from '@umami/react-zen';
+import { useGlobalState } from '@/components/hooks';
+import { PanelLeft } from '@/components/icons';
+
+export function PanelButton(props: ButtonProps) {
+ const [isCollapsed, setIsCollapsed] = useGlobalState('sidenav-collapsed');
+ return (
+ setIsCollapsed(!isCollapsed)}
+ variant="zero"
+ {...props}
+ style={{ padding: 0 }}
+ >
+
+
+
+ );
+}
diff --git a/src/components/input/PixelSelect.tsx b/src/components/input/PixelSelect.tsx
new file mode 100644
index 000000000..5ad68f307
--- /dev/null
+++ b/src/components/input/PixelSelect.tsx
@@ -0,0 +1,97 @@
+import { Icon, ListItem, Row, Select, type SelectProps, Text } from '@umami/react-zen';
+import { useEffect, useState } from 'react';
+import { Empty } from '@/components/common/Empty';
+import { useMessages, usePixelQuery, usePixelsQuery } from '@/components/hooks';
+import { Grid2x2 } from '@/components/icons';
+
+export function PixelSelect({
+ pixelId,
+ teamId,
+ onChange,
+ isCollapsed,
+ buttonProps,
+ listProps,
+ ...props
+}: {
+ pixelId?: string;
+ teamId?: string;
+ isCollapsed?: boolean;
+} & SelectProps) {
+ const { t, labels, messages } = useMessages();
+ const { data: pixel } = usePixelQuery(pixelId);
+ const [name, setName] = useState(pixel?.name);
+ const [search, setSearch] = useState('');
+ const { data, isLoading } = usePixelsQuery({ teamId }, { search, pageSize: 20 });
+ const listItems: { id: string; name: string }[] = data?.data || [];
+
+ useEffect(() => {
+ setName(pixel?.name);
+ }, [pixel?.name]);
+
+ const handleOpenChange = () => {
+ setSearch('');
+ };
+
+ const handleChange = (id: string) => {
+ setName(listItems.find(item => item.id === id)?.name);
+ onChange?.(id);
+ };
+
+ const renderValue = () => {
+ if (isCollapsed) {
+ return '';
+ }
+
+ const value = name || props.placeholder || t(labels.pixel);
+
+ return (
+
+
+
+
+ {value}
+
+
+ );
+ };
+
+ return (
+
+ {name}
+
+ ))}
+
+ );
+}
diff --git a/src/components/input/PreferencesButton.tsx b/src/components/input/PreferencesButton.tsx
new file mode 100644
index 000000000..aa1550ea2
--- /dev/null
+++ b/src/components/input/PreferencesButton.tsx
@@ -0,0 +1,32 @@
+import { Button, Column, DialogTrigger, Icon, Label, Popover } from '@umami/react-zen';
+import { DateRangeSetting } from '@/app/(main)/settings/preferences/DateRangeSetting';
+import { TimezoneSetting } from '@/app/(main)/settings/preferences/TimezoneSetting';
+import { Panel } from '@/components/common/Panel';
+import { useMessages } from '@/components/hooks';
+import { Settings } from '@/components/icons';
+
+export function PreferencesButton() {
+ const { t, labels } = useMessages();
+
+ return (
+
+
+
+
+
+
+
+
+ {t(labels.timezone)}
+
+
+ {t(labels.defaultDateRange)}
+
+
+
+
+ );
+}
diff --git a/src/components/input/ProfileButton.module.css b/src/components/input/ProfileButton.module.css
deleted file mode 100644
index 37f51f785..000000000
--- a/src/components/input/ProfileButton.module.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.menu {
- width: 200px;
- z-index: var(--z-index-popup);
- border: 1px solid var(--border-color);
- border-radius: var(--border-radius);
- overflow: hidden;
- background: var(--base50);
-}
-
-.item {
- display: flex;
- gap: 12px;
- background: var(--base50);
-}
-
-.version {
- font-family: monospace;
- font-size: 11px;
- color: var(--base600);
- text-align: right;
- margin-inline-end: 10px;
-}
-
-.name {
- color: var(--font-color200);
- background: var(--base75);
- padding: var(--size300) var(--size600);
-}
diff --git a/src/components/input/ProfileButton.tsx b/src/components/input/ProfileButton.tsx
index 86a9d333d..114c7668c 100644
--- a/src/components/input/ProfileButton.tsx
+++ b/src/components/input/ProfileButton.tsx
@@ -1,59 +1,74 @@
-import { Key } from 'react';
-import { Icon, Button, PopupTrigger, Popup, Menu, Item, Text } from 'react-basics';
-import { useRouter } from 'next/navigation';
-import Icons from '@/components/icons';
-import { useMessages, useLogin, useLocale } from '@/components/hooks';
-import { CURRENT_VERSION } from '@/lib/constants';
-import styles from './ProfileButton.module.css';
+import {
+ Button,
+ Icon,
+ Menu,
+ MenuItem,
+ MenuSection,
+ MenuSeparator,
+ MenuTrigger,
+ Popover,
+ Row,
+ Text,
+} from '@umami/react-zen';
+import { Fragment } from 'react';
+import { useLoginQuery, useMessages, useNavigation } from '@/components/hooks';
+import { LockKeyhole, LogOut, UserCircle } from '@/components/icons';
export function ProfileButton() {
- const { formatMessage, labels } = useMessages();
- const { user } = useLogin();
- const router = useRouter();
- const { dir } = useLocale();
- const cloudMode = !!process.env.cloudMode;
+ const { t, labels } = useMessages();
+ const { user } = useLoginQuery();
+ const { renderUrl } = useNavigation();
- const handleSelect = (key: Key, close: () => void) => {
- if (key === 'profile') {
- router.push('/profile');
- }
- if (key === 'logout') {
- router.push('/logout');
- }
- close();
- };
+ const items = [
+ {
+ id: 'settings',
+ label: t(labels.profile),
+ path: renderUrl('/settings/profile'),
+ icon:
+
-
-
- {(close: () => void) => (
- handleSelect(key, close)} className={styles.menu}>
- {user.username}
- -
-
-
- {formatMessage(labels.profile)}
-
- {!cloudMode && (
- -
-
-
- {formatMessage(labels.logout)}
-
- )}
- {`v${CURRENT_VERSION}`}
-
- )}
-
-
+
+
+
+
+ {separator &&
+
+ {icon}
+ {label}
+
+
+
+ );
+ })}
+
+
+
+
);
}
-
-export default ProfileButton;
diff --git a/src/components/input/RefreshButton.tsx b/src/components/input/RefreshButton.tsx
index 35bfbf3c5..6163fb7ee 100644
--- a/src/components/input/RefreshButton.tsx
+++ b/src/components/input/RefreshButton.tsx
@@ -1,8 +1,7 @@
-import { LoadingButton, Icon, TooltipPopup } from 'react-basics';
+import { Icon, LoadingButton, Tooltip, TooltipTrigger } from '@umami/react-zen';
+import { useDateRange, useMessages } from '@/components/hooks';
+import { RefreshCw } from '@/components/icons';
import { setWebsiteDateRange } from '@/store/websites';
-import { useDateRange } from '@/components/hooks';
-import Icons from '@/components/icons';
-import { useMessages } from '@/components/hooks';
export function RefreshButton({
websiteId,
@@ -11,8 +10,8 @@ export function RefreshButton({
websiteId: string;
isLoading?: boolean;
}) {
- const { formatMessage, labels } = useMessages();
- const { dateRange } = useDateRange(websiteId);
+ const { t, labels } = useMessages();
+ const { dateRange } = useDateRange();
function handleClick() {
if (!isLoading && dateRange) {
@@ -21,14 +20,13 @@ export function RefreshButton({
}
return (
-
-
+
+
-
-
+ {t(labels.refresh)}
+
);
}
-
-export default RefreshButton;
diff --git a/src/components/input/ReportEditButton.tsx b/src/components/input/ReportEditButton.tsx
new file mode 100644
index 000000000..777b75d5f
--- /dev/null
+++ b/src/components/input/ReportEditButton.tsx
@@ -0,0 +1,118 @@
+import {
+ AlertDialog,
+ Button,
+ Icon,
+ Menu,
+ MenuItem,
+ MenuTrigger,
+ Modal,
+ Popover,
+ Row,
+ Text,
+} from '@umami/react-zen';
+import { type ReactNode, useState } from 'react';
+import { useMessages } from '@/components/hooks';
+import { useDeleteQuery } from '@/components/hooks/queries/useDeleteQuery';
+import { Edit, MoreHorizontal, Trash } from '@/components/icons';
+import { DialogButton } from './DialogButton';
+
+export function ReportEditButton({
+ id,
+ name,
+ type,
+ title,
+ width,
+ height,
+ minWidth,
+ minHeight,
+ children,
+ onDelete,
+}: {
+ id: string;
+ name: string;
+ type: string;
+ title?: ReactNode;
+ width?: string;
+ height?: string;
+ minWidth?: string;
+ minHeight?: string;
+ onDelete?: () => void;
+ children: ({ close }: { close: () => void }) => ReactNode;
+}) {
+ const { t, labels, messages } = useMessages();
+ const [showEdit, setShowEdit] = useState(false);
+ const [showDelete, setShowDelete] = useState(false);
+ const { mutateAsync, touch } = useDeleteQuery(`/reports/${id}`);
+
+ const handleAction = (id: any) => {
+ if (id === 'edit') {
+ setShowEdit(true);
+ } else if (id === 'delete') {
+ setShowDelete(true);
+ }
+ };
+
+ const handleClose = () => {
+ setShowEdit(false);
+ setShowDelete(false);
+ };
+
+ const handleDelete = async () => {
+ await mutateAsync(null, {
+ onSuccess: async () => {
+ touch(`reports:${type}`);
+ setShowDelete(false);
+ onDelete?.();
+ },
+ });
+ };
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+ {t(labels.edit)}
+
+
+
+
+ {t(labels.delete)}
+
+
+
+
+ !open && handleClose()}
+ title={title}
+ width={width}
+ height={height}
+ minWidth={minWidth}
+ minHeight={minHeight}
+ >
+ {children}
+
+ !open && handleClose()}>
+
+ {t(messages.confirmDelete, { target: name })}
+
+
+
+ );
+}
diff --git a/src/components/input/SegmentFilters.tsx b/src/components/input/SegmentFilters.tsx
new file mode 100644
index 000000000..465161e48
--- /dev/null
+++ b/src/components/input/SegmentFilters.tsx
@@ -0,0 +1,43 @@
+import { List, ListItem } from '@umami/react-zen';
+import { Empty } from '@/components/common/Empty';
+import { IconLabel } from '@/components/common/IconLabel';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { useWebsiteSegmentsQuery } from '@/components/hooks';
+import { ChartPie, UserPlus } from '@/components/icons';
+
+export interface SegmentFiltersProps {
+ websiteId?: string;
+ segmentId: string;
+ type?: string;
+ onChange?: (id: string, type: string) => void;
+}
+
+export function SegmentFilters({
+ websiteId,
+ segmentId,
+ type = 'segment',
+ onChange,
+}: SegmentFiltersProps) {
+ const { data, isLoading, isFetching } = useWebsiteSegmentsQuery(websiteId, { type });
+
+ const handleChange = (id: string) => {
+ onChange?.(id, type);
+ };
+
+ return (
+
+ {data?.data?.length === 0 && handleChange(id[0])}>
+ {data?.data?.map(item => {
+ return (
+
+
+ );
+ })}
+
+
+ );
+}
diff --git a/src/components/input/SegmentSaveButton.tsx b/src/components/input/SegmentSaveButton.tsx
new file mode 100644
index 000000000..9acf3ded8
--- /dev/null
+++ b/src/components/input/SegmentSaveButton.tsx
@@ -0,0 +1,26 @@
+import { Button, Dialog, DialogTrigger, Icon, Modal, Text } from '@umami/react-zen';
+import { SegmentEditForm } from '@/app/(main)/websites/[websiteId]/segments/SegmentEditForm';
+import { useMessages } from '@/components/hooks';
+import { Plus } from '@/components/icons';
+
+export function SegmentSaveButton({ websiteId }: { websiteId: string }) {
+ const { t, labels } = useMessages();
+
+ return (
+
+
+
+
+ {t(labels.segment)}
+
+
+
+ {({ close }) => {
+ return
+
+
+ );
+}
diff --git a/src/components/input/SettingsButton.module.css b/src/components/input/SettingsButton.module.css
deleted file mode 100644
index 8ebd44831..000000000
--- a/src/components/input/SettingsButton.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.popup {
- background: var(--base50);
- border: 1px solid var(--base500);
- border-radius: 4px;
- display: flex;
- flex-direction: column;
- position: absolute;
- top: 100%;
- right: 0;
- padding: 20px;
-}
diff --git a/src/components/input/SettingsButton.tsx b/src/components/input/SettingsButton.tsx
index d3dc471fa..797d16314 100644
--- a/src/components/input/SettingsButton.tsx
+++ b/src/components/input/SettingsButton.tsx
@@ -1,32 +1,76 @@
-import { Button, Icon, PopupTrigger, Popup, Form, FormRow } from 'react-basics';
-import TimezoneSetting from '@/app/(main)/profile/TimezoneSetting';
-import DateRangeSetting from '@/app/(main)/profile/DateRangeSetting';
-import Icons from '@/components/icons';
-import { useMessages } from '@/components/hooks';
-import styles from './SettingsButton.module.css';
+import {
+ Button,
+ Icon,
+ Menu,
+ MenuItem,
+ MenuSection,
+ MenuSeparator,
+ MenuTrigger,
+ Popover,
+} from '@umami/react-zen';
+import type { Key } from 'react';
+import { useConfig, useLoginQuery, useMessages, useNavigation } from '@/components/hooks';
+import {
+ BookText,
+ ExternalLink,
+ LifeBuoy,
+ LockKeyhole,
+ LogOut,
+ Settings,
+ UserCircle,
+} from '@/components/icons';
+import { DOCS_URL } from '@/lib/constants';
export function SettingsButton() {
- const { formatMessage, labels } = useMessages();
+ const { t, labels } = useMessages();
+ const { user } = useLoginQuery();
+ const { router } = useNavigation();
+ const { cloudMode } = useConfig();
+
+ const handleAction = (id: Key) => {
+ const url = id.toString();
+
+ if (cloudMode) {
+ if (url === '/docs') {
+ window.open(DOCS_URL, '_blank');
+ } else {
+ window.location.href = url;
+ }
+ } else {
+ router.push(url);
+ }
+ };
return (
-
-
+
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
);
}
-
-export default SettingsButton;
diff --git a/src/components/input/TeamsButton.module.css b/src/components/input/TeamsButton.module.css
deleted file mode 100644
index 2b1fd549f..000000000
--- a/src/components/input/TeamsButton.module.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.button {
- font-weight: 700;
-}
-
-.menu {
- background: var(--base50);
- min-width: 260px;
-}
-
-.heading {
- color: var(--base600);
- font-size: 10px;
- font-weight: 700;
- padding: 8px 16px;
- text-transform: uppercase;
- border-bottom: 1px solid var(--base300);
-}
-
-.selected {
- font-weight: bold;
-}
diff --git a/src/components/input/TeamsButton.tsx b/src/components/input/TeamsButton.tsx
index f967a64cf..f44ba83a5 100644
--- a/src/components/input/TeamsButton.tsx
+++ b/src/components/input/TeamsButton.tsx
@@ -1,71 +1,100 @@
-import { Key } from 'react';
-import { Text, Icon, Button, Popup, Menu, Item, PopupTrigger, Flexbox } from 'react-basics';
-import classNames from 'classnames';
-import Icons from '@/components/icons';
-import { useLogin, useMessages, useTeams, useTeamUrl } from '@/components/hooks';
-import styles from './TeamsButton.module.css';
+import {
+ Button,
+ Column,
+ Icon,
+ Menu,
+ MenuItem,
+ MenuSection,
+ MenuSeparator,
+ MenuTrigger,
+ Popover,
+ Row,
+ Text,
+} from '@umami/react-zen';
+import { ArrowRight } from 'lucide-react';
+import type { Key } from 'react';
+import { IconLabel } from '@/components/common/IconLabel';
+import { useLoginQuery, useMessages, useMobile, useNavigation } from '@/components/hooks';
+import { ChevronRight, User, Users } from '@/components/icons';
+import { LAST_TEAM_CONFIG } from '@/lib/constants';
+import { removeItem } from '@/lib/storage';
-export function TeamsButton({
- className,
- showText = true,
- onChange,
-}: {
- className?: string;
- showText?: boolean;
- onChange?: (value: string) => void;
-}) {
- const { user } = useLogin();
- const { formatMessage, labels } = useMessages();
- const { result } = useTeams(user.id);
- const { teamId } = useTeamUrl();
- const team = result?.data?.find(({ id }) => id === teamId);
+export function TeamsButton() {
+ const { user } = useLoginQuery();
+ const { t, labels } = useMessages();
+ const { teamId, router } = useNavigation();
+ const { isPhone } = useMobile();
+ const team = user?.teams?.find(({ id }) => id === teamId);
+ const selectedKeys = new Set([teamId || 'user']);
+ const label = teamId ? team?.name : user.username;
- const handleSelect = (close: () => void, id: Key) => {
- onChange?.((id !== user.id ? id : '') as string);
- close();
+ const cloudMode = !!process.env.cloudMode;
+
+ const getUrl = (url: string) => {
+ return cloudMode ? `${process.env.cloudUrl}${url}` : url;
};
- if (!result?.count) {
- return null;
- }
+ const handleAction = async (key: Key) => {
+ if (key === 'user') {
+ removeItem(LAST_TEAM_CONFIG);
+ if (cloudMode) {
+ window.location.href = '/';
+ } else {
+ router.push('/');
+ }
+ }
+ };
return (
-
-
- {teamId ?
- {showText && {teamId ? team?.name : user.username} }
-
-
+
+
+ {teamId ?
+ {label}
+
+
+
-
- {(close: () => void) => (
-
- {formatMessage(labels.myAccount)}
- -
-
-
-
- {user.username}
-
-
- {formatMessage(labels.team)}
- {result?.data?.map(({ id, name }) => (
- -
-
-
-
- {name}
-
-
- ))}
+
+
+
+
+
+
+
+
+ {user?.teams?.map(({ id, name }) => (
+
+ {name}
+
+
+ ))}
+
+
+
+ Manage teams
+
+
+
+
+
+
- )}
-
-
+
+
+
);
}
-
-export default TeamsButton;
diff --git a/src/components/input/ThemeButton.module.css b/src/components/input/ThemeButton.module.css
deleted file mode 100644
index c64647eb9..000000000
--- a/src/components/input/ThemeButton.module.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.button {
- width: 50px;
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
-}
-
-.button > div {
- display: flex;
- justify-content: center;
- align-items: center;
- position: absolute;
-}
diff --git a/src/components/input/ThemeButton.tsx b/src/components/input/ThemeButton.tsx
deleted file mode 100644
index fd7d79a06..000000000
--- a/src/components/input/ThemeButton.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useTransition, animated } from '@react-spring/web';
-import { Button, Icon } from 'react-basics';
-import { useTheme } from '@/components/hooks';
-import Icons from '@/components/icons';
-import styles from './ThemeButton.module.css';
-
-export function ThemeButton() {
- const { theme, saveTheme } = useTheme();
-
- const transitions = useTransition(theme, {
- initial: { opacity: 1 },
- from: {
- opacity: 0,
- transform: `translateY(${theme === 'light' ? '20px' : '-20px'}) scale(0.5)`,
- },
- enter: { opacity: 1, transform: 'translateY(0px) scale(1.0)' },
- leave: {
- opacity: 0,
- transform: `translateY(${theme === 'light' ? '-20px' : '20px'}) scale(0.5)`,
- },
- });
-
- function handleClick() {
- saveTheme(theme === 'light' ? 'dark' : 'light');
- }
-
- return (
-
- {transitions((style, item) => (
-
- {item === 'light' ?
-
- ))}
-
- );
-}
-
-export default ThemeButton;
diff --git a/src/components/input/UnitFilter.tsx b/src/components/input/UnitFilter.tsx
new file mode 100644
index 000000000..cabe87eaf
--- /dev/null
+++ b/src/components/input/UnitFilter.tsx
@@ -0,0 +1,71 @@
+import { ListItem, Row, Select } from '@umami/react-zen';
+import { useMessages, useNavigation } from '@/components/hooks';
+import { DATE_RANGE_CONFIG, DEFAULT_DATE_RANGE_VALUE } from '@/lib/constants';
+import { getItem } from '@/lib/storage';
+
+export function UnitFilter() {
+ const { t, labels } = useMessages();
+ const { router, query, updateParams } = useNavigation();
+
+ const DATE_RANGE_UNIT_CONFIG = {
+ '0week': {
+ defaultUnit: 'day',
+ availableUnits: ['day', 'hour'],
+ },
+ '7day': {
+ defaultUnit: 'day',
+ availableUnits: ['day', 'hour'],
+ },
+ '0month': {
+ defaultUnit: 'day',
+ availableUnits: ['day', 'hour'],
+ },
+ '30day': {
+ defaultUnit: 'day',
+ availableUnits: ['day', 'hour'],
+ },
+ '90day': {
+ defaultUnit: 'day',
+ availableUnits: ['day', 'month'],
+ },
+ '6month': {
+ defaultUnit: 'month',
+ availableUnits: ['month', 'day'],
+ },
+ };
+
+ const unitConfig =
+ DATE_RANGE_UNIT_CONFIG[query.date || getItem(DATE_RANGE_CONFIG) || DEFAULT_DATE_RANGE_VALUE];
+
+ if (!unitConfig) {
+ return null;
+ }
+
+ const handleChange = (value: string) => {
+ router.push(updateParams({ unit: value }));
+ };
+
+ const options = unitConfig.availableUnits.map(unit => ({
+ id: unit,
+ label: t(labels[unit]),
+ }));
+
+ const selectedUnit = query.unit ?? unitConfig.defaultUnit;
+
+ return (
+
+
+ {options.map(({ id, label }) => (
+
+ {label}
+
+ ))}
+
+
+ );
+}
diff --git a/src/components/input/UserButton.tsx b/src/components/input/UserButton.tsx
new file mode 100644
index 000000000..91080f344
--- /dev/null
+++ b/src/components/input/UserButton.tsx
@@ -0,0 +1,205 @@
+import {
+ Column,
+ Icon,
+ Menu,
+ MenuItem,
+ MenuSeparator,
+ MenuTrigger,
+ Popover,
+ Pressable,
+ Row,
+ SubmenuTrigger,
+ Text,
+ Tooltip,
+ TooltipTrigger,
+ useTheme,
+} from '@umami/react-zen';
+import { useConfig, useLocale, useLoginQuery, useMessages, useMobile } from '@/components/hooks';
+import {
+ BookText,
+ ExternalLink,
+ Globe,
+ LifeBuoy,
+ LockKeyhole,
+ LogOut,
+ Moon,
+ Settings,
+ Sun,
+ SunMoon,
+ UserCircle,
+} from '@/components/icons';
+import { DOCS_URL } from '@/lib/constants';
+import { languages } from '@/lib/lang';
+
+export interface UserButtonProps {
+ showText?: boolean;
+ onClose?: () => void;
+}
+
+export function UserButton({ showText = true, onClose }: UserButtonProps) {
+ const { user } = useLoginQuery();
+ const { cloudMode } = useConfig();
+ const { t, labels } = useMessages();
+ const { locale, saveLocale } = useLocale();
+ const { theme, setTheme } = useTheme();
+ const { isMobile } = useMobile();
+
+ const getUrl = (url: string) => {
+ return cloudMode ? `${process.env.cloudUrl}${url}` : url;
+ };
+
+ const languageItems = Object.keys(languages).map(key => ({
+ value: key,
+ label: languages[key].label,
+ }));
+
+ const items = [
+ cloudMode && {
+ id: 'docs',
+ label: t(labels.documentation),
+ path: DOCS_URL,
+ icon:
+
+
+
+
+
+
+ {showText && {user.username} }
+
+
+
+ {user.username}
+
+
+
+
+
+
+
+
+ {t(labels.settings)}
+
+
+
+
+
+
+
+ {t(labels.language)}
+
+
+
+ saveLocale(key as string)}
+ style={{ maxHeight: 300, overflow: 'auto' }}
+ >
+ {languageItems.map(({ value, label }) => (
+
+ {label}
+
+ ))}
+
+
+
+
+
+
+
+
+ {t(labels.theme)}
+
+
+
+ setTheme(key as 'light' | 'dark')}
+ >
+
+
+
+
+ Light
+
+
+
+
+
+
+ Dark
+
+
+
+
+
+ {items.map(({ id, path, label, icon, separator, target, external }: any) => {
+ if (separator) {
+ return
+
+ {icon}
+ {label}
+ {external && (
+
+
+ )}
+
+
+ );
+ })}
+
+
+
+
+ );
+}
diff --git a/src/components/input/UserSelect.tsx b/src/components/input/UserSelect.tsx
new file mode 100644
index 000000000..bd3a766a7
--- /dev/null
+++ b/src/components/input/UserSelect.tsx
@@ -0,0 +1,65 @@
+import { ListItem, Select, type SelectProps } from '@umami/react-zen';
+import { useMemo, useState } from 'react';
+import { Empty } from '@/components/common/Empty';
+import { useMessages, useTeamMembersQuery, useUsersQuery } from '@/components/hooks';
+
+export function UserSelect({
+ teamId,
+ onChange,
+ ...props
+}: {
+ teamId?: string;
+} & SelectProps) {
+ const { t, messages } = useMessages();
+ const { data: users, isLoading: usersLoading } = useUsersQuery();
+ const { data: teamMembers, isLoading: teamMembersLoading } = useTeamMembersQuery(teamId);
+ const [username, setUsername] = useState();
+ const [search, setSearch] = useState('');
+
+ const listItems = useMemo(() => {
+ if (!users) {
+ return [];
+ }
+ if (!teamId || !teamMembers) {
+ return users.data;
+ }
+ const teamMemberIds = teamMembers.data.map(({ userId }) => userId);
+ return users.data.filter(({ id }) => !teamMemberIds.includes(id));
+ }, [users, teamMembers, teamId]);
+
+ const handleSearch = (value: string) => {
+ setSearch(value);
+ };
+
+ const handleOpenChange = () => {
+ setSearch('');
+ };
+
+ const handleChange = (id: string) => {
+ setUsername(listItems.find(item => item.id === id)?.username);
+ onChange(id);
+ };
+
+ return (
+
+ {username}
+
+ ))}
+
+ );
+}
diff --git a/src/components/input/WebsiteDateFilter.module.css b/src/components/input/WebsiteDateFilter.module.css
deleted file mode 100644
index c0b94beec..000000000
--- a/src/components/input/WebsiteDateFilter.module.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.container {
- display: flex;
- align-items: center;
- gap: 10px;
-}
-
-.dropdown {
- min-width: 200px;
-}
-
-.buttons {
- display: flex;
-}
-
-.buttons button:first-child {
- border-start-end-radius: 0;
- border-end-end-radius: 0;
- border-inline-end: 1px solid var(--base400);
-}
-
-.buttons button:last-child {
- border-start-start-radius: 0;
- border-end-start-radius: 0;
-}
diff --git a/src/components/input/WebsiteDateFilter.tsx b/src/components/input/WebsiteDateFilter.tsx
index 97beaf129..3908409cc 100644
--- a/src/components/input/WebsiteDateFilter.tsx
+++ b/src/components/input/WebsiteDateFilter.tsx
@@ -1,59 +1,105 @@
-import { useDateRange, useLocale } from '@/components/hooks';
+import { Button, Icon, ListItem, Row, Select, Text } from '@umami/react-zen';
import { isAfter } from 'date-fns';
-import { getOffsetDateRange } from '@/lib/date';
-import { Button, Icon, Icons } from 'react-basics';
-import DateFilter from './DateFilter';
-import styles from './WebsiteDateFilter.module.css';
-import { DateRange } from '@/lib/types';
+import { useMemo } from 'react';
+import { useDateRange, useDateRangeQuery, useMessages, useNavigation } from '@/components/hooks';
+import { ChevronRight } from '@/components/icons';
+import { getDateRangeValue } from '@/lib/date';
+import { DateFilter } from './DateFilter';
+
+export interface WebsiteDateFilterProps {
+ websiteId?: string;
+ compare?: string;
+ showAllTime?: boolean;
+ showButtons?: boolean;
+ allowCompare?: boolean;
+}
export function WebsiteDateFilter({
websiteId,
showAllTime = true,
-}: {
- websiteId: string;
- showAllTime?: boolean;
-}) {
- const { dir } = useLocale();
- const { dateRange, saveDateRange } = useDateRange(websiteId);
- const { value, startDate, endDate, offset } = dateRange;
- const disableForward =
- value === 'all' || isAfter(getOffsetDateRange(dateRange, 1).startDate, new Date());
+ showButtons = true,
+ allowCompare,
+}: WebsiteDateFilterProps) {
+ const { dateRange, isAllTime, isCustomRange } = useDateRange();
+ const { t, labels } = useMessages();
+ const {
+ router,
+ updateParams,
+ query: { compare = 'prev', offset = 0 },
+ } = useNavigation();
+ const disableForward = isAllTime || isAfter(dateRange.endDate, new Date());
+ const showCompare = allowCompare && !isAllTime;
- const handleChange = (value: string | DateRange) => {
- saveDateRange(value);
+ const websiteDateRange = useDateRangeQuery(websiteId);
+ const { startDate, endDate } = websiteDateRange;
+ const hasData = startDate && endDate;
+
+ const handleChange = (date: string) => {
+ if (date === 'all' && hasData) {
+ router.push(
+ updateParams({
+ date: `${getDateRangeValue(websiteDateRange.startDate, websiteDateRange.endDate)}:all`,
+ offset: undefined,
+ page: 1,
+ }),
+ );
+ } else {
+ router.push(updateParams({ date, offset: undefined, unit: undefined, page: 1 }));
+ }
};
- const handleIncrement = (increment: number) => {
- saveDateRange(getOffsetDateRange(dateRange, increment));
+ const handleIncrement = increment => {
+ router.push(updateParams({ offset: Number(offset) + increment }));
};
+ const handleSelect = (compare: any) => {
+ router.push(updateParams({ compare }));
+ };
+
+ const dateValue = useMemo(() => {
+ return offset !== 0
+ ? getDateRangeValue(dateRange.startDate, dateRange.endDate)
+ : dateRange.value;
+ }, [dateRange]);
return (
-
-
- {value !== 'all' && !value.startsWith('range') && (
-
- handleIncrement(-1)}>
-
-
+ {showButtons && !isAllTime && !isCustomRange && (
+
+ handleIncrement(-1)} variant="outline">
+
+
- handleIncrement(1)} disabled={disableForward}>
-
- handleIncrement(1)} variant="outline" isDisabled={disableForward}>
+
+
-
+
)}
-
+ VS
+
+
+ {t(labels.previousPeriod)}
+ {t(labels.previousYear)}
+
+
+
+ )}
+
);
}
-
-export default WebsiteDateFilter;
diff --git a/src/components/input/WebsiteFilterButton.tsx b/src/components/input/WebsiteFilterButton.tsx
new file mode 100644
index 000000000..ef6f54361
--- /dev/null
+++ b/src/components/input/WebsiteFilterButton.tsx
@@ -0,0 +1,61 @@
+import { Checkbox, Row } from '@umami/react-zen';
+import { useState } from 'react';
+import { useFilters, useMessages, useNavigation } from '@/components/hooks';
+import { ListFilter } from '@/components/icons';
+import { DialogButton } from '@/components/input/DialogButton';
+import { FilterEditForm } from '@/components/input/FilterEditForm';
+import { filtersArrayToObject } from '@/lib/params';
+
+export function WebsiteFilterButton({
+ websiteId,
+}: {
+ websiteId?: string;
+ position?: 'bottom' | 'top' | 'left' | 'right';
+ alignment?: 'end' | 'center' | 'start';
+}) {
+ const { t, labels } = useMessages();
+ const { updateParams, pathname, router, query } = useNavigation();
+ const { filters: currentFilters } = useFilters();
+ const [excludeBounce, setExcludeBounce] = useState(!!query.excludeBounce);
+ const isOverview =
+ /^\/teams\/[^/]+\/websites\/[^/]+$/.test(pathname) || /^\/share\/[^/]+$/.test(pathname);
+
+ const handleChange = ({ filters, segment, cohort, match }: any) => {
+ const params = filtersArrayToObject(filters);
+ const cleared = Object.fromEntries(currentFilters.map(f => [f.name, undefined]));
+
+ const url = updateParams({
+ ...cleared,
+ ...params,
+ segment,
+ cohort,
+ match,
+ excludeBounce: excludeBounce ? 'true' : undefined,
+ });
+
+ router.push(url);
+ };
+
+ return (
+
+
+ {t(labels.excludeBounce)}
+
+
+ )}
+ (website?.name);
const [search, setSearch] = useState('');
- const [selectedId, setSelectedId] = useState(websiteId);
+ const { user } = useLoginQuery();
+ const { data, isLoading } = useUserWebsitesQuery(
+ { userId: user?.id, teamId },
+ { search, pageSize: 20, includeTeams },
+ );
+ const listItems: { id: string; name: string }[] = data?.data || [];
- const { data: website } = useWebsite(selectedId as string);
-
- const queryResult = useWebsites({ teamId }, { search, pageSize: 5 });
-
- const renderValue = () => {
- return website?.name;
- };
-
- const renderEmpty = () => {
- return
+
+
+
+ {value}
+
+
+ );
+ };
+
return (
- - {name}
}
-
+ {listItems.map(({ id, name }) => (
+
+ {name}
+
+ ))}
+
);
}
-
-export default WebsiteSelect;
diff --git a/src/components/layout/Grid.module.css b/src/components/layout/Grid.module.css
deleted file mode 100644
index 7a2b7124a..000000000
--- a/src/components/layout/Grid.module.css
+++ /dev/null
@@ -1,76 +0,0 @@
-.grid {
- display: grid;
-}
-
-.row {
- display: grid;
- grid-template-columns: repeat(6, 1fr);
- border-top: 1px solid var(--base300);
-}
-
-.row.compare {
- grid-template-columns: max-content 1fr 1fr;
-}
-
-.col {
- padding: 20px;
- min-height: 430px;
- border-inline-start: 1px solid var(--base300);
-}
-
-.col:first-child {
- border-inline-start: 0;
- padding-inline-start: 0;
-}
-
-.col:last-child {
- padding-inline-end: 0;
-}
-
-.col.one {
- grid-column: span 6;
-}
-
-.col.two {
- grid-column: span 3;
-}
-
-.col.three {
- grid-column: span 2;
-}
-
-.col.two-one:first-child {
- grid-column: span 4;
-}
-
-.col.two-one:last-child {
- grid-column: span 2;
-}
-
-.col.one-two:first-child {
- grid-column: span 2;
-}
-
-.col.one-two:last-child {
- grid-column: span 4;
-}
-
-@media only screen and (max-width: 992px) {
- .row {
- border: 0;
- }
-
- .row > .col {
- border-top: 1px solid var(--base300);
- border-inline-start: 0;
- border-inline-end: 0;
- padding: 20px 0;
- }
-
- .col.two,
- .col.three,
- .col.one-two,
- .col.two-one {
- grid-column: span 6 !important;
- }
-}
diff --git a/src/components/layout/Grid.tsx b/src/components/layout/Grid.tsx
deleted file mode 100644
index ec7f4fda1..000000000
--- a/src/components/layout/Grid.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { CSSProperties } from 'react';
-import classNames from 'classnames';
-import { mapChildren } from 'react-basics';
-// eslint-disable-next-line css-modules/no-unused-class
-import styles from './Grid.module.css';
-
-export interface GridProps {
- className?: string;
- style?: CSSProperties;
- children?: any;
-}
-
-export function Grid({ className, style, children }: GridProps) {
- return (
-
- {children}
-
- );
-}
-
-export function GridRow(props: {
- [x: string]: any;
- columns?: 'one' | 'two' | 'three' | 'one-two' | 'two-one' | 'compare';
- className?: string;
- children?: any;
-}) {
- const { columns = 'two', className, children, ...otherProps } = props;
- return (
-
- {mapChildren(children, child => {
- return
{child}
;
- })}
-
- {!cloudMode && (
-
-
- )}
-
{children}
-
- {title && (
-
- {title}
-
-
-
- )}
-
- {items.map(({ label, url, icon, divider }) => {
- return (
-
- {icon}
- {label}
-
-
- );
- })}
-
-
{formatMessage(messages.error)} ;
- }
-
- if (isLoading) {
- return {children}
;
-}
-
-export default Page;
diff --git a/src/components/layout/PageHeader.module.css b/src/components/layout/PageHeader.module.css
deleted file mode 100644
index b92bb1db9..000000000
--- a/src/components/layout/PageHeader.module.css
+++ /dev/null
@@ -1,48 +0,0 @@
-.header {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- align-content: center;
- align-self: stretch;
- flex-wrap: wrap;
- height: 100px;
-}
-
-.header a {
- color: var(--base600);
-}
-
-.header a:hover {
- color: var(--base900);
-}
-
-.title {
- display: flex;
- align-items: center;
- font-size: 24px;
- font-weight: 700;
- gap: 20px;
- height: 60px;
- flex: 1;
-}
-
-.breadcrumb {
- padding-top: 20px;
-}
-
-.icon {
- color: var(--base700);
- margin-inline-end: 1rem;
-}
-
-.actions {
- display: flex;
- justify-content: flex-end;
-}
-
-@media only screen and (max-width: 992px) {
- .header {
- margin-bottom: 10px;
- }
-}
diff --git a/src/components/layout/PageHeader.tsx b/src/components/layout/PageHeader.tsx
deleted file mode 100644
index 53f1db9f2..000000000
--- a/src/components/layout/PageHeader.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import classNames from 'classnames';
-import React, { ReactNode } from 'react';
-import { Icon } from 'react-basics';
-import styles from './PageHeader.module.css';
-
-export function PageHeader({
- title,
- icon,
- className,
- breadcrumb,
- children,
-}: {
- title?: ReactNode;
- icon?: ReactNode;
- className?: string;
- breadcrumb?: ReactNode;
- children?: ReactNode;
-}) {
- return (
- <>
- {breadcrumb}
-
- {icon && (
-
- {icon}
-
- )}
-
- {title &&
{title}
}
-
{children}
-
- {({ key, label, url }) => (
- -
-
- )}
-
- );
-}
-
-export default SideNav;
diff --git a/src/components/messages.ts b/src/components/messages.ts
index 27086b49d..5046f1904 100644
--- a/src/components/messages.ts
+++ b/src/components/messages.ts
@@ -1,451 +1,433 @@
-import { defineMessages } from 'react-intl';
+export const labels: Record = {
+ ok: 'label.ok',
+ unknown: 'label.unknown',
+ required: 'label.required',
+ save: 'label.save',
+ cancel: 'label.cancel',
+ continue: 'label.continue',
+ delete: 'label.delete',
+ leave: 'label.leave',
+ users: 'label.users',
+ createUser: 'label.create-user',
+ deleteUser: 'label.delete-user',
+ username: 'label.username',
+ password: 'label.password',
+ role: 'label.role',
+ user: 'label.user',
+ viewOnly: 'label.view-only',
+ manage: 'label.manage',
+ admin: 'label.admin',
+ confirm: 'label.confirm',
+ details: 'label.details',
+ boardType: 'label.board-type',
+ website: 'label.website',
+ websites: 'label.websites',
+ myWebsites: 'label.my-websites',
+ teamWebsites: 'label.team-websites',
+ created: 'label.created',
+ createdBy: 'label.created-by',
+ edit: 'label.edit',
+ name: 'label.name',
+ manager: 'label.manager',
+ member: 'label.member',
+ members: 'label.members',
+ accessCode: 'label.access-code',
+ teamId: 'label.team-id',
+ team: 'label.team',
+ teamName: 'label.team-name',
+ regenerate: 'label.regenerate',
+ remove: 'label.remove',
+ join: 'label.join',
+ createTeam: 'label.create-team',
+ joinTeam: 'label.join-team',
+ settings: 'label.settings',
+ owner: 'label.owner',
+ url: 'label.url',
+ teamOwner: 'label.team-owner',
+ teamManager: 'label.team-manager',
+ teamMember: 'label.team-member',
+ teamViewOnly: 'label.team-view-only',
+ enableShareUrl: 'label.enable-share-url',
+ data: 'label.data',
+ trackingCode: 'label.tracking-code',
+ shareUrl: 'label.share-url',
+ action: 'label.action',
+ actions: 'label.actions',
+ domain: 'label.domain',
+ websiteId: 'label.website-id',
+ resetWebsite: 'label.reset-website',
+ deleteWebsite: 'label.delete-website',
+ transferWebsite: 'label.transfer-website',
+ deleteReport: 'label.delete-report',
+ reset: 'label.reset',
+ addWebsite: 'label.add-website',
+ addMember: 'label.add-member',
+ editMember: 'label.edit-member',
+ removeMember: 'label.remove-member',
+ addDescription: 'label.add-description',
+ changePassword: 'label.change-password',
+ currentPassword: 'label.current-password',
+ newPassword: 'label.new-password',
+ confirmPassword: 'label.confirm-password',
+ timezone: 'label.timezone',
+ defaultDateRange: 'label.default-date-range',
+ language: 'label.language',
+ theme: 'label.theme',
+ profile: 'label.profile',
+ profiles: 'label.profiles',
+ dashboard: 'label.dashboard',
+ open: 'label.open',
+ more: 'label.more',
+ realtime: 'label.realtime',
+ queries: 'label.queries',
+ teams: 'label.teams',
+ teamSettings: 'label.team-settings',
+ analytics: 'label.analytics',
+ login: 'label.login',
+ logout: 'label.logout',
+ singleDay: 'label.single-day',
+ dateRange: 'label.date-range',
+ viewDetails: 'label.view-details',
+ deleteTeam: 'label.delete-team',
+ leaveTeam: 'label.leave-team',
+ refresh: 'label.refresh',
+ page: 'label.page',
+ pages: 'label.pages',
+ entry: 'label.entry',
+ exit: 'label.exit',
+ referrers: 'label.referrers',
+ screen: 'label.screen',
+ screens: 'label.screens',
+ browsers: 'label.browsers',
+ os: 'label.os',
+ devices: 'label.devices',
+ countries: 'label.countries',
+ languages: 'label.languages',
+ tags: 'label.tags',
+ segments: 'label.segments',
+ cohorts: 'label.cohorts',
+ count: 'label.count',
+ average: 'label.average',
+ sum: 'label.sum',
+ event: 'label.event',
+ events: 'label.events',
+ eventName: 'label.event-name',
+ excludeBounce: 'label.exclude-bounce',
+ query: 'label.query',
+ queryParameters: 'label.query-parameters',
+ back: 'label.back',
+ visitors: 'label.visitors',
+ visits: 'label.visits',
+ filterCombined: 'label.filter-combined',
+ filterRaw: 'label.filter-raw',
+ views: 'label.views',
+ none: 'label.none',
+ clearAll: 'label.clear-all',
+ property: 'label.property',
+ today: 'label.today',
+ lastHours: 'label.last-hours',
+ yesterday: 'label.yesterday',
+ thisWeek: 'label.this-week',
+ lastDays: 'label.last-days',
+ lastMonths: 'label.last-months',
+ thisMonth: 'label.this-month',
+ thisYear: 'label.this-year',
+ allTime: 'label.all-time',
+ customRange: 'label.custom-range',
+ selectWebsite: 'label.select-website',
+ selectLink: 'label.select-link',
+ selectPixel: 'label.select-pixel',
+ selectRole: 'label.select-role',
+ selectDate: 'label.select-date',
+ selectFilter: 'label.select-filter',
+ all: 'label.all',
+ session: 'label.session',
+ sessions: 'label.sessions',
+ distinctId: 'label.distinct-id',
+ pageNotFound: 'message.page-not-found',
+ activity: 'label.activity',
+ dismiss: 'label.dismiss',
+ poweredBy: 'label.powered-by',
+ pageViews: 'label.page-views',
+ uniqueVisitors: 'label.unique-visitors',
+ uniqueEvents: 'label.unique-events',
+ bounceRate: 'label.bounce-rate',
+ viewsPerVisit: 'label.views-per-visit',
+ visitDuration: 'label.visit-duration',
+ desktop: 'label.desktop',
+ laptop: 'label.laptop',
+ tablet: 'label.tablet',
+ mobile: 'label.mobile',
+ toggleCharts: 'label.toggle-charts',
+ title: 'label.title',
+ view: 'label.view',
+ cities: 'label.cities',
+ regions: 'label.regions',
+ reports: 'label.reports',
+ eventData: 'label.event-data',
+ sessionData: 'label.session-data',
+ funnel: 'label.funnel',
+ funnels: 'label.funnels',
+ funnelDescription: 'label.funnel-description',
+ revenue: 'label.revenue',
+ revenueDescription: 'label.revenue-description',
+ attribution: 'label.attribution',
+ attributionDescription: 'label.attribution-description',
+ currency: 'label.currency',
+ model: 'label.model',
+ path: 'label.path',
+ paths: 'label.paths',
+ add: 'label.add',
+ update: 'label.update',
+ window: 'label.window',
+ runQuery: 'label.run-query',
+ field: 'label.field',
+ fields: 'label.fields',
+ createReport: 'label.create-report',
+ description: 'label.description',
+ untitled: 'label.untitled',
+ type: 'label.type',
+ filter: 'label.filter',
+ filters: 'label.filters',
+ breakdown: 'label.breakdown',
+ true: 'label.true',
+ false: 'label.false',
+ is: 'label.is',
+ isNot: 'label.is-not',
+ isSet: 'label.is-set',
+ isNotSet: 'label.is-not-set',
+ greaterThan: 'label.greater-than',
+ lessThan: 'label.less-than',
+ greaterThanEquals: 'label.greater-than-equals',
+ lessThanEquals: 'label.less-than-equals',
+ contains: 'label.contains',
+ doesNotContain: 'label.does-not-contain',
+ regexMatch: 'label.regex-match',
+ regexNotMatch: 'label.regex-not-match',
+ includes: 'label.includes',
+ doesNotInclude: 'label.does-not-include',
+ before: 'label.before',
+ after: 'label.after',
+ isTrue: 'label.is-true',
+ isFalse: 'label.is-false',
+ exists: 'label.exists',
+ doesNotExist: 'label.doest-not-exist',
+ total: 'label.total',
+ min: 'label.min',
+ max: 'label.max',
+ unique: 'label.unique',
+ value: 'label.value',
+ overview: 'label.overview',
+ totalRecords: 'label.total-records',
+ insight: 'label.insight',
+ insights: 'label.insights',
+ insightsDescription: 'label.insights-description',
+ retention: 'label.retention',
+ retentionDescription: 'label.retention-description',
+ dropoff: 'label.dropoff',
+ referrer: 'label.referrer',
+ hostname: 'label.hostname',
+ country: 'label.country',
+ region: 'label.region',
+ city: 'label.city',
+ browser: 'label.browser',
+ device: 'label.device',
+ pageTitle: 'label.pageTitle',
+ tag: 'label.tag',
+ source: 'label.source',
+ medium: 'label.medium',
+ campaign: 'label.campaign',
+ content: 'label.content',
+ term: 'label.term',
+ utmSource: 'label.utm-source',
+ utmMedium: 'label.utm-medium',
+ utmCampaign: 'label.utm-campaign',
+ utmContent: 'label.utm-content',
+ utmTerm: 'label.utm-term',
+ segment: 'label.segment',
+ cohort: 'label.cohort',
+ minute: 'label.minute',
+ hour: 'label.hour',
+ day: 'label.day',
+ month: 'label.month',
+ date: 'label.date',
+ pageOf: 'label.page-of',
+ create: 'label.create',
+ search: 'label.search',
+ numberOfRecords: 'label.number-of-records',
+ select: 'label.select',
+ myAccount: 'label.my-account',
+ transfer: 'label.transfer',
+ transactions: 'label.transactions',
+ aov: 'label.aov',
+ arpu: 'label.arpu',
+ uniqueCustomers: 'label.uniqueCustomers',
+ customers: 'label.customers',
+ orders: 'label.orders',
+ viewedPage: 'message.viewed-page',
+ collectedData: 'message.collected-data',
+ triggeredEvent: 'message.triggered-event',
+ utm: 'label.utm',
+ utmDescription: 'label.utm-description',
+ conversionStep: 'label.conversion-step',
+ conversionRate: 'label.conversion-rate',
+ steps: 'label.steps',
+ startStep: 'label.start-step',
+ endStep: 'label.end-step',
+ addStep: 'label.add-step',
+ goal: 'label.goal',
+ goals: 'label.goals',
+ goalsDescription: 'label.goals-description',
+ journey: 'label.journey',
+ journeys: 'label.journeys',
+ journeyDescription: 'label.journey-description',
+ compareDates: 'label.compare-dates',
+ compare: 'label.compare',
+ current: 'label.current',
+ previous: 'label.previous',
+ previousPeriod: 'label.previous-period',
+ previousYear: 'label.previous-year',
+ lastSeen: 'label.last-seen',
+ firstSeen: 'label.first-seen',
+ properties: 'label.properties',
+ channel: 'label.channel',
+ channels: 'label.channels',
+ sources: 'label.sources',
+ campaigns: 'label.campaigns',
+ terms: 'label.terms',
+ direct: 'label.direct',
+ referral: 'label.referral',
+ affiliate: 'label.affiliate',
+ email: 'label.email',
+ sms: 'label.sms',
+ organicSearch: 'label.organic-search',
+ organicSocial: 'label.organic-social',
+ organicShopping: 'label.organic-shopping',
+ organicVideo: 'label.organic-video',
+ paidAds: 'label.paid-ads',
+ paidSearch: 'label.paid-search',
+ paidSocial: 'label.paid-social',
+ paidShopping: 'label.paid-shopping',
+ paidVideo: 'label.paid-video',
+ grouped: 'label.grouped',
+ other: 'label.other',
+ boards: 'label.boards',
+ apply: 'label.apply',
+ match: 'label.match',
+ matchAll: 'label.match-all',
+ matchAny: 'label.match-any',
+ link: 'label.link',
+ links: 'label.links',
+ pixel: 'label.pixel',
+ pixels: 'label.pixels',
+ addBoard: 'label.add-board',
+ selectComponent: 'label.select-component',
+ addLink: 'label.add-link',
+ addPixel: 'label.add-pixel',
+ maximize: 'label.maximize',
+ remaining: 'label.remaining',
+ conversion: 'label.conversion',
+ firstClick: 'label.first-click',
+ lastClick: 'label.last-click',
+ online: 'label.online',
+ preferences: 'label.preferences',
+ location: 'label.location',
+ chart: 'label.chart',
+ table: 'label.table',
+ download: 'label.download',
+ traffic: 'label.traffic',
+ behavior: 'label.behavior',
+ growth: 'label.growth',
+ account: 'label.account',
+ application: 'label.application',
+ version: 'label.version',
+ saveSegment: 'label.save-segment',
+ saveCohort: 'label.save-cohort',
+ saveReplay: 'label.save-replay',
+ analysis: 'label.analysis',
+ destinationUrl: 'label.destination-url',
+ slug: 'label.slug',
+ audience: 'label.audience',
+ invalidUrl: 'label.invalid-url',
+ environment: 'label.environment',
+ criteria: 'label.criteria',
+ share: 'label.share',
+ support: 'label.support',
+ documentation: 'label.documentation',
+ switchAccount: 'label.switch-account',
+ performance: 'label.performance',
+ lcp: 'label.lcp',
+ inp: 'label.inp',
+ cls: 'label.cls',
+ fcp: 'label.fcp',
+ ttfb: 'label.ttfb',
+ good: 'label.good',
+ needsImprovement: 'label.needs-improvement',
+ poor: 'label.poor',
+ sampleSize: 'label.sample-size',
+ play: 'label.play',
+ replays: 'label.replays',
+ saved: 'label.saved',
+ replay: 'label.replay',
+ replayId: 'label.replay-id',
+ replayEnabled: 'label.replay-enabled',
+ replayCode: 'label.replay-code',
+ sampleRate: 'label.sample-rate',
+ maskLevel: 'label.mask-level',
+ maxDuration: 'label.max-duration',
+ blockSelector: 'label.block-selector',
+ retentionDays: 'label.retention-days',
+ duration: 'label.duration',
+ recorded: 'label.recorded',
+ upgrade: 'label.upgrade',
+};
-export const labels = defineMessages({
- ok: { id: 'label.ok', defaultMessage: 'OK' },
- unknown: { id: 'label.unknown', defaultMessage: 'Unknown' },
- required: { id: 'label.required', defaultMessage: 'Required' },
- save: { id: 'label.save', defaultMessage: 'Save' },
- cancel: { id: 'label.cancel', defaultMessage: 'Cancel' },
- continue: { id: 'label.continue', defaultMessage: 'Continue' },
- delete: { id: 'label.delete', defaultMessage: 'Delete' },
- leave: { id: 'label.leave', defaultMessage: 'Leave' },
- users: { id: 'label.users', defaultMessage: 'Users' },
- createUser: { id: 'label.create-user', defaultMessage: 'Create user' },
- deleteUser: { id: 'label.delete-user', defaultMessage: 'Delete user' },
- username: { id: 'label.username', defaultMessage: 'Username' },
- password: { id: 'label.password', defaultMessage: 'Password' },
- role: { id: 'label.role', defaultMessage: 'Role' },
- user: { id: 'label.user', defaultMessage: 'User' },
- viewOnly: { id: 'label.view-only', defaultMessage: 'View only' },
- manage: { id: 'label.manage', defaultMessage: 'Manage' },
- admin: { id: 'label.admin', defaultMessage: 'Administrator' },
- confirm: { id: 'label.confirm', defaultMessage: 'Confirm' },
- details: { id: 'label.details', defaultMessage: 'Details' },
- website: { id: 'label.website', defaultMessage: 'Website' },
- websites: { id: 'label.websites', defaultMessage: 'Websites' },
- myWebsites: { id: 'label.my-websites', defaultMessage: 'My websites' },
- teamWebsites: { id: 'label.team-websites', defaultMessage: 'Team websites' },
- created: { id: 'label.created', defaultMessage: 'Created' },
- createdBy: { id: 'label.created-by', defaultMessage: 'Created By' },
- edit: { id: 'label.edit', defaultMessage: 'Edit' },
- name: { id: 'label.name', defaultMessage: 'Name' },
- manager: { id: 'label.manager', defaultMessage: 'Manager' },
- member: { id: 'label.member', defaultMessage: 'Member' },
- members: { id: 'label.members', defaultMessage: 'Members' },
- accessCode: { id: 'label.access-code', defaultMessage: 'Access code' },
- teamId: { id: 'label.team-id', defaultMessage: 'Team ID' },
- team: { id: 'label.team', defaultMessage: 'Team' },
- teamName: { id: 'label.team-name', defaultMessage: 'Team name' },
- regenerate: { id: 'label.regenerate', defaultMessage: 'Regenerate' },
- remove: { id: 'label.remove', defaultMessage: 'Remove' },
- join: { id: 'label.join', defaultMessage: 'Join' },
- createTeam: { id: 'label.create-team', defaultMessage: 'Create team' },
- joinTeam: { id: 'label.join-team', defaultMessage: 'Join team' },
- settings: { id: 'label.settings', defaultMessage: 'Settings' },
- owner: { id: 'label.owner', defaultMessage: 'Owner' },
- teamOwner: { id: 'label.team-owner', defaultMessage: 'Team owner' },
- teamManager: { id: 'label.team-manager', defaultMessage: 'Team manager' },
- teamMember: { id: 'label.team-member', defaultMessage: 'Team member' },
- teamViewOnly: { id: 'label.team-view-only', defaultMessage: 'Team view only' },
- enableShareUrl: { id: 'label.enable-share-url', defaultMessage: 'Enable share URL' },
- data: { id: 'label.data', defaultMessage: 'Data' },
- trackingCode: { id: 'label.tracking-code', defaultMessage: 'Tracking code' },
- shareUrl: { id: 'label.share-url', defaultMessage: 'Share URL' },
- actions: { id: 'label.actions', defaultMessage: 'Actions' },
- domain: { id: 'label.domain', defaultMessage: 'Domain' },
- websiteId: { id: 'label.website-id', defaultMessage: 'Website ID' },
- resetWebsite: { id: 'label.reset-website', defaultMessage: 'Reset website' },
- deleteWebsite: { id: 'label.delete-website', defaultMessage: 'Delete website' },
- transferWebsite: { id: 'label.transfer-website', defaultMessage: 'Transfer website' },
- deleteReport: { id: 'label.delete-report', defaultMessage: 'Delete report' },
- reset: { id: 'label.reset', defaultMessage: 'Reset' },
- addWebsite: { id: 'label.add-website', defaultMessage: 'Add website' },
- addMember: { id: 'label.add-member', defaultMessage: 'Add member' },
- editMember: { id: 'label.edit-member', defaultMessage: 'Edit member' },
- removeMember: { id: 'label.remove-member', defaultMessage: 'Remove member' },
- addDescription: { id: 'label.add-description', defaultMessage: 'Add description' },
- changePassword: { id: 'label.change-password', defaultMessage: 'Change password' },
- currentPassword: { id: 'label.current-password', defaultMessage: 'Current password' },
- newPassword: { id: 'label.new-password', defaultMessage: 'New password' },
- confirmPassword: { id: 'label.confirm-password', defaultMessage: 'Confirm password' },
- timezone: { id: 'label.timezone', defaultMessage: 'Timezone' },
- defaultDateRange: { id: 'label.default-date-range', defaultMessage: 'Default date range' },
- language: { id: 'label.language', defaultMessage: 'Language' },
- theme: { id: 'label.theme', defaultMessage: 'Theme' },
- profile: { id: 'label.profile', defaultMessage: 'Profile' },
- dashboard: { id: 'label.dashboard', defaultMessage: 'Dashboard' },
- more: { id: 'label.more', defaultMessage: 'More' },
- realtime: { id: 'label.realtime', defaultMessage: 'Realtime' },
- queries: { id: 'label.queries', defaultMessage: 'Queries' },
- teams: { id: 'label.teams', defaultMessage: 'Teams' },
- analytics: { id: 'label.analytics', defaultMessage: 'Analytics' },
- login: { id: 'label.login', defaultMessage: 'Login' },
- logout: { id: 'label.logout', defaultMessage: 'Logout' },
- singleDay: { id: 'label.single-day', defaultMessage: 'Single day' },
- dateRange: { id: 'label.date-range', defaultMessage: 'Date range' },
- viewDetails: { id: 'label.view-details', defaultMessage: 'View details' },
- deleteTeam: { id: 'label.delete-team', defaultMessage: 'Delete team' },
- leaveTeam: { id: 'label.leave-team', defaultMessage: 'Leave team' },
- refresh: { id: 'label.refresh', defaultMessage: 'Refresh' },
- pages: { id: 'label.pages', defaultMessage: 'Pages' },
- entry: { id: 'label.entry', defaultMessage: 'Entry path' },
- exit: { id: 'label.exit', defaultMessage: 'Exit path' },
- referrers: { id: 'label.referrers', defaultMessage: 'Referrers' },
- hosts: { id: 'label.hosts', defaultMessage: 'Hosts' },
- screens: { id: 'label.screens', defaultMessage: 'Screens' },
- browsers: { id: 'label.browsers', defaultMessage: 'Browsers' },
- os: { id: 'label.os', defaultMessage: 'OS' },
- devices: { id: 'label.devices', defaultMessage: 'Devices' },
- countries: { id: 'label.countries', defaultMessage: 'Countries' },
- languages: { id: 'label.languages', defaultMessage: 'Languages' },
- tags: { id: 'label.tags', defaultMessage: 'Tags' },
- segments: { id: 'label.segments', defaultMessage: 'Segments' },
- cohorts: { id: 'label.cohorts', defaultMessage: 'Cohorts' },
- count: { id: 'label.count', defaultMessage: 'Count' },
- average: { id: 'label.average', defaultMessage: 'Average' },
- sum: { id: 'label.sum', defaultMessage: 'Sum' },
- event: { id: 'label.event', defaultMessage: 'Event' },
- events: { id: 'label.events', defaultMessage: 'Events' },
- query: { id: 'label.query', defaultMessage: 'Query' },
- queryParameters: { id: 'label.query-parameters', defaultMessage: 'Query parameters' },
- back: { id: 'label.back', defaultMessage: 'Back' },
- visitors: { id: 'label.visitors', defaultMessage: 'Visitors' },
- visits: { id: 'label.visits', defaultMessage: 'Visits' },
- filterCombined: { id: 'label.filter-combined', defaultMessage: 'Combined' },
- filterRaw: { id: 'label.filter-raw', defaultMessage: 'Raw' },
- views: { id: 'label.views', defaultMessage: 'Views' },
- none: { id: 'label.none', defaultMessage: 'None' },
- clearAll: { id: 'label.clear-all', defaultMessage: 'Clear all' },
- property: { id: 'label.property', defaultMessage: 'Property' },
- today: { id: 'label.today', defaultMessage: 'Today' },
- lastHours: { id: 'label.last-hours', defaultMessage: 'Last {x} hours' },
- yesterday: { id: 'label.yesterday', defaultMessage: 'Yesterday' },
- thisWeek: { id: 'label.this-week', defaultMessage: 'This week' },
- lastDays: { id: 'label.last-days', defaultMessage: 'Last {x} days' },
- lastMonths: { id: 'label.last-months', defaultMessage: 'Last {x} months' },
- thisMonth: { id: 'label.this-month', defaultMessage: 'This month' },
- thisYear: { id: 'label.this-year', defaultMessage: 'This year' },
- allTime: { id: 'label.all-time', defaultMessage: 'All time' },
- customRange: { id: 'label.custom-range', defaultMessage: 'Custom range' },
- selectWebsite: { id: 'label.select-website', defaultMessage: 'Select website' },
- selectRole: { id: 'label.select-role', defaultMessage: 'Select role' },
- selectDate: { id: 'label.select-date', defaultMessage: 'Select date' },
- all: { id: 'label.all', defaultMessage: 'All' },
- session: { id: 'label.session', defaultMessage: 'Session' },
- sessions: { id: 'label.sessions', defaultMessage: 'Sessions' },
- distinctId: { id: 'label.distinct-id', defaultMessage: 'Distinct ID' },
- pageNotFound: { id: 'message.page-not-found', defaultMessage: 'Page not found' },
- activity: { id: 'label.activity', defaultMessage: 'Activity' },
- dismiss: { id: 'label.dismiss', defaultMessage: 'Dismiss' },
- poweredBy: { id: 'label.powered-by', defaultMessage: 'Powered by {name}' },
- pageViews: { id: 'label.page-views', defaultMessage: 'Page views' },
- uniqueVisitors: { id: 'label.unique-visitors', defaultMessage: 'Unique visitors' },
- bounceRate: { id: 'label.bounce-rate', defaultMessage: 'Bounce rate' },
- viewsPerVisit: { id: 'label.views-per-visit', defaultMessage: 'Views per visit' },
- visitDuration: { id: 'label.visit-duration', defaultMessage: 'Visit duration' },
- desktop: { id: 'label.desktop', defaultMessage: 'Desktop' },
- laptop: { id: 'label.laptop', defaultMessage: 'Laptop' },
- tablet: { id: 'label.tablet', defaultMessage: 'Tablet' },
- mobile: { id: 'label.mobile', defaultMessage: 'Mobile' },
- toggleCharts: { id: 'label.toggle-charts', defaultMessage: 'Toggle charts' },
- editDashboard: { id: 'label.edit-dashboard', defaultMessage: 'Edit dashboard' },
- title: { id: 'label.title', defaultMessage: 'Title' },
- view: { id: 'label.view', defaultMessage: 'View' },
- cities: { id: 'label.cities', defaultMessage: 'Cities' },
- regions: { id: 'label.regions', defaultMessage: 'Regions' },
- reports: { id: 'label.reports', defaultMessage: 'Reports' },
- eventData: { id: 'label.event-data', defaultMessage: 'Event data' },
- sessionData: { id: 'label.session-data', defaultMessage: 'Session data' },
- funnel: { id: 'label.funnel', defaultMessage: 'Funnel' },
- funnelDescription: {
- id: 'label.funnel-description',
- defaultMessage: 'Understand the conversion and drop-off rate of users.',
- },
- revenue: { id: 'label.revenue', defaultMessage: 'Revenue' },
- revenueDescription: {
- id: 'label.revenue-description',
- defaultMessage: 'Look into your revenue data and how users are spending.',
- },
- attribution: { id: 'label.attribution', defaultMessage: 'Attribution' },
- attributionDescription: {
- id: 'label.attribution-description',
- defaultMessage: 'See how users engage with your marketing and what drives conversions.',
- },
- currency: { id: 'label.currency', defaultMessage: 'Currency' },
- model: { id: 'label.model', defaultMessage: 'Model' },
- url: { id: 'label.url', defaultMessage: 'URL' },
- urls: { id: 'label.urls', defaultMessage: 'URLs' },
- path: { id: 'label.path', defaultMessage: 'Path' },
- paths: { id: 'label.paths', defaultMessage: 'Paths' },
- add: { id: 'label.add', defaultMessage: 'Add' },
- update: { id: 'label.update', defaultMessage: 'Update' },
- window: { id: 'label.window', defaultMessage: 'Window' },
- runQuery: { id: 'label.run-query', defaultMessage: 'Run query' },
- field: { id: 'label.field', defaultMessage: 'Field' },
- fields: { id: 'label.fields', defaultMessage: 'Fields' },
- createReport: { id: 'label.create-report', defaultMessage: 'Create report' },
- description: { id: 'label.description', defaultMessage: 'Description' },
- untitled: { id: 'label.untitled', defaultMessage: 'Untitled' },
- type: { id: 'label.type', defaultMessage: 'Type' },
- filter: { id: 'label.filter', defaultMessage: 'Filter' },
- filters: { id: 'label.filters', defaultMessage: 'Filters' },
- breakdown: { id: 'label.breakdown', defaultMessage: 'Breakdown' },
- true: { id: 'label.true', defaultMessage: 'True' },
- false: { id: 'label.false', defaultMessage: 'False' },
- is: { id: 'label.is', defaultMessage: 'Is' },
- isNot: { id: 'label.is-not', defaultMessage: 'Is not' },
- isSet: { id: 'label.is-set', defaultMessage: 'Is set' },
- isNotSet: { id: 'label.is-not-set', defaultMessage: 'Is not set' },
- greaterThan: { id: 'label.greater-than', defaultMessage: 'Greater than' },
- lessThan: { id: 'label.less-than', defaultMessage: 'Less than' },
- greaterThanEquals: { id: 'label.greater-than-equals', defaultMessage: 'Greater than or equals' },
- lessThanEquals: { id: 'label.less-than-equals', defaultMessage: 'Less than or equals' },
- contains: { id: 'label.contains', defaultMessage: 'Contains' },
- doesNotContain: { id: 'label.does-not-contain', defaultMessage: 'Does not contain' },
- before: { id: 'label.before', defaultMessage: 'Before' },
- after: { id: 'label.after', defaultMessage: 'After' },
- total: { id: 'label.total', defaultMessage: 'Total' },
- min: { id: 'label.min', defaultMessage: 'Min' },
- max: { id: 'label.max', defaultMessage: 'Max' },
- unique: { id: 'label.unique', defaultMessage: 'Unique' },
- value: { id: 'label.value', defaultMessage: 'Value' },
- overview: { id: 'label.overview', defaultMessage: 'Overview' },
- totalRecords: { id: 'label.total-records', defaultMessage: 'Total records' },
- insights: { id: 'label.insights', defaultMessage: 'Insights' },
- insightsDescription: {
- id: 'label.insights-description',
- defaultMessage: 'Dive deeper into your data by using segments and filters.',
- },
- retention: { id: 'label.retention', defaultMessage: 'Retention' },
- retentionDescription: {
- id: 'label.retention-description',
- defaultMessage: 'Measure your website stickiness by tracking how often users return.',
- },
- dropoff: { id: 'label.dropoff', defaultMessage: 'Dropoff' },
- referrer: { id: 'label.referrer', defaultMessage: 'Referrer' },
- host: { id: 'label.host', defaultMessage: 'Host' },
- country: { id: 'label.country', defaultMessage: 'Country' },
- region: { id: 'label.region', defaultMessage: 'Region' },
- city: { id: 'label.city', defaultMessage: 'City' },
- browser: { id: 'label.browser', defaultMessage: 'Browser' },
- device: { id: 'label.device', defaultMessage: 'Device' },
- pageTitle: { id: 'label.pageTitle', defaultMessage: 'Page title' },
- tag: { id: 'label.tag', defaultMessage: 'Tag' },
- segment: { id: 'label.segment', defaultMessage: 'Segment' },
- cohort: { id: 'label.cohort', defaultMessage: 'Cohort' },
- day: { id: 'label.day', defaultMessage: 'Day' },
- date: { id: 'label.date', defaultMessage: 'Date' },
- pageOf: { id: 'label.page-of', defaultMessage: 'Page {current} of {total}' },
- create: { id: 'label.create', defaultMessage: 'Create' },
- search: { id: 'label.search', defaultMessage: 'Search' },
- numberOfRecords: {
- id: 'label.number-of-records',
- defaultMessage: '{x} {x, plural, one {record} other {records}}',
- },
- select: { id: 'label.select', defaultMessage: 'Select' },
- myAccount: { id: 'label.my-account', defaultMessage: 'My account' },
- transfer: { id: 'label.transfer', defaultMessage: 'Transfer' },
- transactions: { id: 'label.transactions', defaultMessage: 'Transactions' },
- uniqueCustomers: { id: 'label.uniqueCustomers', defaultMessage: 'Unique Customers' },
- viewedPage: {
- id: 'message.viewed-page',
- defaultMessage: 'Viewed page',
- },
- collectedData: {
- id: 'message.collected-data',
- defaultMessage: 'Collected data',
- },
- triggeredEvent: {
- id: 'message.triggered-event',
- defaultMessage: 'Triggered event',
- },
- visitorsDroppedOff: {
- id: 'message.visitors-dropped-off',
- defaultMessage: 'Visitors dropped off',
- },
- utm: { id: 'label.utm', defaultMessage: 'UTM' },
- utmDescription: {
- id: 'label.utm-description',
- defaultMessage: 'Track your campaigns through UTM parameters.',
- },
- conversionStep: { id: 'label.conversion-step', defaultMessage: 'Conversion Step' },
- steps: { id: 'label.steps', defaultMessage: 'Steps' },
- startStep: { id: 'label.start-step', defaultMessage: 'Start Step' },
- endStep: { id: 'label.end-step', defaultMessage: 'End Step' },
- addStep: { id: 'label.add-step', defaultMessage: 'Add step' },
- goal: { id: 'label.goal', defaultMessage: 'Goal' },
- goals: { id: 'label.goals', defaultMessage: 'Goals' },
- goalsDescription: {
- id: 'label.goals-description',
- defaultMessage: 'Track your goals for pageviews and events.',
- },
- journey: { id: 'label.journey', defaultMessage: 'Journey' },
- journeyDescription: {
- id: 'label.journey-description',
- defaultMessage: 'Understand how users navigate through your website.',
- },
- compare: { id: 'label.compare', defaultMessage: 'Compare' },
- current: { id: 'label.current', defaultMessage: 'Current' },
- previous: { id: 'label.previous', defaultMessage: 'Previous' },
- previousPeriod: { id: 'label.previous-period', defaultMessage: 'Previous period' },
- previousYear: { id: 'label.previous-year', defaultMessage: 'Previous year' },
- lastSeen: { id: 'label.last-seen', defaultMessage: 'Last seen' },
- firstSeen: { id: 'label.first-seen', defaultMessage: 'First seen' },
- properties: { id: 'label.properties', defaultMessage: 'Properties' },
- channels: { id: 'label.channels', defaultMessage: 'Channels' },
- sources: { id: 'label.sources', defaultMessage: 'Sources' },
- medium: { id: 'label.medium', defaultMessage: 'Medium' },
- campaigns: { id: 'label.campaigns', defaultMessage: 'Campaigns' },
- content: { id: 'label.content', defaultMessage: 'Content' },
- terms: { id: 'label.terms', defaultMessage: 'Terms' },
- direct: { id: 'label.direct', defaultMessage: 'Direct' },
- referral: { id: 'label.referral', defaultMessage: 'Referral' },
- affiliate: { id: 'label.affiliate', defaultMessage: 'Affiliate' },
- email: { id: 'label.email', defaultMessage: 'Email' },
- sms: { id: 'label.sms', defaultMessage: 'SMS' },
- organicSearch: { id: 'label.organic-search', defaultMessage: 'Organic search' },
- organicSocial: { id: 'label.organic-social', defaultMessage: 'Organic social' },
- organicShopping: { id: 'label.organic-shopping', defaultMessage: 'Organic shopping' },
- organicVideo: { id: 'label.organic-video', defaultMessage: 'Organic video' },
- paidAds: { id: 'label.paid-ads', defaultMessage: 'Paid ads' },
- paidSearch: { id: 'label.paid-search', defaultMessage: 'Paid search' },
- paidSocial: { id: 'label.paid-social', defaultMessage: 'Paid social' },
- paidShopping: { id: 'label.paid-shopping', defaultMessage: 'Paid shopping' },
- paidVideo: { id: 'label.paid-video', defaultMessage: 'Paid video' },
- grouped: { id: 'label.grouped', defaultMessage: 'Grouped' },
- other: { id: 'label.other', defaultMessage: 'Other' },
- chart: { id: 'label.chart', defaultMessage: 'Chart' },
- table: { id: 'label.table', defaultMessage: 'Table' },
- download: { id: 'label.download', defaultMessage: 'Download' },
-});
-
-export const messages = defineMessages({
- error: { id: 'message.error', defaultMessage: 'Something went wrong.' },
- saved: { id: 'message.saved', defaultMessage: 'Saved.' },
- noUsers: { id: 'message.no-users', defaultMessage: 'There are no users.' },
- userDeleted: { id: 'message.user-deleted', defaultMessage: 'User deleted.' },
- noDataAvailable: { id: 'message.no-data-available', defaultMessage: 'No data available.' },
- confirmReset: {
- id: 'message.confirm-reset',
- defaultMessage: 'Are you sure you want to reset {target}?',
- },
- confirmDelete: {
- id: 'message.confirm-delete',
- defaultMessage: 'Are you sure you want to delete {target}?',
- },
- confirmRemove: {
- id: 'message.confirm-remove',
- defaultMessage: 'Are you sure you want to remove {target}?',
- },
- confirmLeave: {
- id: 'message.confirm-leave',
- defaultMessage: 'Are you sure you want to leave {target}?',
- },
- minPasswordLength: {
- id: 'message.min-password-length',
- defaultMessage: 'Minimum length of {n} characters',
- },
- noTeams: {
- id: 'message.no-teams',
- defaultMessage: 'You have not created any teams.',
- },
- shareUrl: {
- id: 'message.share-url',
- defaultMessage: 'Your website stats are publicly available at the following URL:',
- },
- trackingCode: {
- id: 'message.tracking-code',
- defaultMessage:
- 'To track stats for this website, place the following code in the ... section of your HTML.',
- },
- joinTeamWarning: {
- id: 'message.team-already-member',
- defaultMessage: 'You are already a member of the team.',
- },
- actionConfirmation: {
- id: 'message.action-confirmation',
- defaultMessage: 'Type {confirmation} in the box below to confirm.',
- },
- resetWebsite: {
- id: 'message.reset-website',
- defaultMessage: 'To reset this website, type {confirmation} in the box below to confirm.',
- },
- invalidDomain: {
- id: 'message.invalid-domain',
- defaultMessage: 'Invalid domain. Do not include http/https.',
- },
- resetWebsiteWarning: {
- id: 'message.reset-website-warning',
- defaultMessage:
- 'All statistics for this website will be deleted, but your settings will remain intact.',
- },
- deleteWebsiteWarning: {
- id: 'message.delete-website-warning',
- defaultMessage: 'All website data will be deleted.',
- },
- deleteTeamWarning: {
- id: 'message.delete-team-warning',
- defaultMessage: 'Deleting a team will also delete all team websites.',
- },
- noResultsFound: {
- id: 'message.no-results-found',
- defaultMessage: 'No results found.',
- },
- noWebsitesConfigured: {
- id: 'message.no-websites-configured',
- defaultMessage: 'You do not have any websites configured.',
- },
- noTeamWebsites: {
- id: 'message.no-team-websites',
- defaultMessage: 'This team does not have any websites.',
- },
- teamWebsitesInfo: {
- id: 'message.team-websites-info',
- defaultMessage: 'Websites can be viewed by anyone on the team.',
- },
- noMatchPassword: { id: 'message.no-match-password', defaultMessage: 'Passwords do not match.' },
- goToSettings: {
- id: 'message.go-to-settings',
- defaultMessage: 'Go to settings',
- },
- activeUsers: {
- id: 'message.active-users',
- defaultMessage: '{x} current {x, plural, one {visitor} other {visitors}}',
- },
- teamNotFound: {
- id: 'message.team-not-found',
- defaultMessage: 'Team not found.',
- },
- visitorLog: {
- id: 'message.visitor-log',
- defaultMessage: 'Visitor from {country} using {browser} on {os} {device}',
- },
- eventLog: {
- id: 'message.event-log',
- defaultMessage: '{event} on {url}',
- },
- incorrectUsernamePassword: {
- id: 'message.incorrect-username-password',
- defaultMessage: 'Incorrect username and/or password.',
- },
- noEventData: {
- id: 'message.no-event-data',
- defaultMessage: 'No event data is available.',
- },
- newVersionAvailable: {
- id: 'message.new-version-available',
- defaultMessage: 'A new version of Umami {version} is available!',
- },
- transferWebsite: {
- id: 'message.transfer-website',
- defaultMessage: 'Transfer website ownership to your account or another team.',
- },
- transferTeamWebsiteToUser: {
- id: 'message.transfer-team-website-to-user',
- defaultMessage: 'Transfer this website to your account?',
- },
- transferUserWebsiteToTeam: {
- id: 'message.transfer-user-website-to-team',
- defaultMessage: 'Select the team to transfer this website to.',
- },
-});
+export const messages: Record = {
+ error: 'message.error',
+ saved: 'message.saved',
+ noUsers: 'message.no-users',
+ userDeleted: 'message.user-deleted',
+ noDataAvailable: 'message.no-data-available',
+ nothingSelected: 'message.nothing-selected',
+ confirmReset: 'message.confirm-reset',
+ confirmDelete: 'message.confirm-delete',
+ confirmRemove: 'message.confirm-remove',
+ confirmLeave: 'message.confirm-leave',
+ minPasswordLength: 'message.min-password-length',
+ noTeams: 'message.no-teams',
+ shareUrl: 'message.share-url',
+ trackingCode: 'message.tracking-code',
+ joinTeamWarning: 'message.team-already-member',
+ actionConfirmation: 'message.action-confirmation',
+ resetWebsite: 'message.reset-website',
+ invalidDomain: 'message.invalid-domain',
+ resetWebsiteWarning: 'message.reset-website-warning',
+ deleteWebsiteWarning: 'message.delete-website-warning',
+ deleteTeamWarning: 'message.delete-team-warning',
+ noResultsFound: 'message.no-results-found',
+ noWebsitesConfigured: 'message.no-websites-configured',
+ noTeamWebsites: 'message.no-team-websites',
+ emptyDashboard: 'message.empty-dashboard',
+ selectComponentPreview: 'message.select-component-preview',
+ selectWebsiteFirst: 'message.select-website-first',
+ selectBoardEntityFirst: 'message.select-board-entity-first',
+ teamWebsitesInfo: 'message.team-websites-info',
+ noMatchPassword: 'message.no-match-password',
+ goToSettings: 'message.go-to-settings',
+ activeUsers: 'message.active-users',
+ teamNotFound: 'message.team-not-found',
+ visitorLog: 'message.visitor-log',
+ eventLog: 'message.event-log',
+ incorrectUsernamePassword: 'message.incorrect-username-password',
+ noEventData: 'message.no-event-data',
+ newVersionAvailable: 'message.new-version-available',
+ transferWebsite: 'message.transfer-website',
+ transferTeamWebsiteToUser: 'message.transfer-team-website-to-user',
+ transferUserWebsiteToTeam: 'message.transfer-user-website-to-team',
+ unauthorized: 'message.unauthorized',
+ badRequest: 'message.bad-request',
+ forbidden: 'message.forbidden',
+ notFound: 'message.not-found',
+ serverError: 'message.sever-error',
+ upgradeRequired: 'message.upgrade-required',
+};
diff --git a/src/components/metrics/ActiveUsers.module.css b/src/components/metrics/ActiveUsers.module.css
deleted file mode 100644
index 4a984725e..000000000
--- a/src/components/metrics/ActiveUsers.module.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.container {
- display: flex;
- align-items: center;
- margin-inline-start: 20px;
-}
-
-.text {
- display: flex;
- white-space: nowrap;
- font-size: var(--font-size-md);
- font-weight: 400;
-}
diff --git a/src/components/metrics/ActiveUsers.tsx b/src/components/metrics/ActiveUsers.tsx
index 50c676ab8..fda0ba2a4 100644
--- a/src/components/metrics/ActiveUsers.tsx
+++ b/src/components/metrics/ActiveUsers.tsx
@@ -1,8 +1,7 @@
+import { StatusLight, Text } from '@umami/react-zen';
import { useMemo } from 'react';
-import { StatusLight } from 'react-basics';
-import { useApi } from '@/components/hooks';
-import { useMessages } from '@/components/hooks';
-import styles from './ActiveUsers.module.css';
+import { LinkButton } from '@/components/common/LinkButton';
+import { useActyiveUsersQuery, useMessages } from '@/components/hooks';
export function ActiveUsers({
websiteId,
@@ -13,14 +12,8 @@ export function ActiveUsers({
value?: number;
refetchInterval?: number;
}) {
- const { formatMessage, messages } = useMessages();
- const { get, useQuery } = useApi();
- const { data } = useQuery({
- queryKey: ['websites:active', websiteId],
- queryFn: () => get(`/websites/${websiteId}/active`),
- enabled: !!websiteId,
- refetchInterval,
- });
+ const { t, labels } = useMessages();
+ const { data } = useActyiveUsersQuery(websiteId, { refetchInterval });
const count = useMemo(() => {
if (websiteId) {
@@ -35,10 +28,12 @@ export function ActiveUsers({
}
return (
-
- {formatMessage(messages.activeUsers, { x: count })}
-
+
+
+
+ {count} {t(labels.online)}
+
+
+
);
}
-
-export default ActiveUsers;
diff --git a/src/components/metrics/BrowsersTable.tsx b/src/components/metrics/BrowsersTable.tsx
deleted file mode 100644
index 500686b14..000000000
--- a/src/components/metrics/BrowsersTable.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import FilterLink from '@/components/common/FilterLink';
-import MetricsTable, { MetricsTableProps } from '@/components/metrics/MetricsTable';
-import { useMessages } from '@/components/hooks';
-import { useFormat } from '@/components/hooks';
-import TypeIcon from '@/components/common/TypeIcon';
-
-export function BrowsersTable(props: MetricsTableProps) {
- const { formatMessage, labels } = useMessages();
- const { formatBrowser } = useFormat();
-
- function renderLink({ x: browser }) {
- return (
-
-
- );
- }
-
- return (
-
{!neutral && (
-
)}
- {children || value}
-
{children || value}
+
);
}
-
-export default ChangeLabel;
diff --git a/src/components/metrics/ChannelsTable.tsx b/src/components/metrics/ChannelsTable.tsx
deleted file mode 100644
index d2dc207f8..000000000
--- a/src/components/metrics/ChannelsTable.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import MetricsTable, { MetricsTableProps } from '@/components/metrics/MetricsTable';
-import { useMessages } from '@/components/hooks';
-
-export function ChannelsTable(props: MetricsTableProps) {
- const { formatMessage, labels } = useMessages();
-
- const renderLabel = ({ x }) => {
- return formatMessage(labels[x]);
- };
-
- return (
-
- {country && (
-
- );
- };
-
- return (
-
-
- );
- };
-
- return (
- ([
isSameDay(defaultStartDate, defaultEndDate) ? FILTER_DAY : FILTER_RANGE,
- );
- const [singleDate, setSingleDate] = useState(defaultStartDate);
- const [startDate, setStartDate] = useState(defaultStartDate);
- const [endDate, setEndDate] = useState(defaultEndDate);
- const { dateLocale } = useLocale();
- const { formatMessage, labels } = useMessages();
+ ]);
+ const [date, setDate] = useState(defaultStartDate || new Date());
+ const [startDate, setStartDate] = useState(defaultStartDate || new Date());
+ const [endDate, setEndDate] = useState(defaultEndDate || new Date());
+ const { t, labels } = useMessages();
- const disabled =
- selected === FILTER_DAY
- ? isAfter(minDate, singleDate) && isBefore(maxDate, singleDate)
- : isAfter(startDate, endDate);
+ const disabled = selected.includes(FILTER_DAY)
+ ? isAfter(minDate, date) && isBefore(maxDate, date)
+ : isAfter(startDate, endDate);
const handleSave = () => {
- if (selected === FILTER_DAY) {
- onChange(`range:${startOfDay(singleDate).getTime()}:${endOfDay(singleDate).getTime()}`);
+ if (selected.includes(FILTER_DAY)) {
+ onChange(`range:${startOfDay(date).getTime()}:${endOfDay(date).getTime()}`);
} else {
onChange(`range:${startOfDay(startDate).getTime()}:${endOfDay(endDate).getTime()}`);
}
};
return (
-
-
- setSelected(key as any)}>
- {formatMessage(labels.singleDay)}
- {formatMessage(labels.dateRange)}
-
-
-
- {selected === FILTER_DAY && (
-
+
+
+ {t(labels.singleDay)}
+ {t(labels.dateRange)}
+
+
+
+ {selected.includes(FILTER_DAY) && (
+
)}
-
-
-
- {formatMessage(labels.save)}
+
+
+ {t(labels.cancel)}
+
+ {t(labels.apply)}
- {formatMessage(labels.cancel)}
-
-
-
- );
- }
-
- return (
-
+
+ {data?.map(({ dataKey, stringValue }) => {
+ return (
+
+ {dataKey}
+ {stringValue}
+
+ );
+ })}
+
+
+ );
+}
diff --git a/src/components/metrics/EventsChart.module.css b/src/components/metrics/EventsChart.module.css
deleted file mode 100644
index d586bead2..000000000
--- a/src/components/metrics/EventsChart.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.chart {
- display: flex;
-}
diff --git a/src/components/metrics/EventsChart.tsx b/src/components/metrics/EventsChart.tsx
index 594a69f7c..db23dcc47 100644
--- a/src/components/metrics/EventsChart.tsx
+++ b/src/components/metrics/EventsChart.tsx
@@ -1,26 +1,34 @@
-import { useMemo, useState, useEffect } from 'react';
import { colord } from 'colord';
-import BarChart from '@/components/charts/BarChart';
-import { useDateRange, useLocale, useWebsiteEventsSeries } from '@/components/hooks';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { BarChart, type BarChartProps } from '@/components/charts/BarChart';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import {
+ useDateRange,
+ useLocale,
+ useTimezone,
+ useWebsiteEventsSeriesQuery,
+} from '@/components/hooks';
import { renderDateLabels } from '@/lib/charts';
import { CHART_COLORS } from '@/lib/constants';
+import { generateTimeSeries } from '@/lib/date';
-export interface EventsChartProps {
+export interface EventsChartProps extends BarChartProps {
websiteId: string;
- className?: string;
focusLabel?: string;
+ limit?: number;
}
-export function EventsChart({ websiteId, className, focusLabel }: EventsChartProps) {
+export function EventsChart({ websiteId, focusLabel, limit }: EventsChartProps) {
+ const { timezone } = useTimezone();
const {
- dateRange: { startDate, endDate, unit, value },
- } = useDateRange(websiteId);
- const { locale } = useLocale();
- const { data, isLoading } = useWebsiteEventsSeries(websiteId);
+ dateRange: { startDate, endDate, unit },
+ } = useDateRange({ timezone: timezone });
+ const { locale, dateLocale } = useLocale();
+ const { data, isLoading, error } = useWebsiteEventsSeriesQuery(websiteId, { limit });
const [label, setLabel] = useState(focusLabel);
- const chartData = useMemo(() => {
- if (!data) return [];
+ const chartData: any = useMemo(() => {
+ if (!data) return;
const map = (data as any[]).reduce((obj, { x, t, y }) => {
if (!obj[x]) {
@@ -32,20 +40,32 @@ export function EventsChart({ websiteId, className, focusLabel }: EventsChartPro
return obj;
}, {});
- return {
- datasets: Object.keys(map).map((key, index) => {
- const color = colord(CHART_COLORS[index % CHART_COLORS.length]);
- return {
- label: key,
- data: map[key],
- lineTension: 0,
- backgroundColor: color.alpha(0.6).toRgbString(),
- borderColor: color.alpha(0.7).toRgbString(),
- borderWidth: 1,
- };
- }),
- focusLabel,
- };
+ if (!map || Object.keys(map).length === 0) {
+ return {
+ datasets: [
+ {
+ data: generateTimeSeries([], startDate, endDate, unit, dateLocale),
+ lineTension: 0,
+ borderWidth: 1,
+ },
+ ],
+ };
+ } else {
+ return {
+ datasets: Object.keys(map).map((key, index) => {
+ const color = colord(CHART_COLORS[index % CHART_COLORS.length]);
+ return {
+ label: key,
+ data: generateTimeSeries(map[key], startDate, endDate, unit, dateLocale),
+ lineTension: 0,
+ backgroundColor: color.alpha(0.6).toRgbString(),
+ borderColor: color.alpha(0.7).toRgbString(),
+ borderWidth: 1,
+ };
+ }),
+ focusLabel,
+ };
+ }
}, [data, startDate, endDate, unit, focusLabel]);
useEffect(() => {
@@ -54,19 +74,21 @@ export function EventsChart({ websiteId, className, focusLabel }: EventsChartPro
}
}, [focusLabel]);
+ const renderXLabel = useCallback(renderDateLabels(unit, locale), [unit, locale]);
+
return (
-
+ {chartData && (
+
);
}
-
-export default EventsChart;
diff --git a/src/components/metrics/EventsTable.tsx b/src/components/metrics/EventsTable.tsx
deleted file mode 100644
index 2be6f0137..000000000
--- a/src/components/metrics/EventsTable.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import MetricsTable, { MetricsTableProps } from './MetricsTable';
-import { useMessages } from '@/components/hooks';
-
-export interface EventsTableProps extends MetricsTableProps {
- onLabelClick?: (value: string) => void;
-}
-
-export function EventsTable({ onLabelClick, ...props }: EventsTableProps) {
- const { formatMessage, labels } = useMessages();
-
- const handleDataLoad = (data: any) => {
- props.onDataLoad?.(data);
- };
-
- const renderLabel = ({ x: label }) => {
- if (onLabelClick) {
- return (
- onLabelClick(label)} style={{ cursor: 'pointer' }}>
- {label}
-
- );
- }
-
- return label;
- };
-
- return (
-
-
{formatMessage(labels.filters)}
- {Object.keys(params).map(key => {
- if (!params[key]) {
- return null;
- }
- const label = fields.find(f => f.name === key)?.label;
- const { operator, value } = parseParameterValue(params[key]);
- const paramValue = isSearchOperator(operator) ? value : formatValue(value, key);
-
- return (
-
-
- {label}
- {operatorLabels[operator]}
- {paramValue}
- handleCloseFilter(key, e)}>
-
-
-
- {(close: () => void) => {
- return (
-
- handleChangeFilter(values, close)}
- />
-
- );
- }}
-
-
- );
- })}
-
-
-
-
- {formatMessage(labels.clearAll)}
-
-
-
- );
- };
-
- return (
- <>
- {formatLanguage(x)}
;
- };
-
- return (
- onDataLoad?.(percentFilter(data))}
- renderLabel={renderLabel}
- searchFormattedValues={true}
- />
- );
-}
-
-export default LanguagesTable;
diff --git a/src/components/metrics/Legend.module.css b/src/components/metrics/Legend.module.css
deleted file mode 100644
index dea515f34..000000000
--- a/src/components/metrics/Legend.module.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.legend {
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- padding: 20px 0;
-}
-
-.label {
- display: flex;
- align-items: center;
- font-size: var(--font-size-sm);
- cursor: pointer;
-}
-
-.label + .label {
- margin-inline-start: 20px;
-}
-
-.hidden {
- color: var(--base400);
-}
diff --git a/src/components/metrics/Legend.tsx b/src/components/metrics/Legend.tsx
index 774429573..2fea4abc8 100644
--- a/src/components/metrics/Legend.tsx
+++ b/src/components/metrics/Legend.tsx
@@ -1,8 +1,6 @@
-import { StatusLight } from 'react-basics';
+import { Row, StatusLight, Text } from '@umami/react-zen';
+import type { LegendItem } from 'chart.js/auto';
import { colord } from 'colord';
-import classNames from 'classnames';
-import { LegendItem } from 'chart.js/auto';
-import styles from './Legend.module.css';
export function Legend({
items = [],
@@ -16,23 +14,26 @@ export function Legend({
}
return (
-
+
{items.map(item => {
const { text, fillStyle, hidden } = item;
const color = colord(fillStyle);
return (
- onClick(item)}
- >
- {text}
-
+ onClick(item)}>
+
+
+ {text}
+
+
+
);
})}
-
{getRow(data[index], index)}
;
};
return (
-
-
-
- {data?.length === 0 &&
+
+ {title}
+
+ {metric}
+
+
+
+ {data?.length === 0 &&
- {Row}
+ {ListTableRow}
) : (
data.map(getRow)
)}
-
-
-
{label}
-
+
+
+
+ {label}
+
+
+
{change}
-
- {currency
- ? props.y?.to(n => formatLongCurrency(n, currency))
- : props.y?.to(formatLongNumber)}
-
-
+
+
+ {formatCount ? props.y?.to(formatCount) : props.y?.to(formatLongNumber)}
+
+
+
{showPercentage && (
-
-
`${n}%`) }} />
- {props.width.to(n => `${n?.toFixed?.(0)}%`)}
-
+
+ {props.width.to(n => `${n?.toFixed?.(0)}%`)}
+
)}
-
- {showLabel &&
{label}
}
-
- {props?.x?.to(x => formatValue(x))}
-
+
+ {showLabel && (
+
+
+ {label}
+
+ {tooltip && (
+
+
+
+
+
+ {tooltip}
+
+ )}
+
+ )}
+
+ {props?.x?.to(x => formatValue(x))}
+
{showChange && (
-
- {changeProps?.x?.to(x => `${Math.abs(~~x)}%`)}
+
+ {changeProps?.x?.to(x => `${Math.abs(~~x)}%`)}
)}
- {showPrevious && (
-
- {prevProps?.x?.to(x => formatValue(x))}
-
- )}
-
+
+ );
+ }
+
+ case 'language':
+ return formatValue(label, 'language');
+
+ default:
+ return
- {isLoading && !isFetched &&
+
+ {children}
+
);
}
-
-export default MetricsBar;
diff --git a/src/components/metrics/MetricsExpandedTable.tsx b/src/components/metrics/MetricsExpandedTable.tsx
new file mode 100644
index 000000000..c4c49e75a
--- /dev/null
+++ b/src/components/metrics/MetricsExpandedTable.tsx
@@ -0,0 +1,124 @@
+import { Button, Column, DataColumn, DataTable, Icon, Row, SearchField } from '@umami/react-zen';
+import { type ReactNode, useState } from 'react';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { useMessages, useWebsiteExpandedMetricsQuery } from '@/components/hooks';
+import { X } from '@/components/icons';
+import { DownloadButton } from '@/components/input/DownloadButton';
+import { MetricLabel } from '@/components/metrics/MetricLabel';
+import { SESSION_COLUMNS } from '@/lib/constants';
+import { formatShortTime } from '@/lib/format';
+
+export interface MetricsExpandedTableProps {
+ websiteId: string;
+ type?: string;
+ title?: string;
+ dataFilter?: (data: any) => any;
+ onSearch?: (search: string) => void;
+ params?: { [key: string]: any };
+ allowSearch?: boolean;
+ allowDownload?: boolean;
+ renderLabel?: (row: any, index: number) => ReactNode;
+ onClose?: () => void;
+ children?: ReactNode;
+}
+
+export function MetricsExpandedTable({
+ websiteId,
+ type,
+ title,
+ params,
+ allowSearch = true,
+ allowDownload = true,
+ onClose,
+ children,
+}: MetricsExpandedTableProps) {
+ const [search, setSearch] = useState('');
+ const { t, labels } = useMessages();
+ const isType = ['browser', 'country', 'device', 'os'].includes(type);
+ const showBounceDuration = SESSION_COLUMNS.includes(type);
+
+ const { data, isLoading, isFetching, error } = useWebsiteExpandedMetricsQuery(websiteId, {
+ type,
+ search: isType ? undefined : search,
+ ...params,
+ });
+
+ const items = data?.map(({ name, ...props }) => ({ label: name, ...props }));
+
+ return (
+ <>
+
+ {allowSearch &&
+ {children}
+ {allowDownload &&
+
+
+
+ )}
+
+
+
+
+ {items && (
+
+
+ {row => (
+
+
+ )}
+
+
+ {row => row?.visitors?.toLocaleString()}
+
+
+ {row => row?.visits?.toLocaleString()}
+
+
+ {row => row?.pageviews?.toLocaleString()}
+
+ {showBounceDuration && [
+
+ {row => {
+ const n = (Math.min(row?.visits, row?.bounces) / row?.visits) * 100;
+ return `${Math.round(+n)}%`;
+ }}
+ ,
+
+
+ {row => {
+ const n = row?.totaltime / row?.visits;
+ return `${+n < 0 ? '-' : ''}${formatShortTime(Math.abs(~~n), ['m', 's'], ' ')}`;
+ }}
+ ,
+ ]}
+
+ )}
+
+
+
+ );
+}
diff --git a/src/components/metrics/MetricsTable.module.css b/src/components/metrics/MetricsTable.module.css
deleted file mode 100644
index 112cf3826..000000000
--- a/src/components/metrics/MetricsTable.module.css
+++ /dev/null
@@ -1,45 +0,0 @@
-.container {
- position: relative;
- min-height: 430px;
- display: flex;
- flex-direction: column;
- flex: 1;
-}
-
-.actions {
- display: flex;
- gap: 20px;
- align-items: center;
- justify-content: space-between;
- margin-bottom: 10px;
-}
-
-.buttons {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- gap: 10px;
-}
-
-.footer {
- display: flex;
- justify-content: center;
-}
-
-.search {
- max-width: 300px;
-}
-
-@media only screen and (max-width: 992px) {
- .container {
- min-height: auto;
- }
-
- .actions {
- flex-direction: column;
- }
-
- .search {
- max-width: 100%;
- }
-}
diff --git a/src/components/metrics/MetricsTable.tsx b/src/components/metrics/MetricsTable.tsx
index 39ba712d6..8c94b26b4 100644
--- a/src/components/metrics/MetricsTable.tsx
+++ b/src/components/metrics/MetricsTable.tsx
@@ -1,69 +1,43 @@
-import { ReactNode, useMemo, useState } from 'react';
-import { Loading, Icon, Text, SearchField } from 'react-basics';
-import classNames from 'classnames';
-import ErrorMessage from '@/components/common/ErrorMessage';
-import LinkButton from '@/components/common/LinkButton';
-import { DEFAULT_ANIMATION_DURATION } from '@/lib/constants';
+import { Grid, Row } from '@umami/react-zen';
+import { useEffect, useMemo } from 'react';
+import { IconLabel } from '@/components/common/IconLabel';
+import { LinkButton } from '@/components/common/LinkButton';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { useMessages, useNavigation, useWebsiteMetricsQuery } from '@/components/hooks';
+import { Maximize } from '@/components/icons';
+import { MetricLabel } from '@/components/metrics/MetricLabel';
import { percentFilter } from '@/lib/filters';
-import {
- useNavigation,
- useWebsiteMetrics,
- useMessages,
- useLocale,
- useFormat,
-} from '@/components/hooks';
-import Icons from '@/components/icons';
-import ListTable, { ListTableProps } from './ListTable';
-import styles from './MetricsTable.module.css';
-import { DownloadButton } from '@/components/input/DownloadButton';
+import { ListTable, type ListTableProps } from './ListTable';
export interface MetricsTableProps extends ListTableProps {
websiteId: string;
- type?: string;
- className?: string;
+ type: string;
dataFilter?: (data: any) => any;
limit?: number;
- delay?: number;
- onDataLoad?: (data: any) => void;
- onSearch?: (search: string) => void;
- allowSearch?: boolean;
- searchFormattedValues?: boolean;
showMore?: boolean;
- params?: { [key: string]: any };
- allowDownload?: boolean;
- children?: ReactNode;
+ filterLink?: boolean;
+ params?: Record;
+ onDataLoad?: (data: any) => void;
}
export function MetricsTable({
websiteId,
type,
- className,
dataFilter,
limit,
- onDataLoad,
- delay = null,
- allowSearch = false,
- searchFormattedValues = false,
- showMore = true,
+ showMore = false,
+ filterLink = true,
params,
- allowDownload = true,
- children,
+ onDataLoad,
...props
}: MetricsTableProps) {
- const [search, setSearch] = useState('');
- const { formatValue } = useFormat();
- const { renderUrl } = useNavigation();
- const { formatMessage, labels } = useMessages();
- const { dir } = useLocale();
-
- const { data, isLoading, isFetched, error } = useWebsiteMetrics(
- websiteId,
- { type, limit, search: searchFormattedValues ? undefined : search, ...params },
- {
- retryDelay: delay || DEFAULT_ANIMATION_DURATION,
- onDataLoad,
- },
- );
+ const { updateParams } = useNavigation();
+ const { t, labels } = useMessages();
+ const { data, isLoading, isFetching, error } = useWebsiteMetricsQuery(websiteId, {
+ type,
+ limit,
+ ...params,
+ });
const filteredData = useMemo(() => {
if (data) {
@@ -79,55 +53,41 @@ export function MetricsTable({
}
}
- if (searchFormattedValues && search) {
- items = items.filter(({ x, ...data }) => {
- const value = formatValue(x, type, data);
-
- return value?.toLowerCase().includes(search.toLowerCase());
- });
- }
-
items = percentFilter(items);
- return items;
+ return items.map(({ x, y, z, ...props }) => ({ label: x, count: y, percent: z, ...props }));
}
return [];
- }, [data, dataFilter, search, limit, formatValue, type]);
+ }, [data, dataFilter, limit, type]);
+
+ useEffect(() => {
+ if (data) {
+ onDataLoad?.(data);
+ }
+ }, [data]);
+
+ const renderLabel = (row: any) => {
+ return filterLink ?
- {error &&
}
-
- {allowSearch && (
-
+
+
+ {data &&
+
+
+
)}
-
- {children}
- {allowDownload &&
-
- {data && !error && (
-
- )}
- {!data && isLoading && !isFetched &&
}
-
- {showMore && data && !error && limit && (
-
- {formatMessage(labels.more)}
-
-
-
- )}
-
-
);
}
-
-export default MetricsTable;
diff --git a/src/components/metrics/OSTable.tsx b/src/components/metrics/OSTable.tsx
deleted file mode 100644
index 37b79549a..000000000
--- a/src/components/metrics/OSTable.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import MetricsTable, { MetricsTableProps } from './MetricsTable';
-import FilterLink from '@/components/common/FilterLink';
-import { useMessages, useFormat } from '@/components/hooks';
-import TypeIcon from '@/components/common/TypeIcon';
-
-export function OSTable(props: MetricsTableProps) {
- const { formatMessage, labels } = useMessages();
- const { formatOS } = useFormat();
-
- function renderLink({ x: os }) {
- return (
-
-
- );
- }
-
- return (
-
- {allowFilter &&
- );
-}
-
-export default PagesTable;
diff --git a/src/components/metrics/PageviewsChart.tsx b/src/components/metrics/PageviewsChart.tsx
index 6fa3285f4..6727facaa 100644
--- a/src/components/metrics/PageviewsChart.tsx
+++ b/src/components/metrics/PageviewsChart.tsx
@@ -1,9 +1,12 @@
-import { useMemo } from 'react';
-import BarChart, { BarChartProps } from '@/components/charts/BarChart';
-import { useLocale, useTheme, useMessages } from '@/components/hooks';
+import { useTheme } from '@umami/react-zen';
+import { useCallback, useMemo } from 'react';
+import { BarChart, type BarChartProps } from '@/components/charts/BarChart';
+import { useLocale, useMessages } from '@/components/hooks';
import { renderDateLabels } from '@/lib/charts';
+import { getThemeColors } from '@/lib/colors';
+import { generateTimeSeries } from '@/lib/date';
-export interface PagepageviewsChartProps extends BarChartProps {
+export interface PageviewsChartProps extends BarChartProps {
data: {
pageviews: any[];
sessions: any[];
@@ -13,38 +16,36 @@ export interface PagepageviewsChartProps extends BarChartProps {
};
};
unit: string;
- isLoading?: boolean;
- isAllTime?: boolean;
}
-export function PagepageviewsChart({
- data,
- unit,
- isLoading,
- isAllTime,
- ...props
-}: PagepageviewsChartProps) {
- const { formatMessage, labels } = useMessages();
- const { colors } = useTheme();
- const { locale } = useLocale();
+export function PageviewsChart({ data, unit, minDate, maxDate, ...props }: PageviewsChartProps) {
+ const { t, labels } = useMessages();
+ const { theme } = useTheme();
+ const { locale, dateLocale } = useLocale();
+ const { colors } = useMemo(() => getThemeColors(theme), [theme]);
- const chartData = useMemo(() => {
- if (!data) {
- return {};
- }
+ const chartData: any = useMemo(() => {
+ if (!data) return;
return {
+ __id: Date.now(),
datasets: [
{
- label: formatMessage(labels.visitors),
- data: data.sessions,
+ type: 'bar',
+ label: t(labels.visitors),
+ data: generateTimeSeries(data.sessions, minDate, maxDate, unit, dateLocale),
borderWidth: 1,
+ barPercentage: 0.9,
+ categoryPercentage: 0.9,
...colors.chart.visitors,
order: 3,
},
{
- label: formatMessage(labels.views),
- data: data.pageviews,
+ type: 'bar',
+ label: t(labels.views),
+ data: generateTimeSeries(data.pageviews, minDate, maxDate, unit, dateLocale),
+ barPercentage: 0.9,
+ categoryPercentage: 0.9,
borderWidth: 1,
...colors.chart.views,
order: 4,
@@ -53,8 +54,14 @@ export function PagepageviewsChart({
? [
{
type: 'line',
- label: `${formatMessage(labels.views)} (${formatMessage(labels.previous)})`,
- data: data.compare.pageviews,
+ label: `${t(labels.views)} (${t(labels.previous)})`,
+ data: generateTimeSeries(
+ data.compare.pageviews,
+ minDate,
+ maxDate,
+ unit,
+ dateLocale,
+ ),
borderWidth: 2,
backgroundColor: '#8601B0',
borderColor: '#8601B0',
@@ -62,8 +69,8 @@ export function PagepageviewsChart({
},
{
type: 'line',
- label: `${formatMessage(labels.visitors)} (${formatMessage(labels.previous)})`,
- data: data.compare.sessions,
+ label: `${t(labels.visitors)} (${t(labels.previous)})`,
+ data: generateTimeSeries(data.compare.sessions, minDate, maxDate, unit, dateLocale),
borderWidth: 2,
backgroundColor: '#f15bb5',
borderColor: '#f15bb5',
@@ -75,16 +82,17 @@ export function PagepageviewsChart({
};
}, [data, locale]);
+ const renderXLabel = useCallback(renderDateLabels(unit, locale), [unit, locale]);
+
return (
+
+ {label}
+
+
+ {spring.value.to(n => formatValue(n))}
+
+
+ {t(labels[rating === 'needs-improvement' ? 'needsImprovement' : rating])}
+
+
+ );
+};
diff --git a/src/components/metrics/QueryParametersTable.module.css b/src/components/metrics/QueryParametersTable.module.css
deleted file mode 100644
index 47b20a90c..000000000
--- a/src/components/metrics/QueryParametersTable.module.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.item {
- display: inline-flex;
- align-items: center;
- line-height: 26px;
-}
-
-.param {
- padding: 0 8px;
- color: var(--primary400);
- background: var(--blue100);
- border-radius: 4px;
-}
-
-.value {
- padding: 0 8px;
-}
diff --git a/src/components/metrics/QueryParametersTable.tsx b/src/components/metrics/QueryParametersTable.tsx
deleted file mode 100644
index 26f01faf4..000000000
--- a/src/components/metrics/QueryParametersTable.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { useState } from 'react';
-import FilterButtons from '@/components/common/FilterButtons';
-import { emptyFilter, paramFilter } from '@/lib/filters';
-import { FILTER_RAW, FILTER_COMBINED } from '@/lib/constants';
-import MetricsTable, { MetricsTableProps } from './MetricsTable';
-import { useMessages } from '@/components/hooks';
-import styles from './QueryParametersTable.module.css';
-
-const filters = {
- [FILTER_RAW]: emptyFilter,
- [FILTER_COMBINED]: [emptyFilter, paramFilter],
-};
-
-export function QueryParametersTable({
- allowFilter,
- ...props
-}: { allowFilter: boolean } & MetricsTableProps) {
- const [filter, setFilter] = useState(FILTER_COMBINED);
- const { formatMessage, labels } = useMessages();
-
- const buttons = [
- {
- label: formatMessage(labels.filterCombined),
- key: FILTER_COMBINED,
- },
- { label: formatMessage(labels.filterRaw), key: FILTER_RAW },
- ];
-
- return (
-
- filter === FILTER_RAW ? (
- x
- ) : (
-
- )
- }
- delay={0}
- >
- {allowFilter &&
- );
-}
-
-export default QueryParametersTable;
diff --git a/src/components/metrics/RealtimeChart.tsx b/src/components/metrics/RealtimeChart.tsx
index f5697caa1..f42b96da2 100644
--- a/src/components/metrics/RealtimeChart.tsx
+++ b/src/components/metrics/RealtimeChart.tsx
@@ -1,8 +1,9 @@
+import { isBefore, startOfMinute, subMinutes } from 'date-fns';
import { useMemo, useRef } from 'react';
-import { startOfMinute, subMinutes, isBefore } from 'date-fns';
-import PageviewsChart from './PageviewsChart';
+import { useTimezone } from '@/components/hooks';
import { DEFAULT_ANIMATION_DURATION, REALTIME_RANGE } from '@/lib/constants';
-import { RealtimeData } from '@/lib/types';
+import type { RealtimeData } from '@/lib/types';
+import { PageviewsChart } from './PageviewsChart';
export interface RealtimeChartProps {
data: RealtimeData;
@@ -11,9 +12,11 @@ export interface RealtimeChartProps {
}
export function RealtimeChart({ data, unit, ...props }: RealtimeChartProps) {
+ const { formatSeriesTimezone, fromUtc, timezone } = useTimezone();
const endDate = startOfMinute(new Date());
const startDate = subMinutes(endDate, REALTIME_RANGE);
const prevEndDate = useRef(endDate);
+ const prevData = useRef(null);
const chartData = useMemo(() => {
if (!data) {
@@ -21,30 +24,36 @@ export function RealtimeChart({ data, unit, ...props }: RealtimeChartProps) {
}
return {
- pageviews: data.series.views,
- sessions: data.series.visitors,
+ pageviews: formatSeriesTimezone(data.series.views, 'x', timezone),
+ sessions: formatSeriesTimezone(data.series.visitors, 'x', timezone),
};
}, [data, startDate, endDate, unit]);
- // Don't animate the bars shifting over because it looks weird
const animationDuration = useMemo(() => {
+ // Don't animate the bars shifting over because it looks weird
if (isBefore(prevEndDate.current, endDate)) {
prevEndDate.current = endDate;
return 0;
}
+
+ // Don't animate when data hasn't changed
+ const serialized = JSON.stringify(chartData);
+ if (prevData.current === serialized) {
+ return 0;
+ }
+ prevData.current = serialized;
+
return DEFAULT_ANIMATION_DURATION;
- }, [endDate]);
+ }, [endDate, chartData]);
return (
-
- );
- }
- }
-
- return (
-
-
- );
- };
-
- const getDomain = (x: string) => {
- for (const { domain, match } of GROUPED_DOMAINS) {
- if (Array.isArray(match) ? match.some(str => x.includes(str)) : x.includes(match)) {
- return domain;
- }
- }
- return '_other';
- };
-
- const groupedFilter = (data: any[]) => {
- const groups = { _other: 0 };
-
- for (const { x, y } of data) {
- const domain = getDomain(x);
- if (!groups[domain]) {
- groups[domain] = 0;
- }
- groups[domain] += +y;
- }
-
- return Object.keys(groups)
- .map((key: any) => ({ x: key, y: groups[key] }))
- .sort(thenby.firstBy('y', -1));
- };
-
- return (
- <>
-
- {allowFilter && (
-
-
- );
-}
-
-export default ReferrersTable;
diff --git a/src/components/metrics/RegionsTable.tsx b/src/components/metrics/RegionsTable.tsx
deleted file mode 100644
index 0b7e3bdfa..000000000
--- a/src/components/metrics/RegionsTable.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import FilterLink from '@/components/common/FilterLink';
-import { emptyFilter } from '@/lib/filters';
-import { useMessages, useLocale, useRegionNames } from '@/components/hooks';
-import MetricsTable, { MetricsTableProps } from './MetricsTable';
-import TypeIcon from '@/components/common/TypeIcon';
-
-export function RegionsTable(props: MetricsTableProps) {
- const { locale } = useLocale();
- const { formatMessage, labels } = useMessages();
- const { getRegionName } = useRegionNames(locale);
-
- const renderLink = ({ x: code, country }) => {
- return (
-
-
- );
- };
-
- return (
- ,
+ );
+
+ return {
+ datasets: Object.keys(map).map((key, index) => {
+ const color = colord(CHART_COLORS[index % CHART_COLORS.length]);
+ return {
+ label: key,
+ data: generateTimeSeries(map[key], minDate, maxDate, unit, dateLocale),
+ backgroundColor: color.alpha(0.6).toRgbString(),
+ borderColor: color.alpha(0.7).toRgbString(),
+ borderWidth: 1,
+ };
+ }),
+ };
+ }, [data, minDate, maxDate, unit, dateLocale]);
+
+ const renderXLabel = useCallback(renderDateLabels(unit, locale), [unit, locale]);
+
+ return (
+
-
- );
- };
-
- return (
- <>
-
+
+ {data && (
+ <>
+
+ {daysOfWeek.map((index: number) => (
+
+
+ {format(getDayOfWeekAsDate(index), 'EEE', { locale: dateLocale })}
+
+
+ ))}
+
+ {Array(24)
+ .fill(null)
+ .map((_, i) => {
+ const label = format(addHours(startOfDay(new Date()), i), 'haaa', {
+ locale: dateLocale,
+ });
+ return (
+
+
+ {label}
+
+
+ );
+ })}
+
+ {daysOfWeek.map((index: number) => {
+ const day = data[index];
+ return (
+
+ {day?.map((count: number, j) => {
+ const pct = max ? count / max : 0;
+ return (
+
+
+
+ |
+
+
+
+ {`${t(labels.visitors)}: ${count}`}
+
+
+ );
+ })}
+
+ );
+ })}
+
+ )}
+
+
+ );
+}
diff --git a/src/components/metrics/WorldMap.module.css b/src/components/metrics/WorldMap.module.css
deleted file mode 100644
index c25280382..000000000
--- a/src/components/metrics/WorldMap.module.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.container {
- overflow: hidden;
- position: relative;
-}
diff --git a/src/components/metrics/WorldMap.tsx b/src/components/metrics/WorldMap.tsx
index a377bfc9a..9601b7b20 100644
--- a/src/components/metrics/WorldMap.tsx
+++ b/src/components/metrics/WorldMap.tsx
@@ -1,42 +1,37 @@
-import { useState, useMemo, HTMLAttributes } from 'react';
-import { ComposableMap, Geographies, Geography, ZoomableGroup } from 'react-simple-maps';
-import classNames from 'classnames';
+import { Box, Column, type ColumnProps, FloatingTooltip, Text, useTheme } from '@umami/react-zen';
import { colord } from 'colord';
-import HoverTooltip from '@/components/common/HoverTooltip';
+import { useMemo, useState } from 'react';
+import { ComposableMap, Geographies, Geography, ZoomableGroup } from 'react-simple-maps';
+import {
+ useCountryNames,
+ useLocale,
+ useMessages,
+ useWebsiteMetricsQuery,
+} from '@/components/hooks';
+import { getThemeColors } from '@/lib/colors';
import { ISO_COUNTRIES, MAP_FILE } from '@/lib/constants';
-import { useDateRange, useTheme, useWebsiteMetrics } from '@/components/hooks';
-import { useCountryNames } from '@/components/hooks';
-import { useLocale } from '@/components/hooks';
-import { useMessages } from '@/components/hooks';
-import { formatLongNumber } from '@/lib/format';
import { percentFilter } from '@/lib/filters';
-import styles from './WorldMap.module.css';
+import { formatLongNumber } from '@/lib/format';
-export function WorldMap({
- websiteId,
- data,
- className,
- ...props
-}: {
+export interface WorldMapProps extends ColumnProps {
websiteId?: string;
data?: any[];
- className?: string;
-} & HTMLAttributes) {
+}
+
+export function WorldMap({ websiteId, data, ...props }: WorldMapProps) {
const [tooltip, setTooltipPopup] = useState();
- const { theme, colors } = useTheme();
+ const { theme } = useTheme();
+ const { colors } = getThemeColors(theme);
const { locale } = useLocale();
- const { formatMessage, labels } = useMessages();
+ const { t, labels } = useMessages();
const { countryNames } = useCountryNames(locale);
- const visitorsLabel = formatMessage(labels.visitors).toLocaleLowerCase(locale);
- const unknownLabel = formatMessage(labels.unknown);
- const {
- dateRange: { startDate, endDate },
- } = useDateRange(websiteId);
- const { data: mapData } = useWebsiteMetrics(websiteId, {
+ const visitorsLabel = t(labels.visitors).toLocaleLowerCase(locale);
+ const unknownLabel = t(labels.unknown);
+
+ const { data: mapData } = useWebsiteMetricsQuery(websiteId, {
type: 'country',
- startAt: +startDate,
- endAt: +endDate,
});
+
const metrics = useMemo(
() => (data || mapData ? percentFilter((data || mapData) as any[]) : []),
[data, mapData],
@@ -70,11 +65,11 @@ export function WorldMap({
};
return (
-
@@ -104,9 +99,17 @@ export function WorldMap({
- {tooltip && {tooltip} }
-
+ {tooltip && (
+
+
+ {tooltip}
+
+
+ )}
+
);
}
-
-export default WorldMap;
diff --git a/src/components/share/SimpleShareCreateForm.tsx b/src/components/share/SimpleShareCreateForm.tsx
new file mode 100644
index 000000000..9ab850bcb
--- /dev/null
+++ b/src/components/share/SimpleShareCreateForm.tsx
@@ -0,0 +1,57 @@
+import { Button, Column, Form, FormField, FormSubmitButton, Row, TextField } from '@umami/react-zen';
+import { useState } from 'react';
+import { useApi, useMessages, useModified } from '@/components/hooks';
+
+export function SimpleShareCreateForm({
+ createPath,
+ onSave,
+ onCancel,
+}: {
+ createPath: string;
+ onSave?: () => void;
+ onCancel?: () => void;
+}) {
+ const { post } = useApi();
+ const { touch } = useModified();
+ const { t, labels, getErrorMessage } = useMessages();
+ const [isPending, setIsPending] = useState(false);
+ const [error, setError] = useState(null);
+
+ const handleSubmit = async (data: { name: string }) => {
+ setIsPending(true);
+ setError(null);
+
+ try {
+ await post(createPath, {
+ name: data.name,
+ });
+
+ touch('shares');
+ onSave?.();
+ } catch (e) {
+ setError(e);
+ } finally {
+ setIsPending(false);
+ }
+ };
+
+ return (
+
+ );
+}
diff --git a/src/components/share/SimpleShareEditButton.tsx b/src/components/share/SimpleShareEditButton.tsx
new file mode 100644
index 000000000..eb56fda4d
--- /dev/null
+++ b/src/components/share/SimpleShareEditButton.tsx
@@ -0,0 +1,14 @@
+import { useMessages } from '@/components/hooks';
+import { Edit } from '@/components/icons';
+import { DialogButton } from '@/components/input/DialogButton';
+import { SimpleShareEditForm } from './SimpleShareEditForm';
+
+export function SimpleShareEditButton({ shareId }: { shareId: string }) {
+ const { t, labels } = useMessages();
+
+ return (
+ (null);
+ const [isLoading, setIsLoading] = useState(true);
+ const [isPending, setIsPending] = useState(false);
+ const [error, setError] = useState(null);
+
+ const getUrl = (slug: string) => {
+ return `${config?.cloudMode ? process.env.cloudUrl : window?.location.origin}${process.env.basePath || ''}/share/${slug}`;
+ };
+
+ useEffect(() => {
+ const loadShare = async () => {
+ setIsLoading(true);
+ try {
+ const data = await get(`/share/id/${shareId}`);
+ setShare(data);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ loadShare();
+ }, [get, modified, shareId]);
+
+ const handleSubmit = async (data: { name: string }) => {
+ setIsPending(true);
+ setError(null);
+
+ try {
+ await post(`/share/id/${shareId}`, {
+ name: data.name,
+ slug: share.slug,
+ parameters: share.parameters || {},
+ });
+
+ touch('shares');
+ onSave?.();
+ onClose?.();
+ } catch (e) {
+ setError(e);
+ } finally {
+ setIsPending(false);
+ }
+ };
+
+ if (isLoading) {
+ return
+
+ {({ name }: any) => name}
+
+
+ {({ slug }: any) => {
+ const url = getUrl(slug);
+
+ return (
+
+
+ {isMobile ? slug : url}
+
+
+ );
+ }}
+
+
+ {({ id, slug }: any) => (
+
+
+ )}
+
+
+ );
+}
diff --git a/src/components/svg/AddUser.tsx b/src/components/svg/AddUser.tsx
new file mode 100644
index 000000000..d1eb50956
--- /dev/null
+++ b/src/components/svg/AddUser.tsx
@@ -0,0 +1,16 @@
+import type { SVGProps } from 'react';
+
+const SvgAddUser = (props: SVGProps) => (
+
+
+);
+export default SvgAddUser;
diff --git a/src/components/svg/BarChart.tsx b/src/components/svg/BarChart.tsx
new file mode 100644
index 000000000..85f12452c
--- /dev/null
+++ b/src/components/svg/BarChart.tsx
@@ -0,0 +1,8 @@
+import { memo, type SVGProps } from 'react';
+
+const SvgBarChart = memo((props: SVGProps) => (
+
+
+));
+export default SvgBarChart;
diff --git a/src/components/svg/Bars.tsx b/src/components/svg/Bars.tsx
new file mode 100644
index 000000000..1ce88f724
--- /dev/null
+++ b/src/components/svg/Bars.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgBars = (props: SVGProps) => (
+
+
+);
+export default SvgBars;
diff --git a/src/components/svg/Bolt.tsx b/src/components/svg/Bolt.tsx
new file mode 100644
index 000000000..23b1e76b5
--- /dev/null
+++ b/src/components/svg/Bolt.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgBolt = (props: SVGProps) => (
+
+
+);
+export default SvgBolt;
diff --git a/src/components/svg/Bookmark.tsx b/src/components/svg/Bookmark.tsx
new file mode 100644
index 000000000..089f61fe2
--- /dev/null
+++ b/src/components/svg/Bookmark.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgBookmark = (props: SVGProps) => (
+
+
+);
+export default SvgBookmark;
diff --git a/src/components/svg/Calendar.tsx b/src/components/svg/Calendar.tsx
new file mode 100644
index 000000000..dfb848a9c
--- /dev/null
+++ b/src/components/svg/Calendar.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgCalendar = (props: SVGProps) => (
+
+
+);
+export default SvgCalendar;
diff --git a/src/components/svg/Change.tsx b/src/components/svg/Change.tsx
new file mode 100644
index 000000000..935a2f7a8
--- /dev/null
+++ b/src/components/svg/Change.tsx
@@ -0,0 +1,13 @@
+import type { SVGProps } from 'react';
+
+const SvgChange = (props: SVGProps) => (
+
+
+);
+export default SvgChange;
diff --git a/src/components/svg/Clock.tsx b/src/components/svg/Clock.tsx
new file mode 100644
index 000000000..2dfa6a6ee
--- /dev/null
+++ b/src/components/svg/Clock.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+
+const SvgClock = (props: SVGProps) => (
+
+
+
+
+);
+export default SvgClock;
diff --git a/src/components/svg/Compare.tsx b/src/components/svg/Compare.tsx
new file mode 100644
index 000000000..3434461a3
--- /dev/null
+++ b/src/components/svg/Compare.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgCompare = (props: SVGProps) => (
+
+
+);
+export default SvgCompare;
diff --git a/src/components/svg/Dashboard.tsx b/src/components/svg/Dashboard.tsx
new file mode 100644
index 000000000..5696244fd
--- /dev/null
+++ b/src/components/svg/Dashboard.tsx
@@ -0,0 +1,21 @@
+import type { SVGProps } from 'react';
+
+const SvgDashboard = (props: SVGProps) => (
+
+
+);
+export default SvgDashboard;
diff --git a/src/components/svg/Download.tsx b/src/components/svg/Download.tsx
new file mode 100644
index 000000000..5f58724cc
--- /dev/null
+++ b/src/components/svg/Download.tsx
@@ -0,0 +1,9 @@
+import type { SVGProps } from 'react';
+
+const SvgDownload = (props: SVGProps) => (
+
+
+);
+export default SvgDownload;
diff --git a/src/components/svg/Expand.tsx b/src/components/svg/Expand.tsx
new file mode 100644
index 000000000..a0f472e57
--- /dev/null
+++ b/src/components/svg/Expand.tsx
@@ -0,0 +1,18 @@
+import type { SVGProps } from 'react';
+
+const SvgExpand = (props: SVGProps) => (
+
+
+);
+export default SvgExpand;
diff --git a/src/components/svg/Export.tsx b/src/components/svg/Export.tsx
new file mode 100644
index 000000000..5c1ef14dc
--- /dev/null
+++ b/src/components/svg/Export.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+
+const SvgExport = (props: SVGProps) => (
+
+
+
+
+
+
+);
+export default SvgExport;
diff --git a/src/components/svg/Flag.tsx b/src/components/svg/Flag.tsx
new file mode 100644
index 000000000..34af943a9
--- /dev/null
+++ b/src/components/svg/Flag.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgFlag = (props: SVGProps) => (
+
+
+);
+export default SvgFlag;
diff --git a/src/components/svg/Funnel.tsx b/src/components/svg/Funnel.tsx
new file mode 100644
index 000000000..63cf47d7b
--- /dev/null
+++ b/src/components/svg/Funnel.tsx
@@ -0,0 +1,18 @@
+import type { SVGProps } from 'react';
+
+const SvgFunnel = (props: SVGProps) => (
+
+
+);
+export default SvgFunnel;
diff --git a/src/components/svg/Gauge.tsx b/src/components/svg/Gauge.tsx
new file mode 100644
index 000000000..38933993c
--- /dev/null
+++ b/src/components/svg/Gauge.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from 'react';
+
+const SvgGauge = (props: SVGProps) => (
+
+
+);
+export default SvgGauge;
diff --git a/src/components/svg/Gear.tsx b/src/components/svg/Gear.tsx
new file mode 100644
index 000000000..539b838c9
--- /dev/null
+++ b/src/components/svg/Gear.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgGear = (props: SVGProps) => (
+
+
+);
+export default SvgGear;
diff --git a/src/components/svg/Globe.tsx b/src/components/svg/Globe.tsx
new file mode 100644
index 000000000..385017d40
--- /dev/null
+++ b/src/components/svg/Globe.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgGlobe = (props: SVGProps) => (
+
+
+);
+export default SvgGlobe;
diff --git a/src/components/svg/Lightbulb.tsx b/src/components/svg/Lightbulb.tsx
new file mode 100644
index 000000000..8d86170e2
--- /dev/null
+++ b/src/components/svg/Lightbulb.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from 'react';
+
+const SvgLightbulb = (props: SVGProps) => (
+
+
+);
+export default SvgLightbulb;
diff --git a/src/components/svg/Lightning.tsx b/src/components/svg/Lightning.tsx
new file mode 100644
index 000000000..9539a9614
--- /dev/null
+++ b/src/components/svg/Lightning.tsx
@@ -0,0 +1,33 @@
+import type { SVGProps } from 'react';
+
+const SvgLightning = (props: SVGProps) => (
+
+
+
+
+
+
+
+
+);
+export default SvgLightning;
diff --git a/src/components/svg/Link.tsx b/src/components/svg/Link.tsx
new file mode 100644
index 000000000..4ce88e78b
--- /dev/null
+++ b/src/components/svg/Link.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgLink = (props: SVGProps) => (
+
+
+);
+export default SvgLink;
diff --git a/src/components/svg/Location.tsx b/src/components/svg/Location.tsx
new file mode 100644
index 000000000..0fd7d165f
--- /dev/null
+++ b/src/components/svg/Location.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgLocation = (props: SVGProps) => (
+
+
+);
+export default SvgLocation;
diff --git a/src/components/svg/Lock.tsx b/src/components/svg/Lock.tsx
new file mode 100644
index 000000000..2b62eb9e0
--- /dev/null
+++ b/src/components/svg/Lock.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgLock = (props: SVGProps) => (
+
+
+);
+export default SvgLock;
diff --git a/src/components/svg/Logo.tsx b/src/components/svg/Logo.tsx
new file mode 100644
index 000000000..eb9fdf5bb
--- /dev/null
+++ b/src/components/svg/Logo.tsx
@@ -0,0 +1,17 @@
+import type { SVGProps } from 'react';
+
+const SvgLogo = (props: SVGProps) => (
+
+
+);
+export default SvgLogo;
diff --git a/src/components/svg/LogoWhite.tsx b/src/components/svg/LogoWhite.tsx
new file mode 100644
index 000000000..fb8c5f9bb
--- /dev/null
+++ b/src/components/svg/LogoWhite.tsx
@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+
+const SvgLogoWhite = (props: SVGProps) => (
+
+
+);
+export default SvgLogoWhite;
diff --git a/src/components/svg/Magnet.tsx b/src/components/svg/Magnet.tsx
new file mode 100644
index 000000000..88b0f03ae
--- /dev/null
+++ b/src/components/svg/Magnet.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from 'react';
+
+const SvgMagnet = (props: SVGProps) => (
+
+
+);
+export default SvgMagnet;
diff --git a/src/components/svg/Money.tsx b/src/components/svg/Money.tsx
new file mode 100644
index 000000000..7d7b1e562
--- /dev/null
+++ b/src/components/svg/Money.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from 'react';
+
+const SvgMoney = (props: SVGProps) => (
+
+
+);
+export default SvgMoney;
diff --git a/src/components/svg/Moon.tsx b/src/components/svg/Moon.tsx
new file mode 100644
index 000000000..40e3e8b98
--- /dev/null
+++ b/src/components/svg/Moon.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgMoon = (props: SVGProps) => (
+
+
+);
+export default SvgMoon;
diff --git a/src/components/svg/Network.tsx b/src/components/svg/Network.tsx
new file mode 100644
index 000000000..15941a99f
--- /dev/null
+++ b/src/components/svg/Network.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from 'react';
+
+const SvgNetwork = (props: SVGProps) => (
+
+
+);
+export default SvgNetwork;
diff --git a/src/components/svg/Nodes.tsx b/src/components/svg/Nodes.tsx
new file mode 100644
index 000000000..1adfcb84e
--- /dev/null
+++ b/src/components/svg/Nodes.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+
+const SvgNodes = (props: SVGProps) => (
+
+
+);
+export default SvgNodes;
diff --git a/src/components/svg/Overview.tsx b/src/components/svg/Overview.tsx
new file mode 100644
index 000000000..67e6af146
--- /dev/null
+++ b/src/components/svg/Overview.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgOverview = (props: SVGProps) => (
+
+
+);
+export default SvgOverview;
diff --git a/src/components/svg/Path.tsx b/src/components/svg/Path.tsx
new file mode 100644
index 000000000..7538ba442
--- /dev/null
+++ b/src/components/svg/Path.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from 'react';
+
+const SvgPath = (props: SVGProps) => (
+
+
+);
+export default SvgPath;
diff --git a/src/components/svg/Profile.tsx b/src/components/svg/Profile.tsx
new file mode 100644
index 000000000..c955fce2f
--- /dev/null
+++ b/src/components/svg/Profile.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgProfile = (props: SVGProps) => (
+
+
+);
+export default SvgProfile;
diff --git a/src/components/svg/Pushpin.tsx b/src/components/svg/Pushpin.tsx
new file mode 100644
index 000000000..d19e98ea0
--- /dev/null
+++ b/src/components/svg/Pushpin.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgPushpin = (props: SVGProps) => (
+
+
+);
+export default SvgPushpin;
diff --git a/src/components/svg/Redo.tsx b/src/components/svg/Redo.tsx
new file mode 100644
index 000000000..04c389f6e
--- /dev/null
+++ b/src/components/svg/Redo.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgRedo = (props: SVGProps) => (
+
+
+);
+export default SvgRedo;
diff --git a/src/components/svg/Reports.tsx b/src/components/svg/Reports.tsx
new file mode 100644
index 000000000..b5489668a
--- /dev/null
+++ b/src/components/svg/Reports.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgReports = (props: SVGProps) => (
+
+
+);
+export default SvgReports;
diff --git a/src/components/svg/Security.tsx b/src/components/svg/Security.tsx
new file mode 100644
index 000000000..d075a9385
--- /dev/null
+++ b/src/components/svg/Security.tsx
@@ -0,0 +1,16 @@
+import type { SVGProps } from 'react';
+
+const SvgSecurity = (props: SVGProps) => (
+
+
+);
+export default SvgSecurity;
diff --git a/src/components/svg/Speaker.tsx b/src/components/svg/Speaker.tsx
new file mode 100644
index 000000000..eb724ae9c
--- /dev/null
+++ b/src/components/svg/Speaker.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgSpeaker = (props: SVGProps) => (
+
+
+);
+export default SvgSpeaker;
diff --git a/src/components/svg/Sun.tsx b/src/components/svg/Sun.tsx
new file mode 100644
index 000000000..61880f5cc
--- /dev/null
+++ b/src/components/svg/Sun.tsx
@@ -0,0 +1,9 @@
+import type { SVGProps } from 'react';
+
+const SvgSun = (props: SVGProps) => (
+
+
+);
+export default SvgSun;
diff --git a/src/components/svg/Switch.tsx b/src/components/svg/Switch.tsx
new file mode 100644
index 000000000..0196d850f
--- /dev/null
+++ b/src/components/svg/Switch.tsx
@@ -0,0 +1,19 @@
+import type { SVGProps } from 'react';
+
+const SvgSwitch = (props: SVGProps) => (
+
+
+);
+export default SvgSwitch;
diff --git a/src/components/svg/Tag.tsx b/src/components/svg/Tag.tsx
new file mode 100644
index 000000000..2ff51f4dc
--- /dev/null
+++ b/src/components/svg/Tag.tsx
@@ -0,0 +1,16 @@
+import type { SVGProps } from 'react';
+
+const SvgTag = (props: SVGProps) => (
+
+
+);
+export default SvgTag;
diff --git a/src/components/svg/Target.tsx b/src/components/svg/Target.tsx
new file mode 100644
index 000000000..3fe76d21f
--- /dev/null
+++ b/src/components/svg/Target.tsx
@@ -0,0 +1,21 @@
+import type { SVGProps } from 'react';
+
+const SvgTarget = (props: SVGProps) => (
+
+
+);
+export default SvgTarget;
diff --git a/src/components/svg/Visitor.tsx b/src/components/svg/Visitor.tsx
new file mode 100644
index 000000000..16db58589
--- /dev/null
+++ b/src/components/svg/Visitor.tsx
@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+
+const SvgVisitor = (props: SVGProps) => (
+
+
+);
+export default SvgVisitor;
diff --git a/src/components/svg/Website.tsx b/src/components/svg/Website.tsx
new file mode 100644
index 000000000..20a18a49f
--- /dev/null
+++ b/src/components/svg/Website.tsx
@@ -0,0 +1,13 @@
+import type { SVGProps } from 'react';
+
+const SvgWebsite = (props: SVGProps) => (
+
+
+);
+export default SvgWebsite;
diff --git a/src/components/svg/index.ts b/src/components/svg/index.ts
new file mode 100644
index 000000000..15721e52e
--- /dev/null
+++ b/src/components/svg/index.ts
@@ -0,0 +1,38 @@
+export { default as AddUser } from './AddUser';
+export { default as BarChart } from './BarChart';
+export { default as Bars } from './Bars';
+export { default as Bolt } from './Bolt';
+export { default as Bookmark } from './Bookmark';
+export { default as Change } from './Change';
+export { default as Compare } from './Compare';
+export { default as Dashboard } from './Dashboard';
+export { default as Download } from './Download';
+export { default as Expand } from './Expand';
+export { default as Export } from './Export';
+export { default as Flag } from './Flag';
+export { default as Funnel } from './Funnel';
+export { default as Gauge } from './Gauge';
+export { default as Gear } from './Gear';
+export { default as Lightbulb } from './Lightbulb';
+export { default as Lightning } from './Lightning';
+export { default as Location } from './Location';
+export { default as Lock } from './Lock';
+export { default as Logo } from './Logo';
+export { default as LogoWhite } from './LogoWhite';
+export { default as Magnet } from './Magnet';
+export { default as Money } from './Money';
+export { default as Network } from './Network';
+export { default as Nodes } from './Nodes';
+export { default as Overview } from './Overview';
+export { default as Path } from './Path';
+export { default as Profile } from './Profile';
+export { default as Pushpin } from './Pushpin';
+export { default as Redo } from './Redo';
+export { default as Reports } from './Reports';
+export { default as Security } from './Security';
+export { default as Speaker } from './Speaker';
+export { default as Switch } from './Switch';
+export { default as Tag } from './Tag';
+export { default as Target } from './Target';
+export { default as Visitor } from './Visitor';
+export { default as Website } from './Website';
diff --git a/src/declaration.d.ts b/src/declaration.d.ts
index 7dff68b86..7bd6d1f0e 100644
--- a/src/declaration.d.ts
+++ b/src/declaration.d.ts
@@ -1,6 +1,17 @@
+declare module '*.css';
+declare module '*.svg';
+declare module '*.json';
declare module 'bcryptjs';
declare module 'chartjs-adapter-date-fns';
declare module 'cors';
+declare module 'date-fns-tz';
declare module 'debug';
declare module 'jsonwebtoken';
declare module 'md5';
+declare module 'papaparse';
+declare module 'prettier';
+declare module 'react-simple-maps';
+declare module 'semver';
+declare module 'tsup';
+declare module 'uuid';
+declare module '@umami/esbuild-plugin-css-modules';
diff --git a/src/i18n/request.ts b/src/i18n/request.ts
new file mode 100644
index 000000000..f35538f1b
--- /dev/null
+++ b/src/i18n/request.ts
@@ -0,0 +1,9 @@
+import { getRequestConfig } from 'next-intl/server';
+import enUS from '../../public/intl/messages/en-US.json';
+
+export default getRequestConfig(async () => {
+ return {
+ locale: 'en-US',
+ messages: enUS,
+ };
+});
diff --git a/src/index.ts b/src/index.ts
index e7b0e6c62..caeaf38a3 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,64 +1,84 @@
-export * from '@/components/hooks';
+export * from '@/app/(main)/settings/preferences/LanguageSetting';
+export * from '@/app/(main)/settings/preferences/PreferenceSettings';
+export * from '@/app/(main)/settings/preferences/PreferencesPage';
+export * from '@/app/(main)/settings/preferences/ThemeSetting';
+export * from '@/app/(main)/teams/[teamId]/TeamDeleteForm';
+export * from '@/app/(main)/teams/[teamId]/TeamEditForm';
+export * from '@/app/(main)/teams/[teamId]/TeamManage';
+export * from '@/app/(main)/teams/[teamId]/TeamMemberEditButton';
+export * from '@/app/(main)/teams/[teamId]/TeamMemberEditForm';
+export * from '@/app/(main)/teams/[teamId]/TeamMemberRemoveButton';
+export * from '@/app/(main)/teams/[teamId]/TeamMembersDataTable';
+export * from '@/app/(main)/teams/[teamId]/TeamMembersTable';
+export * from '@/app/(main)/teams/[teamId]/TeamSettings';
+export * from '@/app/(main)/teams/[teamId]/TeamWebsiteRemoveButton';
+export * from '@/app/(main)/teams/[teamId]/TeamWebsitesDataTable';
+export * from '@/app/(main)/teams/[teamId]/TeamWebsitesTable';
-export * from '@/app/(main)/teams/[teamId]/settings/members/TeamMemberEditButton';
-export * from '@/app/(main)/teams/[teamId]/settings/members/TeamMemberEditForm';
-export * from '@/app/(main)/teams/[teamId]/settings/members/TeamMemberRemoveButton';
-export * from '@/app/(main)/teams/[teamId]/settings/members/TeamMembersDataTable';
-export * from '@/app/(main)/teams/[teamId]/settings/members/TeamMembersTable';
+export * from '@/app/(main)/teams/TeamAddForm';
+export * from '@/app/(main)/teams/TeamJoinForm';
+export * from '@/app/(main)/teams/TeamLeaveButton';
+export * from '@/app/(main)/teams/TeamLeaveForm';
+export * from '@/app/(main)/teams/TeamMemberAddForm';
+export * from '@/app/(main)/teams/TeamProvider';
+export * from '@/app/(main)/teams/TeamsAddButton';
+export * from '@/app/(main)/teams/TeamsDataTable';
+export * from '@/app/(main)/teams/TeamsHeader';
+export * from '@/app/(main)/teams/TeamsJoinButton';
+export * from '@/app/(main)/teams/TeamsMemberAddButton';
+export * from '@/app/(main)/teams/TeamsTable';
+export * from '@/app/(main)/websites/[websiteId]/settings/WebsiteData';
+export * from '@/app/(main)/websites/[websiteId]/settings/WebsiteDeleteForm';
+export * from '@/app/(main)/websites/[websiteId]/settings/WebsiteEditForm';
+export * from '@/app/(main)/websites/[websiteId]/settings/WebsiteResetForm';
+export * from '@/app/(main)/websites/[websiteId]/settings/WebsiteSettings';
+export * from '@/app/(main)/websites/[websiteId]/settings/WebsiteShareForm';
+export * from '@/app/(main)/websites/[websiteId]/settings/WebsiteTrackingCode';
-export * from '@/app/(main)/teams/[teamId]/settings/team/TeamDeleteForm';
-export * from '@/app/(main)/teams/[teamId]/settings/team/TeamDetails';
-export * from '@/app/(main)/teams/[teamId]/settings/team/TeamEditForm';
-export * from '@/app/(main)/teams/[teamId]/settings/team/TeamManage';
+export * from '@/app/(main)/websites/WebsiteAddButton';
+export * from '@/app/(main)/websites/WebsiteAddForm';
+export * from '@/app/(main)/websites/WebsiteProvider';
+export * from '@/app/(main)/websites/WebsitesDataTable';
+export * from '@/app/(main)/websites/WebsitesHeader';
+export * from '@/app/(main)/websites/WebsitesTable';
-export * from '@/app/(main)/teams/[teamId]/settings/websites/TeamWebsiteRemoveButton';
-export * from '@/app/(main)/teams/[teamId]/settings/websites/TeamWebsitesDataTable';
-export * from '@/app/(main)/teams/[teamId]/settings/websites/TeamWebsitesTable';
-
-export * from '@/app/(main)/settings/teams/TeamAddForm';
-export * from '@/app/(main)/settings/teams/TeamJoinForm';
-export * from '@/app/(main)/settings/teams/TeamLeaveButton';
-export * from '@/app/(main)/settings/teams/TeamLeaveForm';
-export * from '@/app/(main)/settings/teams/TeamsAddButton';
-export * from '@/app/(main)/settings/teams/TeamsDataTable';
-export * from '@/app/(main)/settings/teams/TeamsHeader';
-export * from '@/app/(main)/settings/teams/TeamsJoinButton';
-export * from '@/app/(main)/settings/teams/TeamsTable';
-export * from '@/app/(main)/settings/teams/WebsiteTags';
-
-export * from '@/app/(main)/settings/websites/[websiteId]/ShareUrl';
-export * from '@/app/(main)/settings/websites/[websiteId]/TrackingCode';
-export * from '@/app/(main)/settings/websites/[websiteId]/WebsiteData';
-export * from '@/app/(main)/settings/websites/[websiteId]/WebsiteDeleteForm';
-export * from '@/app/(main)/settings/websites/[websiteId]/WebsiteEditForm';
-export * from '@/app/(main)/settings/websites/[websiteId]/WebsiteResetForm';
-export * from '@/app/(main)/settings/websites/[websiteId]/WebsiteSettings';
-
-export * from '@/app/(main)/settings/websites/WebsiteAddButton';
-export * from '@/app/(main)/settings/websites/WebsiteAddForm';
-export * from '@/app/(main)/settings/websites/WebsitesDataTable';
-export * from '@/app/(main)/settings/websites/WebsitesHeader';
-export * from '@/app/(main)/settings/websites/WebsitesTable';
-
-export * from '@/app/(main)/teams/[teamId]/TeamProvider';
-export * from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
+export * from '@/components/charts/BarChart';
+export * from '@/components/charts/BubbleChart';
+export * from '@/components/charts/Chart';
+export * from '@/components/charts/ChartTooltip';
+export * from '@/components/charts/PieChart';
+export * from '@/components/common/ActionForm';
export * from '@/components/common/ConfirmationForm';
-export * from '@/components/common/DataTable';
+export * from '@/components/common/DataGrid';
+export * from '@/components/common/DateDisplay';
+export * from '@/components/common/DateDistance';
export * from '@/components/common/Empty';
+export * from '@/components/common/EmptyPlaceholder';
export * from '@/components/common/ErrorBoundary';
export * from '@/components/common/ErrorMessage';
+export * from '@/components/common/ExternalLink';
export * from '@/components/common/Favicon';
-export * from '@/components/common/FilterButtons';
-export * from '@/components/common/FilterLink';
-export * from '@/components/common/HamburgerButton';
-export * from '@/components/common/HoverTooltip';
export * from '@/components/common/LinkButton';
-export * from '@/components/common/MobileMenu';
+export * from '@/components/common/LoadingPanel';
+export * from '@/components/common/NavMenu';
+export * from '@/components/common/PageBody';
+export * from '@/components/common/PageHeader';
export * from '@/components/common/Pager';
+export * from '@/components/common/Panel';
+export * from '@/components/common/SectionHeader';
export * from '@/components/common/TypeConfirmationForm';
-
+export * from '@/components/hooks';
+export * from '@/components/input/DateFilter';
+export * from '@/components/input/DialogButton';
+export * from '@/components/input/DownloadButton';
+export * from '@/components/input/ExportButton';
+export * from '@/components/input/FilterButtons';
+export * from '@/components/input/ProfileButton';
export * from '@/components/input/TeamsButton';
-export * from '@/components/input/ThemeButton';
-
-export { ROLES } from '@/lib/constants';
+export * from '@/components/input/WebsiteSelect';
+export * from '@/components/metrics/ChangeLabel';
+export * from '@/components/metrics/ListTable';
+export * from '@/components/metrics/MetricCard';
+export * from '@/components/metrics/MetricLabel';
+export * from '@/components/metrics/MetricsBar';
diff --git a/src/lang/am-ET.json b/src/lang/am-ET.json
deleted file mode 100644
index ab3112185..000000000
--- a/src/lang/am-ET.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Actions",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Add website",
- "label.admin": "Administrator",
- "label.after": "After",
- "label.all": "All",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Back",
- "label.before": "Before",
- "label.bounce-rate": "Bounce rate",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Browsers",
- "label.cancel": "Cancel",
- "label.change-password": "Change password",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Confirm password",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Countries",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Current password",
- "label.custom-range": "Custom range",
- "label.dashboard": "Dashboard",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Date range",
- "label.day": "Day",
- "label.default-date-range": "Default date range",
- "label.delete": "Delete",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Delete website",
- "label.description": "Description",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Devices",
- "label.dismiss": "Dismiss",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Domain",
- "label.dropoff": "Dropoff",
- "label.edit": "Edit",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Enable share URL",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event Data",
- "label.events": "Events",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Combined",
- "label.filter-raw": "Raw",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "Laptop",
- "label.last-days": "Last {x} days",
- "label.last-hours": "Last {x} hours",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Login",
- "label.logout": "Logout",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Mobile",
- "label.more": "More",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Name",
- "label.new-password": "New password",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Page views",
- "label.pageTitle": "Page title",
- "label.pages": "Pages",
- "label.password": "Password",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Powered by {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profile",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Realtime",
- "label.referrer": "Referrer",
- "label.referrers": "Referrers",
- "label.refresh": "Refresh",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Required",
- "label.reset": "Reset",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Save",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Settings",
- "label.share-url": "Share URL",
- "label.single-day": "Single day",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "This month",
- "label.this-week": "This week",
- "label.this-year": "This year",
- "label.timezone": "Timezone",
- "label.title": "Title",
- "label.today": "Today",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Tracking code",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Unique visitors",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Unknown",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Username",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "View details",
- "label.view-only": "View only",
- "label.views": "Views",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Visit duration",
- "label.visitors": "Visitors",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Websites",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} current {x, plural, one {visitor} other {visitors}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Are you sure you want to delete {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are you sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "All website data will be deleted.",
- "message.error": "Something went wrong.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Go to settings",
- "message.incorrect-username-password": "Incorrect username/password.",
- "message.invalid-domain": "Invalid domain. Do not include http/https.",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "No data available.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Passwords do not match.",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "You do not have any websites configured.",
- "message.page-not-found": "Page not found.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your settings will remain intact.",
- "message.saved": "Saved.",
- "message.share-url": "This is the publicly shared URL for {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "To track stats for this website, place the following code in the ... section of your HTML.",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Visitor from {country} using {browser} on {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/ar-SA.json b/src/lang/ar-SA.json
deleted file mode 100644
index cfc3d502c..000000000
--- a/src/lang/ar-SA.json
+++ /dev/null
@@ -1,283 +0,0 @@
-{
- "label.access-code": "كود الدعوة",
- "label.actions": "الإجراءات",
- "label.activity": "سجل الأحداث",
- "label.add": "أضِف",
- "label.add-description": "أضِف وصف",
- "label.add-member": "أضِف عضو",
- "label.add-step": "إضافة خطوة",
- "label.add-website": "إضافة موقع",
- "label.admin": "مدير",
- "label.after": "يعد",
- "label.all": "الكل",
- "label.all-time": "كل الوقت",
- "label.analytics": "تحليلات",
- "label.attribution": "الإسناد",
- "label.attribution-description": "شاهد كيف يتفاعل المستخدمون مع حملاتك التسويقية وما الذي يحفز التحويلات.",
- "label.average": "المتوسط",
- "label.back": "للخلف",
- "label.before": "قبل",
- "label.bounce-rate": "معدل الارتداد",
- "label.breakdown": "التصنيف",
- "label.browser": "المتصفح",
- "label.browsers": "المتصفحات",
- "label.cancel": "إلغاء",
- "label.change-password": "تغيير كلمة المرور",
- "label.cities": "المدن",
- "label.city": "المدينة",
- "label.clear-all": "مسح الكل",
- "label.compare": "المقارنة",
- "label.confirm": "تأكيد",
- "label.confirm-password": "تأكيد كلمة المرور",
- "label.contains": "يحتوي على",
- "label.continue": "تابع",
- "label.count": "العدد",
- "label.countries": "الدول",
- "label.country": "الدولة",
- "label.create": "أنشِئ",
- "label.create-report": "أنشِئ تقرير",
- "label.create-team": "أنشِئ فريق",
- "label.create-user": "أنشِئ مستخدم",
- "label.created": "أُنشئت",
- "label.created-by": "أُنشئ من قبل",
- "label.current": "الحالي",
- "label.current-password": "كلمة المرور الحالية",
- "label.custom-range": "فترة مخصّصة",
- "label.dashboard": "لوحة التحكم",
- "label.data": "البيانات",
- "label.date": "التاريخ",
- "label.date-range": "فترة مخصّصة",
- "label.day": "يوم",
- "label.default-date-range": "الفترة المخصّصة الافتراضية",
- "label.delete": "حذف",
- "label.delete-report": "احذف التقرير",
- "label.delete-team": "حذف الفريق",
- "label.delete-user": "جذف مستخدم",
- "label.delete-website": "حذف الموقع",
- "label.description": "الوصف",
- "label.desktop": "كمبيوتر",
- "label.details": "تفاصيل",
- "label.device": "الجهاز",
- "label.devices": "الأجهزة",
- "label.dismiss": "تجاهل",
- "label.does-not-contain": "لا يحتوي على",
- "label.domain": "النطاق",
- "label.dropoff": "إنزال",
- "label.edit": "تعديل",
- "label.edit-dashboard": "عدّل لوحة التحكم",
- "label.edit-member": "عدّل العضو",
- "label.enable-share-url": "فعّل مشاركة الرابط",
- "label.end-step": "الخطوة الأخيرة",
- "label.entry": "رابط الدخول",
- "label.event": "الحدث",
- "label.event-data": "تاريخ الحدث",
- "label.events": "الأحداث",
- "label.exit": "رابط المغادرة",
- "label.false": "خطأ",
- "label.field": "الحقل",
- "label.fields": "الحقول",
- "label.filter": "تصفيَة",
- "label.filter-combined": "مُجمّعة",
- "label.filter-raw": "خام",
- "label.filters": "التصفيات",
- "label.first-seen": "أول ظهور",
- "label.funnel": "قمع",
- "label.funnel-description": "فهم معدل التحويل والانقطاع عن المستخدمين.",
- "label.goal": "الهدف",
- "label.goals": "الأهداف",
- "label.goals-description": "تابع تحقق أهدافك المرتبطة بمشاهدات الصفحات والأحداث.",
- "label.greater-than": "أكبَر مِن",
- "label.greater-than-equals": "أكبَر مِن أو يساوي",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "نتائج التحليلات",
- "label.insights-description": "تعمق في بياناتك باستخدام الشرائح والتصفيات.",
- "label.is": "يساوي",
- "label.is-not": "لا يساوي",
- "label.is-not-set": "لم ضُبط",
- "label.is-set": "ضُبط",
- "label.join": "انضم",
- "label.join-team": "انضم للفريق",
- "label.journey": "رحلة المستخدم",
- "label.journey-description": "تعرّف على كيفية تنقّل المستخدمين داخل موقعك.",
- "label.language": "اللغة",
- "label.languages": "اللغات",
- "label.laptop": "لابتوب",
- "label.last-days": "آخر {x} يوم/ايام",
- "label.last-hours": "آخر {x} ساعة",
- "label.last-months": "آخر {x} شهر/أشهر",
- "label.last-seen": "آخر ظهور",
- "label.leave": "غادر",
- "label.leave-team": "مغادرة المجموعة",
- "label.less-than": "أقل مِن",
- "label.less-than-equals": "أقل مِن أو يساوي",
- "label.login": "تسجيل الدخول",
- "label.logout": "تسجيل الخروج",
- "label.manage": "التحكم",
- "label.manager": "مدير",
- "label.max": "الحد الأقصى",
- "label.member": "عضو",
- "label.members": "الأعضاء",
- "label.min": "الحد الأدنى",
- "label.mobile": "جوال",
- "label.more": "المزيد",
- "label.my-account": "حسابي",
- "label.my-websites": "مواقعي",
- "label.name": "الاسم",
- "label.new-password": "كلمة مرور جديدة",
- "label.none": "غير معرّف",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "نعم",
- "label.os": "نظام التشغيل",
- "label.overview": "نظرة عامة",
- "label.owner": "المالك",
- "label.page-of": "صفحة {current} من {total}",
- "label.page-views": "مشاهدات الصفحة",
- "label.pageTitle": "عنوان الصفحة",
- "label.pages": "الصفحات",
- "label.password": "كلمة المرور",
- "label.path": "المسار",
- "label.paths": "المسارات",
- "label.powered-by": "مشغل بواسطة {name}",
- "label.previous": "السابق",
- "label.previous-period": "الفترة السابقة",
- "label.previous-year": "العام السابق",
- "label.profile": "الملف الشخصي",
- "label.properties": "الخصائص",
- "label.property": "الخاصية",
- "label.queries": "استعلامات",
- "label.query": "استعلام",
- "label.query-parameters": "متغيرات الرابط",
- "label.realtime": "الوقت الفعلي",
- "label.referrer": "المرجع",
- "label.referrers": "التحويلات",
- "label.refresh": "تحديث",
- "label.regenerate": "إعادة توليد",
- "label.region": "المنطقة",
- "label.regions": "المناطق",
- "label.remove": "أزِل",
- "label.remove-member": "احذف عضو",
- "label.reports": "التقارير",
- "label.required": "اجباري",
- "label.reset": "اعادة تعيين",
- "label.reset-website": "اعادة تعيين الإحصائيات",
- "label.retention": "الاحتفاظ",
- "label.retention-description": "قس مدى ثبات موقعك على الويب من خلال تتبع عدد مرات عودة المستخدمين.",
- "label.revenue": "الإيرادات",
- "label.revenue-description": "قم بإلقاء نظرة على بيانات إيراداتك وكيفية إنفاق المستخدمين.",
- "label.revenue-property": "خاصية الإيرادات",
- "label.role": "الصلاحية",
- "label.run-query": "شغّل الاستعلام",
- "label.save": "حفظ",
- "label.screens": "الشاشات",
- "label.search": "بحث",
- "label.select": "اختر",
- "label.select-date": "حدد التاريخ",
- "label.select-role": "حدد الدور",
- "label.select-website": "حدد موقع",
- "label.session": "الزيارة",
- "label.sessions": "الزيارات",
- "label.settings": "الإعدادات",
- "label.share-url": "مشاركة الرابط",
- "label.single-day": "يوم واحد",
- "label.start-step": "الخطوة الأولى",
- "label.steps": "الخطوات",
- "label.sum": "المجموع",
- "label.tablet": "تابلت",
- "label.tag": "الوسم",
- "label.tags": "الوسوم",
- "label.team": "الفريق",
- "label.team-id": "معرّف الفريق",
- "label.team-manager": "مدير الفريق",
- "label.team-member": "عضو الفريق",
- "label.team-name": "اسم الفريق",
- "label.team-owner": "مدير الفريق",
- "label.team-view-only": "عرض الفريق فقط",
- "label.team-websites": "مواقع الفريق",
- "label.teams": "الفرق",
- "label.theme": "السمة",
- "label.this-month": "الشهر الحالي",
- "label.this-week": "الاسبوع الحالي",
- "label.this-year": "السنة الحالية",
- "label.timezone": "المنطقة الزمنية",
- "label.title": "العنوان",
- "label.today": "اليوم",
- "label.toggle-charts": "تغيير الإحصائيات",
- "label.total": "الإجمالي",
- "label.total-records": "إجمالي السجلات",
- "label.tracking-code": "كود التتبع",
- "label.transactions": "المعاملات",
- "label.transfer": "نقل",
- "label.transfer-website": "انقل الموقع",
- "label.true": "حقيقي",
- "label.type": "النوع",
- "label.unique": "فريد",
- "label.unique-visitors": "زائرون فريدون",
- "label.uniqueCustomers": "العملاء الفريدون",
- "label.unknown": "غير معروف",
- "label.untitled": "بدون عنوان",
- "label.update": "تحديث",
- "label.url": "الرابط",
- "label.urls": "الروابط",
- "label.user": "المستخدم",
- "label.user-property": "سمات المستخدم",
- "label.username": "اسم المستخدم",
- "label.users": "المستخدمين",
- "label.utm": "UTM",
- "label.utm-description": "تابع حملاتك التسويقية باستخدام معلمات UTM.",
- "label.value": "القيمة",
- "label.view": "عرض",
- "label.view-details": "عرض التفاصيل",
- "label.view-only": "عرض فقط",
- "label.views": "المشاهدات",
- "label.views-per-visit": "مشاهدات لكل زيارة",
- "label.visit-duration": "متوسط وقت الزيارة",
- "label.visitors": "الزوار",
- "label.visits": "الزيارات",
- "label.website": "الموقع",
- "label.website-id": "معرّف الموقع",
- "label.websites": "المواقع",
- "label.window": "النافذة",
- "label.yesterday": "الأمس",
- "message.action-confirmation": "اكتب {confirmation} في المربع أدناه للتأكيد.",
- "message.active-users": "{x} حاليا {x, plural, one {زائر واحد} other {زوار}}",
- "message.collected-data": "البيانات المجمعة",
- "message.confirm-delete": "هل أنت متأكد من حذف {target}?",
- "message.confirm-leave": "هل أنت متأكد من مغادرة {target}?",
- "message.confirm-remove": "هل انت متأكد من حذف {target}?",
- "message.confirm-reset": "هل أنت متأكد من اعادة تعيين الإحصائيات لـ {target}؟",
- "message.delete-team-warning": "سيؤدي حذف الفريق أيضًا إلى حذف كافة مواقع الفريق",
- "message.delete-website-warning": "سيتم حذف كافة بيانات الموقع.",
- "message.error": "حدث خطأ ما.",
- "message.event-log": "{event} في {url}",
- "message.go-to-settings": "الذهاب إلى الإعدادات",
- "message.incorrect-username-password": "اسم المستخدم او كلمة المرور غير صحيحة.",
- "message.invalid-domain": "النطاق غير صحيح",
- "message.min-password-length": "اقل عدد مسموح به {n} حرف/أحرف",
- "message.new-version-available": "إصدار جديد من Umami {version} متاح!",
- "message.no-data-available": "لا توجد بيانات متاحة.",
- "message.no-event-data": "لا توجد بيانات الحدث متاحة.",
- "message.no-match-password": "كلمة المرور غير متطابقة",
- "message.no-results-found": "لا توجد نتائج.",
- "message.no-team-websites": "هذا الفريق ليس لديه أي مواقع.",
- "message.no-teams": "لم تنشِئ اي فرق.",
- "message.no-users": "لا يوجد مستخدمين.",
- "message.no-websites-configured": "لم تقم بإعداد اي موقع.",
- "message.page-not-found": "الصفحة غير موجودة.",
- "message.reset-website": "لإعادة ضبط موقع الويب هذا، اكتب {confirmation} في المربع أدناه للتأكيد.",
- "message.reset-website-warning": "سيتم اعادة تعيين كافة الإحصائيات لهذا الموقع، لكن لن يتم تغيير كود التتبع",
- "message.saved": "تم الحفظ بنجاح.",
- "message.share-url": "إحصائيات موقعك متاحة للجميع على الرابط التالي:",
- "message.team-already-member": "أنت عضو في الفريق",
- "message.team-not-found": "لم يتم العثور على الفريق",
- "message.team-websites-info": "يمكن مشاهدة الموقع من اي عضو في الفريق.",
- "message.tracking-code": "كود التتبع",
- "message.transfer-team-website-to-user": "نقل هذا الموقع إلى حسابك؟",
- "message.transfer-user-website-to-team": "اختر الفريق الذي تريد نقل الموقع إليه.",
- "message.transfer-website": "نقل ملكية الموقع لحسابك أو فريق أخر.",
- "message.triggered-event": "أُطلق الحدث",
- "message.user-deleted": "تم حذف المستخدم.",
- "message.viewed-page": "شوهدت الصفحة",
- "message.visitor-log": "زائر من {country} يستخدم {browser} على {os} {device}",
- "message.visitors-dropped-off": "أنخفض عدد الزوار"
-}
diff --git a/src/lang/be-BY.json b/src/lang/be-BY.json
deleted file mode 100644
index b417afaa4..000000000
--- a/src/lang/be-BY.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Код доступу",
- "label.actions": "Дзеянні",
- "label.activity": "Журнал актыўнасці",
- "label.add": "Дадаць",
- "label.add-description": "Дадаць апісанне",
- "label.add-member": "Дадаць удзельніка",
- "label.add-step": "Дадаць крок",
- "label.add-website": "Дадаць сайт",
- "label.admin": "Адміністратар",
- "label.after": "Пасля",
- "label.all": "Усё",
- "label.all-time": "Увесь час",
- "label.analytics": "Аналітыка",
- "label.average": "Сярэдняе",
- "label.back": "Назад",
- "label.before": "Да",
- "label.bounce-rate": "Паказчык адмоваў",
- "label.breakdown": "Разбіўка",
- "label.browser": "Браўзер",
- "label.browsers": "Браўзеры",
- "label.cancel": "Адмена",
- "label.change-password": "Змяніць пароль",
- "label.cities": "Гарады",
- "label.city": "Горад",
- "label.clear-all": "Ачысціць усё",
- "label.compare": "Параўнаць",
- "label.confirm": "Падцвердзіць",
- "label.confirm-password": "Падцвердзіць пароль",
- "label.contains": "Уключае",
- "label.continue": "Працягнуць",
- "label.count": "Колькасць",
- "label.countries": "Краіны",
- "label.country": "Краіна",
- "label.create": "Стварыць",
- "label.create-report": "Стварыць справаздачу",
- "label.create-team": "Стварыць каманду",
- "label.create-user": "Стварыць карыстальніка",
- "label.created": "Створана",
- "label.created-by": "Створана",
- "label.current": "Цяперашні",
- "label.current-password": "Цяперашні пароль",
- "label.custom-range": "Іншы дыяпазон",
- "label.dashboard": "Інфармацыйная панэль",
- "label.data": "Дадзеныя",
- "label.date": "Дата",
- "label.date-range": "Дыяпазон дат",
- "label.day": "Дзень",
- "label.default-date-range": "Дыяпазон дат па змаўчанню",
- "label.delete": "Выдаліць",
- "label.delete-report": "Выдаліць справаздачу",
- "label.delete-team": "Выдаліць каманду",
- "label.delete-user": "Выдаліць карыстальніка",
- "label.delete-website": "Выдаліць сайт",
- "label.description": "Апісанне",
- "label.desktop": "Настольны ПК",
- "label.details": "Дэталі",
- "label.device": "Прылада",
- "label.devices": "Прылады",
- "label.dismiss": "Адхіліць",
- "label.does-not-contain": "Не ўключае",
- "label.domain": "Дамен",
- "label.dropoff": "Адмовы",
- "label.edit": "Змяніць",
- "label.edit-dashboard": "Змяніць інфармацыйную панэль",
- "label.edit-member": "Рэдагаваць удзельніка",
- "label.enable-share-url": "Дазволіць дзяліцца спасылкай",
- "label.end-step": "Канчатковы крок",
- "label.entry": "URL уваходу",
- "label.event": "Падзея",
- "label.event-data": "Дадзеныя падзеі",
- "label.events": "Падзеі",
- "label.exit": "URL выхаду",
- "label.false": "Ложна",
- "label.field": "Поле",
- "label.fields": "Палі",
- "label.filter": "Фільтр",
- "label.filter-combined": "Камбініраваны",
- "label.filter-raw": "Сырыя",
- "label.filters": "Фільтры",
- "label.first-seen": "First seen",
- "label.funnel": "Варонка",
- "label.funnel-description": "Разумець паказчыкі канверсіі і адмоваў.",
- "label.goal": "Мэта",
- "label.goals": "Мэты",
- "label.goals-description": "Сачыць за мэтамі па праглядах старонак і падзеях.",
- "label.greater-than": "Больш чым",
- "label.greater-than-equals": "Больш чым або роўна",
- "label.host": "Хост",
- "label.hosts": "Хасты",
- "label.insights": "Інсайты",
- "label.insights-description": "Даследваць дадзеныя з дапамогай сегментаў і фільтраў.",
- "label.is": "З'яўляецца",
- "label.is-not": "Не з'яўляецца",
- "label.is-not-set": "Не ўстаноўлена",
- "label.is-set": "Устаноўлена",
- "label.join": "Далучыцца",
- "label.join-team": "Далучыцца да каманды",
- "label.journey": "Маршрут карыстальніка",
- "label.journey-description": "Разумець як карыстальнікі навігуюць па сайце.",
- "label.language": "Мова",
- "label.languages": "Мовы",
- "label.laptop": "Ноўтбук",
- "label.last-days": "Апошнія {x} дзён",
- "label.last-hours": "Апошнія {x} гадзіны",
- "label.last-months": "Апошнія {x} месяцаў",
- "label.last-seen": "Last seen",
- "label.leave": "Пакінуць",
- "label.leave-team": "Пакінуць каманду",
- "label.less-than": "Менш чым",
- "label.less-than-equals": "Менш чым або роўна",
- "label.login": "Увайсці",
- "label.logout": "Выйсці",
- "label.manage": "Кіраваць",
- "label.manager": "Кіраўнік",
- "label.max": "Максімум",
- "label.member": "Удзельнік",
- "label.members": "Удзельнікі",
- "label.min": "Мінімум",
- "label.mobile": "Мабільны",
- "label.more": "Болей",
- "label.my-account": "Мой уліковы запіс",
- "label.my-websites": "Мае сайты",
- "label.name": "Імя",
- "label.new-password": "Новы пароль",
- "label.none": "Няма",
- "label.number-of-records": "{x} {x, plural, one {запіс} other {запісаў}}",
- "label.ok": "ОК",
- "label.os": "Аперацыйная сістэма",
- "label.overview": "Агляд",
- "label.owner": "Уласнік",
- "label.page-of": "Старонка {current} з {total}",
- "label.page-views": "Прагляды старонкі",
- "label.pageTitle": "Загаловак старонкі",
- "label.pages": "Старонкі",
- "label.password": "Пароль",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Зроблена {name}",
- "label.previous": "Папярэдні",
- "label.previous-period": "Папярэдні перыяд",
- "label.previous-year": "Папярэдні год",
- "label.profile": "Профіль",
- "label.properties": "Properties",
- "label.property": "Уласцівасць",
- "label.queries": "Запыты",
- "label.query": "Запыт",
- "label.query-parameters": "Параметры запыту",
- "label.realtime": "У рэяльным часе",
- "label.referrer": "Рэферэр",
- "label.referrers": "Рэферэры",
- "label.refresh": "Аднавіць",
- "label.regenerate": "Рэгенераваць",
- "label.region": "Рэгіён",
- "label.regions": "Рэгіёны",
- "label.remove": "Выдаліць",
- "label.remove-member": "Выдаліць удзельніка",
- "label.reports": "Справаздачы",
- "label.required": "Абавязкова",
- "label.reset": "Скінуць",
- "label.reset-website": "Скінуць статыстыку",
- "label.retention": "Утрыманне",
- "label.retention-description": "Ацаніць прыцягальнасць сайта, адсочваючы павяртанні карыстальнікаў.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Роля",
- "label.run-query": "Запусціць запыт",
- "label.save": "Захаваць",
- "label.screens": "Экраны",
- "label.search": "Пошук",
- "label.select": "Выбраць",
- "label.select-date": "Выбраць дату",
- "label.select-role": "Выбраць ролю",
- "label.select-website": "Выбраць сайт",
- "label.session": "Session",
- "label.sessions": "Сесіі",
- "label.settings": "Налады",
- "label.share-url": "Падзяліцца спасылкай",
- "label.single-day": "Адзін дзень",
- "label.start-step": "Першы кроку",
- "label.steps": "Крокі",
- "label.sum": "Сума",
- "label.tablet": "Планшэт",
- "label.team": "Каманда",
- "label.team-id": "Ідэнтыфікатар каманды",
- "label.team-manager": "Кіраўнік каманды",
- "label.team-member": "Удзельнік каманды",
- "label.team-name": "Назва каманды",
- "label.team-owner": "Уласнік каманды",
- "label.team-view-only": "Толькі для каманднага прагляду",
- "label.team-websites": "Сайты каманды",
- "label.teams": "Каманды",
- "label.theme": "Тэма",
- "label.this-month": "Гэты месяц",
- "label.this-week": "Гэты тыдзень",
- "label.this-year": "Гэты год",
- "label.timezone": "Часавы пояс",
- "label.title": "Загаловак",
- "label.today": "Сёння",
- "label.toggle-charts": "Пераключыць графікі",
- "label.total": "Агульная колькасць",
- "label.total-records": "Агульная колькасць запісаў",
- "label.tracking-code": "Код адсочвання",
- "label.transactions": "Transactions",
- "label.transfer": "Перадаць",
- "label.transfer-website": "Перадаць сайт",
- "label.true": "Ісціна",
- "label.type": "Тып",
- "label.unique": "Унікальны",
- "label.unique-visitors": "Унікальныя наведвальнікі",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Невядома",
- "label.untitled": "Без назвы",
- "label.update": "Абнавіць",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Карыстальнік",
- "label.user-property": "User Property",
- "label.username": "Імя карыстальніка",
- "label.users": "Карыстальнікі",
- "label.utm": "UTM",
- "label.utm-description": "Сачыць за кампаніямі з дапамогай UTM-метак.",
- "label.value": "Значэнне",
- "label.view": "Паглядзець",
- "label.view-details": "Паглядзець дэталі",
- "label.view-only": "Толькі прагляд",
- "label.views": "Прагляды",
- "label.views-per-visit": "Прагляды за наведванне",
- "label.visit-duration": "Сярэдняя даўжыня наведвання",
- "label.visitors": "Наведвальнікі",
- "label.visits": "Наведванні",
- "label.website": "Сайт",
- "label.website-id": "Ідэнтыфікатар сайта",
- "label.websites": "Сайты",
- "label.window": "Вакно",
- "label.yesterday": "Учора",
- "message.action-confirmation": "Увядзіце {confirmation} у поле ніжэй, каб пацвердзіць.",
- "message.active-users": "{x} цякучых {x, plural, one {наведвальнік} other {наведвальнікаў}}",
- "message.collected-data": "Сабраныя дадзеныя",
- "message.confirm-delete": "Вы дакладна хочаце выдаліць {target}?",
- "message.confirm-leave": "Вы дакладна хочаце пакінуць {target}?",
- "message.confirm-remove": "Вы дакладна хочаце выдаліць {target}?",
- "message.confirm-reset": "Вы дакладна хочаце скінуць {target} статыстыку?",
- "message.delete-team-warning": "Выдаленне каманды таксама выдаліць усе сайты каманды.",
- "message.delete-website-warning": "Усе асацыяваныя дадзеныя будуць таксама выдалены.",
- "message.error": "Нешта пайшло не так.",
- "message.event-log": "{event} на {url}",
- "message.go-to-settings": "Да налад",
- "message.incorrect-username-password": "Некарэктнае імя карыстальніка/пароль.",
- "message.invalid-domain": "Некарэктны дамен",
- "message.min-password-length": "Мінімальная даўжыня {n} знакаў",
- "message.new-version-available": "Даступная новая версія Umami {version}!",
- "message.no-data-available": "Няма дадзеных.",
- "message.no-event-data": "Дадзеныя падзеі недаступныя.",
- "message.no-match-password": "Паролі не супадаюць",
- "message.no-results-found": "Вынікаў не знойдзена.",
- "message.no-team-websites": "Гэтая каманда не мае ніводнага сайта.",
- "message.no-teams": "Вы не стварылі ніводнай каманды.",
- "message.no-users": "Няма карыстальнікаў.",
- "message.no-websites-configured": "Вы не наладзілі ніводнага сайта.",
- "message.page-not-found": "Старонка не знойдзена.",
- "message.reset-website": "Каб скінуць гэты сайт, увядзіце {confirmation} у поле ніжэй для пацверджання.",
- "message.reset-website-warning": "Уся статыстыка для гэтага сайта будзе выдалена, але код адсочвання будзе працягваць працаваць.",
- "message.saved": "Захавана паспяхова.",
- "message.share-url": "Гэта публічная спасылка для {target}.",
- "message.team-already-member": "Вы ўжо ўдзельнік каманды.",
- "message.team-not-found": "Каманда не знойдзена.",
- "message.team-websites-info": "Сайты могуць быць праглядацца любым удзельнікам каманды.",
- "message.tracking-code": "Код адсочвання",
- "message.transfer-team-website-to-user": "Перадаць гэты сайт на ваш уліковы запіс?",
- "message.transfer-user-website-to-team": "Выберыце каманду для перадачы гэтага сайта.",
- "message.transfer-website": "Перадача сайта на ваш уліковы запіс або іншай камандзе.",
- "message.triggered-event": "Падзея якая спрацавала",
- "message.user-deleted": "Карыстальнік выдалены.",
- "message.viewed-page": "Праглядзеў старонку",
- "message.visitor-log": "Наведвальнік з {country} праз {browser} на {os} {device}",
- "message.visitors-dropped-off": "Наведвальнікі сышлі"
-}
diff --git a/src/lang/bg-BG.json b/src/lang/bg-BG.json
deleted file mode 100644
index 1fd87de2e..000000000
--- a/src/lang/bg-BG.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Код за достъп",
- "label.actions": "Действия",
- "label.activity": "Активностти",
- "label.add": "Добави",
- "label.add-description": "Добави описание",
- "label.add-member": "Добави член",
- "label.add-step": "Добави стъпка",
- "label.add-website": "Добави уебсайт",
- "label.admin": "Администратор",
- "label.after": "След",
- "label.all": "Всички",
- "label.all-time": "За всички времена",
- "label.analytics": "Анализи",
- "label.average": "Средно",
- "label.back": "Назад",
- "label.before": "Преди",
- "label.bounce-rate": "Kоефициент на отказ",
- "label.breakdown": "Разбивка",
- "label.browser": "Браузър",
- "label.browsers": "Браузъри",
- "label.cancel": "Отмени",
- "label.change-password": "Смени парола",
- "label.cities": "Градове",
- "label.city": "Град",
- "label.clear-all": "Изчисти всички",
- "label.compare": "Compare",
- "label.confirm": "Потвърди",
- "label.confirm-password": "Потвърди парола",
- "label.contains": "Съдържа",
- "label.continue": "Продължи",
- "label.count": "Count",
- "label.countries": "Държави",
- "label.country": "Държава",
- "label.create": "Създай",
- "label.create-report": "Създай отчет",
- "label.create-team": "Създай екип",
- "label.create-user": "Създай потребител",
- "label.created": "Създадено",
- "label.created-by": "Създадено от",
- "label.current": "Current",
- "label.current-password": "Текуща парола",
- "label.custom-range": "Обхват",
- "label.dashboard": "Табло",
- "label.data": "Данни",
- "label.date": "Дата",
- "label.date-range": "Диапазон от дати",
- "label.day": "Ден",
- "label.default-date-range": "Диапазон от дати по подразбиране",
- "label.delete": "Изтрий",
- "label.delete-report": "Изтрий отчет",
- "label.delete-team": "Изтрий екип",
- "label.delete-user": "Изтрий потребител",
- "label.delete-website": "Изтрий уебсайт",
- "label.description": "Описание",
- "label.desktop": "Десктоп",
- "label.details": "Детайли",
- "label.device": "Устройство",
- "label.devices": "Устройства",
- "label.dismiss": "Отхвърли",
- "label.does-not-contain": "Не съдържа",
- "label.domain": "Домейн",
- "label.dropoff": "Отпадане",
- "label.edit": "Редактирай",
- "label.edit-dashboard": "Редактирай табло",
- "label.edit-member": "Редактирай член",
- "label.enable-share-url": "Активирай Линк за споделяне",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Събитие",
- "label.event-data": "Данни за събитие",
- "label.events": "Събития",
- "label.exit": "Exit URL",
- "label.false": "Грешно",
- "label.field": "Поле",
- "label.fields": "Полета",
- "label.filter": "Филтър",
- "label.filter-combined": "Комбиниран",
- "label.filter-raw": "Суров",
- "label.filters": "Филтри",
- "label.first-seen": "First seen",
- "label.funnel": "Фуния",
- "label.funnel-description": "Разберете процента на конверсия и отпадане на потребителите.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "По-голямо от",
- "label.greater-than-equals": "По-голямо или равно на",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Изводи",
- "label.insights-description": "Навлезте по-дълбоко в данните си, като използвате сегменти и филтри.",
- "label.is": "Е",
- "label.is-not": "Не е",
- "label.is-not-set": "Не е зададено",
- "label.is-set": "Зададено е",
- "label.join": "Присъедини се",
- "label.join-team": "Присъедини се към екип",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Език",
- "label.languages": "Езици",
- "label.laptop": "Лаптоп",
- "label.last-days": "Последните {x} дни",
- "label.last-hours": "Последните {x} часа",
- "label.last-months": "Последните {x} месеца",
- "label.last-seen": "Last seen",
- "label.leave": "Напусни",
- "label.leave-team": "Напусни екип",
- "label.less-than": "По-малко от",
- "label.less-than-equals": "По-малко или равно на",
- "label.login": "Вход",
- "label.logout": "Изход",
- "label.manage": "Управлявай",
- "label.manager": "Manager",
- "label.max": "Максимум",
- "label.member": "Член",
- "label.members": "Членове",
- "label.min": "Минимум",
- "label.mobile": "Мобилен",
- "label.more": "Още",
- "label.my-account": "Моят акаунт",
- "label.my-websites": "Моите уебсайтове",
- "label.name": "Име",
- "label.new-password": "Нова парола",
- "label.none": "Няма",
- "label.number-of-records": "{x} {x, plural, one {един} other {други}}",
- "label.ok": "Добре",
- "label.os": "ОС",
- "label.overview": "Общ преглед",
- "label.owner": "Собственик",
- "label.page-of": "Страница {current} от {total}",
- "label.page-views": "Прегледи на страницата",
- "label.pageTitle": "Заглавие на страница",
- "label.pages": "Страници",
- "label.password": "Парола",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Поддържано от {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Профил",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Запитвания",
- "label.query": "Запитване",
- "label.query-parameters": "Параметри на търсене",
- "label.realtime": "В реално време",
- "label.referrer": "Референт",
- "label.referrers": "Референти",
- "label.refresh": "Обнови",
- "label.regenerate": "Регенерирай",
- "label.region": "Регион",
- "label.regions": "Региони",
- "label.remove": "Премахни",
- "label.remove-member": "Премахни член",
- "label.reports": "Отчети",
- "label.required": "Задължително",
- "label.reset": "Нулирай",
- "label.reset-website": "Нулирай уебсайт",
- "label.retention": "Привързване",
- "label.retention-description": "Измерете привързаността към вашия уебсайт, като проследявате колко често потребителите се връщат.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Роля",
- "label.run-query": "Изпълни запитване",
- "label.save": "Запази",
- "label.screens": "Екрани",
- "label.search": "Търсене",
- "label.select": "Избери",
- "label.select-date": "Избери дата",
- "label.select-role": "Избери роля",
- "label.select-website": "Избери уебсайт",
- "label.session": "Session",
- "label.sessions": "Сесии",
- "label.settings": "Настройки",
- "label.share-url": "Сподели Линк",
- "label.single-day": "Един ден",
- "label.start-step": "Start Step",
- "label.steps": "Стъпки",
- "label.sum": "Сума",
- "label.tablet": "Таблет",
- "label.team": "Екип",
- "label.team-id": "ID на екип",
- "label.team-manager": "Team manager",
- "label.team-member": "Член на екипа",
- "label.team-name": "Име на екипа",
- "label.team-owner": "Собственик на екипа",
- "label.team-view-only": "Видимо само за членове на екипа",
- "label.team-websites": "Уебсайтове на екипа",
- "label.teams": "Екипи",
- "label.theme": "Тема",
- "label.this-month": "Този месец",
- "label.this-week": "Тази седмица",
- "label.this-year": "Тази година",
- "label.timezone": "Часова зона",
- "label.title": "Заглавие",
- "label.today": "Днес",
- "label.toggle-charts": "Виж диаграми",
- "label.total": "Общо",
- "label.total-records": "Общо записи",
- "label.tracking-code": "Код за проследяване",
- "label.transactions": "Transactions",
- "label.transfer": "Прехвърли",
- "label.transfer-website": "Прехвърляне на уебсайт",
- "label.true": "Вярно",
- "label.type": "Вид",
- "label.unique": "Уникален",
- "label.unique-visitors": "Уникални посетители",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Неизвестен",
- "label.untitled": "Без заглавие",
- "label.update": "Актуализирай",
- "label.url": "URL адрес",
- "label.urls": "URL адреси",
- "label.user": "Потребител",
- "label.user-property": "User Property",
- "label.username": "Потребителско име",
- "label.users": "Потребители",
- "label.utm": "UTM",
- "label.utm-description": "Следете кампаниите си чрез UTM параметри.",
- "label.value": "Стойност",
- "label.view": "Преглед",
- "label.view-details": "Преглед на детайлите",
- "label.view-only": "Само за преглед",
- "label.views": "Прегледи",
- "label.views-per-visit": "Прегледи на посещение",
- "label.visit-duration": "Visit duration",
- "label.visitors": "Посетители",
- "label.visits": "Посещения",
- "label.website": "Уебсайт",
- "label.website-id": "Идентификатор на уебсайт",
- "label.websites": "Уебсайтове",
- "label.window": "Прозорец",
- "label.yesterday": "Вчера",
- "message.action-confirmation": "Въведете {confirmation} в полето по-долу, за да потвърдите.",
- "message.active-users": "{x} {x, plural, one {активен един} other {активни други}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Сигурни ли сте, че искате да изтриете {target}?",
- "message.confirm-leave": "Сигурни ли сте, че искате да напуснете {target}?",
- "message.confirm-remove": "Сигурни ли сте, че искате да премахнете {target}?",
- "message.confirm-reset": "Сигурни ли сте, че искате да нулирате {target}?",
- "message.delete-team-warning": "Изтриването на екип ще изтрие и всички уебсайтове създадени от екипа.",
- "message.delete-website-warning": "Всички данни за уебсайта ще бъдат изтрити.",
- "message.error": "Възникна грешка.",
- "message.event-log": "{event} на {url}",
- "message.go-to-settings": "Отидете в настройките",
- "message.incorrect-username-password": "Неправилно потребителско име и/или парола.",
- "message.invalid-domain": "Невалиден домейн. Не включвайте http/https.",
- "message.min-password-length": "Минимална дължина от {n} символа",
- "message.new-version-available": "Има нова версия на Umami {version}!",
- "message.no-data-available": "Няма налични данни.",
- "message.no-event-data": "Няма налични данни за събитие.",
- "message.no-match-password": "Паролите не съвпадат.",
- "message.no-results-found": "Няма намерени резултати.",
- "message.no-team-websites": "Този екип няма никакви уебсайтове.",
- "message.no-teams": "Няма създадени екипи.",
- "message.no-users": "Няма потребители.",
- "message.no-websites-configured": "Нямате конфигурирани уебсайтове.",
- "message.page-not-found": "Страницата не е намерена",
- "message.reset-website": "За да нулирате този уебсайт, въведете {confirmation} в полето по-долу, за да потвърдите.",
- "message.reset-website-warning": "Всички статистически данни за този уебсайт ще бъдат изтрити, но вашите настройки ще останат непроменени.",
- "message.saved": "Запазено.",
- "message.share-url": "Статистиката за вашия уебсайт е публично достъпна на следния URL адрес:",
- "message.team-already-member": "Вече сте член на екипа.",
- "message.team-not-found": "Екипът не е намерен.",
- "message.team-websites-info": "Уебсайтовете могат да бъдат преглеждани от всеки член на екипа.",
- "message.tracking-code": "За активирате проследяването на статистиката във вашият уебсайт, поставете следния код в секцията ... намираща се в вашия HTML.",
- "message.transfer-team-website-to-user": "Искате да прехвърлите този уебсайт към вашия акаунт?",
- "message.transfer-user-website-to-team": "Изберете екипът на който да бъде прехвърлен уебсайта.",
- "message.transfer-website": "Прехвърли собствеността на уебсайта към вашия акаунт или към друг екип.",
- "message.triggered-event": "Активирано събитие",
- "message.user-deleted": "Потребителят е изтрит.",
- "message.viewed-page": "Страницата е видяна",
- "message.visitor-log": "Посетител от {country}, използващ {browser} на {os} {device}",
- "message.visitors-dropped-off": "Спад на посетителите"
-}
diff --git a/src/lang/bn-BD.json b/src/lang/bn-BD.json
deleted file mode 100644
index 7a22d76c1..000000000
--- a/src/lang/bn-BD.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "এক্সেস কোড",
- "label.actions": "অ্যাকশনস",
- "label.activity": "একটিভিটি দেখুন",
- "label.add": "যুক্ত করুন",
- "label.add-description": "বর্ননা যোগ করুন",
- "label.add-member": "সদস্য যোগ করুন",
- "label.add-step": "পদ যোগ করুন",
- "label.add-website": "ওয়েবসাইট যুক্ত করুন",
- "label.admin": "অ্যাডমিন",
- "label.after": "পরে",
- "label.all": "সবগুলো",
- "label.all-time": "সব সময়",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "পেছনে",
- "label.before": "পূর্বে",
- "label.bounce-rate": "উপরে উঠার হার",
- "label.breakdown": "ভাঙ্গন",
- "label.browser": "ব্রাউজার",
- "label.browsers": "ব্রাউজার সমূহ",
- "label.cancel": "বাতিল",
- "label.change-password": "পাসওয়ার্ড পরিবর্তন করুন",
- "label.cities": "শহরসমূহ",
- "label.city": "শহর",
- "label.clear-all": "সব মুছে ফেলুন",
- "label.compare": "Compare",
- "label.confirm": "নিশ্চিত করুন",
- "label.confirm-password": "পাসওয়ার্ড নিশ্চিত করুন",
- "label.contains": "রয়েছে",
- "label.continue": "পরবর্তিতে",
- "label.count": "Count",
- "label.countries": "দেশসমূহ",
- "label.country": "দেশ",
- "label.create": "তৈরি করুন",
- "label.create-report": "রিপোর্ট তৈরি করুন",
- "label.create-team": "দল তৈরি করুন",
- "label.create-user": "ব্যবহারকারী তৈরি করুন",
- "label.created": "তৈরি করা হয়েছে",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "বর্তমান পাসওয়ার্ড",
- "label.custom-range": "কাস্টম রেঞ্জ",
- "label.dashboard": "ড্যাশবোর্ড",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "তারিখের পরিসীমা",
- "label.day": "Day",
- "label.default-date-range": "ডিফল্ট তারিখের পরিসীমা",
- "label.delete": "মুছে ফেলুন",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "ওয়েবসাইট মুছুন",
- "label.description": "Description",
- "label.desktop": "ডেস্কটপ",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "ডিভাইস গুলো",
- "label.dismiss": "বাতিল",
- "label.does-not-contain": "Does not contain",
- "label.domain": "ডোমেইন",
- "label.dropoff": "Dropoff",
- "label.edit": "সম্পাদনা করুন",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "শেয়ার ইউআরএল শেয়ার করুন",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "ঘটনা",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "সম্মিলিত",
- "label.filter-raw": "অপরিশোধিত",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "ভাষা",
- "label.languages": "ভাষা",
- "label.laptop": "ল্যাপটপ",
- "label.last-days": "শেষ {x} দিন",
- "label.last-hours": "শেষ {x} ঘন্টা",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "লগিন",
- "label.logout": "লগ আউট",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "মুঠোফোন",
- "label.more": "আরও",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "নাম",
- "label.new-password": "নতুন পাসওয়ার্ড",
- "label.none": "কিছুই না",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "মালিক",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "পৃষ্ঠা পরিদর্শন গুলো",
- "label.pageTitle": "Page title",
- "label.pages": "পৃষ্ঠাগুলি",
- "label.password": "পাসওয়ার্ড",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "{name} দ্বারা চালিত",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "প্রোফাইল",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "সরাসরি",
- "label.referrer": "Referrer",
- "label.referrers": "রেফারার্স",
- "label.refresh": "রিফ্রেশ",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "প্রয়োজনীয়",
- "label.reset": "রিসেট",
- "label.reset-website": "ওয়েবসাইট রিসেট করুন",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "সংরক্ষণ",
- "label.screens": "স্ক্রিনগুলি",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "সেটিংস",
- "label.share-url": "ইউআরএল শেয়ার করুন",
- "label.single-day": "একদিন",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "ট্যাবলেট",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "থিম",
- "label.this-month": "এই মাস",
- "label.this-week": "এই সপ্তাহ",
- "label.this-year": "এই বছর",
- "label.timezone": "সময়স্থান",
- "label.title": "Title",
- "label.today": "আজ",
- "label.toggle-charts": "চার্ট পরিবর্তন করুন",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "ট্র্যাকিং কোড",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "অনন্য ভিজিটর",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "অজানা",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "ব্যবহারকারীর নাম",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "বিস্তারিত দেখুন",
- "label.view-only": "View only",
- "label.views": "ভিউস",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "গড় পরিদর্শনের সময়",
- "label.visitors": "পরিদর্শনার্থী",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "সবগুলো ওয়েবসাইট",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} বর্তমান {x, plural, one {visitor} other {visitors}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "আপনি কি নিশ্চিত যে আপনি {target} মুছতে চান?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "আপনি কি নিশ্চিত যে আপনি {target} এর পরিসংখ্যান পুনরায় সেট করতে চান?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "সমস্ত সম্পর্কিত ডেটা পাশাপাশি মুছে ফেলা হবে।",
- "message.error": "কিছু ভুল হয়েছে।",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "সেটিংস এ যান",
- "message.incorrect-username-password": "ভুল ব্যবহারকারীর নাম/পাসওয়ার্ড।",
- "message.invalid-domain": "ভুল ডোমেন",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "কোন তথ্য নেই।",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "পাসওয়ার্ড মেলে না",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "কোনও ওয়েবসাইট কনফিগার করা নেই।",
- "message.page-not-found": "পৃষ্ঠা খুঁজে পাওয়া যায়নি।",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "এই ওয়েবসাইটের সমস্ত পরিসংখ্যান মুছে ফেলা হবে, তবে আপনার ট্র্যাকিং কোডটি অক্ষত থাকবে।",
- "message.saved": "সংরক্ষিত হয়েছে।",
- "message.share-url": "এটি {target} এর জন্য প্রকাশ্যে শেয়ার করার ইউআরএল।",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "ট্র্যাকিং কোড",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "{country} থেকে একজন ভিসিটর {ব্রাউজার}, ব্যবহার করছেন {os} {device} এর মধ্যে।",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/bs-BA.json b/src/lang/bs-BA.json
deleted file mode 100644
index b9d9e8a8e..000000000
--- a/src/lang/bs-BA.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Pristupni kod",
- "label.actions": "Akcije",
- "label.activity": "Log aktivnosti",
- "label.add": "Dodaj",
- "label.add-description": "Dodaj opis",
- "label.add-member": "Dodaj člana",
- "label.add-step": "Dodaj korak",
- "label.add-website": "Dodaj web stranicu",
- "label.admin": "Administrator",
- "label.after": "Nakon",
- "label.all": "Sve",
- "label.all-time": "Cijelo vrijeme",
- "label.analytics": "Analitike",
- "label.average": "Prosjek",
- "label.back": "Nazad",
- "label.before": "Prije",
- "label.bounce-rate": "Bounce rate",
- "label.breakdown": "Pregled po kategorijama",
- "label.browser": "Browser",
- "label.browsers": "Browseri",
- "label.cancel": "Otkaži",
- "label.change-password": "Promijeni šifru",
- "label.cities": "Gradovi",
- "label.city": "Grad",
- "label.clear-all": "Očisti sve",
- "label.compare": "Compare",
- "label.confirm": "Potvrdi",
- "label.confirm-password": "Potvrdi šifru",
- "label.contains": "Sadrži",
- "label.continue": "Nastavi",
- "label.count": "Count",
- "label.countries": "Zemlje",
- "label.country": "Zemlja",
- "label.create": "Kreiraj",
- "label.create-report": "Kreiraj izvještaj",
- "label.create-team": "Kreiraj tim",
- "label.create-user": "Kreiraj korisnika",
- "label.created": "Kreiraj",
- "label.created-by": "Kreirao",
- "label.current": "Current",
- "label.current-password": "Trenutna šifra",
- "label.custom-range": "Proizvoljni raspon",
- "label.dashboard": "Dashboard",
- "label.data": "Podaci",
- "label.date": "Datum",
- "label.date-range": "Datumski raspon",
- "label.day": "Dan",
- "label.default-date-range": "Defaultni datumski raspon",
- "label.delete": "Izbriši",
- "label.delete-report": "Izbriši report",
- "label.delete-team": "Izbriši tim",
- "label.delete-user": "Izbriši korisnika",
- "label.delete-website": "Izbriši web stranicu",
- "label.description": "Opis",
- "label.desktop": "Desktop",
- "label.details": "Detalji",
- "label.device": "Uređaj",
- "label.devices": "Uređaji",
- "label.dismiss": "Odbaci",
- "label.does-not-contain": "Ne sadrži",
- "label.domain": "Domena",
- "label.dropoff": "Dropoff",
- "label.edit": "Uredi",
- "label.edit-dashboard": "Uredi dashboard",
- "label.edit-member": "Uredi člana",
- "label.enable-share-url": "Omogući URL za dijeljenje",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Događaj",
- "label.event-data": "Podaci o događaju",
- "label.events": "Događaji",
- "label.exit": "Exit URL",
- "label.false": "Ne",
- "label.field": "Polje",
- "label.fields": "Polja",
- "label.filter": "Filter",
- "label.filter-combined": "Kombinovano",
- "label.filter-raw": "Sirovo",
- "label.filters": "Filtri",
- "label.first-seen": "First seen",
- "label.funnel": "Lijevak",
- "label.funnel-description": "Razumite koverziju i drop-off učestalost korisnika.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Veće od",
- "label.greater-than-equals": "Veće od ili jednako",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Uvidi",
- "label.insights-description": "Zaronite dublje u vaše podatke korištenjem segmenata i filtera",
- "label.is": "Jeste",
- "label.is-not": "Nije",
- "label.is-not-set": "Nije setano",
- "label.is-set": "Jeste setano",
- "label.join": "Učlani se",
- "label.join-team": "Učlani se u tim",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Jezik",
- "label.languages": "Jezici",
- "label.laptop": "Laptop",
- "label.last-days": "Zadnjih {x} dana",
- "label.last-hours": "Zadnjih {x} sati",
- "label.last-months": "Zadnjih {x} mjeseci",
- "label.last-seen": "Last seen",
- "label.leave": "Napusti",
- "label.leave-team": "Napusti tim",
- "label.less-than": "Manje od",
- "label.less-than-equals": "Manje od ili jednako",
- "label.login": "Login",
- "label.logout": "Logout",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Član",
- "label.members": "Članovi",
- "label.min": "Min",
- "label.mobile": "Mobile",
- "label.more": "Više",
- "label.my-account": "Moj račun",
- "label.my-websites": "Moje web stranice",
- "label.name": "Ime",
- "label.new-password": "Nova šifra",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Pregled",
- "label.owner": "Vlasnik",
- "label.page-of": "Strana {current} od {total}",
- "label.page-views": "Pregleda stranica",
- "label.pageTitle": "Naslov stranice",
- "label.pages": "Stranice",
- "label.password": "Šifra",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Omogućeno s {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queryji",
- "label.query": "Query",
- "label.query-parameters": "Query parametri",
- "label.realtime": "Realno vrijeme",
- "label.referrer": "Referrer",
- "label.referrers": "Referrers",
- "label.refresh": "Refresh",
- "label.regenerate": "Regeneriši",
- "label.region": "Region",
- "label.regions": "Regioni",
- "label.remove": "Ukloni",
- "label.remove-member": "Ukloni člana",
- "label.reports": "Izvještaji",
- "label.required": "Required",
- "label.reset": "Resetuj",
- "label.reset-website": "Resetuj web stranicu",
- "label.retention": "Retention",
- "label.retention-description": "Izmjeri 'ljepljivost' svoje web stranice praćenjem koliko često set korisnici vraćaju.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Rola",
- "label.run-query": "Pokreni query",
- "label.save": "Sačuvaj",
- "label.screens": "Ekrani",
- "label.search": "Traži",
- "label.select": "Odaberi",
- "label.select-date": "Odaberi datum",
- "label.select-role": "Odaberi rolu",
- "label.select-website": "Odaberi web stranicu",
- "label.session": "Session",
- "label.sessions": "Sesije",
- "label.settings": "Postavke",
- "label.share-url": "Share URL",
- "label.single-day": "Jedan dan",
- "label.start-step": "Start Step",
- "label.steps": "Koraci",
- "label.sum": "Suma",
- "label.tablet": "Tablet",
- "label.team": "Tim",
- "label.team-id": "Tim ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Član tima",
- "label.team-name": "Naziv tima",
- "label.team-owner": "Vlasnik tima",
- "label.team-view-only": "Samo tim može vidjeti",
- "label.team-websites": "Timske web stranice",
- "label.teams": "Timovi",
- "label.theme": "Teme",
- "label.this-month": "Ovaj mjesec",
- "label.this-week": "Ova sedmica",
- "label.this-year": "Ova godina",
- "label.timezone": "Vremenska zona",
- "label.title": "Naslov",
- "label.today": "Danas",
- "label.toggle-charts": "Uklj/isklj grafikone",
- "label.total": "Ukupno",
- "label.total-records": "Ukupno redova",
- "label.tracking-code": "Kod za praćenje",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer web stranice",
- "label.true": "Da",
- "label.type": "Tip",
- "label.unique": "Jedinstveno",
- "label.unique-visitors": "Jedinstvenih posjetitelja",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Nepoznato",
- "label.untitled": "Bezimeno",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Korisnik",
- "label.user-property": "User Property",
- "label.username": "Korisničko ime",
- "label.users": "Korisnici",
- "label.utm": "UTM",
- "label.utm-description": "Pratite vaše kampanje kroz UTM parametre.",
- "label.value": "Vrijednost",
- "label.view": "Pregled",
- "label.view-details": "Pogledaj detalje",
- "label.view-only": "Samo gledanje",
- "label.views": "Pregledi",
- "label.views-per-visit": "Pregledi po posjeti",
- "label.visit-duration": "Prosječno vrijeme posjete",
- "label.visitors": "Posjetitelji",
- "label.visits": "Posjete",
- "label.website": "Web stranica",
- "label.website-id": "ID web stranice",
- "label.websites": "Web stranice",
- "label.window": "Prozor",
- "label.yesterday": "Jučer",
- "message.action-confirmation": "Unesite {confirmation} ispod da potvrdite.",
- "message.active-users": "{x} trenutno {x, plural, one {posjetitelj} other {posjetitelja}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Jeste li sigurni da želite obrisati {target}?",
- "message.confirm-leave": "Jeste li sigurni da želite napustiti {target}?",
- "message.confirm-remove": "Jeste li sigurni da želite ukloniti {target}?",
- "message.confirm-reset": "Jeste li sigurni da želite resetovati {target}?",
- "message.delete-team-warning": "Brisanje tima će također obrisati sve web stranice tima.",
- "message.delete-website-warning": "Svi podaci web stranice biće obrisani.",
- "message.error": "Nešto je pošlo po zlu.",
- "message.event-log": "{event} na {url}",
- "message.go-to-settings": "Idi na postavke",
- "message.incorrect-username-password": "Pogrešno korisničko ime i/ili šifra.",
- "message.invalid-domain": "Nevalidna domena. Ne uključujte http/https.",
- "message.min-password-length": "Minimalna dužina od {n} karaktera",
- "message.new-version-available": "Nova verzija Umami {version} je dostupna!",
- "message.no-data-available": "Nema dostupnih podataka.",
- "message.no-event-data": "Nema dostupnih podataka o događajima.",
- "message.no-match-password": "Šifre se ne poklapaju.",
- "message.no-results-found": "Nema rezultata.",
- "message.no-team-websites": "Ovaj tim nema nikakvih web stranica.",
- "message.no-teams": "Niste kreirali nijedan tim.",
- "message.no-users": "Nema nikakvih korisnika.",
- "message.no-websites-configured": "Nemate iskonfigurisanu nijednu web stranicu.",
- "message.page-not-found": "Stranica nije pronađena",
- "message.reset-website": "Da resetujete ovu web stranicu, upišite {confirmation} dole da potvrdite.",
- "message.reset-website-warning": "Sve statistike o ovoj web stranici će biti obrisane, ali vaše postavke neće biti dirane.",
- "message.saved": "Sačuvano.",
- "message.share-url": "Statistike vaše web stranice su javno dostupne na sljedećem URLu:",
- "message.team-already-member": "Već ste član tima.",
- "message.team-not-found": "Tim nije pronađen.",
- "message.team-websites-info": "Web stranice može vidjeti bilo ko iz tima.",
- "message.tracking-code": "Da pratite statistike ove web stranice, stavite sljedeći kod u ... sekciju vašeg HTMLa.",
- "message.transfer-team-website-to-user": "Prebacite ovu web stranicu na vaš račun?",
- "message.transfer-user-website-to-team": "Odaberite tim u koji želite prebaciti ovu web stranicu.",
- "message.transfer-website": "Prebacite vlasništvo web stranice na vaš račun ili drugi tim.",
- "message.triggered-event": "Trigerovani događaj",
- "message.user-deleted": "Korisnik obrisan.",
- "message.viewed-page": "Pogledana stranica",
- "message.visitor-log": "Posjetitelj iz {country} koristi {browser} na {os} {device}",
- "message.visitors-dropped-off": "Posjetitelji koji su napustili stranicu"
-}
diff --git a/src/lang/ca-ES.json b/src/lang/ca-ES.json
deleted file mode 100644
index 3b6333379..000000000
--- a/src/lang/ca-ES.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Codi d'accés",
- "label.actions": "Accions",
- "label.activity": "Registre d'activitat",
- "label.add": "Afegir",
- "label.add-description": "Afegir descripció",
- "label.add-member": "Afegir membre",
- "label.add-step": "Afegir pas",
- "label.add-website": "Afegir lloc web",
- "label.admin": "Administrador",
- "label.after": "Després",
- "label.all": "Tots",
- "label.all-time": "Sempre",
- "label.analytics": "Analítiques",
- "label.average": "Mitjana",
- "label.back": "Enrere",
- "label.before": "Abans",
- "label.bounce-rate": "Percentatge de rebot",
- "label.breakdown": "Desglossament",
- "label.browser": "Navegador",
- "label.browsers": "Navegadors",
- "label.cancel": "Cancel·la",
- "label.change-password": "Canvia la contrasenya",
- "label.cities": "Ciutats",
- "label.city": "Ciutat",
- "label.clear-all": "Netejar tot",
- "label.compare": "Comparar",
- "label.confirm": "Confirmar",
- "label.confirm-password": "Confirma la contrasenya",
- "label.contains": "Conté",
- "label.continue": "Continuar",
- "label.count": "Recompte",
- "label.countries": "Països",
- "label.country": "País",
- "label.create": "Crear",
- "label.create-report": "Crear informe",
- "label.create-team": "Crear equip",
- "label.create-user": "Crear usuari",
- "label.created": "Creat",
- "label.created-by": "Creat Per",
- "label.current": "Actual",
- "label.current-password": "Contrasenya actual",
- "label.custom-range": "Rang personalitzat",
- "label.dashboard": "Panell",
- "label.data": "Dades",
- "label.date": "Data",
- "label.date-range": "Interval de dates",
- "label.day": "Dia",
- "label.default-date-range": "Interval de dates per defecte",
- "label.delete": "Esborra",
- "label.delete-report": "Eliminar informe",
- "label.delete-team": "Eliminar equip",
- "label.delete-user": "Eliminar usuari",
- "label.delete-website": "Esborra el lloc web",
- "label.description": "Descripció",
- "label.desktop": "Escriptori",
- "label.details": "Detalls",
- "label.device": "Dispositiu",
- "label.devices": "Dispositius",
- "label.dismiss": "Descarta",
- "label.does-not-contain": "No conté",
- "label.domain": "Domini",
- "label.dropoff": "Abandonament",
- "label.edit": "Edita",
- "label.edit-dashboard": "Edita panell",
- "label.edit-member": "Edita membre",
- "label.enable-share-url": "Activa l'enllaç per compartir",
- "label.end-step": "Pas Final",
- "label.entry": "URL d'entrada",
- "label.event": "Esdeveniment",
- "label.event-data": "Dades de l'esdeveniment",
- "label.events": "Esdeveniments",
- "label.exit": "URL de sortida",
- "label.false": "Fals",
- "label.field": "Camp",
- "label.fields": "Camps",
- "label.filter": "Filtre",
- "label.filter-combined": "Combinat",
- "label.filter-raw": "En cru",
- "label.filters": "Filtres",
- "label.first-seen": "Vist per primer cop",
- "label.funnel": "Embut",
- "label.funnel-description": "Entengui la taxa de conversió i abandonament dels usuaris.",
- "label.goal": "Meta",
- "label.goals": "Metes",
- "label.goals-description": "Feu un seguiment de les seves metes per a pàgines vistes i esdeveniments.",
- "label.greater-than": "Més gran que",
- "label.greater-than-equals": "Més gran que o igual a",
- "label.host": "Amfitrió",
- "label.hosts": "Amfitrions",
- "label.insights": "Insights",
- "label.insights-description": "Aprofundeixi en les seves dades mitjançant l'ús de segments i filtres.",
- "label.is": "És igual a",
- "label.is-not": "No és igual a",
- "label.is-not-set": "No està establert",
- "label.is-set": "Està establert",
- "label.join": "Unir",
- "label.join-team": "Unir-se al equip",
- "label.journey": "Trajecte",
- "label.journey-description": "Entengui com naveguen els usuaris pel seu lloc web.",
- "label.language": "Idioma",
- "label.languages": "Idiomes",
- "label.laptop": "Portàtil",
- "label.last-days": "Últims {x} dies",
- "label.last-hours": "Últimes {x} hores",
- "label.last-months": "Últims {x} mesos",
- "label.last-seen": "Vist per últim cop",
- "label.leave": "Abandonar",
- "label.leave-team": "Abandonar equip",
- "label.less-than": "Menor que",
- "label.less-than-equals": "Menor que o igual a",
- "label.login": "Connecta't",
- "label.logout": "Desconnecta't",
- "label.manage": "Administrar",
- "label.manager": "Manager",
- "label.max": "Màx",
- "label.member": "Membre",
- "label.members": "Membres",
- "label.min": "Mín",
- "label.mobile": "Mòbil",
- "label.more": "Més",
- "label.my-account": "El meu compte",
- "label.my-websites": "Els meus llocs web",
- "label.name": "Nom",
- "label.new-password": "Contrasenya nova",
- "label.none": "Cap",
- "label.number-of-records": "{x} {x, plural, one {registre} other {registres}}",
- "label.ok": "OK",
- "label.os": "SO",
- "label.overview": "Resum",
- "label.owner": "Propietari",
- "label.page-of": "Pàgina {current} de {total}",
- "label.page-views": "Pàgines vistes",
- "label.pageTitle": "Títol de la pàgina",
- "label.pages": "Pàgines",
- "label.password": "Contrasenya",
- "label.path": "Camí",
- "label.paths": "Camins",
- "label.powered-by": "Funciona amb {name}",
- "label.previous": "Anterior",
- "label.previous-period": "Període anterior",
- "label.previous-year": "Any anterior",
- "label.profile": "Perfil",
- "label.properties": "Propietats",
- "label.property": "Propietat",
- "label.queries": "Consultes",
- "label.query": "Consulta",
- "label.query-parameters": "Paràmetres de consulta",
- "label.realtime": "Temps real",
- "label.referrer": "Referent",
- "label.referrers": "Referents",
- "label.refresh": "Refresca",
- "label.regenerate": "Regenerar",
- "label.region": "Regió",
- "label.regions": "Regions",
- "label.remove": "Treure",
- "label.remove-member": "Eliminar membre",
- "label.reports": "Informes",
- "label.required": "Obligatori",
- "label.reset": "Restableix",
- "label.reset-website": "Restableix estadístiques",
- "label.retention": "Retenció",
- "label.retention-description": "Mesuri la retenció del seu lloc web fent un seguiment de la freqüència amb què tornen els usuaris.",
- "label.revenue": "Ingressos",
- "label.revenue-description": "Observi els seus ingressos al llarg del temps.",
- "label.revenue-property": "Propietat d'Ingressos",
- "label.role": "Rol",
- "label.run-query": "Executar consulta",
- "label.save": "Desa",
- "label.screens": "Pantalles",
- "label.search": "Buscar",
- "label.select": "Seleccionar",
- "label.select-date": "Seleccionar data",
- "label.select-role": "Seleccionar rol",
- "label.select-website": "Seleccionar lloc web",
- "label.session": "Sessió",
- "label.sessions": "Sessions",
- "label.settings": "Configuració",
- "label.share-url": "Enllaç per compartir",
- "label.single-day": "Un sol dia",
- "label.start-step": "Pas inicial",
- "label.steps": "Pasos",
- "label.sum": "Suma",
- "label.tablet": "Tauleta",
- "label.team": "Equip",
- "label.team-id": "ID del equip",
- "label.team-manager": "Responsable d'equip",
- "label.team-member": "Membre de l'equip",
- "label.team-name": "Nom de l'equip",
- "label.team-owner": "Propietari de l'equip",
- "label.team-view-only": "Vista només de l'equip",
- "label.team-websites": "Llocs web de l'equip",
- "label.teams": "Equips",
- "label.theme": "Tema",
- "label.this-month": "Aquest mes",
- "label.this-week": "Aquesta setmana",
- "label.this-year": "Aquest any",
- "label.timezone": "Zona horària",
- "label.title": "Títol",
- "label.today": "Avui",
- "label.toggle-charts": "Mostra/amaga gràfics",
- "label.total": "Total",
- "label.total-records": "Total de registres",
- "label.tracking-code": "Codi de seguiment",
- "label.transactions": "Transaccions",
- "label.transfer": "Transferir",
- "label.transfer-website": "Transferir lloc web",
- "label.true": "Cert",
- "label.type": "Tipus",
- "label.unique": "Únic",
- "label.unique-visitors": "Visitants únics",
- "label.uniqueCustomers": "Clients Únics",
- "label.unknown": "Desconegut",
- "label.untitled": "Sense títol",
- "label.update": "Actualitzar",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Usuari",
- "label.user-property": "Propietat d'Usuari",
- "label.username": "Nom d'usuari",
- "label.users": "Usuaris",
- "label.utm": "UTM",
- "label.utm-description": "Rastreji les seves campanyes a través de paràmetres UTM.",
- "label.value": "Valor",
- "label.view": "Visualitzar",
- "label.view-details": "Veure els detalls",
- "label.view-only": "Només veure",
- "label.views": "Vistes",
- "label.views-per-visit": "Vistes per visita",
- "label.visit-duration": "Temps mitjà de visita",
- "label.visitors": "Visitants",
- "label.visits": "Visites",
- "label.website": "Lloc web",
- "label.website-id": "ID del lloc web",
- "label.websites": "Llocs web",
- "label.window": "Finestra",
- "label.yesterday": "Ahir",
- "message.action-confirmation": "Escrigui {confirmation} al cuadre inferior per confirmar.",
- "message.active-users": "{x} {x, plural, one {visitant actual} other {visitants actuals}}",
- "message.collected-data": "Dades recol·lectades",
- "message.confirm-delete": "Segur que vol esborrar {target}?",
- "message.confirm-leave": "Segur que vol abandonar {target}?",
- "message.confirm-remove": "Segur que vol eliminar {target}?",
- "message.confirm-reset": "Segur que vol restablir les estadístiques de {target}?",
- "message.delete-team-warning": "Al eliminar un equip també s'eliminaran tots els llocs web de l'equip.",
- "message.delete-website-warning": "També s'esborraran totes les dades relacionades.",
- "message.error": "S'ha produït un error.",
- "message.event-log": "{event} a {url}",
- "message.go-to-settings": "Vés a la configuració",
- "message.incorrect-username-password": "Nom d'usuari o contrasenya incorrectes.",
- "message.invalid-domain": "Domini invàlid",
- "message.min-password-length": "Longitud mínima de {n} caràcters",
- "message.new-version-available": "Una nova versió d'Umami {version} està disponible!",
- "message.no-data-available": "No hi ha dades disponibles.",
- "message.no-event-data": "No hi ha dades d'esdeveniments disponibles.",
- "message.no-match-password": "Les contrasenyes no coincideixen",
- "message.no-results-found": "No s'han trobat resultats.",
- "message.no-team-websites": "Aquest equip no té cap lloc web.",
- "message.no-teams": "No ha creat cap equip.",
- "message.no-users": "No hi ha cap usuari.",
- "message.no-websites-configured": "No hi ha cap lloc web configurat.",
- "message.page-not-found": "No s'ha trobat la pàgina.",
- "message.reset-website": "Per restablir aquest lloc web, escrigui {confirmation} al cuadre inferior per confirmar.",
- "message.reset-website-warning": "S'esborraran totes les estadístiques per aquest lloc web, però el codi de seguiment es mantindrà.",
- "message.saved": "S'ha desat amb èxit.",
- "message.share-url": "Aquest és l'enllaç públic per compartir de {target}.",
- "message.team-already-member": "Ja és membre d'aquest equip.",
- "message.team-not-found": "Equip no trobat.",
- "message.team-websites-info": "Els llocs web poden ser visualitzats per qualsevol membre de l'equip.",
- "message.tracking-code": "Codi de seguiment",
- "message.transfer-team-website-to-user": "Transferir aquest lloc web al seu compte?",
- "message.transfer-user-website-to-team": "Seleccioni l'equip al qui transferir aquest lloc web.",
- "message.transfer-website": "Transferir la propietat del lloc web al seu compte o a un altre equip.",
- "message.triggered-event": "Esdeveniment desencadenat",
- "message.user-deleted": "Usuari eliminat.",
- "message.viewed-page": "Pàgina vista",
- "message.visitor-log": "Visitant de {country} usant {browser} a {os} {device}",
- "message.visitors-dropped-off": "Visitants han sortit"
-}
diff --git a/src/lang/cs-CZ.json b/src/lang/cs-CZ.json
deleted file mode 100644
index 8adc5e368..000000000
--- a/src/lang/cs-CZ.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Přístupový kód",
- "label.actions": "Akce",
- "label.activity": "Log aktivity",
- "label.add": "Přidat",
- "label.add-description": "Přidat popis",
- "label.add-member": "Přidat člena",
- "label.add-step": "Přidat krok",
- "label.add-website": "Přidat web",
- "label.admin": "Administrátor",
- "label.after": "Po",
- "label.all": "Vše",
- "label.all-time": "Celá doba",
- "label.analytics": "Analytics",
- "label.average": "Průměr",
- "label.back": "Zpět",
- "label.before": "Před",
- "label.bounce-rate": "Okamžité opuštění",
- "label.breakdown": "Breakdown",
- "label.browser": "Prohlížeč",
- "label.browsers": "Prohlížeče",
- "label.cancel": "Zrušit",
- "label.change-password": "Změnit heslo",
- "label.cities": "Města",
- "label.city": "Město",
- "label.clear-all": "Vyčistit vše",
- "label.compare": "Porovnat",
- "label.confirm": "Potvrdit",
- "label.confirm-password": "Potvrdit heslo",
- "label.contains": "Obsahuje",
- "label.continue": "Pokračovat",
- "label.count": "Počet",
- "label.countries": "Státy",
- "label.country": "Stát",
- "label.create": "Vytvořit",
- "label.create-report": "Vytvořit hlášení",
- "label.create-team": "Vytvořit tým",
- "label.create-user": "Vytvořit uživatele",
- "label.created": "Vytvořeno",
- "label.created-by": "Created By",
- "label.current": "Aktuální",
- "label.current-password": "Aktuální heslo",
- "label.custom-range": "Vlastní rozsah",
- "label.dashboard": "Přehled",
- "label.data": "Data",
- "label.date": "Datum",
- "label.date-range": "Období",
- "label.day": "Den",
- "label.default-date-range": "Výchozí období",
- "label.delete": "Smazat",
- "label.delete-report": "Smazat hlášení",
- "label.delete-team": "Smazat tým",
- "label.delete-user": "Smazat uživatele",
- "label.delete-website": "Smazat web",
- "label.description": "Popis",
- "label.desktop": "Stolní počítač",
- "label.details": "Detaily",
- "label.device": "Zařízení",
- "label.devices": "Zařízení",
- "label.dismiss": "Odejít",
- "label.does-not-contain": "Neobsahuje",
- "label.domain": "Doména",
- "label.dropoff": "Dropoff",
- "label.edit": "Upravit",
- "label.edit-dashboard": "Upravit dashboard",
- "label.edit-member": "Upravit člena",
- "label.enable-share-url": "Povolit sdílení URL",
- "label.end-step": "End Step",
- "label.entry": "Vstupní URL",
- "label.event": "Událost",
- "label.event-data": "Event data",
- "label.events": "Události",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Pole",
- "label.fields": "Fields",
- "label.filter": "Filtr",
- "label.filter-combined": "Kombinace",
- "label.filter-raw": "Nezpracované",
- "label.filters": "Filtry",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Cíl",
- "label.goals": "Cíle",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Jazyk",
- "label.languages": "Jazyky",
- "label.laptop": "Přenosný počítač",
- "label.last-days": "Posledních {x} dnů",
- "label.last-hours": "Posledních {x} hodin",
- "label.last-months": "Posledních {x} měsíců",
- "label.last-seen": "Last seen",
- "label.leave": "Opustit",
- "label.leave-team": "Opustit tým",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Přihlásit",
- "label.logout": "Odhlásit",
- "label.manage": "Spravovat",
- "label.manager": "Správce",
- "label.max": "Max",
- "label.member": "Člen",
- "label.members": "Členové",
- "label.min": "Min",
- "label.mobile": "Mobilní telefon",
- "label.more": "Více",
- "label.my-account": "Můj účet",
- "label.my-websites": "Mé weby",
- "label.name": "Jméno",
- "label.new-password": "Nové heslo",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Přehled",
- "label.owner": "Vlastník",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Zobrazení stránek",
- "label.pageTitle": "Název stránky",
- "label.pages": "Stránky",
- "label.password": "Heslo",
- "label.path": "Cesta",
- "label.paths": "Cesty",
- "label.powered-by": "Běží na {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Aktuálně",
- "label.referrer": "Referrer",
- "label.referrers": "Odkazy",
- "label.refresh": "Obnovit",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Vyžadováno",
- "label.reset": "Reset",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Uložit",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Nastavení",
- "label.share-url": "Sdílet URL",
- "label.single-day": "Jeden den",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "Tento měsíc",
- "label.this-week": "Tento týden",
- "label.this-year": "Tento rok",
- "label.timezone": "Časová zóna",
- "label.title": "Title",
- "label.today": "Dnes",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Sledovací kód",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Jedinečné návštěvy",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Neznámý",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Uživatelské jméno",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Zobrazit detaily",
- "label.view-only": "View only",
- "label.views": "Zobrazení",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Průměrný čas návštěvy",
- "label.visitors": "Návštěvníci",
- "label.visits": "Návštěvy",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Weby",
- "label.window": "Okno",
- "label.yesterday": "Včera",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} aktuálně {x, plural, one {návštěvník} other {návštěvníci}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Opravdu smazat {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are your sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "Všechna související data budou také smazána.",
- "message.error": "Něco se pokazilo.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Jít do nastavení",
- "message.incorrect-username-password": "Nesprávné jméno/heslo.",
- "message.invalid-domain": "Neplatná doména",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Žádná data.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Hesla se neschodují",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "Nemáte nastavený žádný web.",
- "message.page-not-found": "Stránka nenalezena.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your tracking code will remain intact.",
- "message.saved": "Úspěšně uloženo.",
- "message.share-url": "Toto je sdílené URL pro {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Sledovací kód",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Návštěvník z {country} s prohlížečem {browser} na {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/da-DK.json b/src/lang/da-DK.json
deleted file mode 100644
index 143d079dc..000000000
--- a/src/lang/da-DK.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Handlinger",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Tilføj hjemmeside",
- "label.admin": "Administrator",
- "label.after": "After",
- "label.all": "Alle",
- "label.all-time": "Altid",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Tilbage",
- "label.before": "Before",
- "label.bounce-rate": "Afvisningsprocent",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Browsere",
- "label.cancel": "Afvis",
- "label.change-password": "Skift adgangskode",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Godkendt adgangskode",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Lande",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Nuværende adgangskode",
- "label.custom-range": "Tilpasset interval",
- "label.dashboard": "Betjeningspanel",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Datointerval",
- "label.day": "Day",
- "label.default-date-range": "Standard datointerval",
- "label.delete": "Slet",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Slet hjemmeside",
- "label.description": "Description",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Enheder",
- "label.dismiss": "Afvis",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Domæne",
- "label.dropoff": "Dropoff",
- "label.edit": "Rediger",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Aktivér delings-URL",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Hændelser",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Kombineret",
- "label.filter-raw": "Rå",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Sprog",
- "label.languages": "Sprog",
- "label.laptop": "Laptop",
- "label.last-days": "Sidste {x} dage",
- "label.last-hours": "Sidste {x} timer",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Log ind",
- "label.logout": "Log ud",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Mobil",
- "label.more": "Mere",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Navn",
- "label.new-password": "Ny adgangskode",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Ejer",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Sidevisninger",
- "label.pageTitle": "Page title",
- "label.pages": "Sider",
- "label.password": "Adgangskode",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Drevet af {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Realtid",
- "label.referrer": "Referrer",
- "label.referrers": "Henvisninger",
- "label.refresh": "Opdater",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Påkrævet",
- "label.reset": "Nulstil",
- "label.reset-website": "Nulstil statistikker",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Gem",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Indstillinger",
- "label.share-url": "Del URL",
- "label.single-day": "Enkelt dag",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Tema",
- "label.this-month": "Denne måned",
- "label.this-week": "Denne uge",
- "label.this-year": "Dette år",
- "label.timezone": "Tidszone",
- "label.title": "Title",
- "label.today": "Idag",
- "label.toggle-charts": "Ændre graf",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Sporingskode",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Unikke besøgende",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Ukendt",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Brugernavn",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Vis detajler",
- "label.view-only": "View only",
- "label.views": "Visninger",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Gennemsnitlig besøgstid",
- "label.visitors": "Besøgende",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Hjemmesider",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} nuværende {x, plural, one {bruger} other {brugere}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Er du sikker på at du vil slette {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Er du sikker på at du ville nulstille {target}'s statistikker?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "Alle tilknyttede data slettes også.",
- "message.error": "Noget gik galt.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Gå til betjeningspanel",
- "message.incorrect-username-password": "Ugyldigt brugernavn/adgangskode.",
- "message.invalid-domain": "Ugyldigt domæne",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Ingen data tilgængelig.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Adgangskoderne matcher ikke",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "Du har ikke konfigureret nogen hjemmesider.",
- "message.page-not-found": "Side ikke fundet.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "Alle statistikker for denne hjemmeside ville blive slettet, men sporingskode ville forblive intakt.",
- "message.saved": "Gemt!",
- "message.share-url": "Dette er den offentlige delings-URL til {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Sporingskode",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Besøgende fra {country} bruger {browser} på {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/de-CH.json b/src/lang/de-CH.json
deleted file mode 100644
index e99ecaca2..000000000
--- a/src/lang/de-CH.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Zuegangscode",
- "label.actions": "Aktione",
- "label.activity": "Aktivitätsverlauf",
- "label.add": "hinzuefüege",
- "label.add-description": "Beschriibig hinzuefüege",
- "label.add-member": "Mitglied hinzuefüege",
- "label.add-step": "Schritt hinzuefüege",
- "label.add-website": "Websiite hinzuefüege",
- "label.admin": "Administrator",
- "label.after": "Nach",
- "label.all": "Alli",
- "label.all-time": "Gsamte Zitruum",
- "label.analytics": "Analytics",
- "label.average": "Durchschnitt",
- "label.back": "Zrugg",
- "label.before": "Vor",
- "label.bounce-rate": "Absprungsrate",
- "label.breakdown": "Uufschlüsselig",
- "label.browser": "Browser",
- "label.browsers": "Browser",
- "label.cancel": "Abbreche",
- "label.change-password": "Passwort ändere",
- "label.cities": "Städt",
- "label.city": "Stadt",
- "label.clear-all": "Alles lösche",
- "label.compare": "Vergliiche",
- "label.confirm": "Bestätige",
- "label.confirm-password": "Passwort widerhole",
- "label.contains": "Enthaltet",
- "label.continue": "Wiiter",
- "label.count": "Azahl",
- "label.countries": "Länder",
- "label.country": "Land",
- "label.create": "Erstelle",
- "label.create-report": "Bricht erstelle",
- "label.create-team": "Team erstelle",
- "label.create-user": "Benutzer erstelle",
- "label.created": "Erstellt",
- "label.created-by": "Created By",
- "label.current": "Aktuell",
- "label.current-password": "Aktuells Passwort",
- "label.custom-range": "Benutzerdefinierte Bereich",
- "label.dashboard": "Übersicht",
- "label.data": "Datä",
- "label.date": "Datum",
- "label.date-range": "Datumsbereich",
- "label.day": "Tag",
- "label.default-date-range": "Voriigstellte Datumsbereich",
- "label.delete": "Lösche",
- "label.delete-report": "Bricht lösche",
- "label.delete-team": "Team lösche",
- "label.delete-user": "Benutzer lösche",
- "label.delete-website": "Websiite lösche",
- "label.description": "Beschriibig",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Grät",
- "label.devices": "Grät",
- "label.dismiss": "Verwärfe",
- "label.does-not-contain": "Enthaltet nid",
- "label.domain": "Domain",
- "label.dropoff": "Absprung",
- "label.edit": "Bearbeite",
- "label.edit-dashboard": "Dashboard bearbeite",
- "label.edit-member": "Mitglied bearbeite",
- "label.enable-share-url": "Freigab-URL aktiviere",
- "label.end-step": "Schlussschritt",
- "label.entry": "Iigangs URL",
- "label.event": "Ereigniss",
- "label.event-data": "Ereigniss Date",
- "label.events": "Ereigniss",
- "label.exit": "Uusgangs URL",
- "label.false": "Falsch",
- "label.field": "Fäld",
- "label.fields": "Fälder",
- "label.filter": "Filter",
- "label.filter-combined": "Kombiniert",
- "label.filter-raw": "Rohdate",
- "label.filters": "Filters",
- "label.first-seen": "Erstmal gse",
- "label.funnel": "Tunnel",
- "label.funnel-description": "Verstönd Sie d Konversions- und Abspruungsrate vo Nutzer.",
- "label.goal": "Ziel",
- "label.goals": "Ziele",
- "label.goals-description": "verfolged Sie Ihri Ziel für Siitenufrüef und Ereigniss.",
- "label.greater-than": "Grösser als",
- "label.greater-than-equals": "Grösser oder gliich",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Iiblick",
- "label.insights-description": "Vertüfed Sie sich i Ihri Date, mit Hilf vo Segment und Filter.",
- "label.is": "Isch",
- "label.is-not": "Isch nid",
- "label.is-not-set": "Isch ned gsetzt",
- "label.is-set": "Isch gsetzt",
- "label.join": "Biträte",
- "label.join-team": "Team biträte",
- "label.journey": "Reis",
- "label.journey-description": "Verstönd Sie, wie Nutzer dur Ihri Website navigiered.",
- "label.language": "Sprach",
- "label.languages": "Sprache",
- "label.laptop": "Laptop",
- "label.last-days": "Letzti {x} Täg",
- "label.last-hours": "Letzti {x} Stunde",
- "label.last-months": "Letzti {x} Mönet",
- "label.last-seen": "Zletzt gse",
- "label.leave": "Verlah",
- "label.leave-team": "Team verlah",
- "label.less-than": "Kliiner als",
- "label.less-than-equals": "Kliiner oder gliich",
- "label.login": "Aamälde",
- "label.logout": "Abmälde",
- "label.manage": "Verwalte",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Mitglied",
- "label.members": "Mitglieder",
- "label.min": "Min",
- "label.mobile": "Händy",
- "label.more": "Meh",
- "label.my-account": "Min Account",
- "label.my-websites": "Mini Websiite",
- "label.name": "Name",
- "label.new-password": "Neus Passwort",
- "label.none": "Keis",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Übersicht",
- "label.owner": "Bsitzer",
- "label.page-of": "Siite {current} vo {total}",
- "label.page-views": "Siitenufrüef",
- "label.pageTitle": "Siitetitel",
- "label.pages": "Siite",
- "label.password": "Passwort",
- "label.path": "Pfad",
- "label.paths": "Pfade",
- "label.powered-by": "Betriibe dur {name}",
- "label.previous": "Vorherig",
- "label.previous-period": "Vorherigi Periode",
- "label.previous-year": "Vorherigs Jahr",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Abfrage",
- "label.query": "Abfrag",
- "label.query-parameters": "Abfragparameter",
- "label.realtime": "Echtzit",
- "label.referrer": "Verwiiser",
- "label.referrers": "Verwiisendi",
- "label.refresh": "Aktualisiere",
- "label.regenerate": "Erneuere",
- "label.region": "Region",
- "label.regions": "Regionä",
- "label.remove": "Entferne",
- "label.remove-member": "Mitglied entferne",
- "label.reports": "Brichte",
- "label.required": "Erforderlich",
- "label.reset": "Zruggsetze",
- "label.reset-website": "Statistik zruggsetze",
- "label.retention": "Retention",
- "label.retention-description": "Mässed Sie d Verwiilduur vo Ihrere Website, indem Sie verfolged wie oft ihri Nutzer zruggkehred.",
- "label.revenue": "Umsatz",
- "label.revenue-description": "Lueged Sie sich Ihre Umsatz im Lauf vor Ziit a.",
- "label.revenue-property": "Umsatzeigenschafte",
- "label.role": "Rollä",
- "label.run-query": "Abfrag starte",
- "label.save": "Speichere",
- "label.screens": "Bildschirmuflösige",
- "label.search": "Sueche",
- "label.select": "Auswähle",
- "label.select-date": "Datä uuswähle",
- "label.select-role": "Rollä uuswähle",
- "label.select-website": "Websiite uuswähle",
- "label.session": "Sitzig",
- "label.sessions": "Sitzige",
- "label.settings": "Istellige",
- "label.share-url": "Freigab-URL",
- "label.single-day": "Ein Tag",
- "label.start-step": "Startschritt",
- "label.steps": "Schritt",
- "label.sum": "Summe",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team Manager",
- "label.team-member": "Team Mitglied",
- "label.team-name": "Team Name",
- "label.team-owner": "Team Bsitzer",
- "label.team-view-only": "Nur für Teammitglieder sichtbar",
- "label.team-websites": "Team Websiite",
- "label.teams": "Teams",
- "label.theme": "Thema",
- "label.this-month": "Dä Monet",
- "label.this-week": "Diä Wuuche",
- "label.this-year": "Das Johr",
- "label.timezone": "Ziitzone",
- "label.title": "Titel",
- "label.today": "Hüt",
- "label.toggle-charts": "Charts umschalte",
- "label.total": "Total",
- "label.total-records": "Gsamti Datesätz",
- "label.tracking-code": "Tracking Code",
- "label.transactions": "Transaktione",
- "label.transfer": "Transferiere",
- "label.transfer-website": "Websiite transferiere",
- "label.true": "Wahr",
- "label.type": "Typ",
- "label.unique": "Einzigartigi",
- "label.unique-visitors": "Einzigartigi Bsuecher",
- "label.uniqueCustomers": "Einzigartigi Kunde",
- "label.unknown": "Unbekannt",
- "label.untitled": "Unbennant",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Benutzer",
- "label.user-property": "Benutzereigeschafte",
- "label.username": "Benutzername",
- "label.users": "Benutzer",
- "label.utm": "UTM",
- "label.utm-description": "Tracked Sie Ihri Kampagnen mit UTM Parameters.",
- "label.value": "Wärt",
- "label.view": "Azeige",
- "label.view-details": "Details azeige",
- "label.view-only": "Nume aluege",
- "label.views": "Ufrüef",
- "label.views-per-visit": "Ufrüef pro Bsuech",
- "label.visit-duration": "Durchschn. Bsuechsziit",
- "label.visitors": "Bsuecher",
- "label.visits": "Bsüech",
- "label.website": "Website",
- "label.website-id": "Websiite ID",
- "label.websites": "Websiite",
- "label.window": "Fenster",
- "label.yesterday": "Gester",
- "message.action-confirmation": "Typed Sie {confirmation} is Feld underhalb um z bestätige.",
- "message.active-users": "{x} {x, plural, one {aktive Bsuecher} other {aktivi Bsuecher}}",
- "message.collected-data": "Gsammleti Date",
- "message.confirm-delete": "Sind Sie sich sicher, {target} zlösche?",
- "message.confirm-leave": "Sind Sie sich sicher, {target} zverlah?",
- "message.confirm-remove": "Sind Sie sich sicher, dass Sie {target} wänd entferne?",
- "message.confirm-reset": "Sind Sie sicher, dass Sie d Statistike vo {target} zruggsetze wänd?",
- "message.delete-team-warning": "Es Team lösche dued ebefalls alli team Websiite lösche.",
- "message.delete-website-warning": "Alli dezueghörige Date werded ebefalls glöscht.",
- "message.error": "Es isch en Fehler ufträte.",
- "message.event-log": "{event} uf {url}",
- "message.go-to-settings": "Zu de Istellige",
- "message.incorrect-username-password": "Falsches Passwort oder Benutzername.",
- "message.invalid-domain": "Ungültigi Domain",
- "message.min-password-length": "Miminamli längi vo {n} Zeiche",
- "message.new-version-available": "Es isch en neue Version vo Umami {version} verfügbar!",
- "message.no-data-available": "Kei Date vorhande.",
- "message.no-event-data": "Es sind kei Event Date verfügbar.",
- "message.no-match-password": "Passwörter stimmed ned überi",
- "message.no-results-found": "Kei Ergäbnis gfunde.",
- "message.no-team-websites": "Dem Team sind kei Websiite zuegordnet.",
- "message.no-teams": "Bisher sind no kei Teams erstellt worde.",
- "message.no-users": "Da gits kei Benutzer",
- "message.no-websites-configured": "Es isch kei Websiite vorhande.",
- "message.page-not-found": "Siite ned gfunde.",
- "message.reset-website": "Um die Websiite zruggzsetze, typed Sie {confirmation} is Feld unde dran.",
- "message.reset-website-warning": "Alli Date für die Websiite werdet glöscht, nur de Tracking Code blibt bestah.",
- "message.saved": "Erfolgrich gspeichert.",
- "message.share-url": "Ihri Websiitestatistik isch under de folgende URL öffentlich zuegänglich:",
- "message.team-already-member": "Sie sind bereits es Mitglied vo däm Team.",
- "message.team-not-found": "Team nöd gfunde.",
- "message.team-websites-info": "Websiite chöi vo jedem im Team agluegt werde",
- "message.tracking-code": "Tracking Code",
- "message.transfer-team-website-to-user": "Websiite uf zu Ihrem Account transferiere?",
- "message.transfer-user-website-to-team": "Wähled Sie s Team zum däm Websiite transferiert werde söll.",
- "message.transfer-website": "Übertraged Sie d Websiite Eigetümerrecht uf Ihre Account oder uf es anders Team",
- "message.triggered-event": "Usglösts Ereigniss",
- "message.user-deleted": "Bnutzer glöscht.",
- "message.viewed-page": "Siite agluegt",
- "message.visitor-log": "Bsuecher us {country} nutzt {browser} uf {os} {device}",
- "message.visitors-dropped-off": "Bsuercher verlore"
-}
\ No newline at end of file
diff --git a/src/lang/de-DE.json b/src/lang/de-DE.json
deleted file mode 100644
index 36090a848..000000000
--- a/src/lang/de-DE.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Zugangscode",
- "label.actions": "Aktionen",
- "label.activity": "Aktivitätsverlauf",
- "label.add": "Hinzufügen",
- "label.add-description": "Beschreibung hinzufügen",
- "label.add-member": "Mitglied hinzufügen",
- "label.add-step": "Schritt hinzufügen",
- "label.add-website": "Website hinzufügen",
- "label.admin": "Administrator",
- "label.after": "Nach",
- "label.all": "Alle",
- "label.all-time": "Gesamter Zeitraum",
- "label.analytics": "Analysen",
- "label.average": "Durchschnitt",
- "label.back": "Zurück",
- "label.before": "Vor",
- "label.bounce-rate": "Absprungrate",
- "label.breakdown": "Aufschlüsselung",
- "label.browser": "Browser",
- "label.browsers": "Browser",
- "label.cancel": "Abbrechen",
- "label.change-password": "Passwort ändern",
- "label.cities": "Städte",
- "label.city": "Stadt",
- "label.clear-all": "Alles löschen",
- "label.compare": "Vergleichen",
- "label.confirm": "Bestätigen",
- "label.confirm-password": "Passwort wiederholen",
- "label.contains": "Enthält",
- "label.continue": "Weiter",
- "label.count": "Anzahl",
- "label.countries": "Länder",
- "label.country": "Land",
- "label.create": "Erstellen",
- "label.create-report": "Bericht erstellen",
- "label.create-team": "Team erstellen",
- "label.create-user": "Benutzer erstellen",
- "label.created": "Erstellt",
- "label.created-by": "Erstellt von",
- "label.current": "Aktuell",
- "label.current-password": "Derzeitiges Passwort",
- "label.custom-range": "Benutzerdefinierter Bereich",
- "label.dashboard": "Übersicht",
- "label.data": "Daten",
- "label.date": "Datum",
- "label.date-range": "Datumsbereich",
- "label.day": "Tag",
- "label.default-date-range": "Voreingestellter Datumsbereich",
- "label.delete": "Löschen",
- "label.delete-report": "Bericht löschen",
- "label.delete-team": "Team löschen",
- "label.delete-user": "Benutzer löschen",
- "label.delete-website": "Website löschen",
- "label.description": "Beschreibung",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Gerät",
- "label.devices": "Geräte",
- "label.dismiss": "Verwerfen",
- "label.does-not-contain": "Enthält nicht",
- "label.domain": "Domain",
- "label.dropoff": "Absprung",
- "label.edit": "Bearbeiten",
- "label.edit-dashboard": "Dashboard bearbeiten",
- "label.edit-member": "Mitglied bearbeiten",
- "label.enable-share-url": "Freigabe-URL aktivieren",
- "label.end-step": "Schlussschritt",
- "label.entry": "Eingangs-URL",
- "label.event": "Ereignis",
- "label.event-data": "Ereignisdaten",
- "label.events": "Ereignisse",
- "label.exit": "Ausgangs-URL",
- "label.false": "Falsch",
- "label.field": "Feld",
- "label.fields": "Felder",
- "label.filter": "Filter",
- "label.filter-combined": "Kombiniert",
- "label.filter-raw": "Rohdaten",
- "label.filters": "Filter",
- "label.first-seen": "Erstmalig gesehen",
- "label.funnel": "Trichter",
- "label.funnel-description": "Verstehen Sie die Konversions- und Absprungrate Ihrer Nutzer.",
- "label.goal": "Ziel",
- "label.goals": "Ziele",
- "label.goals-description": "Verfolgen Sie Ihre Ziele für Seitenaufrufe und Ereignisse.",
- "label.greater-than": "Größer als",
- "label.greater-than-equals": "Größer oder gleich",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Einblicke",
- "label.insights-description": "Vertiefen Sie sich mit Hilfe von Segmenten und Filtern in Ihre Daten.",
- "label.is": "Ist",
- "label.is-not": "Ist nicht",
- "label.is-not-set": "Ist nicht gesetzt",
- "label.is-set": "Ist gesetzt",
- "label.join": "Beitreten",
- "label.join-team": "Team beitreten",
- "label.journey": "Reise",
- "label.journey-description": "Verstehen Sie, wie Nutzer auf Ihrer Website navigieren.",
- "label.language": "Sprache",
- "label.languages": "Sprachen",
- "label.laptop": "Laptop",
- "label.last-days": "Letzten {x} Tage",
- "label.last-hours": "Letzten {x} Stunden",
- "label.last-months": "Letzten {x} Monate",
- "label.last-seen": "Zuletzt gesehen",
- "label.leave": "Verlassen",
- "label.leave-team": "Team verlassen",
- "label.less-than": "Kleiner als",
- "label.less-than-equals": "Kleiner oder gleich",
- "label.login": "Anmelden",
- "label.logout": "Abmelden",
- "label.manage": "Verwalten",
- "label.manager": "Verwaltung",
- "label.max": "Max",
- "label.member": "Mitglied",
- "label.members": "Mitglieder",
- "label.min": "Min",
- "label.mobile": "Handy",
- "label.more": "Mehr",
- "label.my-account": "Mein Account",
- "label.my-websites": "Meine Websites",
- "label.name": "Name",
- "label.new-password": "Neues Passwort",
- "label.none": "Keine",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Übersicht",
- "label.owner": "Besitzer",
- "label.page-of": "Seite {current} von {total}",
- "label.page-views": "Seitenaufrufe",
- "label.pageTitle": "Seitentitel",
- "label.pages": "Seiten",
- "label.password": "Passwort",
- "label.path": "Pfad",
- "label.paths": "Pfade",
- "label.powered-by": "Betrieben durch {name}",
- "label.previous": "Vorherig",
- "label.previous-period": "Vorherige Periode",
- "label.previous-year": "Vorheriges Jahr",
- "label.profile": "Profil",
- "label.properties": "Eigenschaften",
- "label.property": "Eigentum",
- "label.queries": "Abfragen",
- "label.query": "Abfrage",
- "label.query-parameters": "Abfrageparameter",
- "label.realtime": "Echtzeit",
- "label.referrer": "Übermittler",
- "label.referrers": "Übermittler",
- "label.refresh": "Aktualisieren",
- "label.regenerate": "Erneuern",
- "label.region": "Region",
- "label.regions": "Regionen",
- "label.remove": "Entfernen",
- "label.remove-member": "Mitglied entfernen",
- "label.reports": "Berichte",
- "label.required": "Erforderlich",
- "label.reset": "Zurücksetzen",
- "label.reset-website": "Statistik zurücksetzen",
- "label.retention": "Erhalt",
- "label.retention-description": "Messen Sie die Verweildauer auf Ihrer Website, indem Sie verfolgen, wie oft die Nutzer zurückkehren.",
- "label.revenue": "Umsatz",
- "label.revenue-description": "Haben Sie einen Blick auf Ihre Umsätze im Laufe der Zeit.",
- "label.revenue-property": "Umsatzeigenschaften",
- "label.role": "Rolle",
- "label.run-query": "Abfrage starten",
- "label.save": "Speichern",
- "label.screens": "Bildschirmauflösungen",
- "label.search": "Suche",
- "label.select": "Auswählen",
- "label.select-date": "Datum auswählen",
- "label.select-role": "Rolle auswählen",
- "label.select-website": "Website auswählen",
- "label.session": "Sitzung",
- "label.sessions": "Sitzungen",
- "label.settings": "Einstellungen",
- "label.share-url": "Freigabe-URL",
- "label.single-day": "Ein Tag",
- "label.start-step": "Startschritt",
- "label.steps": "Schritte",
- "label.sum": "Summe",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team-ID",
- "label.team-manager": "Team-Manager",
- "label.team-member": "Team-Mitglied",
- "label.team-name": "Name des Teams",
- "label.team-owner": "Team-Eigentümer",
- "label.team-view-only": "Nur für Team-Mitglieder sichtbar",
- "label.team-websites": "Team-Websites",
- "label.teams": "Teams",
- "label.theme": "Thema",
- "label.this-month": "Diesen Monat",
- "label.this-week": "Diese Woche",
- "label.this-year": "Dieses Jahr",
- "label.timezone": "Zeitzone",
- "label.title": "Titel",
- "label.today": "Heute",
- "label.toggle-charts": "Schaubilder umschalten",
- "label.total": "Gesamt",
- "label.total-records": "Datensätze insgesamt",
- "label.tracking-code": "Tracking Code",
- "label.transactions": "Transaktionen",
- "label.transfer": "Übertragung",
- "label.transfer-website": "Website übertragen",
- "label.true": "Wahr",
- "label.type": "Typ",
- "label.unique": "Einzigartig",
- "label.unique-visitors": "Einzigartige Besucher",
- "label.uniqueCustomers": "Einzigartige Kunden",
- "label.unknown": "Unbekannt",
- "label.untitled": "Unbenannt",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Benutzer",
- "label.user-property": "Benutzereigenschaften",
- "label.username": "Benutzername",
- "label.users": "Benutzer",
- "label.utm": "UTM",
- "label.utm-description": "Tracken Sie Ihre Kampagnen mit UTM Parametern.",
- "label.value": "Wert",
- "label.view": "Anzeigen",
- "label.view-details": "Details anzeigen",
- "label.view-only": "Nur ansehen",
- "label.views": "Aufrufe",
- "label.views-per-visit": "Aufrufe pro Besuch",
- "label.visit-duration": "Durchschn. Besuchszeit",
- "label.visitors": "Besucher",
- "label.visits": "Besuche",
- "label.website": "Website",
- "label.website-id": "Website-ID",
- "label.websites": "Websites",
- "label.window": "Fenster",
- "label.yesterday": "Gestern",
- "message.action-confirmation": "Schreibe {confirmation} in die Box zur bestätigung.",
- "message.active-users": "{x} {x, plural, one {aktiver Besucher} other {aktive Besucher}}",
- "message.collected-data": "Gesammelte Daten",
- "message.confirm-delete": "Sind Sie sich sicher, {target} zu löschen?",
- "message.confirm-leave": "Sind Sie sicher, dass die {target} verlassen möchten?",
- "message.confirm-remove": "Sind Sie sicher, {target} zu entfernen?",
- "message.confirm-reset": "Sind Sie sicher, dass Sie die Statistiken von {target} zurücksetzen wollen?",
- "message.delete-team-warning": "Ein Team zu löschen, wird auch alle Team-Websites löschen.",
- "message.delete-website-warning": "Alle zugehörigen Daten werden ebenfalls gelöscht.",
- "message.error": "Es ist ein Fehler aufgetreten.",
- "message.event-log": "{event} auf {url}",
- "message.go-to-settings": "Zu den Einstellungen",
- "message.incorrect-username-password": "Falsches Passwort oder Benutzername.",
- "message.invalid-domain": "Ungültige Domain",
- "message.min-password-length": "Minimale Länge von {n} Zeichen",
- "message.new-version-available": "Eine neue Version von Umami ist verfügbar: {version}",
- "message.no-data-available": "Keine Daten vorhanden.",
- "message.no-event-data": "Es sind keine Ereignisdaten verfügbar.",
- "message.no-match-password": "Passwörter stimmen nicht überein",
- "message.no-results-found": "Keine Ergebnisse gefunden.",
- "message.no-team-websites": "Diesem Team sind keine Websites zugeordnet.",
- "message.no-teams": "Bisher wurden keine Teams erstellt.",
- "message.no-users": "Hier gibt es keine Benutzer.",
- "message.no-websites-configured": "Es ist keine Website vorhanden.",
- "message.page-not-found": "Seite nicht gefunden.",
- "message.reset-website": "Um diese Website zurückzusetzen, geben Sie zur Bestätigung {confirmation} in das Feld unten ein.",
- "message.reset-website-warning": "Alle Daten für diese Website werden gelöscht, jedoch bleibt der Tracking Code bestehen.",
- "message.saved": "Erfolgreich gespeichert.",
- "message.share-url": "Die Statistiken Ihrer Website sind unter folgender URL öffentlich zugänglich:",
- "message.team-already-member": "Sie sind bereits Mitglied des Teams.",
- "message.team-not-found": "Team nicht gefunden.",
- "message.team-websites-info": "Websites können von jedem im Team eingesehen werden.",
- "message.tracking-code": "Tracking Code",
- "message.transfer-team-website-to-user": "Diese Website zu Ihrem Account transferieren?",
- "message.transfer-user-website-to-team": "Wählen Sie ein Team aus, zu dem die Website transferiert werden soll.",
- "message.transfer-website": "Übertragen Sie die Eigentümerrechte zu Ihrem Account oder einem anderen Team.",
- "message.triggered-event": "Ereignis ausgelöst",
- "message.user-deleted": "Benutzer gelöscht.",
- "message.viewed-page": "Seite besucht",
- "message.visitor-log": "Besucher aus {country} benutzt {browser} auf {os} {device}",
- "message.visitors-dropped-off": "Besucherverlust"
-}
diff --git a/src/lang/el-GR.json b/src/lang/el-GR.json
deleted file mode 100644
index 263ea7e9f..000000000
--- a/src/lang/el-GR.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Ενέργειες",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Προσθήκη ιστότοπου",
- "label.admin": "Διαχειριστής",
- "label.after": "After",
- "label.all": "All",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Πίσω",
- "label.before": "Before",
- "label.bounce-rate": "Ποσοστό αναπήδησης",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Προγράμματα περιήγησης",
- "label.cancel": "Ακύρωση",
- "label.change-password": "Αλλαγή κωδικού",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Επιβεβαίωση κωδικού",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Χώρες",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Τωρινός κωδικός πρόσβασης",
- "label.custom-range": "Προσαρμοσμένο εύρος",
- "label.dashboard": "Πίνακας",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Εύρος ημερομηνιών",
- "label.day": "Day",
- "label.default-date-range": "Προεπιλεγμένο εύρος ημερομηνιών",
- "label.delete": "Διαγραφή",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Διαγραφή ιστότοπου",
- "label.description": "Description",
- "label.desktop": "Σταθερός υπολογιστής",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Συσκευές",
- "label.dismiss": "Dismiss",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Τομέας",
- "label.dropoff": "Dropoff",
- "label.edit": "Επεξεργασία",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Ενεργοποίηση κοινής χρήσης URL",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Γεγονότα",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Σε συνδυασμό",
- "label.filter-raw": "Ακατέργαστο",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "Λάπτοπ",
- "label.last-days": "Τελευταίες {x} ημέρες",
- "label.last-hours": "Τελευταίες {x} ώρες",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Είσοδος",
- "label.logout": "Αποσύνδεση",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Κινητό",
- "label.more": "Περισσότερα",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Όνομα",
- "label.new-password": "Νέος κωδικός",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Προβολές σελίδας",
- "label.pageTitle": "Page title",
- "label.pages": "Σελίδες",
- "label.password": "Κωδικός",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Με την υποστήριξη του {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Προφίλ",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Realtime",
- "label.referrer": "Referrer",
- "label.referrers": "Παραπομπές",
- "label.refresh": "Ανανέωση",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Απαιτείται",
- "label.reset": "Επαναφορά",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Αποθήκευση",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Ρυθμίσεις",
- "label.share-url": "Κοινοποίηση διεύθυνσης URL",
- "label.single-day": "Ημερήσια",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Τάμπλετ",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "Αυτο το μήνα",
- "label.this-week": "Αυτή την εβδομάδα",
- "label.this-year": "Αυτή την χρονιά",
- "label.timezone": "Ζώνη ώρας",
- "label.title": "Title",
- "label.today": "Σήμερα",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Κωδικός παρακολούθησης",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Μοναδικοί επισκέπτες",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Άγνωστο",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Όνομα χρήστη",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Λεπτομέρειες",
- "label.view-only": "View only",
- "label.views": "Προβολές",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Μέσος χρόνος επίσκεψης",
- "label.visitors": "Επισκέπτες",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Ιστότοποι",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} ενεργοί {x, plural, one {επισκέπτης} other {επισκέπτες}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Είστε βέβαιοι ότι θέλετε να διαγράψετε το {target};",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are your sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "Όλα τα σχετικά δεδομένα θα διαγραφούν επίσης.",
- "message.error": "Κάτι πήγε στραβά.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Μεταβείτε στις ρυθμίσεις",
- "message.incorrect-username-password": "Εσφαλμένο όνομα χρήστη / κωδικός πρόσβασης.",
- "message.invalid-domain": "Μη έγκυρος τομέας",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Δεν υπάρχουν διαθέσιμα δεδομένα.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Οι κωδικοί πρόσβασης δεν ταιριάζουν",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "Δεν έχετε ρυθμίσει κανένα ιστότοπο.",
- "message.page-not-found": "Η σελίδα δεν βρέθηκε.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your tracking code will remain intact.",
- "message.saved": "Αποθηκεύτηκε επιτυχώς.",
- "message.share-url": "Αυτό είναι το κοινόχρηστο URL για το {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Κωδικός παρακολούθησης",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Visitor from {country} using {browser} on {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/en-GB.json b/src/lang/en-GB.json
deleted file mode 100644
index 80bbbd7b8..000000000
--- a/src/lang/en-GB.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Actions",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Add website",
- "label.admin": "Administrator",
- "label.after": "After",
- "label.all": "All",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Back",
- "label.before": "Before",
- "label.bounce-rate": "Bounce rate",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Browsers",
- "label.cancel": "Cancel",
- "label.change-password": "Change password",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Confirm password",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Countries",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Current password",
- "label.custom-range": "Custom range",
- "label.dashboard": "Dashboard",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Date range",
- "label.day": "Day",
- "label.default-date-range": "Default date range",
- "label.delete": "Delete",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Delete website",
- "label.description": "Description",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Devices",
- "label.dismiss": "Dismiss",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Domain",
- "label.dropoff": "Dropoff",
- "label.edit": "Edit",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Enable share URL",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Events",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Combined",
- "label.filter-raw": "Raw",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "Laptop",
- "label.last-days": "Last {x} days",
- "label.last-hours": "Last {x} hours",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Login",
- "label.logout": "Logout",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Mobile",
- "label.more": "More",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Name",
- "label.new-password": "New password",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Page views",
- "label.pageTitle": "Page title",
- "label.pages": "Pages",
- "label.password": "Password",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Powered by {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profile",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Realtime",
- "label.referrer": "Referrer",
- "label.referrers": "Referrers",
- "label.refresh": "Refresh",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Required",
- "label.reset": "Reset",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Save",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Settings",
- "label.share-url": "Share URL",
- "label.single-day": "Single day",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "This month",
- "label.this-week": "This week",
- "label.this-year": "This year",
- "label.timezone": "Timezone",
- "label.title": "Title",
- "label.today": "Today",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Tracking code",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Unique visitors",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Unknown",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Username",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "View details",
- "label.view-only": "View only",
- "label.views": "Views",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Visit duration",
- "label.visitors": "Visitors",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Websites",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} current {x, plural, one {visitor} other {visitors}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Are you sure you want to delete {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are you sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "All associated data will be deleted as well.",
- "message.error": "Something went wrong.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Go to settings",
- "message.incorrect-username-password": "Incorrect username/password.",
- "message.invalid-domain": "Invalid domain",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "No data available.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Passwords don't match",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "You don't have any websites configured.",
- "message.page-not-found": "Page not found.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your tracking code will remain intact.",
- "message.saved": "Saved successfully.",
- "message.share-url": "This is the publicly shared URL for {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Tracking code",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Visitor from {country} using {browser} on {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/en-US.json b/src/lang/en-US.json
deleted file mode 100644
index 8fe331459..000000000
--- a/src/lang/en-US.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Actions",
- "label.activity": "Activity",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Add website",
- "label.admin": "Administrator",
- "label.after": "After",
- "label.all": "All",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Back",
- "label.before": "Before",
- "label.bounce-rate": "Bounce rate",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Browsers",
- "label.cancel": "Cancel",
- "label.change-password": "Change password",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Confirm password",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Countries",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Current password",
- "label.custom-range": "Custom range",
- "label.dashboard": "Dashboard",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Date range",
- "label.day": "Day",
- "label.default-date-range": "Default date range",
- "label.delete": "Delete",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Delete website",
- "label.description": "Description",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Devices",
- "label.dismiss": "Dismiss",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Domain",
- "label.dropoff": "Dropoff",
- "label.edit": "Edit",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Enable share URL",
- "label.end-step": "End Step",
- "label.entry": "Entry path",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Events",
- "label.exit": "Exit path",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Combined",
- "label.filter-raw": "Raw",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "Laptop",
- "label.last-days": "Last {x} days",
- "label.last-hours": "Last {x} hours",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Login",
- "label.logout": "Logout",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Mobile",
- "label.more": "More",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Name",
- "label.new-password": "New password",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Page views",
- "label.pageTitle": "Page title",
- "label.pages": "Pages",
- "label.password": "Password",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Powered by {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profile",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Realtime",
- "label.referrer": "Referrer",
- "label.referrers": "Referrers",
- "label.refresh": "Refresh",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Required",
- "label.reset": "Reset",
- "label.reset-website": "Reset website",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Save",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Settings",
- "label.share-url": "Share URL",
- "label.single-day": "Single day",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "This month",
- "label.this-week": "This week",
- "label.this-year": "This year",
- "label.timezone": "Timezone",
- "label.title": "Title",
- "label.today": "Today",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Tracking code",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Unique visitors",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Unknown",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Username",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "View details",
- "label.view-only": "View only",
- "label.views": "Views",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Visit duration",
- "label.visitors": "Visitors",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Websites",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} current {x, plural, one {visitor} other {visitors}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Are you sure you want to delete {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are you sure you want to reset {target}?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "All website data will be deleted.",
- "message.error": "Something went wrong.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Go to settings",
- "message.incorrect-username-password": "Incorrect username and/or password.",
- "message.invalid-domain": "Invalid domain. Do not include http/https.",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "No data available.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Passwords do not match.",
- "message.no-results-found": "No results found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "You do not have any websites configured.",
- "message.page-not-found": "Page not found",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your settings will remain intact.",
- "message.saved": "Saved.",
- "message.share-url": "Your website stats are publicly available at the following URL:",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "To track stats for this website, place the following code in the ... section of your HTML.",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Visitor from {country} using {browser} on {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/es-ES.json b/src/lang/es-ES.json
deleted file mode 100644
index 9bcfab503..000000000
--- a/src/lang/es-ES.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Código de acceso",
- "label.actions": "Acciones",
- "label.activity": "Registro de actividad",
- "label.add": "Añadir",
- "label.add-description": "Añadir descripción",
- "label.add-member": "Añadir miembro",
- "label.add-step": "Añadir paso",
- "label.add-website": "Nuevo sitio web",
- "label.admin": "Administrador",
- "label.after": "Después",
- "label.all": "Todos",
- "label.all-time": "Todos los tiempos",
- "label.analytics": "Analíticas",
- "label.average": "Media",
- "label.back": "Atrás",
- "label.before": "Antes",
- "label.bounce-rate": "Porcentaje de rebote",
- "label.breakdown": "Desglose",
- "label.browser": "Navegador",
- "label.browsers": "Navegadores",
- "label.cancel": "Cancelar",
- "label.change-password": "Cambiar contraseña",
- "label.cities": "Ciudades",
- "label.city": "Ciudad",
- "label.clear-all": "Limpiar todo",
- "label.compare": "Comparar",
- "label.confirm": "Confirmar",
- "label.confirm-password": "Confirmar contraseña",
- "label.contains": "Contiene",
- "label.continue": "Continuar",
- "label.count": "Contar",
- "label.countries": "Países",
- "label.country": "País",
- "label.create": "Crear",
- "label.create-report": "Crear informe",
- "label.create-team": "Crear equipo",
- "label.create-user": "Crear usuario",
- "label.created": "Creado",
- "label.created-by": "Creado por",
- "label.current": "Actual",
- "label.current-password": "Contraseña actual",
- "label.custom-range": "Intervalo personalizado",
- "label.dashboard": "Panel de control",
- "label.data": "Datos",
- "label.date": "Fecha",
- "label.date-range": "Intervalo de fechas",
- "label.day": "Día",
- "label.default-date-range": "Intervalo por defecto",
- "label.delete": "Eliminar",
- "label.delete-report": "Eliminar reporte",
- "label.delete-team": "Eliminar equipo",
- "label.delete-user": "Eliminar usuario",
- "label.delete-website": "Eliminar sitio",
- "label.description": "Descripción",
- "label.desktop": "Escritorio",
- "label.details": "Detalles",
- "label.device": "Dispositivo",
- "label.devices": "Dispositivos",
- "label.dismiss": "Cerrar",
- "label.does-not-contain": "No contiene",
- "label.domain": "Dominio",
- "label.dropoff": "Abandono",
- "label.edit": "Editar",
- "label.edit-dashboard": "Editar panel",
- "label.edit-member": "Editar miembro",
- "label.enable-share-url": "Habilitar compartir URL",
- "label.end-step": "Paso final",
- "label.entry": "URL de entrada",
- "label.event": "Evento",
- "label.event-data": "Datos de evento",
- "label.events": "Eventos",
- "label.exit": "URL de salida",
- "label.false": "Falso",
- "label.field": "Campo",
- "label.fields": "Campos",
- "label.filter": "Filtro",
- "label.filter-combined": "Combinado",
- "label.filter-raw": "En crudo",
- "label.filters": "Filtros",
- "label.first-seen": "Visto por primera vez",
- "label.funnel": "Embudo",
- "label.funnel-description": "Comprender conversión y abandono de usuarios.",
- "label.goal": "Objetivo",
- "label.goals": "Objetivos",
- "label.goals-description": "Realice un seguimiento de sus objetivos de páginas vistas y eventos.",
- "label.greater-than": "Mayor que",
- "label.greater-than-equals": "Mayor que o igual a",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Profundice en sus datos mediante el uso de segmentos y filtros.",
- "label.is": "Es igual a",
- "label.is-not": "No es igual a",
- "label.is-not-set": "No está establecido",
- "label.is-set": "Está establecido",
- "label.join": "Unir",
- "label.join-team": "Unirse al equipo",
- "label.journey": "Viaje",
- "label.journey-description": "Comprenda cómo los usuarios navegan por su sitio web.",
- "label.language": "Idioma",
- "label.languages": "Idiomas",
- "label.laptop": "Portátil",
- "label.last-days": "Últimos {x} días",
- "label.last-hours": "Últimas {x} horas",
- "label.last-months": "Últimos {x} meses",
- "label.last-seen": "Visto por última vez",
- "label.leave": "Abandonar",
- "label.leave-team": "Abandonar equipo",
- "label.less-than": "Menor que",
- "label.less-than-equals": "Menor que o igual a",
- "label.login": "Iniciar sesión",
- "label.logout": "Cerrar sesión",
- "label.manage": "Administrar",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Miembro",
- "label.members": "Miembros",
- "label.min": "Min",
- "label.mobile": "Móvil",
- "label.more": "Más",
- "label.my-account": "Mi cuenta",
- "label.my-websites": "Mis sitios web",
- "label.name": "Nombre",
- "label.new-password": "Nueva contraseña",
- "label.none": "Ninguno",
- "label.number-of-records": "{x} {x, plural, one {registro} other {registros}}",
- "label.ok": "OK",
- "label.os": "Sistema",
- "label.overview": "Resumen",
- "label.owner": "Propietario",
- "label.page-of": "Página {current} de {total}",
- "label.page-views": "Vistas",
- "label.pageTitle": "Título de página",
- "label.pages": "Páginas",
- "label.password": "Contraseña",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Analíticas de {name}",
- "label.previous": "Anterior",
- "label.previous-period": "Periodo anterior",
- "label.previous-year": "Año anterior",
- "label.profile": "Perfil",
- "label.properties": "Propiedades",
- "label.property": "Propiedad",
- "label.queries": "Consultas",
- "label.query": "Consulta",
- "label.query-parameters": "Parámetros de petición",
- "label.realtime": "Tiempo real",
- "label.referrer": "Referido",
- "label.referrers": "Referido desde",
- "label.refresh": "Actualizar",
- "label.regenerate": "Regenerar",
- "label.region": "Región",
- "label.regions": "Regiones",
- "label.remove": "Quitar",
- "label.remove-member": "Eliminar miembro",
- "label.reports": "Informes",
- "label.required": "Obligatorio",
- "label.reset": "Reiniciar",
- "label.reset-website": "Reiniciar analíticas",
- "label.retention": "Retención",
- "label.retention-description": "Medir la frecuencia con la que los usuarios vuelven a tu sitio web.",
- "label.revenue": "Ganancias",
- "label.revenue-description": "Analice sus ganancias a lo largo del tiempo.",
- "label.revenue-property": "Propiedad de ganancias",
- "label.role": "Rol",
- "label.run-query": "Ejecutar consulta",
- "label.save": "Guardar",
- "label.screens": "Pantallas",
- "label.search": "Buscar",
- "label.select": "Seleccionar",
- "label.select-date": "Seleccionar fecha",
- "label.select-role": "Seleccionar rol",
- "label.select-website": "Seleccionar sitio web",
- "label.session": "Sesión",
- "label.sessions": "Sesiones",
- "label.settings": "Ajustes",
- "label.share-url": "Compartir URL",
- "label.single-day": "Un solo día",
- "label.start-step": "Paso inical",
- "label.steps": "Pasos",
- "label.sum": "Suma",
- "label.tablet": "Tableta",
- "label.team": "Equipo",
- "label.team-id": "ID del equipo",
- "label.team-manager": "Jefe de equipo",
- "label.team-member": "Miembro del equipo",
- "label.team-name": "Nombre del equipo",
- "label.team-owner": "Admin. del equipo",
- "label.team-view-only": "Vista solo del equipo",
- "label.team-websites": "Sitios web del equipo",
- "label.teams": "Equipos",
- "label.theme": "Tema",
- "label.this-month": "Este mes",
- "label.this-week": "Esta semana",
- "label.this-year": "Este año",
- "label.timezone": "Zona horaria",
- "label.title": "Título",
- "label.today": "Hoy",
- "label.toggle-charts": "Alternar gráficas",
- "label.total": "Total",
- "label.total-records": "Total de registros",
- "label.tracking-code": "Código de rastreo",
- "label.transactions": "Transacciones",
- "label.transfer": "Transferir",
- "label.transfer-website": "Transferir sitio web",
- "label.true": "Verdadero",
- "label.type": "Tipo",
- "label.unique": "Único",
- "label.unique-visitors": "Visitantes únicos",
- "label.uniqueCustomers": "Clientes únicos",
- "label.unknown": "Desconocida",
- "label.untitled": "Sin título",
- "label.update": "Actualizar",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Usuario",
- "label.user-property": "Propiedad de usuario",
- "label.username": "Nombre de usuario",
- "label.users": "Usuarios",
- "label.utm": "UTM",
- "label.utm-description": "Realice un seguimiento de sus campañas a través de parámetros UTM.",
- "label.value": "Valor",
- "label.view": "Visualizar",
- "label.view-details": "Ver detalles",
- "label.view-only": "Ver sólo",
- "label.views": "Vistas",
- "label.views-per-visit": "Vistas por visita",
- "label.visit-duration": "Tiempo promedio de visita",
- "label.visitors": "Visitantes",
- "label.visits": "Visitas",
- "label.website": "Sitio web",
- "label.website-id": "ID del sitio web",
- "label.websites": "Sitios web",
- "label.window": "Ventana",
- "label.yesterday": "Ayer",
- "message.action-confirmation": "Escriba {confirmation} en el cuadro a continuación para confirmar.",
- "message.active-users": "{x} {x, plural, one {activo} other {activos}}",
- "message.collected-data": "Datos obtenidos",
- "message.confirm-delete": "¿Seguro que quieres eliminar {target}?",
- "message.confirm-leave": "¿Seguro que quieres abandonar {target}?",
- "message.confirm-remove": "¿Estás seguro de que desea eliminar {target}?",
- "message.confirm-reset": "¿Seguro que quieres BORRAR las analíticas de {target}?",
- "message.delete-team-warning": "Al eliminar un equipo, también se eliminarán todos los sitios web del equipo.",
- "message.delete-website-warning": "Toda la información relacionada será eliminada.",
- "message.error": "Algo falló.",
- "message.event-log": "{event} en {url}",
- "message.go-to-settings": "Ir a la configuración",
- "message.incorrect-username-password": "Nombre de usuario o contraseña incorrectos.",
- "message.invalid-domain": "Dominio inválido",
- "message.min-password-length": "Longitud mínima de {n} caracteres",
- "message.new-version-available": "Una nueva versión de Umami {version} está disponible",
- "message.no-data-available": "No hay información disponible.",
- "message.no-event-data": "No hay datos de eventos disponibles.",
- "message.no-match-password": "Las contraseñas no coinciden",
- "message.no-results-found": "No se encontraron resultados.",
- "message.no-team-websites": "Este equipo no tiene ningún sitio web configurado.",
- "message.no-teams": "No has creado ningún equipo.",
- "message.no-users": "No hay usuarios.",
- "message.no-websites-configured": "No tienes ningún sitio web configurado.",
- "message.page-not-found": "Página no encontrada",
- "message.reset-website": "Para reiniciar este sitio web, escribe {confirmation} a continuación para confirmar.",
- "message.reset-website-warning": "Todas las estadísticas de esta página serán eliminadas, pero el código de rastreo permanecerá intacto.",
- "message.saved": "Guardado",
- "message.share-url": "Esta es la URL pública para {target}.",
- "message.team-already-member": "Ya eres miembro de este equipo.",
- "message.team-not-found": "Equipo no encontrado.",
- "message.team-websites-info": "Las analíticas de tus sitios web pueden ser vistas por cualquier miembro del equipo.",
- "message.tracking-code": "Código de rastreo",
- "message.transfer-team-website-to-user": "¿Transferir este sitio web a su cuenta?",
- "message.transfer-user-website-to-team": "Seleccione el equipo al que transferir este sitio web.",
- "message.transfer-website": "Seleccione el equipo al que transferir este sitio web.",
- "message.triggered-event": "Evento lanzado",
- "message.user-deleted": "Usuario eliminado.",
- "message.viewed-page": "Página vista",
- "message.visitor-log": "Visitante desde {country} usando {browser} en {os} {device}",
- "message.visitors-dropped-off": "Los visitantes salieron"
-}
diff --git a/src/lang/fa-IR.json b/src/lang/fa-IR.json
deleted file mode 100644
index 493ca4875..000000000
--- a/src/lang/fa-IR.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "کد دسترسی",
- "label.actions": "اقدامات",
- "label.activity": "فعالیت",
- "label.add": "افزودن",
- "label.add-description": "افزودن توضیحات",
- "label.add-member": "افزودن عضو",
- "label.add-step": "افزودن قدم",
- "label.add-website": "افزودن وبسایت",
- "label.admin": "مدیر",
- "label.after": "بعد",
- "label.all": "همه",
- "label.all-time": "تمامی زمانها",
- "label.analytics": "تجزیه و تحلیل",
- "label.average": "میانگین",
- "label.back": "بازگشت",
- "label.before": "قبل از",
- "label.bounce-rate": "نرخ ریزش",
- "label.breakdown": "تفکیک",
- "label.browser": "مرورگر",
- "label.browsers": "مرورگرها",
- "label.cancel": "انصراف",
- "label.change-password": "تغییر رمز",
- "label.cities": "شهرها",
- "label.city": "شهر",
- "label.clear-all": "پاک کردن همه",
- "label.compare": "مقایسه",
- "label.confirm": "تأیید",
- "label.confirm-password": "تأیید رمز",
- "label.contains": "شامل",
- "label.continue": "ادامه",
- "label.count": "تعداد",
- "label.countries": "کشورها",
- "label.country": "کشور",
- "label.create": "ایجاد",
- "label.create-report": "ایجاد گزارش",
- "label.create-team": "ایجاد تیم",
- "label.create-user": "ایجاد کاربر",
- "label.created": "ایجاد شد",
- "label.created-by": "ایجاد شده توسط",
- "label.current": "فعلی",
- "label.current-password": "رمز فعلی",
- "label.custom-range": "محدودهی دلخواه",
- "label.dashboard": "داشبورد",
- "label.data": "داده",
- "label.date": "تاریخ",
- "label.date-range": "محدودهی تاریخ",
- "label.day": "روز",
- "label.default-date-range": "محدودهی پیشفرض تاریخ",
- "label.delete": "حذف",
- "label.delete-report": "حذف گزارش",
- "label.delete-team": "حذف تیم",
- "label.delete-user": "حذف کاربر",
- "label.delete-website": "حذف وبسایت",
- "label.description": "توضیحات",
- "label.desktop": "دسکتاپ",
- "label.details": "جزئیات",
- "label.device": "دستگاه",
- "label.devices": "دستگاهها",
- "label.dismiss": "رد کردن",
- "label.does-not-contain": "شامل نمیشود",
- "label.domain": "دامنه",
- "label.dropoff": "رها کردن",
- "label.edit": "ویرایش",
- "label.edit-dashboard": "ویرایش داشبورد",
- "label.edit-member": "ویرایش عضو",
- "label.enable-share-url": "فعال کردن اشتراک گذاری آدرس اینترنتی",
- "label.end-step": "قدم پایانی",
- "label.entry": "آدرس اینترنتی ورودی",
- "label.event": "رویداد",
- "label.event-data": "دادههای رویداد",
- "label.events": "رویدادها",
- "label.exit": "آدرس اینترنتی خروجی",
- "label.false": "نادرست",
- "label.field": "فیلد",
- "label.fields": "فیلدها",
- "label.filter": "فیلتر",
- "label.filter-combined": "ترکیب شده",
- "label.filter-raw": "خام",
- "label.filters": "فیلترها",
- "label.first-seen": "اولین بار دیده شده",
- "label.funnel": "فانل",
- "label.funnel-description": "نرخ تبدیل و رها کردن کاربران را درک کنید.",
- "label.goal": "هدف",
- "label.goals": "اهداف",
- "label.goals-description": "اهداف خود را برای بازدید از صفحه و رویدادها دنبال کنید.",
- "label.greater-than": "بزرگتر از",
- "label.greater-than-equals": "بزرگتر یا مساوی",
- "label.host": "هاست",
- "label.hosts": "هاستها",
- "label.insights": "بینش",
- "label.insights-description": "با استفاده از بخشها و فیلترها، در دادههای خود عمیقتر شوید.",
- "label.is": "برابر است با",
- "label.is-not": "برابر نیست با",
- "label.is-not-set": "تعیین نشده",
- "label.is-set": "تعیین شده",
- "label.join": "پیوستن",
- "label.join-team": "پیوستن به تیم",
- "label.journey": "مسیر",
- "label.journey-description": "درک کنید که کاربران چگونه در وبسایت شما حرکت می کنند.",
- "label.language": "زبان",
- "label.languages": "زبانها",
- "label.laptop": "لپتاپ",
- "label.last-days": "{x} روز گذشته",
- "label.last-hours": "{x} ساعت گذشته",
- "label.last-months": "{x} ماه گذشته",
- "label.last-seen": "آخرین بار دیده شده",
- "label.leave": "ترک کردن",
- "label.leave-team": "ترک تیم",
- "label.less-than": "کمتر از",
- "label.less-than-equals": "کمتر یا مساوی",
- "label.login": "ورود",
- "label.logout": "خروج",
- "label.manage": "مدیریت",
- "label.manager": "مدیر",
- "label.max": "حداکثر",
- "label.member": "عضو",
- "label.members": "اعضا",
- "label.min": "حداقل",
- "label.mobile": "موبایل",
- "label.more": "بیشتر",
- "label.my-account": "حساب کاربری من",
- "label.my-websites": "وبسایتهای من",
- "label.name": "نام",
- "label.new-password": "رمز جدید",
- "label.none": "هیچ",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "تایید",
- "label.os": "سیستم عامل",
- "label.overview": "بررسی کلی",
- "label.owner": "مالک",
- "label.page-of": "صفحه {current} از {total}",
- "label.page-views": "بازدید صفحه",
- "label.pageTitle": "عنوان صفحه",
- "label.pages": "صفحهها",
- "label.password": "رمز",
- "label.path": "مسیر",
- "label.paths": "مسیرها",
- "label.powered-by": "قدرت گرفته توسط {name}",
- "label.previous": "قبلی",
- "label.previous-period": "دورهی قبل",
- "label.previous-year": "سال قبل",
- "label.profile": "پروفایل",
- "label.properties": "ویژگیها",
- "label.property": "ویژگی",
- "label.queries": "کوئریها",
- "label.query": "کوئری",
- "label.query-parameters": "پارامترهای کوئری",
- "label.realtime": "آمار زنده",
- "label.referrer": "ارجاع دهنده",
- "label.referrers": "ارجاع دهندگان",
- "label.refresh": "بهروزرسانی",
- "label.regenerate": "تولید مجدد",
- "label.region": "منطقه",
- "label.regions": "مناطق",
- "label.remove": "حذف",
- "label.remove-member": "حذف عضو",
- "label.reports": "گزارشها",
- "label.required": "ضروری",
- "label.reset": "بازنشانی",
- "label.reset-website": "بازنشانی وبسایت",
- "label.retention": "نرخ بازگشت",
- "label.retention-description": "چسبندگی وبسایت خود را با دنبال کردن تعداد دفعات بازگشت کاربران اندازهگیری کنید.",
- "label.revenue": "درآمد",
- "label.revenue-description": "به درآمد خود در طول زمان نگاه کنید.",
- "label.revenue-property": "ویژگی درآمد",
- "label.role": "نقش",
- "label.run-query": "اجرای کوئری",
- "label.save": "ذخیره",
- "label.screens": "صفحه",
- "label.search": "جستجو",
- "label.select": "انتخاب",
- "label.select-date": "انتخاب تاریخ",
- "label.select-role": "انتخاب نقش",
- "label.select-website": "انتخاب وبسایت",
- "label.session": "نشست",
- "label.sessions": "نشستها",
- "label.settings": "تنظیمات",
- "label.share-url": "به اشتراک گذاری آدرس اینترنتی",
- "label.single-day": "یک روز",
- "label.start-step": "قدم شروع",
- "label.steps": "قدمها",
- "label.sum": "جمع",
- "label.tablet": "تبلت",
- "label.team": "تیم",
- "label.team-id": "شناسه تیم",
- "label.team-manager": "مدیر تیم",
- "label.team-member": "عضو تیم",
- "label.team-name": "نام تیم",
- "label.team-owner": "مالک تیم",
- "label.team-view-only": "فقط مشاهدهی تیم",
- "label.team-websites": "وبسایتهای تیم",
- "label.teams": "تیمها",
- "label.theme": "تم",
- "label.this-month": "این ماه",
- "label.this-week": "این هفته",
- "label.this-year": "امسال",
- "label.timezone": "منطقهی زمانی",
- "label.title": "عنوان",
- "label.today": "امروز",
- "label.toggle-charts": "نمایش / عدم نمایش نمودارها",
- "label.total": "جمع",
- "label.total-records": "جمع رکوردها",
- "label.tracking-code": "کد رهگیری",
- "label.transactions": "تراکنشها",
- "label.transfer": "انتقال",
- "label.transfer-website": "انتقال وبسایت",
- "label.true": "درست",
- "label.type": "نوع",
- "label.unique": "یکتا",
- "label.unique-visitors": "بازدیدکنندههای یکتا",
- "label.uniqueCustomers": "مشتریان یکتا",
- "label.unknown": "ناشناخته",
- "label.untitled": "بدون عنوان",
- "label.update": "بهروزرسانی",
- "label.url": "آدرس اینترنتی",
- "label.urls": "آدرسهای اینترنتی",
- "label.user": "کاربر",
- "label.user-property": "ویژگی کاربر",
- "label.username": "نام کاربری",
- "label.users": "کاربران",
- "label.utm": "UTM",
- "label.utm-description": "با استفاده از پارامترهای UTM، کمپینهای خود را بررسی کنید.",
- "label.value": "مقدار",
- "label.view": "مشاهده",
- "label.view-details": "مشاهدهی جزئیات",
- "label.view-only": "فقط مشاهده",
- "label.views": "بازدید",
- "label.views-per-visit": "نمایشها در هر بازدید",
- "label.visit-duration": "میانگین زمان بازدید",
- "label.visitors": "بازدیدکننده",
- "label.visits": "بازدیدها",
- "label.website": "وبسایت",
- "label.website-id": "شناسه وبسایت",
- "label.websites": "وبسایتها",
- "label.window": "پنجره",
- "label.yesterday": "دیروز",
- "message.action-confirmation": "برای تأیید این عملیات، لطفاً {confirmation} را تایپ کنید.",
- "message.active-users": "{x} فعلی {x, plural, one {یک} other {از میان}}",
- "message.collected-data": "دادههای جمعآوری شده",
- "message.confirm-delete": "آیا مطمئن هستید میخواهید {target} را حذف کنید؟",
- "message.confirm-leave": "آیا مطمئن هستید میخواهید از {target} خارج شوید؟",
- "message.confirm-remove": "آیا مطمئن هستید میخواهید {target} را حذف کنید؟",
- "message.confirm-reset": "آیا مطمئن هستید میخواهید {target} را بازنشانی کنید؟",
- "message.delete-team-warning": "با حذف تیم، تمامی وبسایتهای تیم هم حذف خواهند شد.",
- "message.delete-website-warning": "همهی دادههای وبسایت هم حذف خواهد شد.",
- "message.error": "مشکلی پیش آمده است.",
- "message.event-log": "{event} در {url}",
- "message.go-to-settings": "رفتن به تنظیمات",
- "message.incorrect-username-password": "نام کاربری / رمز نادرست است.",
- "message.invalid-domain": "دامنه نامعتبر است.",
- "message.min-password-length": "حداقل طول {n} کاراکتر است.",
- "message.new-version-available": "نسخهی جدیدی از Umami {version} در دسترس است.",
- "message.no-data-available": "اطلاعاتی موجود نیست.",
- "message.no-event-data": "هیچ دادهای برای این رویداد وجود ندارد.",
- "message.no-match-password": "رمزها یکسان نیستند",
- "message.no-results-found": "نتیجهای یافت نشد.",
- "message.no-team-websites": "هیچ وبسایتی برای این تیم وجود ندارد.",
- "message.no-teams": "شما هیچ تیمی را ایجاد نکردهاید.",
- "message.no-users": "هیچ کاربری وجود ندارد.",
- "message.no-websites-configured": "شما هیچ وبسایتی را پیکربندی نکردهاید.",
- "message.page-not-found": "صفحه یافت نشد.",
- "message.reset-website": "برای بازنشانی وبسایت، لطفاً {confirmation} را تایپ کنید.",
- "message.reset-website-warning": "تمامی آمارهای این وبسایت حذف خواهد شد اما کدهای رهگیری بدون تغییر باقی میماند.",
- "message.saved": "ذخیره شد.",
- "message.share-url": "آمار وبسایت شما به صورت عمومی در آدرس زیر قابل مشاهده است.",
- "message.team-already-member": "شما از قبل عضو این تیم هستید.",
- "message.team-not-found": "تیم یافت نشد.",
- "message.team-websites-info": "وبسایتها توسط تمامی اعضای تیم قابل مشاهده هستند.",
- "message.tracking-code": "کد رهگیری",
- "message.transfer-team-website-to-user": "آیا میخواهید این وبسایت را به حساب خود منتقل کنید؟",
- "message.transfer-user-website-to-team": "تیم مورد نظر را برای انتقال وبسایت انتخاب کنید.",
- "message.transfer-website": "مالکیت وبسایت را به حساب خودت یا یک تیم دیگر منتقل کنید.",
- "message.triggered-event": "رویداد فعال شده",
- "message.user-deleted": "کاربر حذف شد.",
- "message.viewed-page": "صفحه مشاهده شد",
- "message.visitor-log": "بازدیدکننده از کشور {country} با مروگر {browser} در {os} {device}",
- "message.visitors-dropped-off": "ریزش بازدیدکنندهها"
-}
diff --git a/src/lang/fi-FI.json b/src/lang/fi-FI.json
deleted file mode 100644
index a47df265d..000000000
--- a/src/lang/fi-FI.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Toiminnat",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Lisää verkkosivu",
- "label.admin": "Järjestelmänvalvoja",
- "label.after": "After",
- "label.all": "Kaikki",
- "label.all-time": "Alusta lähtien",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Takaisin",
- "label.before": "Before",
- "label.bounce-rate": "Välitön poistuminen",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Selaimet",
- "label.cancel": "Peruuta",
- "label.change-password": "Vaihda salasana",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Vahvista salasana",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Maat",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Nykyinen salasana",
- "label.custom-range": "Mukautettu ajanjakso",
- "label.dashboard": "Ohjauspaneeli",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Ajanjakso",
- "label.day": "Day",
- "label.default-date-range": "Oletusajanjakso",
- "label.delete": "Poista",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Poista verkkosivu",
- "label.description": "Description",
- "label.desktop": "Pöytäkone",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Laitteet",
- "label.dismiss": "Hylkää",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Verkkotunnus",
- "label.dropoff": "Dropoff",
- "label.edit": "Muokkaa",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Ota jakamisen URL-osoite käyttöön",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Tapahtumat",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Yhdistetty",
- "label.filter-raw": "Käsittelemätön",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Kieli",
- "label.languages": "Kielet",
- "label.laptop": "Kannettava tietokone",
- "label.last-days": "Viimeisimmät {x} päivää",
- "label.last-hours": "Viimeisimmät {x} tuntia",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Kirjaudu sisään",
- "label.logout": "Kirjaudu ulos",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Puhelin",
- "label.more": "Lisää",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Nimi",
- "label.new-password": "Uusi salasana",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Omistaja",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Sivun näyttökerrat",
- "label.pageTitle": "Page title",
- "label.pages": "Sivut",
- "label.password": "Salasana",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Voimanlähteenä {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profiili",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Juuri nyt",
- "label.referrer": "Referrer",
- "label.referrers": "Viittaajat",
- "label.refresh": "Päivitä",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Vaaditaan",
- "label.reset": "Nollaa",
- "label.reset-website": "Nollaa tilastot",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Tallenna",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Asetukset",
- "label.share-url": "Jaa URL",
- "label.single-day": "Yksi päivä",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tabletti",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Teema",
- "label.this-month": "Tämä kuukausi",
- "label.this-week": "Tämä viikko",
- "label.this-year": "Tämä vuosi",
- "label.timezone": "Aikavyöhyke",
- "label.title": "Title",
- "label.today": "Tänään",
- "label.toggle-charts": "Kytke kaaviot päälle/pois",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Seurantakoodi",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Yksittäiset kävijät",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Tuntematon",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Käyttäjänimi",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Katso tiedot",
- "label.view-only": "View only",
- "label.views": "Näyttökerrat",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Keskimääräinen vierailuaika",
- "label.visitors": "Vierailijat",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Verkkosivut",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} {x, plural, one {vierailija} other {vierailijaa}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Haluatko varmasti poistaa sivuston {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Haluatko varmasti poistaa sivuston {target} tilastot?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "Kaikki siihen liittyvät tiedot poistetaan.",
- "message.error": "Jotain meni pieleen.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Mene asetuksiin",
- "message.incorrect-username-password": "Väärä käyttäjänimi/salasana.",
- "message.invalid-domain": "Virheellinen verkkotunnus",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Tietoja ei ole käytettävissä.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Salasanat eivät täsmää",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "Sinulla ei ole määritettyjä verkkosivustoja.",
- "message.page-not-found": "Sivua ei löydetty.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "Kaikki sivuston tilastot poistetaan, mutta seurantakoodi pysyy muuttumattomana.",
- "message.saved": "Tallennettu onnistuneesti.",
- "message.share-url": "Tämä on julkisesti jaettu URL sivustolle {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Seurantakoodi",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Vierailija maasta {country} selaimella {browser} laitteella {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/fo-FO.json b/src/lang/fo-FO.json
deleted file mode 100644
index 231753029..000000000
--- a/src/lang/fo-FO.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Gerðir",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Legg heimasíðu afturat",
- "label.admin": "Fyrisitari",
- "label.after": "After",
- "label.all": "Alt",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Aftur",
- "label.before": "Before",
- "label.bounce-rate": "Bounce prosenttal",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Kagar",
- "label.cancel": "Strika",
- "label.change-password": "Skift loyniorð",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Vátta loyniorð",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Lond",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Núverandi loyniorð",
- "label.custom-range": "Tillaga spenni",
- "label.dashboard": "Yvirlitsskíggi",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Vel dato",
- "label.day": "Day",
- "label.default-date-range": "Forsett dato",
- "label.delete": "Sletta",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Sletta heimasíðu",
- "label.description": "Description",
- "label.desktop": "Borðtelda",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Tóleindir",
- "label.dismiss": "Lat fara",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Økisnavn",
- "label.dropoff": "Dropoff",
- "label.edit": "Ger broyting",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Virkja deili leinki",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Hendingar/tiltøk",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Samansett",
- "label.filter-raw": "Óviðgjørt",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "Fartelda",
- "label.last-days": "Seinastu {x} dagarnar",
- "label.last-hours": "Seinastu {x} tímarnar",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Rita inn",
- "label.logout": "Rita út",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Telefon",
- "label.more": "Meira",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Navn",
- "label.new-password": "Nýtt loyniorð",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Opnaðar síðir",
- "label.pageTitle": "Page title",
- "label.pages": "Síðir",
- "label.password": "Loyniorð",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Powered by {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Vangi",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Beinleiðis",
- "label.referrer": "Referrer",
- "label.referrers": "Framsendingar",
- "label.refresh": "Endurskapa",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Kravt",
- "label.reset": "Nulstilla",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Goym",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Stillingar",
- "label.share-url": "Deil leinku",
- "label.single-day": "Einkultur dagur",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Teldil",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "Hendan mánan",
- "label.this-week": "Hesa vikuna",
- "label.this-year": "Hetta árið",
- "label.timezone": "Tíðarsona",
- "label.title": "Title",
- "label.today": "Í dag",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Spori kota",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Einsýna vitjanir",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Ókent",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Brúkaranavn",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Vís frágreiðing",
- "label.view-only": "View only",
- "label.views": "Sýningar",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Miðal vitjurnartíð ",
- "label.visitors": "Vitjandi",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Heimasíður",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} í løtuni {x, plural, one {vitjandi} other { vitjandi }}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Ert tú sikkur at tú ynskir at strika {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are your sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "Øll data ið er knýtt at verður eisini strika.",
- "message.error": "Okkurt bleiv gali.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Far til stillingar",
- "message.incorrect-username-password": "Skeivt brúkaranavn/loyniorð.",
- "message.invalid-domain": "Ógilt økisnavn",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Einki data tøk.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Loyniorðini eru ikki eins",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "Tú hevur ongar heimasíður stillaða til.",
- "message.page-not-found": "Síðan bleiv ikki funnin.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your tracking code will remain intact.",
- "message.saved": "Goymt.",
- "message.share-url": "Hettar er tann almenna leinkan av {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Spori kota",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Vitjandi frá {country} brúkar {browser} á {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/fr-FR.json b/src/lang/fr-FR.json
deleted file mode 100644
index 55911dcc2..000000000
--- a/src/lang/fr-FR.json
+++ /dev/null
@@ -1,307 +0,0 @@
-{
- "label.access-code": "Code d'accès",
- "label.actions": "Actions",
- "label.activity": "Journal d'activité",
- "label.add": "Ajouter",
- "label.add-description": "Ajouter une description",
- "label.add-member": "Ajouter un membre",
- "label.add-step": "Ajouter une étape",
- "label.add-website": "Ajouter un site",
- "label.admin": "Administrateur",
- "label.affiliate": "Affiliation",
- "label.after": "Après",
- "label.all": "Tout",
- "label.all-time": "Toutes les données",
- "label.analytics": "Analytics",
- "label.attribution": "Attribution",
- "label.attribution-description": "Découvrez comment les utilisateurs s'engagent avec votre marketing et ce qui génère des conversions.",
- "label.average": "Moyenne",
- "label.back": "Retour",
- "label.before": "Avant",
- "label.bounce-rate": "Taux de rebond",
- "label.breakdown": "Répartition",
- "label.browser": "Navigateur",
- "label.browsers": "Navigateurs",
- "label.campaigns": "Campagnes",
- "label.cancel": "Annuler",
- "label.change-password": "Changer le mot de passe",
- "label.channels": "Canaux",
- "label.cities": "Villes",
- "label.city": "Ville",
- "label.clear-all": "Réinitialiser",
- "label.compare": "Comparer",
- "label.confirm": "Confirmer",
- "label.confirm-password": "Confirmation du mot de passe",
- "label.contains": "Contient",
- "label.content": "Contenu",
- "label.continue": "Continuer",
- "label.conversion-step": "Étape de conversion",
- "label.count": "Compte",
- "label.countries": "Pays",
- "label.country": "Pays",
- "label.create": "Créer",
- "label.create-report": "Créer un rapport",
- "label.create-team": "Créer une équipe",
- "label.create-user": "Créer un utilisateur",
- "label.created": "Créé",
- "label.created-by": "Créé par",
- "label.currency": "Devise",
- "label.current": "Actuel",
- "label.current-password": "Mot de passe actuel",
- "label.custom-range": "Période personnalisée",
- "label.dashboard": "Tableau de bord",
- "label.data": "Données",
- "label.date": "Date",
- "label.date-range": "Période",
- "label.day": "Jour",
- "label.default-date-range": "Période par défaut",
- "label.delete": "Supprimer",
- "label.delete-report": "Supprimer le rapport",
- "label.delete-team": "Supprimer l'équipe",
- "label.delete-user": "Supprimer l'utilisateur",
- "label.delete-website": "Supprimer le site",
- "label.description": "Description",
- "label.desktop": "Ordinateur",
- "label.details": "Détails",
- "label.device": "Appareil",
- "label.devices": "Appareils",
- "label.direct": "Direct",
- "label.dismiss": "Ignorer",
- "label.does-not-contain": "Ne contient pas",
- "label.domain": "Domaine",
- "label.dropoff": "Abandons",
- "label.edit": "Modifier",
- "label.edit-dashboard": "Modifier le tableau de bord",
- "label.edit-member": "Modifier le membre",
- "label.email": "E-mail",
- "label.enable-share-url": "Activer l'URL de partage",
- "label.end-step": "Étape de fin",
- "label.entry": "Chemin d'entrée",
- "label.event": "Évènement",
- "label.event-data": "Données d'évènements",
- "label.events": "Évènements",
- "label.exit": "Chemin de sortie",
- "label.false": "Faux",
- "label.field": "Champ",
- "label.fields": "Champs",
- "label.filter": "Filtrer",
- "label.filter-combined": "Combiné",
- "label.filter-raw": "Brut",
- "label.filters": "Filtres",
- "label.first-seen": "Vu pour la première fois",
- "label.funnel": "Entonnoir",
- "label.funnel-description": "Comprenez les taux de conversions et d'abandons des utilisateurs.",
- "label.goal": "Objectif",
- "label.goals": "Objectifs",
- "label.goals-description": "Suivez vos objectifs en matière de pages vues et d'événements.",
- "label.greater-than": "Supérieur à",
- "label.greater-than-equals": "Supérieur ou égal à",
- "label.grouped": "Groupé",
- "label.host": "Hôte",
- "label.hosts": "Hôtes",
- "label.insights": "Insights",
- "label.insights-description": "Analysez précisément vos données en utilisant des segments et des filtres.",
- "label.is": "Est",
- "label.is-not": "N'est pas",
- "label.is-not-set": "N'est pas défini",
- "label.is-set": "Est défini",
- "label.join": "Rejoindre",
- "label.join-team": "Rejoindre une équipe",
- "label.journey": "Parcours",
- "label.journey-description": "Comprennez comment les utilisateurs naviguent sur votre site.",
- "label.language": "Langue",
- "label.languages": "Langues",
- "label.laptop": "Portable",
- "label.last-days": "{x} derniers jours",
- "label.last-hours": "{x} dernières heures",
- "label.last-months": "{x} derniers mois",
- "label.last-seen": "Vu pour la dernière fois",
- "label.leave": "Quitter",
- "label.leave-team": "Quitter l'équipe",
- "label.less-than": "Inférieur à",
- "label.less-than-equals": "Inférieur ou égal à",
- "label.login": "Connexion",
- "label.logout": "Déconnexion",
- "label.manage": "Gérer",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.medium": "Support",
- "label.member": "Membre",
- "label.members": "Membres",
- "label.min": "Min",
- "label.mobile": "Téléphone",
- "label.model": "Modèle",
- "label.more": "Plus",
- "label.my-account": "Mon compte",
- "label.my-websites": "Mes sites",
- "label.name": "Nom",
- "label.new-password": "Nouveau mot de passe",
- "label.none": "Aucun",
- "label.number-of-records": "{x} {x, plural, one {enregistrement} other {enregistrements}}",
- "label.ok": "OK",
- "label.organic-search": "Recherche organique",
- "label.organic-shopping": "E-commerce organique",
- "label.organic-social": "Réseau social organique",
- "label.organic-video": "Vidéo organique",
- "label.os": "OS",
- "label.other": "Autre",
- "label.overview": "Vue d'ensemble",
- "label.owner": "Propriétaire",
- "label.page-of": "Page {current} sur {total}",
- "label.page-views": "Pages vues",
- "label.pageTitle": "Titre de page",
- "label.pages": "Pages",
- "label.paid-ads": "Publicités payantes",
- "label.paid-search": "Recherche payante",
- "label.paid-shopping": "E-commerce payant",
- "label.paid-social": "Réseau social payant",
- "label.paid-video": "Vidéo payante",
- "label.password": "Mot de passe",
- "label.path": "Chemin",
- "label.paths": "Chemins",
- "label.powered-by": "Propulsé par {name}",
- "label.previous": "Précédent",
- "label.previous-period": "Période précédente",
- "label.previous-year": "Année précédente",
- "label.profile": "Profil",
- "label.properties": "Propriétés",
- "label.property": "Propriété",
- "label.queries": "Requêtes",
- "label.query": "Requête",
- "label.query-parameters": "Paramètres de requête",
- "label.realtime": "Temps réel",
- "label.referral": "Référent",
- "label.referrer": "Site référent",
- "label.referrers": "Sites référents",
- "label.refresh": "Rafraîchir",
- "label.regenerate": "Régénérer",
- "label.region": "Région",
- "label.regions": "Régions",
- "label.remove": "Retirer",
- "label.remove-member": "Retirer le membre",
- "label.reports": "Rapports",
- "label.required": "Requis",
- "label.reset": "Réinitialiser",
- "label.reset-website": "Réinitialiser les statistiques",
- "label.retention": "Rétention",
- "label.retention-description": "Mesurez l'attractivité de votre site en suivant la fréquence de retour des utilisateurs.",
- "label.revenue": "Recettes",
- "label.revenue-description": "Examinez vos recettes et comment dépensent vos utilisateurs.",
- "label.role": "Rôle",
- "label.run-query": "Exécuter la requête",
- "label.save": "Enregistrer",
- "label.screens": "Résolutions d'écran",
- "label.search": "Rechercher",
- "label.select": "Sélectionner",
- "label.select-date": "Choisir une période",
- "label.select-role": "Choisir un rôle",
- "label.select-website": "Choisir un site",
- "label.session": "Session",
- "label.session-data": "Session data",
- "label.sessions": "Sessions",
- "label.settings": "Paramètres",
- "label.share-url": "URL de partage",
- "label.single-day": "Journée",
- "label.sms": "SMS",
- "label.sources": "Sources",
- "label.start-step": "Étape de départ",
- "label.steps": "Étapes",
- "label.sum": "Somme",
- "label.tablet": "Tablette",
- "label.tag": "Tag",
- "label.tags": "Tags",
- "label.team": "Équipe",
- "label.team-id": "ID d'équipe",
- "label.team-manager": "Manager de l'équipe",
- "label.team-member": "Membre de l'équipe",
- "label.team-name": "Nom de l'équipe",
- "label.team-owner": "Propriétaire de l'équipe",
- "label.team-view-only": "Vue d'équipe uniquement",
- "label.team-websites": "Sites d'équipes",
- "label.teams": "Équipes",
- "label.terms": "Mots clés",
- "label.theme": "Thème",
- "label.this-month": "Ce mois",
- "label.this-week": "Cette semaine",
- "label.this-year": "Cette année",
- "label.timezone": "Fuseau horaire",
- "label.title": "Titre",
- "label.today": "Aujourd'hui",
- "label.toggle-charts": "Afficher/Masquer les graphiques",
- "label.total": "Total",
- "label.total-records": "Nombre d'enregistrements",
- "label.tracking-code": "Code de suivi",
- "label.transactions": "Transactions",
- "label.transfer": "Transférer",
- "label.transfer-website": "Transférer le site",
- "label.true": "Vrai",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Visiteurs uniques",
- "label.uniqueCustomers": "Clients uniques",
- "label.unknown": "Inconnu",
- "label.untitled": "Sans titre",
- "label.update": "Modifier",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Utilisateur",
- "label.username": "Nom d'utilisateur",
- "label.users": "Utilisateurs",
- "label.utm": "UTM",
- "label.utm-description": "Suivez vos campagnes via les paramètres UTM.",
- "label.value": "Valeur",
- "label.view": "Voir",
- "label.view-details": "Voir les détails",
- "label.view-only": "Consultation",
- "label.views": "Vues",
- "label.views-per-visit": "Vues par visite",
- "label.visit-duration": "Temps de visite",
- "label.visitors": "Visiteurs",
- "label.visits": "Visites",
- "label.website": "Site",
- "label.website-id": "ID de site",
- "label.websites": "Sites",
- "label.window": "Fenêtre",
- "label.yesterday": "Hier",
- "message.action-confirmation": "Taper {confirmation} ci-dessous pour confirmer.",
- "message.active-users": "{x} {x, plural, one {visiteur} other {visiteurs}} actuellement",
- "message.collected-data": "Donnée collectée",
- "message.confirm-delete": "Êtes-vous sûr de vouloir supprimer {target} ?",
- "message.confirm-leave": "Êtes-vous sûr de vouloir quitter {target} ?",
- "message.confirm-remove": "Êtes-vous sûr de vouloir retirer {target} ?",
- "message.confirm-reset": "Êtes-vous sûr de vouloir réinitialiser les statistiques de {target} ?",
- "message.delete-team-warning": "Supprimer une équipe supprimera aussi tous les sites de cette équipe.",
- "message.delete-website-warning": "Toutes les données associées seront supprimées.",
- "message.error": "Un problème est survenu.",
- "message.event-log": "{event} sur {url}",
- "message.go-to-settings": "Aller aux paramètres",
- "message.incorrect-username-password": "Nom d'utilisateur/Mot de passe incorrect.",
- "message.invalid-domain": "Domaine invalide",
- "message.min-password-length": "Taille minimale de {n} caractères",
- "message.new-version-available": "Une nouvelle version d'Umami {version} est disponible !",
- "message.no-data-available": "Aucune donnée disponible.",
- "message.no-event-data": "Aucune donnée d'événement disponible.",
- "message.no-match-password": "Les mots de passe ne correspondent pas",
- "message.no-results-found": "Aucun résultat n'a été trouvé.",
- "message.no-team-websites": "Cette équipe n'a aucun site.",
- "message.no-teams": "Vous n'avez pas créé d'équipe.",
- "message.no-users": "Aucun utilisateur.",
- "message.no-websites-configured": "Vous n'avez pas configuré de site.",
- "message.page-not-found": "Page non trouvée.",
- "message.reset-website": "Pour réinitialiser ce site, taper {confirmation} ci-dessous pour confirmer.",
- "message.reset-website-warning": "Toutes les statistiques pour ce site seront supprimées, mais votre code de suivi restera intact.",
- "message.saved": "Enregistré.",
- "message.share-url": "Les statistiques de votre site sont accessibles publiquement sur cette URL :",
- "message.team-already-member": "Vous êtes déjà membre de cette équipe.",
- "message.team-not-found": "Équipe non trouvée.",
- "message.team-websites-info": "Les sites peuvent être vus par tout utilisateur dans l'équipe.",
- "message.tracking-code": "Code de suivi",
- "message.transfer-team-website-to-user": "Transférer ce site sur votre compte ?",
- "message.transfer-user-website-to-team": "Choisir l'équipe à laquelle transférer ce site.",
- "message.transfer-website": "Transférer la propriété du site sur votre compte ou à une autre équipe.",
- "message.triggered-event": "Évènement déclenché",
- "message.user-deleted": "Utilisateur supprimé.",
- "message.viewed-page": "Page vue",
- "message.visitor-log": "Visiteur de {country} utilisant {browser} sur {os} {device}",
- "message.visitors-dropped-off": "Visiteurs ont abandonné"
-}
diff --git a/src/lang/ga-ES.json b/src/lang/ga-ES.json
deleted file mode 100644
index 3af959f7a..000000000
--- a/src/lang/ga-ES.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Código de acceso",
- "label.actions": "Accións",
- "label.activity": "Rexistro de actividade",
- "label.add": "Engadir",
- "label.add-description": "Engadir descrición",
- "label.add-member": "Engadir membro",
- "label.add-step": "Engadir paso",
- "label.add-website": "Engadir sitio web",
- "label.admin": "Administrador/a",
- "label.after": "After",
- "label.all": "Todo",
- "label.all-time": "Sempre",
- "label.analytics": "Analíticas",
- "label.average": "Media",
- "label.back": "Atrás",
- "label.before": "Antes",
- "label.bounce-rate": "Proporción de rebote",
- "label.breakdown": "Desglose",
- "label.browser": "Navegador",
- "label.browsers": "Navegadores",
- "label.cancel": "Cancelar",
- "label.change-password": "Mudar contrasinal",
- "label.cities": "Cidades",
- "label.city": "Cidade",
- "label.clear-all": "Clear all",
- "label.compare": "Comparar",
- "label.confirm": "Confirmar",
- "label.confirm-password": "Confirmar contrasinal",
- "label.contains": "Contén",
- "label.continue": "Continuar",
- "label.count": "Reconto",
- "label.countries": "Países",
- "label.country": "País",
- "label.create": "Crear",
- "label.create-report": "Crear report",
- "label.create-team": "Crear team",
- "label.create-user": "Crear user",
- "label.created": "Creado",
- "label.created-by": "Creado por",
- "label.current": "Actual",
- "label.current-password": "Contrasinal actual",
- "label.custom-range": "Rango personalizado",
- "label.dashboard": "Taboleiro",
- "label.data": "Datos",
- "label.date": "Data",
- "label.date-range": "Rango temporal",
- "label.day": "Día",
- "label.default-date-range": "Rango temporal por defecto",
- "label.delete": "Eliminar",
- "label.delete-report": "Eliminar reporte",
- "label.delete-team": "Eliminar equipo",
- "label.delete-user": "Eliminar usuario",
- "label.delete-website": "Eliminar sitio web",
- "label.description": "Descripción",
- "label.desktop": "Escritorio",
- "label.details": "Detalles",
- "label.device": "Dispositivo",
- "label.devices": "Dispositivos",
- "label.dismiss": "Desbotar",
- "label.does-not-contain": "Non contén",
- "label.domain": "Dominio",
- "label.dropoff": "Disminución",
- "label.edit": "Editar",
- "label.edit-dashboard": "Editar taboleiro",
- "label.edit-member": "Editar membro",
- "label.enable-share-url": "Activar URL de compartición",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Evento",
- "label.event-data": "Datos do evento",
- "label.events": "Eventos",
- "label.exit": "URL de saída",
- "label.false": "Falso",
- "label.field": "Campo",
- "label.fields": "Campos",
- "label.filter": "Filtro",
- "label.filter-combined": "Combinado",
- "label.filter-raw": "Crú",
- "label.filters": "Filtros",
- "label.first-seen": "Primeira visita",
- "label.funnel": "Funnel",
- "label.funnel-description": "Entende a taxa de conversión e de abandono dos usuarios.",
- "label.goal": "Obxectivo",
- "label.goals": "Obxectivos",
- "label.goals-description": "Segue os teus obxectivos de visualizacións de páxinas e eventos.",
- "label.greater-than": "Maior que",
- "label.greater-than-equals": "Maior ou igual que",
- "label.host": "Dominio",
- "label.hosts": "Dominios",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "É",
- "label.is-not": "Non é",
- "label.is-not-set": "Non está establecido",
- "label.is-set": "Está establecido",
- "label.join": "Unirse",
- "label.join-team": "Unirse ao equipo",
- "label.journey": "Traxectoria",
- "label.journey-description": "Entende como os usuarios navegan polo teu sitio web.",
- "label.language": "Idioma",
- "label.languages": "Idiomas",
- "label.laptop": "Portátil",
- "label.last-days": "Últimos {x} días",
- "label.last-hours": "Últimas {x} horas",
- "label.last-months": "Últimos {x} meses",
- "label.last-seen": "Última visita",
- "label.leave": "Deixar",
- "label.leave-team": "Deixar o equipo",
- "label.less-than": "Menor que",
- "label.less-than-equals": "Menor ou igual que",
- "label.login": "Acceder",
- "label.logout": "Pechar sesión",
- "label.manage": "Xestionar",
- "label.manager": "Xestor",
- "label.max": "Max",
- "label.member": "Membro",
- "label.members": "Membros",
- "label.min": "Min",
- "label.mobile": "Móbil",
- "label.more": "Máis",
- "label.my-account": "A miña conta",
- "label.my-websites": "Os meus sitios web",
- "label.name": "Nome",
- "label.new-password": "Novo contrasinal",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "Sistema operativo",
- "label.overview": "Resumo",
- "label.owner": "Propietario/a",
- "label.page-of": "Páxina {current} de {total}",
- "label.page-views": "Vistas de páxinas",
- "label.pageTitle": "Título da páxina",
- "label.pages": "Páxinas",
- "label.password": "Contrasinal",
- "label.path": "Ruta",
- "label.paths": "Rutas",
- "label.powered-by": "Funciona grazas a {name}",
- "label.previous": "Anterior",
- "label.previous-period": "Periodo anterior",
- "label.previous-year": "Ano anterior",
- "label.profile": "Perfil",
- "label.properties": "Propiedades",
- "label.property": "Propiedade",
- "label.queries": "Peticións",
- "label.query": "Petición",
- "label.query-parameters": "Parámetros da petición",
- "label.realtime": "Agora mesmo",
- "label.referrer": "Orixe",
- "label.referrers": "Orixes",
- "label.refresh": "Actualizar",
- "label.regenerate": "Rexenerar",
- "label.region": "Rexión",
- "label.regions": "Rexións",
- "label.remove": "Eliminar",
- "label.remove-member": "Eliminar membro",
- "label.reports": "Reportes",
- "label.required": "Requerido",
- "label.reset": "Restablecer",
- "label.reset-website": "Para restablecer este sitio web, escriba {confirmation} na caixa de texto de embaixo para confirmar.",
- "label.retention": "Retención",
- "label.retention-description": "Mide a fidelidade dos usuarios ao teu sitio web seguindo a frecuencia coa que volven.",
- "label.revenue": "Ingresos",
- "label.revenue-description": "Consulta os teus ingresos ao longo do tempo.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Rol",
- "label.run-query": "Executar petición",
- "label.save": "Gardar",
- "label.screens": "Pantallas",
- "label.search": "Buscar",
- "label.select": "Seleccionar",
- "label.select-date": "Seleccionar data",
- "label.select-role": "Seleccionar rol",
- "label.select-website": "Seleccionar sitio web",
- "label.session": "Sesión",
- "label.sessions": "Sesións",
- "label.settings": "Axustes",
- "label.share-url": "Compartir URL",
- "label.single-day": "Un só día",
- "label.start-step": "Start Step",
- "label.steps": "Pasos",
- "label.sum": "Suma",
- "label.tablet": "Tableta",
- "label.team": "Equipo",
- "label.team-id": "ID do equipo",
- "label.team-manager": "Xestor do equipo",
- "label.team-member": "Membro do equipo",
- "label.team-name": "Nome do equipo",
- "label.team-owner": "Propietario do equipo",
- "label.team-view-only": "Equipo de só lectura",
- "label.team-websites": "Sitios web do equipo",
- "label.teams": "Equipos",
- "label.theme": "Decorado",
- "label.this-month": "Este mes",
- "label.this-week": "Esta semana",
- "label.this-year": "Este ano",
- "label.timezone": "Zona horaria",
- "label.title": "Título",
- "label.today": "Hoxe",
- "label.toggle-charts": "Activación das gráficas",
- "label.total": "Total",
- "label.total-records": "Rexistros totais",
- "label.tracking-code": "Código de seguemento",
- "label.transactions": "Transaccións",
- "label.transfer": "Transferir",
- "label.transfer-website": "Transferir sitio web",
- "label.true": "Verdadeiro",
- "label.type": "Tipo",
- "label.unique": "Único",
- "label.unique-visitors": "Visitas únicas",
- "label.uniqueCustomers": "Clientes únicos",
- "label.unknown": "Descoñecido",
- "label.untitled": "Sen título",
- "label.update": "Actualizar",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Usuario",
- "label.user-property": "Propiedade do usuario",
- "label.username": "Identificador",
- "label.users": "Usuarios",
- "label.utm": "UTM",
- "label.utm-description": "Segue as túas campañas a través dos parámetros UTM.",
- "label.value": "Valor",
- "label.view": "Vista",
- "label.view-details": "Ver detalles",
- "label.view-only": "Só lectura",
- "label.views": "Visualizacións",
- "label.views-per-visit": "Visualizacións por visita",
- "label.visit-duration": "Tempo medio de visita",
- "label.visitors": "Visitantes",
- "label.visits": "Visitas",
- "label.website": "Sitio web",
- "label.website-id": "ID do sitio web",
- "label.websites": "Sitios web",
- "label.window": "Ventá",
- "label.yesterday": "Onte",
- "message.action-confirmation": "Escribe {confirmation} na caixa de embaixo para confirmar.",
- "message.active-users": "{x} actual {x, plural, one {visitante} other {visitantes}}",
- "message.collected-data": "Datos recopilados",
- "message.confirm-delete": "Estás seguro/a de que queres eliminar {target}?",
- "message.confirm-leave": "Estás seguro/a de que queres deixar {target}?",
- "message.confirm-remove": "Estás seguro/a de que queres eliminar {target}?",
- "message.confirm-reset": "Estás seguro/a de querer restablecer as estatísticas de {target}?",
- "message.delete-team-warning": "Eliminar un equipo tamén eliminará tódolos sitios web do equipo.",
- "message.delete-website-warning": "Tamén serán borrados tódolos datos asociados.",
- "message.error": "Houbo un fallo.",
- "message.event-log": "{event} en {url}",
- "message.go-to-settings": "Ir aos axustes",
- "message.incorrect-username-password": "Credenciais incorrectas.",
- "message.invalid-domain": "Dominio non válido",
- "message.min-password-length": "Lonxitude mínima de {n} caracteres",
- "message.new-version-available": "Unha nova versión de Umami {version} está dispoñible!",
- "message.no-data-available": "Sen datos dispoñibles.",
- "message.no-event-data": "Sen datos de eventos dispoñibles.",
- "message.no-match-password": "Non concordan os contrasinais",
- "message.no-results-found": "Non se atoparon resultados.",
- "message.no-team-websites": "Este equipo non ten ningún sitio web.",
- "message.no-teams": "Non creaches ningún equipo.",
- "message.no-users": "Non hai usuarios.",
- "message.no-websites-configured": "Non tes sitios web configurados.",
- "message.page-not-found": "Páxina non atopada.",
- "message.reset-website": "Para restablecer este sitio web, escriba {confirmation} na caixa de embaixo para confirmar.",
- "message.reset-website-warning": "Vanse eliminar tódalas estatísticas deste sitio web, pero o código de seguimento permanecerá sen cambios.",
- "message.saved": "Gardouse correctamente.",
- "message.share-url": "Este é o URL da compartición pública de {target}.",
- "message.team-already-member": "Xa es membro do equipo.",
- "message.team-not-found": "Equipo non atopado.",
- "message.team-websites-info": "Os sitios web poden ser vistos por calquera membro do equipo.",
- "message.tracking-code": "Código de seguimento",
- "message.transfer-team-website-to-user": "Transferir este sitio web á túa conta?",
- "message.transfer-user-website-to-team": "Selecciona o equipo ao que transferir este sitio web.",
- "message.transfer-website": "Transferir propiedade do sitio web á túa conta ou a outro equipo.",
- "message.triggered-event": "Activou o evento",
- "message.user-deleted": "Usuario eliminado.",
- "message.viewed-page": "Páxina vista",
- "message.visitor-log": "Visitante desde {country} usando {browser} en {os} {device}",
- "message.visitors-dropped-off": "Visitantes abandonados"
-}
diff --git a/src/lang/he-IL.json b/src/lang/he-IL.json
deleted file mode 100644
index fd25cd144..000000000
--- a/src/lang/he-IL.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "פעולות",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "הוספת אתר",
- "label.admin": "מנהל",
- "label.after": "After",
- "label.all": "הכל",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "חזרה",
- "label.before": "Before",
- "label.bounce-rate": "Bounce rate",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "דפדפנים",
- "label.cancel": "ביטול",
- "label.change-password": "שינוי סיסמה",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "אישור סיסמה",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "מדינות",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "סיסמה נוכחית",
- "label.custom-range": "טווח מותאם",
- "label.dashboard": "דשבורד",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "טווח תאריכים",
- "label.day": "Day",
- "label.default-date-range": "טווח תאריכים בברירת מחדל",
- "label.delete": "הסרה",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "הסרת אתר",
- "label.description": "Description",
- "label.desktop": "דסקטופ",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "מכשירים",
- "label.dismiss": "שיחרור",
- "label.does-not-contain": "Does not contain",
- "label.domain": "דומיין",
- "label.dropoff": "Dropoff",
- "label.edit": "עריכה",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "הפעלת URL שיתוף",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "אירועים",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "משותף",
- "label.filter-raw": "גולמי",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "לפטופ",
- "label.last-days": "{x} ימים אחרונים",
- "label.last-hours": "{x} שעות אחרונות",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "התחברות",
- "label.logout": "התנתקות",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "מובייל",
- "label.more": "עוד",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "שם",
- "label.new-password": "סיסמה חדשה",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "צפיות בדפים",
- "label.pageTitle": "Page title",
- "label.pages": "דפים",
- "label.password": "סיסמה",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Powered by {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "פרופיל",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "זמן אמת",
- "label.referrer": "Referrer",
- "label.referrers": "מפנים",
- "label.refresh": "רענון",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "נדרש",
- "label.reset": "איפוס",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "שמירה",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "הגדרות",
- "label.share-url": "שיתוף URL",
- "label.single-day": "יום בודד",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "טאבלט",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "החודש",
- "label.this-week": "השבוע",
- "label.this-year": "השנה",
- "label.timezone": "אזור זמן",
- "label.title": "Title",
- "label.today": "היום",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "קוד מעקב",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "מבקרים ייחודיים",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "לא ידוע",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "שם משתמש",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "פרטים נוספים",
- "label.view-only": "View only",
- "label.views": "צפיות",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "זמן ביקור ממוצע",
- "label.visitors": "מבקרים",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "אתרים",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} נוכחיים {x, plural, one {מבקר} other {מבקרים}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "האם באמת למחוק את {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are your sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "כל המידע המקושר יימחק",
- "message.error": "משהו השתבש",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "להדרותג",
- "message.incorrect-username-password": "שם משתמש או סיסמה לא נכונים",
- "message.invalid-domain": "דומיין לא תקין",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "אין מידע זמין",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "סיסמאות לא תואמות",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "לא מוגדרים אתרים",
- "message.page-not-found": "דף לא נמצא",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your tracking code will remain intact.",
- "message.saved": "נשמר בהצלחה",
- "message.share-url": "זהו URL ציבורי עבור {target}",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "קוד מעקב",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "מבקר ממדינת {country} משתמבש בדפדפן {browser} ב-{os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/hi-IN.json b/src/lang/hi-IN.json
deleted file mode 100644
index 65a3622e0..000000000
--- a/src/lang/hi-IN.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "पहुंच कोड",
- "label.actions": "कार्य",
- "label.activity": "गतिविधि लॉग",
- "label.add": "जोडो",
- "label.add-description": "विवरण लिखें",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "वेबसाइट",
- "label.admin": "प्रशासक",
- "label.after": "After",
- "label.all": "सब",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "पीछे",
- "label.before": "Before",
- "label.bounce-rate": "उछाल दर",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "वेब ब्राउज़र",
- "label.cancel": "रद्द करें",
- "label.change-password": "पासवर्ड बदलें",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "पासवर्ड की पुष्टि कीजिये",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "देश",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "वर्तमान पासवर्ड",
- "label.custom-range": "कस्टम रेंज",
- "label.dashboard": "नियंत्रण-पट्ट",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "तिथि सीमा",
- "label.day": "Day",
- "label.default-date-range": "डिफ़ॉल्ट तिथि सीमा",
- "label.delete": "खाता हटाएं",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "वेबसाइट हटाएं",
- "label.description": "Description",
- "label.desktop": "डेस्कटॉप",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "उपकरण",
- "label.dismiss": "खारिज कीजिये",
- "label.does-not-contain": "Does not contain",
- "label.domain": "डोमेन",
- "label.dropoff": "Dropoff",
- "label.edit": "संपादित करें",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "शेयर URL सक्षम करें",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "स्पर्धाएँ",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "संयुक्त",
- "label.filter-raw": "रॉ",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "लैपटॉप",
- "label.last-days": "पिछले {x} दिन",
- "label.last-hours": "पिछले {x} घंटे",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "लॉग इन",
- "label.logout": "लॉग आउट",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "मोबाइल फोन",
- "label.more": "और",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "नाम",
- "label.new-password": "नया पासवर्ड",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "पृष्ठ दृश्य",
- "label.pageTitle": "Page title",
- "label.pages": "पृष्ठों",
- "label.password": "पासवर्ड",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "{name} द्वारा संचालित",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "प्रोफ़ाइल",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "वास्तव काल",
- "label.referrer": "Referrer",
- "label.referrers": "सन्दर्भदाता",
- "label.refresh": "रिफ्रेश",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "प्रतिवेदन",
- "label.required": "अपेक्षित",
- "label.reset": "रीसेट",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "सहेजें",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "समायोजन",
- "label.share-url": "यूआरएल साझा करें",
- "label.single-day": "एक दिन",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "टैबलेट",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "इस महीने",
- "label.this-week": "इस सप्ताह",
- "label.this-year": "इस साल",
- "label.timezone": "समय क्षेत्र",
- "label.title": "Title",
- "label.today": "आज",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "ट्रैकिंग कोड",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "अद्वितीय आगंतुकों",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "अज्ञात",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "उपयोगकर्ता नाम",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "विवरण देखें",
- "label.view-only": "View only",
- "label.views": "दृश्य",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "औसत दृश्य समय",
- "label.visitors": "आगंतुकों",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "वेबसाइटों",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} मौजूद {x, plural, one {आगंतुक} other {आगंतुकों}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "क्या आप वाकई में {target} हटाना चाहते हैं?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are your sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "सभी संबद्ध डेटा को भी हटा दिया जाएगा।",
- "message.error": "कुछ गलत हो गया।",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "समायोजन में जाइए",
- "message.incorrect-username-password": "ग़लत उपयोगकर्ता नाम / पासवर्ड।",
- "message.invalid-domain": "अमान्य डोमेन",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "कोई डेटा उपलब्ध नहीं है।",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "पासवर्ड मेल नहीं खाते",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "आपके पास कोई वेबसाइट कॉन्फ़िगर नहीं है।",
- "message.page-not-found": "पृष्ठ नहीं मिला।",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your tracking code will remain intact.",
- "message.saved": "सफलतापूर्वक संचित कर लिया गया है।",
- "message.share-url": "यह {target} के लिए सार्वजनिक रूप से साझा किया गया URL है।",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "ट्रैकिंग कोड",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "{country} का आगंतुक, जो {browser} का उपयोग करता है, {os} यन्त्र पर",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/hr-HR.json b/src/lang/hr-HR.json
deleted file mode 100644
index 6bf12237a..000000000
--- a/src/lang/hr-HR.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Actions",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Dodaj web stranicu",
- "label.admin": "Administrator",
- "label.after": "After",
- "label.all": "Sve",
- "label.all-time": "Svo vrijeme",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Natrag ",
- "label.before": "Before",
- "label.bounce-rate": "Bounce rate",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Browsers",
- "label.cancel": "Odustani",
- "label.change-password": "Promijeni lozinku",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Potvrdi lozinku",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Countries",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Trenutna lozinka",
- "label.custom-range": "Prilagođeni raspon",
- "label.dashboard": "Nadzorna ploča",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Raspon datuma",
- "label.day": "Day",
- "label.default-date-range": "Zadani datumski raspon",
- "label.delete": "Obriši",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Obriši web stranicu",
- "label.description": "Description",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Devices",
- "label.dismiss": "Odbaci",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Domena",
- "label.dropoff": "Dropoff",
- "label.edit": "Uredi",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Omogući dijeljenje poveznice",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Podaci događaja",
- "label.events": "Events",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Combined",
- "label.filter-raw": "Raw",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Jezik",
- "label.languages": "Languages",
- "label.laptop": "Laptop",
- "label.last-days": "Zadnjih {x} dana",
- "label.last-hours": "Zadnjih {x} sati",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Prijava",
- "label.logout": "Odjava",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Mobile",
- "label.more": "Više",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Ime",
- "label.new-password": "Nova lozinka",
- "label.none": "Ništa",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Vlasnik",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Page views",
- "label.pageTitle": "Page title",
- "label.pages": "Pages",
- "label.password": "Lozinka",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Powered by {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Stvarno vrijeme",
- "label.referrer": "Referrer",
- "label.referrers": "Referrers",
- "label.refresh": "Osvježi",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Potrebna",
- "label.reset": "Resetirati",
- "label.reset-website": "Resetirati web stranicu",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Spremi",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Postavke",
- "label.share-url": "Podijeli poveznicu",
- "label.single-day": "Jedan dan",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Tema",
- "label.this-month": "Ovaj mjesec",
- "label.this-week": "Ovaj tjedan",
- "label.this-year": "Ova godina",
- "label.timezone": "Vremenska zona",
- "label.title": "Title",
- "label.today": "Danas",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Kod za praćenje",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Unique visitors",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Nepoznato",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Korisničko ime",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Pogledaj detalje",
- "label.view-only": "View only",
- "label.views": "Views",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Visit duration",
- "label.visitors": "Visitors",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Web stranice",
- "label.window": "Window",
- "label.yesterday": "Jučer",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} Trenutno {x, plural, one {posjetitelj} other {posjetitelja}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Jeste li sigurni da želite obrisati {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Jeste li sigurni da želite resetirati {target}'s statistiku?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "All website data will be deleted.",
- "message.error": "Something went wrong.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Idi u postavke",
- "message.incorrect-username-password": "Neispravno korisničke ime/lozinka.",
- "message.invalid-domain": "Invalid domain. Do not include http/https.",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Nema dostupnih podataka.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Passwords do not match.",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "You do not have any websites configured.",
- "message.page-not-found": "Stranica nije pronađena.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your settings will remain intact.",
- "message.saved": "Saved.",
- "message.share-url": "Ovo je javno dijeljena poveznica za {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "To track stats for this website, place the following code in the ... section of your HTML.",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Visitor from {country} using {browser} on {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/hu-HU.json b/src/lang/hu-HU.json
deleted file mode 100644
index 8593b37e7..000000000
--- a/src/lang/hu-HU.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Műveletek",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Weboldal hozzáadása",
- "label.admin": "Adminisztrátor",
- "label.after": "After",
- "label.all": "Összes",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Vissza",
- "label.before": "Before",
- "label.bounce-rate": "Visszafordulási arány",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Böngészők",
- "label.cancel": "Mégsem",
- "label.change-password": "Jelszó módosítása",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Jelszó megerősítése",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Országok",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Jelenlegi jelszó",
- "label.custom-range": "Egyedi tartomány",
- "label.dashboard": "Áttekintés",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Időintervallum",
- "label.day": "Day",
- "label.default-date-range": "Alapértelmezett időintervallum",
- "label.delete": "Eltávolítás",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Weboldal eltávolítása",
- "label.description": "Description",
- "label.desktop": "Asztali számítógép",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Eszközök",
- "label.dismiss": "Mellőzés",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Domain",
- "label.dropoff": "Dropoff",
- "label.edit": "Módosítás",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "URL-megosztás engedélyezése",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Események",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Összevont",
- "label.filter-raw": "Nyers",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "Laptop",
- "label.last-days": "Legutóbbi {x} nap",
- "label.last-hours": "Legutóbbi {x} óra",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Bejelentkezés",
- "label.logout": "Kijelentkezés",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Telefon",
- "label.more": "Bővebben",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Név",
- "label.new-password": "Új jelszó",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Oldalmegtekintések",
- "label.pageTitle": "Page title",
- "label.pages": "Oldalak",
- "label.password": "Jelszó",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Működteti az {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Valós idejű",
- "label.referrer": "Referrer",
- "label.referrers": "Hivatkozók",
- "label.refresh": "Frissítés",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Kötelező",
- "label.reset": "Visszaállítás",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Mentés",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Beállítások",
- "label.share-url": "URL megosztása",
- "label.single-day": "Egy nap",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Táblagép",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "Ezen hónap",
- "label.this-week": "Ezen hét",
- "label.this-year": "Ezen év",
- "label.timezone": "Időzóna",
- "label.title": "Title",
- "label.today": "Ma",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Követési kód",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Egyedi látogatók",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Ismeretlen",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Felhasználónév",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Részletek",
- "label.view-only": "View only",
- "label.views": "Megtekintések",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Átlagos látogatási idő",
- "label.visitors": "Látogatók",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Weboldalak",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} {x, plural, one {látogató} other {latógató}} jelenleg",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Biztos, hogy törölni szeretnéd {target} elemet?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are your sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "Minden társított adat törlésre kerül.",
- "message.error": "Valami baj történt.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Tovább a beállításokhoz",
- "message.incorrect-username-password": "Érvénytelen felhasználónév/jelszó.",
- "message.invalid-domain": "Érvénytelen domain",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Nincs rendelkezésre álló adat.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "A jelszavak nem egyeznek",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "Még nem állítottál be egyetlen weboldalt sem.",
- "message.page-not-found": "Oldal nem található.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your tracking code will remain intact.",
- "message.saved": "Sikeres mentés.",
- "message.share-url": "{target} nyilvánosan megosztott URL címe.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Követési kód",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Látógató {country} területéről, {os} {device} eszközön, {browser} böngészőből.",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/id-ID.json b/src/lang/id-ID.json
deleted file mode 100644
index b6eb83ce1..000000000
--- a/src/lang/id-ID.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Kode akses",
- "label.actions": "Aksi",
- "label.activity": "Catatan aktivitas",
- "label.add": "Tambah",
- "label.add-description": "Tambah deskripsi",
- "label.add-member": "Tambah anggota",
- "label.add-step": "Tambah langkah",
- "label.add-website": "Tambah situs web",
- "label.admin": "Pengelola",
- "label.after": "Setelah",
- "label.all": "Semua",
- "label.all-time": "Semua waktu",
- "label.analytics": "Analitik",
- "label.average": "Rata-rata",
- "label.back": "Kembali",
- "label.before": "Sebelum",
- "label.bounce-rate": "Rasio pentalan",
- "label.breakdown": "Rincian",
- "label.browser": "Peramban",
- "label.browsers": "Peramban",
- "label.cancel": "Batal",
- "label.change-password": "Ganti kata sandi",
- "label.cities": "Kota",
- "label.city": "Kota",
- "label.clear-all": "Hapus semua",
- "label.compare": "Bandingkan",
- "label.confirm": "Konfirmasi",
- "label.confirm-password": "Konfirmasi kata sandi",
- "label.contains": "Mengandung",
- "label.continue": "Lanjutkan",
- "label.count": "Jumlah",
- "label.countries": "Negara",
- "label.country": "Negara",
- "label.create": "Buat",
- "label.create-report": "Buat laporan",
- "label.create-team": "Buat tim",
- "label.create-user": "Buat pengguna",
- "label.created": "Dibuat",
- "label.created-by": "Dibuat oleh",
- "label.current": "Saat ini",
- "label.current-password": "Kata sandi sekarang",
- "label.custom-range": "Rentang khusus",
- "label.dashboard": "Dasbor",
- "label.data": "Data",
- "label.date": "Tanggal",
- "label.date-range": "Rentang tanggal",
- "label.day": "Hari",
- "label.default-date-range": "Rentang tanggal bawaan",
- "label.delete": "Hapus",
- "label.delete-report": "Hapus laporan",
- "label.delete-team": "Hapus tim",
- "label.delete-user": "Hapus pengguna",
- "label.delete-website": "Hapus situs web",
- "label.description": "Deskripsi",
- "label.desktop": "Desktop",
- "label.details": "Detail",
- "label.device": "Perangkat",
- "label.devices": "Perangkat",
- "label.dismiss": "Tutup",
- "label.does-not-contain": "Tidak mengandung",
- "label.domain": "Domain",
- "label.dropoff": "Penurunan",
- "label.edit": "Sunting",
- "label.edit-dashboard": "Sunting dasbor",
- "label.edit-member": "Sunting anggota",
- "label.enable-share-url": "Aktifkan URL berbagi",
- "label.end-step": "Langkah akhir",
- "label.entry": "URL masuk",
- "label.event": "Peristiwa",
- "label.event-data": "Data peristiwa",
- "label.events": "Peristiwa",
- "label.exit": "Exit URL",
- "label.false": "Salah",
- "label.field": "Kolom",
- "label.fields": "Kolom",
- "label.filter": "Filter",
- "label.filter-combined": "Gabungan",
- "label.filter-raw": "Mentah",
- "label.filters": "Filters",
- "label.first-seen": "Pertama kali dilihat",
- "label.funnel": "Funnel",
- "label.funnel-description": "Pahami tingkat konversi dan penurunan pengguna.",
- "label.goal": "Tujuan",
- "label.goals": "Tujuan",
- "label.goals-description": "Lacak tujuan Anda untuk tampilan halaman dan peristiwa.",
- "label.greater-than": "Lebih dari",
- "label.greater-than-equals": "Lebih dari atau sama dengan",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Wawasan",
- "label.insights-description": "Jelajahi data Anda lebih dalam dengan menggunakan segmen dan filter.",
- "label.is": "Adalah",
- "label.is-not": "Bukan",
- "label.is-not-set": "Tidak diatur",
- "label.is-set": "Diatur",
- "label.join": "Gabung",
- "label.join-team": "Gabung tim",
- "label.journey": "Perjalanan",
- "label.journey-description": "Pahami bagaimana pengguna menavigasi situs web Anda.",
- "label.language": "Bahasa",
- "label.languages": "Bahasa",
- "label.laptop": "Laptop",
- "label.last-days": "{x} hari terakhir",
- "label.last-hours": "{x} jam terakhir",
- "label.last-months": "{x} bulan terakhir",
- "label.last-seen": "Terakhir kali dilihat",
- "label.leave": "Keluar",
- "label.leave-team": "Keluar dari tim",
- "label.less-than": "Kurang dari",
- "label.less-than-equals": "Kurang dari atau sama dengan",
- "label.login": "Masuk",
- "label.logout": "Keluar",
- "label.manage": "Kelola",
- "label.manager": "Pengelola",
- "label.max": "Maks",
- "label.member": "Anggota",
- "label.members": "Anggota",
- "label.min": "Min",
- "label.mobile": "Ponsel",
- "label.more": "Lebih banyak",
- "label.my-account": "Akun saya",
- "label.my-websites": "Situs web saya",
- "label.name": "Nama",
- "label.new-password": "Kata sandi baru",
- "label.none": "Tidak ada",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Tinjauan umum",
- "label.owner": "Pemilik",
- "label.page-of": "Halaman {current} dari {total}",
- "label.page-views": "Tampilan halaman",
- "label.pageTitle": "Judul halaman",
- "label.pages": "Halaman",
- "label.password": "Kata sandi",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Didukung oleh {name}",
- "label.previous": "Sebelumnya",
- "label.previous-period": "Periode sebelumnya",
- "label.previous-year": "Tahun lalu",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Waktu nyata",
- "label.referrer": "Perujuk",
- "label.referrers": "Perujuk",
- "label.refresh": "Segarkan",
- "label.regenerate": "Buat ulang",
- "label.region": "Wilayah",
- "label.regions": "Wilayah",
- "label.remove": "Hapus",
- "label.remove-member": "Hapus anggota",
- "label.reports": "Laporan",
- "label.required": "Wajib",
- "label.reset": "Atur ulang",
- "label.reset-website": "Atur ulang statistik",
- "label.retention": "Retensi",
- "label.retention-description": "Ukur daya tarik situs web Anda dengan melacak seberapa sering pengguna kembali.",
- "label.revenue": "Pendapatan",
- "label.revenue-description": "Lihat pendapatan Anda seiring waktu.",
- "label.revenue-property": "Properti pendapatan",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Simpan",
- "label.screens": "Layar",
- "label.search": "Cari",
- "label.select": "Pilih",
- "label.select-date": "Pilih tanggal",
- "label.select-role": "Pilih role",
- "label.select-website": "Pilih situs web",
- "label.session": "Sesi",
- "label.sessions": "Sesi",
- "label.settings": "Pengaturan",
- "label.share-url": "Bagikan URL",
- "label.single-day": "Sehari",
- "label.start-step": "Langkah awal",
- "label.steps": "Langkah",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Tim",
- "label.team-id": "ID tim",
- "label.team-manager": "Pengelola tim",
- "label.team-member": "Anggota tim",
- "label.team-name": "Nama tim",
- "label.team-owner": "Pemilik tim",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Situs web tim",
- "label.teams": "Tim",
- "label.theme": "Tema",
- "label.this-month": "Bulan ini",
- "label.this-week": "Minggu ini",
- "label.this-year": "Tahun ini",
- "label.timezone": "Zona waktu",
- "label.title": "Judul",
- "label.today": "Hari ini",
- "label.toggle-charts": "Buka grafik",
- "label.total": "Total",
- "label.total-records": "Total baris",
- "label.tracking-code": "Kode lacak",
- "label.transactions": "Transaksi",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer situs web",
- "label.true": "Benar",
- "label.type": "Tipe",
- "label.unique": "Unik",
- "label.unique-visitors": "Pengunjung unik",
- "label.uniqueCustomers": "Kustomer unik",
- "label.unknown": "Tidak diketahui",
- "label.untitled": "Tanpa judul",
- "label.update": "Perbarui",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Pengguna",
- "label.user-property": "User Property",
- "label.username": "Nama pengguna",
- "label.users": "Pengguna",
- "label.utm": "UTM",
- "label.utm-description": "Lacak kampanye Anda melalui parameter UTM.",
- "label.value": "Nilai",
- "label.view": "Lihat",
- "label.view-details": "Lihat Detil",
- "label.view-only": "Hanya melihat",
- "label.views": "Tampilan",
- "label.views-per-visit": "Tampilan per kunjungan",
- "label.visit-duration": "Waktu kunjungan rata-rata",
- "label.visitors": "Pengunjung",
- "label.visits": "Kunjungan",
- "label.website": "Situs web",
- "label.website-id": "ID situs web",
- "label.websites": "Situs web",
- "label.window": "Window",
- "label.yesterday": "Kemarin",
- "message.action-confirmation": "Ketik {confirmation} pada kotak di bawah untuk mengonfirmasi.",
- "message.active-users": "{x} pengunjung saat ini",
- "message.collected-data": "Data dikumpulkan",
- "message.confirm-delete": "Apakah kamu yakin ingin menghapus {target}?",
- "message.confirm-leave": "Apakah Anda yakin ingin meninggalkan {target}?",
- "message.confirm-remove": "Apakah Anda yakin ingin menghapus {target}?",
- "message.confirm-reset": "Anda yakin ingin mengatur ulang statistik {target}?",
- "message.delete-team-warning": "Menghapus tim juga akan menghapus semua situs web yang terkait.",
- "message.delete-website-warning": "Semua data terkait juga akan dihapus.",
- "message.error": "Ada yang salah.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Pergi ke pengaturan",
- "message.incorrect-username-password": "Nama pengguna/kata sandi salah.",
- "message.invalid-domain": "Domain tidak valid",
- "message.min-password-length": "Minimal {n} karakter",
- "message.new-version-available": "Versi baru dari Umami {version} telah tersedia!",
- "message.no-data-available": "Tidak ada data.",
- "message.no-event-data": "Tidak ada data peristiwa",
- "message.no-match-password": "Kata sandi tidak cocok",
- "message.no-results-found": "Tidak ada hasil yang ditemukan.",
- "message.no-team-websites": "Tim ini tidak memiliki situs web.",
- "message.no-teams": "Anda belum membuat tim.",
- "message.no-users": "Tidak ada pengguna.",
- "message.no-websites-configured": "Anda tidak memiliki situs web yang dikonfigurasi.",
- "message.page-not-found": "Halaman tidak ditemukan.",
- "message.reset-website": "Untuk mengatur ulang situs web ini, ketik {confirmation} pada kotak di bawah untuk mengonfirmasi.",
- "message.reset-website-warning": "Semua statistik pada situs web ini akan dihapus, tetapi kode lacak akan tetap terpasang",
- "message.saved": "Berhasil disimpan.",
- "message.share-url": "Ini adalah URL yang dibagikan secara publik untuk {target}.",
- "message.team-already-member": "Anda sudah menjadi anggota tim ini.",
- "message.team-not-found": "Tim tidak ditemukan.",
- "message.team-websites-info": "Situs web dapat dilihat oleh semua anggota tim.",
- "message.tracking-code": "Kode lacak",
- "message.transfer-team-website-to-user": "Transfer situs web ini ke akun Anda?",
- "message.transfer-user-website-to-team": "Pilih tim tujuan untuk mentransfer situs web ini.",
- "message.transfer-website": "Transfer kepemilikan situs web ke akun Anda atau tim lain",
- "message.triggered-event": "Peristiwa terjadi",
- "message.user-deleted": "Pengguna telah dihapus.",
- "message.viewed-page": "Halaman dilihat",
- "message.visitor-log": "Pengunjung dari {country} dengan {browser} di {device} {os}",
- "message.visitors-dropped-off": "Pengunjung yang meninggalkan situs web"
-}
diff --git a/src/lang/it-IT.json b/src/lang/it-IT.json
deleted file mode 100644
index 4df7599a4..000000000
--- a/src/lang/it-IT.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Azioni",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Aggiungi sito",
- "label.admin": "Amministratore",
- "label.after": "After",
- "label.all": "Tutto",
- "label.all-time": "Sempre",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Indietro",
- "label.before": "Before",
- "label.bounce-rate": "Frequenza di rimbalzo",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Browser",
- "label.cancel": "Annulla",
- "label.change-password": "Modifica password",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Conferma password",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Nazioni",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Password attuale",
- "label.custom-range": "Personalizzato",
- "label.dashboard": "Pannello di Controllo",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Periodo",
- "label.day": "Day",
- "label.default-date-range": "Periodo standard",
- "label.delete": "Elimina",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Elimina sito",
- "label.description": "Description",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Dispositivi",
- "label.dismiss": "Scarta",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Dominio",
- "label.dropoff": "Dropoff",
- "label.edit": "Modifica",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Abilita URL di condivisione",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Eventi",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Aggregati",
- "label.filter-raw": "Raw",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Lingua",
- "label.languages": "Lingue",
- "label.laptop": "Portatile",
- "label.last-days": "Ultimi {x} giorni",
- "label.last-hours": "Ultime {x} ore",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Accedi",
- "label.logout": "Esci",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Cellulare",
- "label.more": "Dettagli",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Nome",
- "label.new-password": "Nuova password",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Proprietario",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Visualizzazioni di pagina",
- "label.pageTitle": "Page title",
- "label.pages": "Pagine",
- "label.password": "Password",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Powered by {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profilo",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Tempo reale",
- "label.referrer": "Referrer",
- "label.referrers": "Referrers",
- "label.refresh": "Ricarica",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Obbligatorio",
- "label.reset": "Reset",
- "label.reset-website": "Resetta le statistiche",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Salva",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Impostazioni",
- "label.share-url": "Condividi link",
- "label.single-day": "Singolo giorno",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Tema",
- "label.this-month": "Questo mese",
- "label.this-week": "Questa settimana",
- "label.this-year": "Quest'anno",
- "label.timezone": "Fuso orario",
- "label.title": "Title",
- "label.today": "Oggi",
- "label.toggle-charts": "Apri/Chiudi i grafici",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Codice di tracking",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Visitatori unici",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Sconosciuto",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Nome utente",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Vedi dettagli",
- "label.view-only": "View only",
- "label.views": "Visualizzazioni",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Tempo medio di visita",
- "label.visitors": "Visitatori",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Siti web",
- "label.window": "Window",
- "label.yesterday": "Ieri",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} {x, plural, one {visitatore} other {visitatori}} online",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Sei sicuro di voler eliminare {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Sei sicuro di voler azzerare le statistiche di {target}?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "Saranno eliminati anche tutti i dati associati.",
- "message.error": "Si è verificato un errore.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Vai alle impostazioni",
- "message.incorrect-username-password": "Username o password non corretti.",
- "message.invalid-domain": "Dominio non valido",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Nessun dato disponibile.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Le password non corrispondono",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "Non hai ancora configurato alcun sito.",
- "message.page-not-found": "Pagina non trovata",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "Tutte le statistiche verranno cancellate per questo sito, ma il tuo codice di tracciamento rimarrà invariato.",
- "message.saved": "Salvato!",
- "message.share-url": "Questo è l'URL di condivisione per {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Codice di tracking",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Utenti da {country} tramite {browser} su {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/ja-JP.json b/src/lang/ja-JP.json
deleted file mode 100644
index ce4001f43..000000000
--- a/src/lang/ja-JP.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "アクセスコード",
- "label.actions": "アクション",
- "label.activity": "アクティビティログ",
- "label.add": "追加",
- "label.add-description": "説明を追加",
- "label.add-member": "メンバーの追加",
- "label.add-step": "ステップを追加",
- "label.add-website": "Webサイトの追加",
- "label.admin": "管理者",
- "label.after": "直後",
- "label.all": "すべて",
- "label.all-time": "すべての時間帯",
- "label.analytics": "アナリティクス",
- "label.average": "平均",
- "label.back": "戻る",
- "label.before": "直前",
- "label.bounce-rate": "直帰率",
- "label.breakdown": "故障",
- "label.browser": "ブラウザ",
- "label.browsers": "ブラウザ",
- "label.cancel": "キャンセル",
- "label.change-password": "パスワードの変更",
- "label.cities": "都市",
- "label.city": "都市",
- "label.clear-all": "すべてクリア",
- "label.compare": "比較",
- "label.confirm": "確認",
- "label.confirm-password": "パスワード(確認)",
- "label.contains": "コンテンツ",
- "label.continue": "続ける",
- "label.count": "回数",
- "label.countries": "国名",
- "label.country": "国",
- "label.create": "作成",
- "label.create-report": "レポートの作成",
- "label.create-team": "チームの作成",
- "label.create-user": "ユーザーの作成",
- "label.created": "作成されました",
- "label.created-by": "作成者",
- "label.current": "現在",
- "label.current-password": "現在のパスワード",
- "label.custom-range": "範囲指定",
- "label.dashboard": "ダッシュボード",
- "label.data": "データ",
- "label.date": "日付",
- "label.date-range": "期間",
- "label.day": "日",
- "label.default-date-range": "デフォルトの期間",
- "label.delete": "削除",
- "label.delete-report": "レポートの削除",
- "label.delete-team": "チームの削除",
- "label.delete-user": "ユーザーの削除",
- "label.delete-website": "Webサイトの削除",
- "label.description": "説明",
- "label.desktop": "デスクトップ",
- "label.details": "詳細情報",
- "label.device": "デバイス",
- "label.devices": "デバイス",
- "label.dismiss": "却下",
- "label.does-not-contain": "を含まない",
- "label.domain": "ドメイン",
- "label.dropoff": "切り捨て",
- "label.edit": "編集",
- "label.edit-dashboard": "ダッシュボードの編集",
- "label.edit-member": "メンバーの編集",
- "label.enable-share-url": "共有URLを有効にする",
- "label.end-step": "最終ステップ",
- "label.entry": "訪問時のURL",
- "label.event": "イベント",
- "label.event-data": "イベントデータ",
- "label.events": "イベント",
- "label.exit": "退出時のURL",
- "label.false": "偽",
- "label.field": "フィールド",
- "label.fields": "フィールド",
- "label.filter": "フィルター",
- "label.filter-combined": "結合",
- "label.filter-raw": "RAW",
- "label.filters": "フィルター",
- "label.first-seen": "初回ログイン",
- "label.funnel": "ファネル",
- "label.funnel-description": "ユーザーのコンバージョン率と離脱率を分析します。",
- "label.goal": "目標",
- "label.goals": "目標",
- "label.goals-description": "ページビューとイベントの目標を追跡します。",
- "label.greater-than": "超過",
- "label.greater-than-equals": "以上",
- "label.host": "ホスト",
- "label.hosts": "ホスト",
- "label.insights": "インサイト",
- "label.insights-description": "セグメントとフィルタを使用して、データをさらに詳しく分析します。",
- "label.is": "に等しい",
- "label.is-not": "に等しくない",
- "label.is-not-set": "未設定",
- "label.is-set": "設定済み",
- "label.join": "参加",
- "label.join-team": "チームに参加",
- "label.journey": "ジャーニー",
- "label.journey-description": "ユーザーがWebサイト内をどのように移動するかを把握します。",
- "label.language": "言語",
- "label.languages": "言語",
- "label.laptop": "ノートPC",
- "label.last-days": "過去{x}日間",
- "label.last-hours": "過去{x}時間",
- "label.last-months": "過去{x}月間",
- "label.last-seen": "最終ログイン",
- "label.leave": "離脱",
- "label.leave-team": "チームを離脱",
- "label.less-than": "未満",
- "label.less-than-equals": "以下",
- "label.login": "ログイン",
- "label.logout": "ログアウト",
- "label.manage": "管理",
- "label.manager": "管理者",
- "label.max": "最大",
- "label.member": "メンバー",
- "label.members": "メンバー",
- "label.min": "最小",
- "label.mobile": "携帯電話",
- "label.more": "もっと見る",
- "label.my-account": "マイアカウント",
- "label.my-websites": "マイWebサイト",
- "label.name": "名前",
- "label.new-password": "新しいパスワード",
- "label.none": "なし",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "概要",
- "label.owner": "所有者",
- "label.page-of": "ページ {current}/{total}",
- "label.page-views": "閲覧数",
- "label.pageTitle": "ページタイトル",
- "label.pages": "ページ",
- "label.password": "パスワード",
- "label.path": "パス",
- "label.paths": "パス",
- "label.powered-by": "Powered by {name}",
- "label.previous": "以前",
- "label.previous-period": "前期",
- "label.previous-year": "前年",
- "label.profile": "プロフィール",
- "label.properties": "プロパティ",
- "label.property": "プロパティ",
- "label.queries": "クエリ",
- "label.query": "クエリ",
- "label.query-parameters": "クエリパラメーター",
- "label.realtime": "リアルタイム",
- "label.referrer": "リファラー",
- "label.referrers": "リファラー",
- "label.refresh": "更新",
- "label.regenerate": "再生成",
- "label.region": "地域",
- "label.regions": "地域",
- "label.remove": "削除",
- "label.remove-member": "メンバーの削除",
- "label.reports": "レポート",
- "label.required": "必須",
- "label.reset": "リセット",
- "label.reset-website": "Webサイトをリセットする",
- "label.retention": "リテンション",
- "label.retention-description": "ユーザーの再訪問回数を記録して、Webサイトのリテンション率を計測します。",
- "label.revenue": "レベニュー",
- "label.revenue-description": "時間あたりの売上高を確認します。",
- "label.revenue-property": "レベニュープロパティ",
- "label.role": "ロール",
- "label.run-query": "クエリ実行",
- "label.save": "保存",
- "label.screens": "画面サイズ",
- "label.search": "検索",
- "label.select": "選択",
- "label.select-date": "日付を選択",
- "label.select-role": "ロールを選択",
- "label.select-website": "Webサイトを選択",
- "label.session": "セッション",
- "label.sessions": "セッション",
- "label.settings": "設定",
- "label.share-url": "共有URL",
- "label.single-day": "一日",
- "label.start-step": "最初のステップ",
- "label.steps": "ステップ",
- "label.sum": "合計",
- "label.tablet": "タブレット",
- "label.team": "チーム",
- "label.team-id": "チームID",
- "label.team-manager": "チーム管理者",
- "label.team-member": "チームメンバー",
- "label.team-name": "チーム名",
- "label.team-owner": "チームオーナー",
- "label.team-view-only": "チーム表示のみ",
- "label.team-websites": "チームのWebサイト",
- "label.teams": "チーム",
- "label.theme": "テーマ",
- "label.this-month": "今月",
- "label.this-week": "今週",
- "label.this-year": "今年",
- "label.timezone": "タイムゾーン",
- "label.title": "タイトル",
- "label.today": "今日",
- "label.toggle-charts": "グラフを切り替える",
- "label.total": "累計",
- "label.total-records": "総記録数",
- "label.tracking-code": "トラッキングコード",
- "label.transactions": "トランザクション",
- "label.transfer": "移管",
- "label.transfer-website": "Webサイトの移管",
- "label.true": "真",
- "label.type": "種別",
- "label.unique": "ユニーク",
- "label.unique-visitors": "ユニーク訪問者数",
- "label.uniqueCustomers": "ユニーク顧客数",
- "label.unknown": "不明",
- "label.untitled": "無題",
- "label.update": "更新",
- "label.url": "URL",
- "label.urls": "URL",
- "label.user": "ユーザー",
- "label.user-property": "ユーザープロパティ",
- "label.username": "ユーザー名",
- "label.users": "ユーザー",
- "label.utm": "UTM",
- "label.utm-description": "UTMパラメーターを使用してキャンペーンを追跡します。",
- "label.value": "値",
- "label.view": "表示",
- "label.view-details": "詳細を表示",
- "label.view-only": "表示のみ",
- "label.views": "表示",
- "label.views-per-visit": "訪問あたりの閲覧数",
- "label.visit-duration": "平均滞在時間",
- "label.visitors": "訪問者",
- "label.visits": "訪問数",
- "label.website": "Webサイト",
- "label.website-id": "WebサイトID",
- "label.websites": "Webサイト",
- "label.window": "ウィンドウ",
- "label.yesterday": "昨日",
- "message.action-confirmation": "承認する場合は、下のフォームに「{confirmation}」と入力してください。",
- "message.active-users": "{x} {x, plural, one {アクティブな訪問者} other {アクティブな訪問者}}",
- "message.collected-data": "収集されたデータ",
- "message.confirm-delete": "{target}を削除してもよろしいですか？",
- "message.confirm-leave": "{target}から離脱してもよろしいですか？",
- "message.confirm-remove": "{target}を削除してもよろしいですか？",
- "message.confirm-reset": "{target}をリセットしてもよろしいですか？",
- "message.delete-team-warning": "チームを削除すると、そのチームが管理しているWebサイトもすべて削除されます。",
- "message.delete-website-warning": "Webサイトのデータがすべて削除されます。",
- "message.error": "未知のエラーが発生しました。",
- "message.event-log": "{url}の{event}",
- "message.go-to-settings": "設定に移動する",
- "message.incorrect-username-password": "ユーザー名またはパスワードが間違っています。",
- "message.invalid-domain": "無効なドメインです。http/httpsを含めないでください。",
- "message.min-password-length": "最小文字数は{n}文字です",
- "message.new-version-available": "Umamiの新しいバージョン{version}が利用可能です！",
- "message.no-data-available": "データがありません。",
- "message.no-event-data": "イベントデータがありません。",
- "message.no-match-password": "パスワードが一致しません。",
- "message.no-results-found": "結果が見つかりません。",
- "message.no-team-websites": "このチームにはWebサイトがありません。",
- "message.no-teams": "チームを作成していません。",
- "message.no-users": "ユーザーが存在しません。",
- "message.no-websites-configured": "Webサイトが設定されていません。",
- "message.page-not-found": "ページが見つかりません",
- "message.reset-website": "このWebサイトをリセットするには、下のフォームに「{confirmation}」と入力してください。",
- "message.reset-website-warning": "このWebサイトの統計情報はすべて削除されますが、設定はそのまま残ります。",
- "message.saved": "保存されました。",
- "message.share-url": "あなたのWebサイトの統計情報は次のURLで公開されています：",
- "message.team-already-member": "あなたはすでにチームのメンバーです。",
- "message.team-not-found": "チームが見つかりません。",
- "message.team-websites-info": "Webサイトはチーム内の誰でも見ることができます。",
- "message.tracking-code": "このWebサイトの統計情報を追跡するには、HTMLの...セクションに以下のコードを記述します。",
- "message.transfer-team-website-to-user": "このWebサイトをあなたのアカウントに移管しますか？",
- "message.transfer-user-website-to-team": "このWebサイトを移管するチームを選択してください。",
- "message.transfer-website": "Webサイトの所有権を自分のアカウントまたは別のチームへ移管します。",
- "message.triggered-event": "トリガーされたイベント",
- "message.user-deleted": "ユーザーが削除されました。",
- "message.viewed-page": "閲覧されたページ",
- "message.visitor-log": "{os}({device})で{browser}を使用している{country}からの訪問者",
- "message.visitors-dropped-off": "訪問者の離脱率"
-}
diff --git a/src/lang/km-KH.json b/src/lang/km-KH.json
deleted file mode 100644
index 8a87834ac..000000000
--- a/src/lang/km-KH.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "សកម្មភាព",
- "label.activity": "កំណត់ហេតុសកម្មភាព",
- "label.add": "បង្កើតបន្ថែម",
- "label.add-description": "បន្ថែមពិពណ៌នា",
- "label.add-member": "បន្ថែមសមាជិក",
- "label.add-step": "បន្ថែមជំហាន",
- "label.add-website": "បន្ថែមគេហទំព័រ",
- "label.admin": "អ្នកគ្រប់គ្រង",
- "label.after": "បន្ទាប់",
- "label.all": "ទាំងអស់",
- "label.all-time": "គ្រប់ពេល",
- "label.analytics": "Analytics",
- "label.average": "ជាមធ្យម",
- "label.back": "ថយក្រោយ",
- "label.before": "មុន",
- "label.bounce-rate": "ចំនួនវិលត្រឡប់",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "កម្មវិធី",
- "label.cancel": "បោះបង់",
- "label.change-password": "ផ្លាស់ប្តូរពាក្យសម្ងាត់",
- "label.cities": "ទីក្រុង",
- "label.city": "ទីក្រុង",
- "label.clear-all": "លុបទាំងអស់",
- "label.compare": "ប្រៀបធៀប",
- "label.confirm": "បញ្ជាក់",
- "label.confirm-password": "បញ្ជាក់ពាក្យសម្ងាត់",
- "label.contains": "មាន",
- "label.continue": "បន្ត",
- "label.count": "ចំនួន",
- "label.countries": "ប្រទេស",
- "label.country": "ប្រទេស",
- "label.create": "បង្កើត",
- "label.create-report": "បង្កើតរបាយការណ៍",
- "label.create-team": "បង្កើតក្រុម",
- "label.create-user": "បង្កើតអ្នកប្រើប្រាស់",
- "label.created": "បង្កើតនៅ",
- "label.created-by": "បង្កើតដោយ",
- "label.current": "បច្ចុប្បន្ន",
- "label.current-password": "ពាក្យសម្ងាត់បច្ចុប្បន្ន",
- "label.custom-range": "កំណត់ដោយខ្លួនឯង",
- "label.dashboard": "ផ្ទាំងគ្រប់គ្រង",
- "label.data": "ទិន្នន័យ",
- "label.date": "កាលបរិច្ឆេទ",
- "label.date-range": "ចន្លោះកាលបរិច្ឆេទ",
- "label.day": "ថ្ងៃ",
- "label.default-date-range": "ចន្លោះកាលបរិច្ឆេទដើម",
- "label.delete": "លុប",
- "label.delete-report": "លុបរបាយការណ៍",
- "label.delete-team": "លុបក្រុម",
- "label.delete-user": "លុបអ្នកប្រើប្រាស់",
- "label.delete-website": "លុបគេហទំព័រ",
- "label.description": "ការពិពណ៌នា",
- "label.desktop": "កុំព្យូទ័រលើតុ",
- "label.details": "ព័ត៌មានលម្អិត",
- "label.device": "ឧបករណ៍",
- "label.devices": "ឧបករណ៍",
- "label.dismiss": "រំសាយ",
- "label.does-not-contain": "មិនមាន",
- "label.domain": "Domain",
- "label.dropoff": "Dropoff",
- "label.edit": "កែប្រែ",
- "label.edit-dashboard": "កែផ្ទាំងគ្រប់គ្រង",
- "label.edit-member": "កែព័ត៌មានសមាជិក",
- "label.enable-share-url": "បើកការចែករំលែក URL",
- "label.end-step": "បញ្ចប់ជំហាន",
- "label.entry": "URL ចូល",
- "label.event": "ព្រឹត្តិការណ៍",
- "label.event-data": "ទិន្នន័យព្រឹត្តិការណ៍",
- "label.events": "ព្រឹត្តិការណ៍",
- "label.exit": "URL ចេញ",
- "label.false": "មិនពិត",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "ចម្រោះ",
- "label.filter-combined": "រួមបញ្ចូលគ្នា",
- "label.filter-raw": "ដើម",
- "label.filters": "ចម្រោះ",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "គោលដៅ",
- "label.goals": "គោលដៅ",
- "label.goals-description": "តាមដានគោលដៅរបស់អ្នកសម្រាប់ pageviews និង events។",
- "label.greater-than": "ធំជាង",
- "label.greater-than-equals": "ធំជាងឬស្មើ",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "គឺ",
- "label.is-not": "មិនមែន",
- "label.is-not-set": "មិនបានកំណត់",
- "label.is-set": "បានកំណត់",
- "label.join": "ចូលរួម",
- "label.join-team": "ចូលក្រុម",
- "label.journey": "ដំណើរ",
- "label.journey-description": "ស្វែងយល់ពីការប្រើប្រាស់គេហទំព័ររបស់អតិថិជនអ្នក។",
- "label.language": "ភាសា",
- "label.languages": "ភាសា",
- "label.laptop": "កុំព្យូទ័រយួរដៃ",
- "label.last-days": "{x} ថ្ងៃចុងក្រោយ",
- "label.last-hours": "{x} ម៉ោងចុងក្រោយ",
- "label.last-months": "{x} ខែចុងក្រោយ",
- "label.last-seen": "Last seen",
- "label.leave": "ចាកចេញ",
- "label.leave-team": "ចេញពីក្រុម",
- "label.less-than": "តិចជាង",
- "label.less-than-equals": "តិចជាង ឬស្មើ",
- "label.login": "Login",
- "label.logout": "Logout",
- "label.manage": "គ្រប់គ្រង",
- "label.manager": "អ្នកគ្រប់គ្រង",
- "label.max": "Max",
- "label.member": "សមាជិក",
- "label.members": "សមាជិក",
- "label.min": "Min",
- "label.mobile": "ទូរស័ព្ទចល័ត",
- "label.more": "បន្ថែម",
- "label.my-account": "គណនីរបស់ខ្ញុំ",
- "label.my-websites": "គេហទំព័ររបស់ខ្ញុំ",
- "label.name": "ឈ្មោះ",
- "label.new-password": "ពាក្យសម្ងាត់ថ្មី",
- "label.none": "មិនមាន",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "ទិដ្ឋភាពរួម",
- "label.owner": "ម្ចាស់",
- "label.page-of": "ទំព័រទី {current} នៃ {total}",
- "label.page-views": "អ្នកមើលទំព័រ",
- "label.pageTitle": "ចំណងជើងទំព័រ",
- "label.pages": "ទំព័រ",
- "label.password": "ពាក្យសម្ងាត់",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "ដំណើរការដោយ {name}",
- "label.previous": "មុន",
- "label.previous-period": "មួយរយៈពេលមុន",
- "label.previous-year": "ឆ្នាំមុន",
- "label.profile": "គណនី",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "ប៉ារ៉ាម៉ែត្រ Query",
- "label.realtime": "ឥលូវនេះ",
- "label.referrer": "អ្នកណែនាំ",
- "label.referrers": "អ្នកណែនាំ",
- "label.refresh": "ផ្ទុកឡើងវិញ",
- "label.regenerate": "Regenerate",
- "label.region": "តំបន់",
- "label.regions": "តំបន់",
- "label.remove": "លុប",
- "label.remove-member": "លុបសមាជិកក្រុម",
- "label.reports": "របាយការណ៍",
- "label.required": "ទាមទារ",
- "label.reset": "កែសម្រួល",
- "label.reset-website": "កំណត់ស្ថិតិឡើងវិញ",
- "label.retention": "ការរក្សាទុក",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "មុខងារ",
- "label.run-query": "Run query",
- "label.save": "រក្សាទុក",
- "label.screens": "ប្រភេទឧបករណ៍",
- "label.search": "ស្វែងរក",
- "label.select": "ជ្រើសរើស",
- "label.select-date": "ជ្រើសរើសកាលបរិច្ឆេទ",
- "label.select-role": "ជ្រើសរើសមុខងារ",
- "label.select-website": "ជ្រើសរើសគេហទំព័រ",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "ការកំណត់",
- "label.share-url": "ចែករំលែក URL",
- "label.single-day": "ថ្ងៃតែមួយ",
- "label.start-step": "ជំហានចាប់ផ្តើម",
- "label.steps": "ជំហាន",
- "label.sum": "Sum",
- "label.tablet": "ថេប្លេត",
- "label.team": "ក្រុម",
- "label.team-id": "ID ក្រុម",
- "label.team-manager": "អ្នកគ្រប់គ្រងក្រុម",
- "label.team-member": "សមាជិកក្រុម",
- "label.team-name": "ឈ្មោះក្រុម",
- "label.team-owner": "ម្ចាស់ក្រុម",
- "label.team-view-only": "Team view only",
- "label.team-websites": "គេហទំព័ររបស់ក្រុម",
- "label.teams": "ក្រុម",
- "label.theme": "រូបរាង",
- "label.this-month": "ខែនេះ",
- "label.this-week": "សប្តាហ៍នេះ",
- "label.this-year": "ឆ្នាំនេះ",
- "label.timezone": "តំបន់ម៉ោង",
- "label.title": "ចំណងជើង",
- "label.today": "ថ្ងៃនេះ",
- "label.toggle-charts": "បិទ/បើកតារាង",
- "label.total": "សរុប",
- "label.total-records": "កំណត់ត្រាសរុប",
- "label.tracking-code": "លេខកូដតាមដាន",
- "label.transactions": "Transactions",
- "label.transfer": "ការផ្ទេរ",
- "label.transfer-website": "ការផ្ទេរគេហទំព័រ",
- "label.true": "ពិត",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "អ្នកចូលមើលម្នាក់ៗ",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "មិនស្គាល់",
- "label.untitled": "គ្មានចំណងជើង",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "អ្នកប្រើប្រាស់",
- "label.user-property": "User Property",
- "label.username": "ឈ្មោះអ្នកប្រើប្រាស់",
- "label.users": "អ្នកប្រើប្រាស់",
- "label.utm": "UTM",
- "label.utm-description": "តាមដានយុទ្ធនាការរបស់អ្នកតាមរយៈប៉ារ៉ាម៉ែត្រ UTM។",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "មើលព័ត៌មានលម្អិត",
- "label.view-only": "បានតែមើលប៉ុណ្ណោះ",
- "label.views": "អ្នកចូលមើល",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "រយៈពេលទស្សនា",
- "label.visitors": "អ្នកទស្សនា",
- "label.visits": "ទស្សនា",
- "label.website": "គេហទំព័រ",
- "label.website-id": "ID គេហទំព័រ",
- "label.websites": "គេហទំព័រ",
- "label.window": "Window",
- "label.yesterday": "ម្សិលមិញ",
- "message.action-confirmation": "សសេរ {confirmation} នៅក្នុងប្រអប់ខាងក្រោមដើម្បីបញ្ជាក់។",
- "message.active-users": "មានអ្នកមើល {x} នាក់ ឥលូវនេះ",
- "message.collected-data": "ទិន្នន័យដែលបានប្រមូលទុក",
- "message.confirm-delete": "តើអ្នកប្រាកដថាចង់លុប {target} ទេ?",
- "message.confirm-leave": "តើអ្នកប្រាកដថាចង់ចាកចេញ {target} ទេ?",
- "message.confirm-remove": "តើអ្នកប្រាកដថាចង់លុប {target} ទេ?",
- "message.confirm-reset": "តើអ្នកប្រាកដថាចង់កំណត់ស្ថិតិរបស់ {target} ឡើងវិញទេ?",
- "message.delete-team-warning": "ពេលលុបក្រុម គេហទំព័ររបស់ក្រុមក៏នឹងត្រូវលប់ចោលទាំងអស់ផងដែរ។",
- "message.delete-website-warning": "ទិន្នន័យរបស់គេហទំព័រទាំងអស់នឹងត្រូវលុបចោល។",
- "message.error": "មានអ្វីមួយមិនប្រក្រតី។",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "ការកំណត់",
- "message.incorrect-username-password": "ឈ្មោះអ្នកប្រើឬពាក្យសម្ងាត់មិនត្រឹមត្រូវ។",
- "message.invalid-domain": "Domain មិនត្រឹមត្រូវ",
- "message.min-password-length": "តិចបំផុតដែលមានអក្សរ {n} តួអក្សរ",
- "message.new-version-available": "Version ថ្មីនៃ Umami {version} អាចប្រើប្រាស់បានហើយ!",
- "message.no-data-available": "មិនមានទិន្នន័យ។",
- "message.no-event-data": "មិនមានទិន្នន័យព្រឹត្តិការណ៍ទេ។",
- "message.no-match-password": "ពាក្យសម្ងាត់មិនត្រូវគ្នាទេ។",
- "message.no-results-found": "មិនមានលទ្ធផល។",
- "message.no-team-websites": "ក្រុមនេះមិនមានគេហទំព័រទេ។",
- "message.no-teams": "អ្នកមិនទាន់បានបង្កើតក្រុមណាមួយទេ។",
- "message.no-users": "មិនមានអ្នកប្រើប្រាស់ទេ។",
- "message.no-websites-configured": "អ្នកមិនទាន់បានដាក់គេហទំព័រណាមួយចូលទេ។",
- "message.page-not-found": "រកមិនឃើញទំព័រ។",
- "message.reset-website": "ដើម្បីកែគេហទំព័រនេះឡើងវិញ សូមសរសេរ {confirmation} នៅក្នុងប្រអប់ខាងក្រោមដើម្បីបញ្ជាក់។",
- "message.reset-website-warning": "ស្ថិតិទាំងអស់សម្រាប់គេហទំព័រនេះនឹងត្រូវបានលុប ប៉ុន្តែកូដតាមដានរបស់អ្នកនឹងនៅដដែល។",
- "message.saved": "រក្សាទុកដោយជោគជ័យ។",
- "message.share-url": "នេះគឺជា URL ដែលអាចចែករំលែកជាសាធារណៈបានសម្រាប់ {target}។",
- "message.team-already-member": "អ្នកគឺជាសមាជិកនៃក្រុមរួចហើយ។",
- "message.team-not-found": "រកក្រុមមិនឃើញទេ។",
- "message.team-websites-info": "គេហទំព័រនេះអាចមើលបានតែសមាជិកក្រុមតែប៉ុណ្ណោះ",
- "message.tracking-code": "ដើម្បីតាមដានស្ថិតិសម្រាប់គេហទំព័រអ្នក សូមដាក់កូដខាងក្រោមទៅក្នុងផ្នែក ... នៃ HTML របស់អ្នក។",
- "message.transfer-team-website-to-user": "ផ្ទេរគេហទំព័រនេះទៅគណនីរបស់អ្នក។?",
- "message.transfer-user-website-to-team": "ជ្រើសក្រុមដែរត្រូវផ្ទេរគេហទំព័រនេះទៅ។",
- "message.transfer-website": "ផ្ទេរកម្មសិទ្ធិគេហទំព័រទៅគណនីរបស់អ្នក ឬក្រុមផ្សេងទៀត។",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "អ្នកប្រើប្រាស់ត្រូវបានលុបចោល។",
- "message.viewed-page": "ទំព័រដែលបានមើល",
- "message.visitor-log": "អ្នកមើលពីប្រទេស {country} ប្រើប្រាស់កម្មវិធី {browser} លើឧបករណ៍ {os} {device}",
- "message.visitors-dropped-off": "ចំនួនអ្នកទស្សនាធ្លាក់ចុះ"
-}
diff --git a/src/lang/ko-KR.json b/src/lang/ko-KR.json
deleted file mode 100644
index 933e2883b..000000000
--- a/src/lang/ko-KR.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "액세스 코드",
- "label.actions": "동작",
- "label.activity": "활동",
- "label.add": "추가",
- "label.add-description": "설명 추가",
- "label.add-member": "멤버 추가",
- "label.add-step": "단계 추가",
- "label.add-website": "웹사이트 추가",
- "label.admin": "관리자",
- "label.after": "이후",
- "label.all": "전체",
- "label.all-time": "전체 시간",
- "label.analytics": "분석",
- "label.average": "평균",
- "label.back": "뒤로",
- "label.before": "이전",
- "label.bounce-rate": "이탈률",
- "label.breakdown": "세부 사항",
- "label.browser": "브라우저",
- "label.browsers": "브라우저",
- "label.cancel": "취소",
- "label.change-password": "비밀번호 변경",
- "label.cities": "도시",
- "label.city": "도시",
- "label.clear-all": "모두 지우기",
- "label.compare": "비교",
- "label.confirm": "확인",
- "label.confirm-password": "비밀번호 확인",
- "label.contains": "포함",
- "label.continue": "계속",
- "label.count": "수",
- "label.countries": "국가",
- "label.country": "국가",
- "label.create": "만들기",
- "label.create-report": "보고서 만들기",
- "label.create-team": "팀 만들기",
- "label.create-user": "사용자 만들기",
- "label.created": "생성됨",
- "label.created-by": "작성자",
- "label.current": "현재",
- "label.current-password": "현재 비밀번호",
- "label.custom-range": "범위 지정",
- "label.dashboard": "대시보드",
- "label.data": "데이터",
- "label.date": "날짜",
- "label.date-range": "날짜 범위",
- "label.day": "일",
- "label.default-date-range": "기본 날짜 범위",
- "label.delete": "삭제",
- "label.delete-report": "보고서 삭제",
- "label.delete-team": "팀 삭제",
- "label.delete-user": "사용자 삭제",
- "label.delete-website": "웹사이트 삭제",
- "label.description": "설명",
- "label.desktop": "데스크톱",
- "label.details": "세부 정보",
- "label.device": "기기",
- "label.devices": "기기",
- "label.dismiss": "무시하기",
- "label.does-not-contain": "포함하지 않음",
- "label.domain": "도메인",
- "label.dropoff": "이탈",
- "label.edit": "편집",
- "label.edit-dashboard": "대시보드 편집",
- "label.edit-member": "멤버 편집",
- "label.enable-share-url": "URL 공유 활성화",
- "label.end-step": "마지막 단계",
- "label.entry": "입장 URL",
- "label.event": "이벤트",
- "label.event-data": "이벤트 데이터",
- "label.events": "이벤트",
- "label.exit": "퇴장 URL",
- "label.false": "거짓",
- "label.field": "필드",
- "label.fields": "필드",
- "label.filter": "필터",
- "label.filter-combined": "합쳐 보기",
- "label.filter-raw": "전체 보기",
- "label.filters": "필터",
- "label.first-seen": "첫 접속",
- "label.funnel": "퍼널",
- "label.funnel-description": "사용자 전환율 및 이탈률을 살펴보세요.",
- "label.goal": "목표",
- "label.goals": "목표",
- "label.goals-description": "페이지 조회 및 이벤트 목표를 추적합니다.",
- "label.greater-than": "이상",
- "label.greater-than-equals": "이상",
- "label.host": "호스트",
- "label.hosts": "호스트",
- "label.insights": "인사이트",
- "label.insights-description": "세그먼트 및 필터를 사용하여 데이터를 더 자세히 살펴보세요.",
- "label.is": "해당",
- "label.is-not": "해당하지 않음",
- "label.is-not-set": "설정되지 않음",
- "label.is-set": "설정됨",
- "label.join": "가입하기",
- "label.join-team": "팀 가입하기",
- "label.journey": "여정",
- "label.journey-description": "사용자가 웹사이트를 탐색하는 경로를 살펴보세요.",
- "label.language": "언어",
- "label.languages": "언어",
- "label.laptop": "노트북",
- "label.last-days": "지난 {x}일",
- "label.last-hours": "지난 {x}시간",
- "label.last-months": "지난 {x}개월",
- "label.last-seen": "마지막 접속",
- "label.leave": "떠나기",
- "label.leave-team": "팀 떠나기",
- "label.less-than": "미만",
- "label.less-than-equals": "이하",
- "label.login": "로그인",
- "label.logout": "로그아웃",
- "label.manage": "관리",
- "label.manager": "관리자",
- "label.max": "최대",
- "label.member": "멤버",
- "label.members": "멤버",
- "label.min": "최소",
- "label.mobile": "모바일",
- "label.more": "더 보기",
- "label.my-account": "내 계정",
- "label.my-websites": "내 웹사이트",
- "label.name": "이름",
- "label.new-password": "새 비밀번호",
- "label.none": "없음",
- "label.number-of-records": "{x}개 레코드",
- "label.ok": "확인",
- "label.os": "운영 체제",
- "label.overview": "개요",
- "label.owner": "소유자",
- "label.page-of": "페이지 {current}/{total}",
- "label.page-views": "페이지 조회",
- "label.pageTitle": "페이지 제목",
- "label.pages": "페이지",
- "label.password": "비밀번호",
- "label.path": "패스",
- "label.paths": "패스",
- "label.powered-by": "Powered by {name}",
- "label.previous": "이전",
- "label.previous-period": "이전 기간",
- "label.previous-year": "이전 연도",
- "label.profile": "프로필",
- "label.properties": "속성",
- "label.property": "속성",
- "label.queries": "쿼리",
- "label.query": "쿼리",
- "label.query-parameters": "쿼리 매개 변수",
- "label.realtime": "실시간",
- "label.referrer": "리퍼러",
- "label.referrers": "리퍼러",
- "label.refresh": "새로 고침",
- "label.regenerate": "다시 생성",
- "label.region": "지역",
- "label.regions": "지역",
- "label.remove": "제거",
- "label.remove-member": "멤버 제거",
- "label.reports": "보고서",
- "label.required": "필수",
- "label.reset": "초기화",
- "label.reset-website": "웹사이트 초기화",
- "label.retention": "리텐션",
- "label.retention-description": "사용자가 얼마나 자주 돌아오는지를 추적하여 웹사이트의 리텐션을 측정하세요.",
- "label.revenue": "수익",
- "label.revenue-description": "시간대별 수익을 살펴보세요.",
- "label.revenue-property": "수익 속성",
- "label.role": "역할",
- "label.run-query": "쿼리 실행",
- "label.save": "저장",
- "label.screens": "화면",
- "label.search": "검색",
- "label.select": "선택",
- "label.select-date": "날짜 선택",
- "label.select-role": "역할 선택",
- "label.select-website": "웹사이트 선택",
- "label.session": "세션",
- "label.sessions": "세션",
- "label.settings": "설정",
- "label.share-url": "공유 URL",
- "label.single-day": "하루",
- "label.start-step": "시작 단계",
- "label.steps": "단계",
- "label.sum": "합계",
- "label.tablet": "태블릿",
- "label.team": "팀",
- "label.team-id": "팀 ID",
- "label.team-manager": "팀 관리자",
- "label.team-member": "팀 멤버",
- "label.team-name": "팀 이름",
- "label.team-owner": "팀 소유자",
- "label.team-view-only": "팀 보기 전용",
- "label.team-websites": "팀 웹사이트",
- "label.teams": "팀",
- "label.theme": "테마",
- "label.this-month": "이번 달",
- "label.this-week": "이번 주",
- "label.this-year": "올해",
- "label.timezone": "표준 시간대",
- "label.title": "제목",
- "label.today": "오늘",
- "label.toggle-charts": "차트 전환",
- "label.total": "합계",
- "label.total-records": "전체 레코드",
- "label.tracking-code": "추적 코드",
- "label.transactions": "거래",
- "label.transfer": "전송",
- "label.transfer-website": "웹사이트 전송",
- "label.true": "참",
- "label.type": "유형",
- "label.unique": "고유",
- "label.unique-visitors": "고유 방문자",
- "label.uniqueCustomers": "고유 고객",
- "label.unknown": "알 수 없음",
- "label.untitled": "제목 없음",
- "label.update": "업데이트",
- "label.url": "URL",
- "label.urls": "URL",
- "label.user": "사용자",
- "label.user-property": "사용자 속성",
- "label.username": "사용자 이름",
- "label.users": "사용자",
- "label.utm": "UTM",
- "label.utm-description": "UTM 매개변수를 통해 캠페인을 추적하세요.",
- "label.value": "값",
- "label.view": "보기",
- "label.view-details": "자세히 보기",
- "label.view-only": "보기 전용",
- "label.views": "조회",
- "label.views-per-visit": "방문당 조회",
- "label.visit-duration": "방문 시간",
- "label.visitors": "방문자",
- "label.visits": "방문",
- "label.website": "웹사이트",
- "label.website-id": "웹사이트 ID",
- "label.websites": "웹사이트",
- "label.window": "창",
- "label.yesterday": "어제",
- "message.action-confirmation": "확인을 위해 아래 상자에 {confirmation}을(를) 입력하세요.",
- "message.active-users": "현재 방문자 {x}명",
- "message.collected-data": "수집된 데이터",
- "message.confirm-delete": "{target}을(를) 삭제하시겠습니까?",
- "message.confirm-leave": "{target}을(를) 떠나시겠습니까?",
- "message.confirm-remove": "{target}을(를) 제거하시겠습니까?",
- "message.confirm-reset": "{target}을(를) 초기화하시겠습니까?",
- "message.delete-team-warning": "팀을 삭제하면 팀에 등록된 모든 웹사이트도 삭제됩니다.",
- "message.delete-website-warning": "관련된 모든 데이터가 삭제됩니다.",
- "message.error": "문제가 발생했습니다.",
- "message.event-log": "{event} - {url}",
- "message.go-to-settings": "설정으로 이동",
- "message.incorrect-username-password": "사용자 이름 또는 비밀번호를 잘못 입력했습니다.",
- "message.invalid-domain": "잘못된 도메인입니다. http/https를 포함하지 마세요.",
- "message.min-password-length": "최소 {n}자여야 합니다",
- "message.new-version-available": "Umami의 새 버전 {version}을(를) 사용할 수 있습니다!",
- "message.no-data-available": "사용할 수 있는 데이터가 없습니다.",
- "message.no-event-data": "사용할 수 있는 이벤트 데이터가 없습니다.",
- "message.no-match-password": "비밀번호가 일치하지 않습니다.",
- "message.no-results-found": "결과를 찾을 수 없습니다.",
- "message.no-team-websites": "팀에 웹사이트가 없습니다.",
- "message.no-teams": "만든 팀이 없습니다.",
- "message.no-users": "사용자가 없습니다.",
- "message.no-websites-configured": "설정된 웹사이트가 없습니다.",
- "message.page-not-found": "페이지를 찾을 수 없음",
- "message.reset-website": "이 웹사이트를 초기화하려면 아래 상자에 {confirmation}을(를) 입력하세요.",
- "message.reset-website-warning": "이 웹사이트의 모든 통계가 삭제되지만 설정은 그대로 유지됩니다.",
- "message.saved": "저장했습니다.",
- "message.share-url": "아래 링크를 통해 웹사이트의 통계를 누구나 볼 수 있습니다.",
- "message.team-already-member": "이미 팀 멤버입니다.",
- "message.team-not-found": "팀을 찾을 수 없습니다.",
- "message.team-websites-info": "웹사이트는 팀 멤버 누구나 볼 수 있습니다.",
- "message.tracking-code": "이 웹사이트의 통계를 추적하려면 다음 코드를 HTML의 ... 부분에 추가하세요.",
- "message.transfer-team-website-to-user": "이 웹사이트를 당신의 계정으로 전송하시겠습니까?",
- "message.transfer-user-website-to-team": "이 웹사이트를 전송받을 팀을 선택하세요.",
- "message.transfer-website": "웹사이트 소유권을 계정이나 다른 팀으로 전송합니다.",
- "message.triggered-event": "트리거된 이벤트",
- "message.user-deleted": "사용자를 삭제했습니다.",
- "message.viewed-page": "조회한 페이지",
- "message.visitor-log": "{os} {device}에서 {browser}을(를) 사용하는 {country}의 방문자",
- "message.visitors-dropped-off": "방문자 이탈함"
-}
diff --git a/src/lang/lt-LT.json b/src/lang/lt-LT.json
deleted file mode 100644
index 2e7776a37..000000000
--- a/src/lang/lt-LT.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Prieigos kodas",
- "label.actions": "Veiksmai",
- "label.activity": "Veiklos žurnalas",
- "label.add": "Pridėti",
- "label.add-description": "Pridėti aprašymą",
- "label.add-member": "Pridėti narį",
- "label.add-step": "Add step",
- "label.add-website": "Pridėti svetainę",
- "label.admin": "Administrator",
- "label.after": "Po",
- "label.all": "Visi",
- "label.all-time": "Visas laikotarpis",
- "label.analytics": "Analytics",
- "label.average": "Vidurkis",
- "label.back": "Atgal",
- "label.before": "Prieš",
- "label.bounce-rate": "Atmetimo rodiklis",
- "label.breakdown": "Breakdown",
- "label.browser": "Naršyklė",
- "label.browsers": "Naršyklės",
- "label.cancel": "Atšaukti",
- "label.change-password": "Pakeisti slaptažodį",
- "label.cities": "Miestai",
- "label.city": "Miestas",
- "label.clear-all": "Išvalyti visus",
- "label.compare": "Compare",
- "label.confirm": "Patvirtinti",
- "label.confirm-password": "Patvirtinti slaptažodį",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Šalys",
- "label.country": "Šalis",
- "label.create": "Sukurti",
- "label.create-report": "Kurti ataskaitą",
- "label.create-team": "Sukurti komandą",
- "label.create-user": "Sukurti vartotoją",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Dabartinis slaptažodis",
- "label.custom-range": "Pasirinktinis intervalas",
- "label.dashboard": "Švieslentė",
- "label.data": "Duomenys",
- "label.date": "Data",
- "label.date-range": "Laikotarpis",
- "label.day": "Diena",
- "label.default-date-range": "Numatytasis laikotarpis",
- "label.delete": "Ištrinti",
- "label.delete-report": "Ištrinti ataskaitą",
- "label.delete-team": "Ištrinti komandą",
- "label.delete-user": "Ištrinti vartotoją",
- "label.delete-website": "Ištrinti svetainę",
- "label.description": "Aprašymas",
- "label.desktop": "Desktop",
- "label.details": "Detalės",
- "label.device": "Įrenginys",
- "label.devices": "Įrenginiai",
- "label.dismiss": "Gerai",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Domenas",
- "label.dropoff": "Dropoff",
- "label.edit": "Redaguoti",
- "label.edit-dashboard": "Redaguoti švieslentę",
- "label.edit-member": "Redaguoti narį",
- "label.enable-share-url": "Įjungti bendrinimą su nuoroda",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Įvykis",
- "label.event-data": "Įvykių duomenys",
- "label.events": "Įvykiai",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Laukelis",
- "label.fields": "Laukeliai",
- "label.filter": "Filtruoti",
- "label.filter-combined": "Kombinuoti",
- "label.filter-raw": "Neapdoroti",
- "label.filters": "Filtrai",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Įžvalgos",
- "label.insights-description": "Pasinerkite giliau į savo duomenis naudodami segmentus ir filtrus.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Prisijungti",
- "label.join-team": "Prisijungti į komandą",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Kalba",
- "label.languages": "Kalbos",
- "label.laptop": "Laptop",
- "label.last-days": "{x, plural, =0 {Paskutinės # dienų} zero {Paskutinės # dienų} one {Paskutinė diena} other {Paskutinės # dienos}}",
- "label.last-hours": "{x, plural, =0 {Paskutinės # valandų} zero {Paskutinės # valandų} one {Paskutinė # valanda} other {Paskutinės # valandos}}",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Išeiti",
- "label.leave-team": "Išeiti iš komandos",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Prisijungti",
- "label.logout": "Atsijungti",
- "label.manage": "Tvarkyti",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Narys",
- "label.members": "Nariai",
- "label.min": "Min",
- "label.mobile": "Mobilusis",
- "label.more": "Daugiau",
- "label.my-account": "Mano paskyra",
- "label.my-websites": "Mano svetainės",
- "label.name": "Pavadinimas",
- "label.new-password": "Naujas slaptažodis",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "Operacinės sistemos",
- "label.overview": "Apžvalga",
- "label.owner": "Savininkas",
- "label.page-of": "Puslapis {current} iš {total}",
- "label.page-views": "Puslapių peržiūros",
- "label.pageTitle": "Puslapio pavadinimas",
- "label.pages": "Puslapiai",
- "label.password": "Slaptažodis",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Powered by {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profilis",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Užklausos",
- "label.query": "Užklausa",
- "label.query-parameters": "Užklausų parametrai",
- "label.realtime": "Realiuoju laiku",
- "label.referrer": "Persiuntėjas",
- "label.referrers": "Persiuntėjai",
- "label.refresh": "Atnaujinti",
- "label.regenerate": "Regenerate",
- "label.region": "Regionas",
- "label.regions": "Regionai",
- "label.remove": "Pašalinti",
- "label.remove-member": "Pašalinti narį",
- "label.reports": "Ataskaitos",
- "label.required": "Reikalinga",
- "label.reset": "Atstatyti",
- "label.reset-website": "Atstatyti statistikos duomenis",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Rolė",
- "label.run-query": "Run query",
- "label.save": "Išsaugoti",
- "label.screens": "Ekranai",
- "label.search": "Ieškoti",
- "label.select": "Select",
- "label.select-date": "Pasirinkti laikotarpį",
- "label.select-role": "Pasirinkti rolę",
- "label.select-website": "Pasirinkti svetainę",
- "label.session": "Session",
- "label.sessions": "Sesijos",
- "label.settings": "Nustatymai",
- "label.share-url": "Pasidalinti nuoroda",
- "label.single-day": "Viena diena",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Suma",
- "label.tablet": "Planšetė",
- "label.team": "Komanda",
- "label.team-id": "Komandos ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Komandos narys",
- "label.team-name": "Komandos pavadinimas",
- "label.team-owner": "Komandos savininkas",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Komandos",
- "label.theme": "Spalvų tema",
- "label.this-month": "Šis mėnuo",
- "label.this-week": "Ši savaitė",
- "label.this-year": "Šie metai",
- "label.timezone": "Laiko zona",
- "label.title": "Pavadinimas",
- "label.today": "Šiandien",
- "label.toggle-charts": "Rodyti / slėpti grafikus",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Sekimo kodas",
- "label.transactions": "Transactions",
- "label.transfer": "Perleisti",
- "label.transfer-website": "Perleisti svetainę",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Unikalūs lankytojai",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Nežinoma",
- "label.untitled": "Be pavadinimo",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Vartotojas",
- "label.user-property": "User Property",
- "label.username": "Vartotojo vardas",
- "label.users": "Vartotojai",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "Atidaryti",
- "label.view-details": "Peržiūrėti detaliau",
- "label.view-only": "Tik peržiūrėti",
- "label.views": "Peržiūros",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Vidutinė vizito trukmė",
- "label.visitors": "Lankytojai",
- "label.visits": "Visits",
- "label.website": "Svetainė",
- "label.website-id": "Svetainės ID",
- "label.websites": "Svetainės",
- "label.window": "Window",
- "label.yesterday": "Vakar",
- "message.action-confirmation": "Įrašykite {confirmation} žemiau, kad patvirtintumėte.",
- "message.active-users": "{x, plural, =0 {# aktyvių vartotojų} zero {# aktyvių vartotojų} one {# aktyvus vartotojas} other {# aktyvūs vartotojai}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Ar esate tikri, jog norite ištrinti svetainę {target}?",
- "message.confirm-leave": "Ar esate tikri, jog norite palikti {target}?",
- "message.confirm-remove": "Ar esate tikri, jog norite ištrinti {target}?",
- "message.confirm-reset": "Are esate tikri, jog norite atstatyti svetainės {target} statistikos duomenis?",
- "message.delete-team-warning": "Ištrinant komandą bus ištrintos ir visos komandos svetainės.",
- "message.delete-website-warning": "Visi susiję duomenys taip pat bus ištrinti.",
- "message.error": "Kažkas įvyko ne taip.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Eiti į nustatymus",
- "message.incorrect-username-password": "Neteisingas vartotojo vardas/slaptažodis.",
- "message.invalid-domain": "Klaidingas domenas",
- "message.min-password-length": "Reikia bent {n} simbolių",
- "message.new-version-available": "Išleista nauja 'Umami' {version} versija!",
- "message.no-data-available": "Nėra jokių duomenų.",
- "message.no-event-data": "Jokių duomenų apie įvykius nėra.",
- "message.no-match-password": "Slaptažodžiai nesutampa",
- "message.no-results-found": "Jokių rezultatų nerasta.",
- "message.no-team-websites": "Ši komanda neturi jokių svetainių.",
- "message.no-teams": "Jūs nesate sukūrę jokių komandų.",
- "message.no-users": "Nėra jokių vartotojų.",
- "message.no-websites-configured": "Jūs nesate susikonfiguravę jokių svetainių.",
- "message.page-not-found": "Puslapis nerastas.",
- "message.reset-website": "Kad atstatyti šią svetainę, įrašykite {confirmation} žemiau, kad patvirtintumėte.",
- "message.reset-website-warning": "Visi šios svetainės statistikos duomenys bus ištrinti, bet sekimo kodas išliks nepaliestas.",
- "message.saved": "Sėkmingai išsaugota.",
- "message.share-url": "Tai yra viešai prieinama {target} nuoroda (URL).",
- "message.team-already-member": "Jūs jau esate šios komandos narys.",
- "message.team-not-found": "Komanda nerasta.",
- "message.team-websites-info": "Svetaines gali peržiūrėti bet kas iš šios komandos.",
- "message.tracking-code": "Sekimo kodas",
- "message.transfer-team-website-to-user": "Perduoti šią svetainę į jūsų paskyrą?",
- "message.transfer-user-website-to-team": "Pasirinkite komandą, kuriai norite perduoti šią svetainę.",
- "message.transfer-website": "Perduoti svetainės nuosavybę į savo paskyrą arba kitą komandą.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "Vartotojas ištrintas.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Lankytojas iš {country}, naudojantis {browser} sistemoje {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/mn-MN.json b/src/lang/mn-MN.json
deleted file mode 100644
index 60797aef6..000000000
--- a/src/lang/mn-MN.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Хандалтын код",
- "label.actions": "Үйлдлүүд",
- "label.activity": "Үйл ажиллагааны бүртгэл",
- "label.add": "Нэмэх",
- "label.add-description": "Тайлбар нэмэх",
- "label.add-member": "Гишүүн нэмэх",
- "label.add-step": "Алхам нэмэх",
- "label.add-website": "Веб нэмэх",
- "label.admin": "Админ",
- "label.after": "Хойно",
- "label.all": "Бүх",
- "label.all-time": "Бүх цаг үеийн",
- "label.analytics": "Аналитик",
- "label.average": "Дундаж",
- "label.back": "Буцах",
- "label.before": "Өмнө",
- "label.bounce-rate": "Нэг хуудас үзээд гарсан",
- "label.breakdown": "Задаргаа",
- "label.browser": "Хөтөч",
- "label.browsers": "Хөтөч",
- "label.cancel": "Цуцлах",
- "label.change-password": "Нууц үг солих",
- "label.cities": "Хотууд",
- "label.city": "Хот",
- "label.clear-all": "Бүгдийг арилгах",
- "label.compare": "Харьцуулах",
- "label.confirm": "Батлах",
- "label.confirm-password": "Шинэ нууц үгээ давтах",
- "label.contains": "Агуулах",
- "label.continue": "Үргэлжлүүлэх",
- "label.count": "Тоо",
- "label.countries": "Улс",
- "label.country": "Улс",
- "label.create": "Үүсгэх",
- "label.create-report": "Тайлан үүсгэх",
- "label.create-team": "Баг үүсгэх",
- "label.create-user": "Хэрэглэгч үүсгэх",
- "label.created": "Үүсгэсэн",
- "label.created-by": "Үүсгэсэн",
- "label.current": "Одоогийн",
- "label.current-password": "Ашиглаж буй нууц үг",
- "label.custom-range": "Дурын хугацаа",
- "label.dashboard": "Хянах самбар",
- "label.data": "Өгөгдөл",
- "label.date": "Огноо",
- "label.date-range": "Хугацааны муж",
- "label.day": "Өдөр",
- "label.default-date-range": "Өгөгдмөл хугацааны муж",
- "label.delete": "Устгах",
- "label.delete-report": "Тайлан устгах",
- "label.delete-team": "Баг устгах",
- "label.delete-user": "Хэрэглэгч устгах",
- "label.delete-website": "Веб устгах",
- "label.description": "Тайлбар",
- "label.desktop": "Суурин компьютер",
- "label.details": "Мэдээлэл",
- "label.device": "Төхөөрөмж",
- "label.devices": "Төхөөрөмж",
- "label.dismiss": "Үл хэрэгсэх",
- "label.does-not-contain": "Агуулахгүй",
- "label.domain": "Домэйн",
- "label.dropoff": "Уналт",
- "label.edit": "Засах",
- "label.edit-dashboard": "Хянах самбар засах",
- "label.edit-member": "Гишүүн засах",
- "label.enable-share-url": "Хуваалцах холбоос идэвхжүүлэх",
- "label.end-step": "Төгсгөлийн алхам",
- "label.entry": "Орох зам",
- "label.event": "Үйлдэл",
- "label.event-data": "Үйлдлийн өгөгдөл",
- "label.events": "Үйлдэл",
- "label.exit": "Гарах зам",
- "label.false": "Худал",
- "label.field": "Талбар",
- "label.fields": "Талбар",
- "label.filter": "Шүүлтүүр",
- "label.filter-combined": "Нэгтгэсэн",
- "label.filter-raw": "Түүхий",
- "label.filters": "Шүүлтүүр",
- "label.first-seen": "Анх харсан",
- "label.funnel": "Цутгал",
- "label.funnel-description": "Хэрэглэгчдийн шилжилт, уналтын хэмжээг шинжлэх.",
- "label.goal": "Зорилго",
- "label.goals": "Зорилго",
- "label.goals-description": "Хуудас үзсэн болон үйлдлийн зорилгыг мөрдөх.",
- "label.greater-than": "Их",
- "label.greater-than-equals": "Их буюу тэнцүү",
- "label.host": "Хост",
- "label.hosts": "Хост",
- "label.insights": "Шинжлэх",
- "label.insights-description": "Өгөгдлөө хэсэгчлэн хуваах, шүүх байдлаар задлан шинжлэх.",
- "label.is": "Бол",
- "label.is-not": "Биш",
- "label.is-not-set": "Утга оноогоогүй",
- "label.is-set": "Утга оноосон",
- "label.join": "Нэгдэх",
- "label.join-team": "Багт нэгдэх",
- "label.journey": "Аялал",
- "label.journey-description": "Хэрэглэгчид таны цахим хуудсаар хэрхэн шилжиж явсныг шинжлэх.",
- "label.language": "Хэл",
- "label.languages": "Хэл",
- "label.laptop": "Зөөврийн компьютер",
- "label.last-days": "Сүүлийн {x} хоног",
- "label.last-hours": "Сүүлийн {x} цаг",
- "label.last-months": "Сүүлийн {x} сар",
- "label.last-seen": "Сүүлд харагдсан",
- "label.leave": "Гарах",
- "label.leave-team": "Багаас гарах",
- "label.less-than": "Бага",
- "label.less-than-equals": "Бага буюу тэнцүү",
- "label.login": "Нэвтрэх",
- "label.logout": "Гарах",
- "label.manage": "Удирдах",
- "label.manager": "Удирдагч",
- "label.max": "Max",
- "label.member": "Гишүүн",
- "label.members": "Гишүүд",
- "label.min": "Min",
- "label.mobile": "Утас",
- "label.more": "Цааш",
- "label.my-account": "Миний бүртгэл",
- "label.my-websites": "Миний вебүүд",
- "label.name": "Нэр",
- "label.new-password": "Шинэ нууц үг",
- "label.none": "Байхгүй",
- "label.number-of-records": "{x} {x, plural, one {бичлэг} other {бичлэг}}",
- "label.ok": "ЗА",
- "label.os": "OS",
- "label.overview": "Тойм",
- "label.owner": "Эзэмшигч",
- "label.page-of": "Хуудас {total}-с {current}",
- "label.page-views": "Хуудас үзсэн",
- "label.pageTitle": "Хуудасны гарчиг",
- "label.pages": "Хуудас",
- "label.password": "Нууц үг",
- "label.path": "Зам",
- "label.paths": "Зам",
- "label.powered-by": "{name} дээр суурилсан",
- "label.previous": "Өмнөх",
- "label.previous-period": "Өмнөх үе",
- "label.previous-year": "Өмнөх жил",
- "label.profile": "Бүртгэл",
- "label.properties": "Шинж чанар",
- "label.property": "Шинж чанар",
- "label.queries": "Query-нүүд",
- "label.query": "Query",
- "label.query-parameters": "Query параметр",
- "label.realtime": "Яг одоо",
- "label.referrer": "Чиглүүлэгч",
- "label.referrers": "Чиглүүлэгч",
- "label.refresh": "Сэргээх",
- "label.regenerate": "Дахин үүсгэх",
- "label.region": "Бүс",
- "label.regions": "Бүсүүд",
- "label.remove": "Устгах",
- "label.remove-member": "Гишүүн хасах",
- "label.reports": "Тайлан",
- "label.required": "Шаардлагатай",
- "label.reset": "Дахин эхлүүлэх",
- "label.reset-website": "Тоон үзүүлэлтийг дахин эхлүүлэх",
- "label.retention": "Барилт",
- "label.retention-description": "Хэрэглэгчид таны веб рүү дахин хандах буюу хэрэглэгчдээ хэр тогтоож буйг хэмжих.",
- "label.revenue": "Орлого",
- "label.revenue-description": "Цаг хугацааны туршид орлогын өөрчлөлтийг харах.",
- "label.revenue-property": "Орлогын шинж чанар",
- "label.role": "Эрх",
- "label.run-query": "Query ажиллуулах",
- "label.save": "Хадгалах",
- "label.screens": "Дэлгэц",
- "label.search": "Хайх",
- "label.select": "Сонгох",
- "label.select-date": "Огноо сонгох",
- "label.select-role": "Select role",
- "label.select-website": "Веб сонгох",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Тохиргоо",
- "label.share-url": "Хуваалцах холбоос",
- "label.single-day": "Нэг өдөр",
- "label.start-step": "Эхлэх алхам",
- "label.steps": "Алхам",
- "label.sum": "Нийлбэр",
- "label.tablet": "Таблет",
- "label.team": "Баг",
- "label.team-id": "Багийн ID",
- "label.team-manager": "Багийн удирдагч",
- "label.team-member": "Багийн гишүүн",
- "label.team-name": "Багийн нэр",
- "label.team-owner": "Багийн эзэмшигч",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Багийн вебүүд",
- "label.teams": "Багууд",
- "label.theme": "Загвар",
- "label.this-month": "Энэ сар",
- "label.this-week": "Энэ долоо хоног",
- "label.this-year": "Энэ жил",
- "label.timezone": "Цагийн бүс",
- "label.title": "Гарчиг",
- "label.today": "Өнөөдөр",
- "label.toggle-charts": "Графикийг харуулах/нуух",
- "label.total": "Нийт",
- "label.total-records": "Нийт мөрийн тоо",
- "label.tracking-code": "Мөрдөх код",
- "label.transactions": "Transactions",
- "label.transfer": "Шилжүүлэх",
- "label.transfer-website": "Вебийг шилжүүлэх",
- "label.true": "Үнэн",
- "label.type": "Төрөл",
- "label.unique": "Давхардаагүй",
- "label.unique-visitors": "Зочин",
- "label.uniqueCustomers": "Давтагдаагүй зочин",
- "label.unknown": "Тодорхойгүй",
- "label.untitled": "Гарчиггүй",
- "label.update": "Шинэчлэх",
- "label.url": "URL",
- "label.urls": "URL-ууд",
- "label.user": "Хэрэглэгч",
- "label.user-property": "Хэрэглэгчийн шинж",
- "label.username": "Хэрэглэгчийн нэр",
- "label.users": "Хэрэглэгчид",
- "label.utm": "UTM",
- "label.utm-description": "UTM параметраар кампанит ажлаа мөрдөх.",
- "label.value": "Утга",
- "label.view": "Харах",
- "label.view-details": "Дэлгэрүүлж харах",
- "label.view-only": "Зөвхөн үзэх",
- "label.views": "Үзсэн",
- "label.views-per-visit": "Зочдын хуудас үзсэн тоо",
- "label.visit-duration": "Зочилсон дундаж хугацаа",
- "label.visitors": "Зочин",
- "label.visits": "Зочилсон",
- "label.website": "Веб",
- "label.website-id": "Вебийн ID",
- "label.websites": "Вебүүд",
- "label.window": "Цонх",
- "label.yesterday": "Өчигдөр",
- "message.action-confirmation": "Доорх хэсэгт {confirmation} гэж бичин баталгаажуулна уу.",
- "message.active-users": "одоо {x} {x, plural, one {зочин} other {зочин}} байна",
- "message.collected-data": "Цуглуулсан өгөгдөл",
- "message.confirm-delete": "Та {target}-г устгахдаа итгэлтэй байна уу?",
- "message.confirm-leave": "Та {target}-с гарахдаа итгэлтэй байна уу?",
- "message.confirm-remove": "Та {target}-г устгахдаа итгэлтэй байна уу?",
- "message.confirm-reset": "Та {target}-н тоон үзүүлэлтүүдийг устгахдаа итгэлтэй байна уу?",
- "message.delete-team-warning": "Баг устгах нь мөн түүнд харъяалагдах вебүүдийг устгах болно.",
- "message.delete-website-warning": "Энэ вебтэй холбоотой бүх өгөгдөл устах болно.",
- "message.error": "Ямар нэг зүйл буруу боллоо.",
- "message.event-log": "{url}-д {event}",
- "message.go-to-settings": "Тохиргоо руу очих",
- "message.incorrect-username-password": "Буруу хэрэглэгчийн нэр/нууц үг.",
- "message.invalid-domain": "Буруу домэйн",
- "message.min-password-length": "Хамгийн багадаа {n} тэмдэгт",
- "message.new-version-available": "Umami-н шинэ хувилбар {version} гарсан байна!",
- "message.no-data-available": "Өгөгдөл алга.",
- "message.no-event-data": "Үйлдлийн өгөгдөл алга.",
- "message.no-match-password": "Нууц үг тохирохгүй байна.",
- "message.no-results-found": "Ямар ч үр дүн олдсонгүй.",
- "message.no-team-websites": "Энэ багт ямар ч веб алга.",
- "message.no-teams": "Та ямар ч баг үүсгээгүй байна.",
- "message.no-users": "Хэрэглэгч байхгүй байна.",
- "message.no-websites-configured": "Та ямар нэгэн веб тохируулаагүй байна.",
- "message.page-not-found": "Хуудас олдсонгүй.",
- "message.reset-website": "Тоон үзүүлэлтийг дахин эхлүүлэхийн тулд доорх хэсэгт {confirmation} гэж бичиж, баталгаажуулна уу.",
- "message.reset-website-warning": "Энэ вебийн бүх тоон үзүүлэлтүүдийг устгах болно. Гэхдээ мөрдөх код хэвээрээ үлдэнэ.",
- "message.saved": "Хадгалсан.",
- "message.share-url": "Таны вебийн тоон үзүүлэлтүүд доорх URL дээр нийтэд харагдах болно:",
- "message.team-already-member": "Та аль хэдийн энэ багийн гишүүн болсон байна.",
- "message.team-not-found": "Баг олдсонгүй.",
- "message.team-websites-info": "Вебийг багийн бүх гишүүд үзэж болно.",
- "message.tracking-code": "Энэ вебийн хандалтуудыг мөрдөхийн тулд доорх кодыг HTML-нхээ ... хэсэгт байрлуулна уу.",
- "message.transfer-team-website-to-user": "Энэ вебийг өөрийн бүртгэл рүү шилжүүлэх үү?",
- "message.transfer-user-website-to-team": "Энэ вебийг шилжүүлж авах багийг сонгоно уу.",
- "message.transfer-website": "Энэ вебийг өөрийн бүртгэл рүү эсвэл багт шилжүүлж авах.",
- "message.triggered-event": "Өдөөсөн үйлдэл",
- "message.user-deleted": "Хэрэглэгч устсан.",
- "message.viewed-page": "Үзсэн хуудас",
- "message.visitor-log": "{country} улсаас {os} {device} дээр {browser} хөтөч ашиглан орсон",
- "message.visitors-dropped-off": "Зочдын уналт"
-}
diff --git a/src/lang/ms-MY.json b/src/lang/ms-MY.json
deleted file mode 100644
index a86865731..000000000
--- a/src/lang/ms-MY.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Aksi",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Tambah laman web",
- "label.admin": "Pentadbir",
- "label.after": "After",
- "label.all": "Semua",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Kembali",
- "label.before": "Before",
- "label.bounce-rate": "Kadar lantunan",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Pelayar web",
- "label.cancel": "Batal",
- "label.change-password": "Tukar kata laluan",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Sahkan kata laluan",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Negara",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Kata laluan semasa",
- "label.custom-range": "Julat khas",
- "label.dashboard": "Papan pemuka",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Julat tarikh",
- "label.day": "Day",
- "label.default-date-range": "Julat tarikh lalai",
- "label.delete": "Padam",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Padam laman web",
- "label.description": "Description",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Peranti",
- "label.dismiss": "Ketepikan",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Domain",
- "label.dropoff": "Dropoff",
- "label.edit": "Edit",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Aktifkan url berkongsi",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Peristiwa",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Digabungkan",
- "label.filter-raw": "Mentah",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "Laptop",
- "label.last-days": "{x} hari lepas",
- "label.last-hours": "{x} jam lepas",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Log masuk",
- "label.logout": "Log keluar",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Telefon bimbit",
- "label.more": "Lebih banyak lagi",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Nama",
- "label.new-password": "Kata laluan baru",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Paparan halaman",
- "label.pageTitle": "Page title",
- "label.pages": "Halaman",
- "label.password": "Kata laluan",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Disediakan oleh {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Siaran langsung",
- "label.referrer": "Referrer",
- "label.referrers": "Perujuk",
- "label.refresh": "Muat semula",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Diperlukan",
- "label.reset": "Tetapkan semula",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Simpan",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Tetapan",
- "label.share-url": "Kongsikan URL",
- "label.single-day": "Satu hari",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "Bulan ini",
- "label.this-week": "Minggu ini",
- "label.this-year": "Tahun ini",
- "label.timezone": "Zon masa",
- "label.title": "Title",
- "label.today": "Hari ini",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Kod penjejakan",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Pelawat unik",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Tidak diketahui",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Nama pengguna",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Lihat butiran",
- "label.view-only": "View only",
- "label.views": "Lawatan",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Purata tempoh masa lawatan",
- "label.visitors": "Pelawat",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Laman web",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} semasa {x, plural, one {pelawat} other {pelawat}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Pastikah anda ingin memadam {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are your sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "Semua data yang berkaitan juga akan dihapuskan.",
- "message.error": "Ada yang tidak kena.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Pergi ke tetapan",
- "message.incorrect-username-password": "Pengguna/kata laluan tidak betul.",
- "message.invalid-domain": "Domain tidak sah",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Tiada data yang boleh didapati.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Kata laluan tidak sepadan",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "Anda tidak ada sebarang laman web yang telah dikonfigurasikan.",
- "message.page-not-found": "Halaman tidak dijumpai.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your tracking code will remain intact.",
- "message.saved": "Berjaya disimpan.",
- "message.share-url": "Ini adalah URL berkongsi untuk {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Kod penjejakan",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Pelawat dari {country} mengguna {browser} pada {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/my-MM.json b/src/lang/my-MM.json
deleted file mode 100644
index 3ab75f885..000000000
--- a/src/lang/my-MM.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "ဝင်ခွင့်ကုဒ်",
- "label.actions": "လုပ်ဆောင်ချက်များ",
- "label.activity": "လုပ်ဆောင်ချက်စာရင်း",
- "label.add": "ထပ်ထည့်မည်",
- "label.add-description": "အကြောင်းအရာဖော်ပြချက် ထည့်မည်",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "ဝက်ဘ်ဆိုဒ်ထည့်မည်",
- "label.admin": "အက်ဒမင်",
- "label.after": "ပြီးနောက်",
- "label.all": "အားလုံး",
- "label.all-time": "အချိန်အစမှအခုထိ",
- "label.analytics": "အန်နလစ်တစ်",
- "label.average": "ပျမ်းမျှ",
- "label.back": "နောက်သို့",
- "label.before": "မတိုင်မီ",
- "label.bounce-rate": "Bounce နှုန်း",
- "label.breakdown": "ခွဲခြမ်းစိတ်ဖြာမှု",
- "label.browser": "Browser",
- "label.browsers": "ဝက်ဘ်ဘရောင်ဇာများ",
- "label.cancel": "မလုပ်တော့ပါ",
- "label.change-password": "စကားဝှက် ပြောင်းမည်",
- "label.cities": "မြို့များ",
- "label.city": "City",
- "label.clear-all": "အားလုံးကိုဖျက်မည်",
- "label.compare": "Compare",
- "label.confirm": "အတည်ပြုသည်",
- "label.confirm-password": "စကားဝှက်အတည်ပြုသည်",
- "label.contains": "ပါဝင်သည်",
- "label.continue": "ဆက်သွားမည်",
- "label.count": "Count",
- "label.countries": "နိုင်ငံများ",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "ရီပို့လုပ်မည်",
- "label.create-team": "Team ပြုလုပ်မည်",
- "label.create-user": "အသုံးပြုသူထည့်မည်",
- "label.created": "ပြုလုပ်ပြီးသော",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "လက်ရှိစကားဝှက်",
- "label.custom-range": "အချိန်အပိုင်းအခြားရွေးရန်",
- "label.dashboard": "ဒက်ရှ်ဘုတ်",
- "label.data": "ဒေတာ",
- "label.date": "Date",
- "label.date-range": "ရက်အပိုင်းအခြား",
- "label.day": "Day",
- "label.default-date-range": "ပုံသေ ရက်အပိုင်းအခြား",
- "label.delete": "ဖျက်မည်",
- "label.delete-report": "Delete report",
- "label.delete-team": "Team ကိုဖျက်မည်",
- "label.delete-user": "အသုံးပြုသူကိုဖျက်မည်",
- "label.delete-website": "ဝက်ဘ်ဆိုဒ်ကိုဖျက်မည်",
- "label.description": "ရှင်းပြချက်",
- "label.desktop": "စားပွဲတင်ကွန်ပျူတာ",
- "label.details": "အသေးစိတ်",
- "label.device": "Device",
- "label.devices": "အသုံးပြုသည့် ကိရိယာများ",
- "label.dismiss": "ပိတ်ပါ",
- "label.does-not-contain": "မပါဝင်ပါ",
- "label.domain": "ဒိုမိန်း",
- "label.dropoff": "Dropoff",
- "label.edit": "ပြုပြင်မည်",
- "label.edit-dashboard": "ဒက်ရှ်ဘုတ်ကို ပြုပြင်မည်",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "ဝေငှခြင်းကိုလင့်ကို ဖွင့်မည်",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "အဖြစ်အပျက်",
- "label.event-data": "အဖြစ်အပျက် ဒေတာ",
- "label.events": "အဖြစ်အပျက်များ",
- "label.exit": "Exit URL",
- "label.false": "မှားသည်",
- "label.field": "Field အမည်",
- "label.fields": "Field အမည်များ",
- "label.filter": "Filter",
- "label.filter-combined": "ပေါင်းစပ်ပြီး",
- "label.filter-raw": "အရှိအတိုင်း",
- "label.filters": "Filter များ",
- "label.first-seen": "First seen",
- "label.funnel": "ဖန်နယ်",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "ထက်ပို၍ကြီးသည်",
- "label.greater-than-equals": "ထက်ပို၍ကြီးသည်သို့မဟုတ်တူသည်",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "အသေးစိတ်သိမြင်နိုင်ရန်",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "ဝင်မည်",
- "label.join-team": "အသင်းဝင်မည်",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "ဘာသာစကား",
- "label.languages": "ဘာသာစကားများ",
- "label.laptop": "လက်တော့ပ်",
- "label.last-days": "လွန်ခဲ့သော {x} ရက်က",
- "label.last-hours": "လွန်ခဲ့သော {x} နာရီက",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "ထွက်မည်",
- "label.leave-team": "အသင်းမှထွက်မည်",
- "label.less-than": "ထက်ပို၍ငယ်သည်",
- "label.less-than-equals": "ထက်ပို၍ငယ်သည်သို့မဟုတ်တူသည်",
- "label.login": "လော့ဂ်အင်",
- "label.logout": "လော့ဂ်အောက်လုပ်မည်",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "အများဆုံး",
- "label.member": "Member",
- "label.members": "အဖွဲ့ဝင်များ",
- "label.min": "အနည်းဆုံး",
- "label.mobile": "မိုဘိုင်း",
- "label.more": "နောက်ထပ်",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "အမည်",
- "label.new-password": "စကားဝှက်အသစ်",
- "label.none": "မရှိပါ",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "ကွန်ပျူတာလည်ပတ်မှုစနစ်",
- "label.overview": "အပေါ်ယံမြင်ကွင်း",
- "label.owner": "ပိုင်ဆိုင်သူ",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "ဝင်ရောက်ကြည့်ရှုသူ",
- "label.pageTitle": "Page title",
- "label.pages": "စာမျက်နှာများ",
- "label.password": "စကားဝှက်",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "{name} ထောက်ပံ့သည်",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "ပရိုဖိုင်း",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries (ကွာရီများ)",
- "label.query": "Query (ကွာရီ)",
- "label.query-parameters": "Query parameters (ကွာရီပါရာမီတာများ)",
- "label.realtime": "အချိန်နှင့်တပြေးညီ",
- "label.referrer": "Referrer",
- "label.referrers": "ရည်ညွှန်းမှုများ",
- "label.refresh": "Refresh လုပ်မည်",
- "label.regenerate": "ပြန်ထုတ်မည်",
- "label.region": "Region",
- "label.regions": "ဒေသများ",
- "label.remove": "ဖျက်မည်",
- "label.remove-member": "Remove member",
- "label.reports": "တင်ပြမှုများ",
- "label.required": "လိုအပ်သည်",
- "label.reset": "ပြန်စမည်",
- "label.reset-website": "ဝက်ဘ်ဆိုဒ်ဒေတာကိုဖျက်မည်",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "အခန်းကဏ္ဍ",
- "label.run-query": "Query ကိုလုပ်ဆောင်မည်",
- "label.save": "သိမ်းဆည်းမည်",
- "label.screens": "မြင်ကွင်းများ",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "ရက်ရွေးပါ",
- "label.select-role": "Select role",
- "label.select-website": "ဝဘက်ဘ်ဆိုဒ်ရွေးပါ",
- "label.session": "Session",
- "label.sessions": "ဆက်ရှင်များ",
- "label.settings": "ဆက်တင်များ",
- "label.share-url": "URL ကိုရှဲမည်",
- "label.single-day": "တစ်ရက်အတွင်း",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "ပေါင်းလဒ်",
- "label.tablet": "တက်ဘလက်",
- "label.team": "အသင်း",
- "label.team-id": "အသင်း အိုင်ဒီ",
- "label.team-manager": "Team manager",
- "label.team-member": "အသင်းဝင်",
- "label.team-name": "Team name",
- "label.team-owner": "အသင်းကိုပိုင်ဆိုင်သူ",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "အသင်းများ",
- "label.theme": "Theme (အပြင်အဆင်)",
- "label.this-month": "ယခုလ",
- "label.this-week": "ယခုအပတ်",
- "label.this-year": "ယခုနှစ်",
- "label.timezone": "အချိန်ဇုန်",
- "label.title": "ခေါင်းစဥ်",
- "label.today": "ယနေ့",
- "label.toggle-charts": "ဇယားများကို အဖွင့်အပိတ်လုပ်မည်",
- "label.total": "စုစုပေါင်း",
- "label.total-records": "မှတ်တမ်းစုစုပေါင်း",
- "label.tracking-code": "ထရက်လုပ်သည့် ကုဒ်",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "မှန်သည်",
- "label.type": "အမျိုးအစား",
- "label.unique": "Unique",
- "label.unique-visitors": "ဝင်ရောက်သူ (ထပ်ခြင်းမရှိ)",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "မသိသော",
- "label.untitled": "ခေါင်းစဉ်မရှိ",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URL များ",
- "label.user": "အသုံးပြုသူ",
- "label.user-property": "User Property",
- "label.username": "အသုံးပြုသူအမည်",
- "label.users": "အသုံးပြုသူများ",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "တန်ဖိုး",
- "label.view": "ဝင်ရောက်ကြည့်ရှုမှု",
- "label.view-details": "အသေးစိတ်ကို ကြည့်ရှုမည်",
- "label.view-only": "ဝင်ရောက်ကြည့်ရှုမှုများသာ",
- "label.views": "ဝင်ရောက်ကြည့်ရှုမှုများ",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "ဝဘက်ဘ်ဆိုဒ်တွင် ပျမ်းမျှကုန်ဆုံးချိန်",
- "label.visitors": "ဝင်ရောက်ကြည့်ရှုသူများ",
- "label.visits": "Visits",
- "label.website": "ဝက်ဘ်ဆိုဒ်",
- "label.website-id": "ဝက်ဘ်ဆိုဒ် အိုင်ဒီ",
- "label.websites": "ဝက်ဘ်ဆိုဒ်များ",
- "label.window": "ဝင်းဒိုး",
- "label.yesterday": "မနေ့က",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} လက်ရှိအသုံးပြုနေသူ {x, plural, one {ယောက်} other {ယောက်}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "{target} ကို ဖျက်ရန် သေချာပါသလား?",
- "message.confirm-leave": "{target} ကို ထွက်ရန် သေချာပါသလား?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "{target} ကို ဖျက်၍ပြန်စလုပ်ရန် သေချာပါသလား?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "ဝက်ဘ်ဆိုဒ် ဒေတာအကုန် ဖျက်မည်",
- "message.error": "မှားယွင်းမှုတစ်ခု ရှိသွားပါသည်",
- "message.event-log": "{url} တွင် {event}",
- "message.go-to-settings": "ဆက်တင်သို့ သွားရန်",
- "message.incorrect-username-password": "အသုံးပြုသူအမည် သို့မဟုတ် စကားဝှက် မှားနေသည်",
- "message.invalid-domain": "ဒိုမိန်း မမှန်ပါ http/https. မပါရပါ",
- "message.min-password-length": "အနည်းဆုံး {n} character ရှိရမည်",
- "message.new-version-available": "အူမာမီ {version} အသစ်ထွက်နေပါပြီ",
- "message.no-data-available": "ဒေတာ မရှိပါ",
- "message.no-event-data": "အဖြစ်အပျက်ဒေတာ မရှိပါ",
- "message.no-match-password": "စကားဝှက် မှားနေသည်",
- "message.no-results-found": "ရလဒ်မရှိပါ",
- "message.no-team-websites": "ဤအသင်းတွင် ဝက်ဘ်ဆိုက်မရှိသေးပါ",
- "message.no-teams": "အသင်း မပြုလုပ်ရသေးပါ",
- "message.no-users": "အသုံးပြုသူ မရှိသေးပါ",
- "message.no-websites-configured": "ဝက်ဘ်ဆိုဒ်တစ်ခုမှ မထည့်ရသေးပါ",
- "message.page-not-found": "ဤစာမျက်နှာသည် မရှိပါ",
- "message.reset-website": "ဤ ဝက်ဘ်ဆိုဒ်ဒေတာကိုဖျက်၍ ပြန်စလုပ်ရန် အောက်တွင် {confirmation} ကို ရိုက်ထည့်ပေးပါ",
- "message.reset-website-warning": "ဤဝက်ဘ်ဆိုဒ်က စာရင်းအချက်အလက်များကို ဖျက်မည်၊ ဆက်တင်ဒေတာများ မပါပါ",
- "message.saved": "မှတ်သားပြီး",
- "message.share-url": "သင့်ဝက်ဆိုဒ်ဘ်၏ စာရင်းအချက်အလက်များကို အောက်ပါ URL တွင် ဝင်ရောက်ကြည့်ရှုနိုင်သည်",
- "message.team-already-member": "ဤအသင်းတွင် ဝင်ပြီးသားဖြစ်နေသည်",
- "message.team-not-found": "အသင်း မရှိပါ",
- "message.team-websites-info": "ဤဝက်ဘ်ဆိုဒ်များကို အသင်းထဲမှ လူတိုင်းဝင်ကြည့်နိုင်သည်",
- "message.tracking-code": "ဤဝက်ဘ်ဆိုဒ်၏ ဒေတာကိုကောက်ခံရန် အောက်ပါ code ကို သင်၏ HTML တွင်ထည့်ပါ",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "အသုံးပြုသူ ဖျက်ပြီးပါပြီ",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "{country} မှ {browser} ဖြင့် {os} {device} တွင် ဝင်ရောက်ကြည့်ရှုသူ",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/nb-NO.json b/src/lang/nb-NO.json
deleted file mode 100644
index 7c691002d..000000000
--- a/src/lang/nb-NO.json
+++ /dev/null
@@ -1,280 +0,0 @@
-{
- "label.access-code": "Tilgangskode",
- "label.actions": "Handlinger",
- "label.activity": "Aktivitetslogg",
- "label.add": "Legg til",
- "label.add-description": "Legg til beskrivelse",
- "label.add-member": "Legg til bruker",
- "label.add-step": "Legg til steg",
- "label.add-website": "Legg til nettsted",
- "label.admin": "Administrator",
- "label.after": "Etter",
- "label.all": "Alle",
- "label.all-time": "Noensinne",
- "label.analytics": "Analytics",
- "label.average": "Gjennomsnnitt",
- "label.back": "Tilbake",
- "label.before": "Før",
- "label.bounce-rate": "Avvisningsfrekvens",
- "label.breakdown": "Nedbrytning",
- "label.browser": "Nettleser",
- "label.browsers": "Nettlesere",
- "label.cancel": "Avvis",
- "label.change-password": "Bytt passord",
- "label.cities": "Byer",
- "label.city": "By",
- "label.clear-all": "Tøm alle",
- "label.compare": "Sammenlign",
- "label.confirm": "Bekreft",
- "label.confirm-password": "Godkjenn passord",
- "label.contains": "Inneholder",
- "label.continue": "Fortsett",
- "label.count": "Antall",
- "label.countries": "Land",
- "label.country": "Land",
- "label.create": "Opprett",
- "label.create-report": "Opprett rapport",
- "label.create-team": "Opprett team",
- "label.create-user": "Opprett bruker",
- "label.created": "Opprettet",
- "label.created-by": "Opprettet av",
- "label.current": "Nåværende",
- "label.current-password": "Nåværende passord",
- "label.custom-range": "Egendefinert utvalg",
- "label.dashboard": "Dashbord",
- "label.data": "Data",
- "label.date": "Dato",
- "label.date-range": "Datointervall",
- "label.day": "Dag",
- "label.default-date-range": "Standard datoperiode",
- "label.delete": "Slett",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Slett nettstedet",
- "label.description": "Description",
- "label.desktop": "Stasjonær",
- "label.details": "Detaljer",
- "label.device": "Enhet",
- "label.devices": "Enheter",
- "label.dismiss": "Avbryt",
- "label.does-not-contain": "Innholder ikke",
- "label.domain": "Domene",
- "label.dropoff": "Dropoff",
- "label.edit": "Rediger",
- "label.edit-dashboard": "Rediger dashboard",
- "label.edit-member": "Rediger bruker",
- "label.enable-share-url": "Aktiver delings-URL",
- "label.end-step": "Avslutt steg",
- "label.entry": "Inngangs-URL",
- "label.event": "Hendelse",
- "label.event-data": "Hendelsesdata",
- "label.events": "Hendelser",
- "label.exit": "Utgangs-URL",
- "label.false": "Usant",
- "label.field": "Felt",
- "label.fields": "Felt",
- "label.filter": "Filter",
- "label.filter-combined": "Kombinert",
- "label.filter-raw": "Rå",
- "label.filters": "Filter",
- "label.first-seen": "Først sett",
- "label.funnel": "Trakt",
- "label.funnel-description": "Forstå konverteringen og drop-off frafallsfrekvens av brukere.",
- "label.goal": "Mål",
- "label.goals": "Mål",
- "label.goals-description": "Spor dine mål for sidevisninger og hendelser.",
- "label.greater-than": "Mer enn",
- "label.greater-than-equals": "Mer enn eller lik",
- "label.host": "Vert",
- "label.hosts": "Verter",
- "label.insights": "Innsikt",
- "label.insights-description": "Dykk dypere i din data ved bruk av segmentering og filtre.",
- "label.is": "Er",
- "label.is-not": "Er ikke",
- "label.is-not-set": "Er ikke satt",
- "label.is-set": "Er satt",
- "label.join": "Bli med",
- "label.join-team": "Bli med i teamet",
- "label.journey": "Reise",
- "label.journey-description": "Forstå hvordan brukerene navigerer gjennom din side.",
- "label.language": "Språk",
- "label.languages": "Språk",
- "label.laptop": "Bærbar",
- "label.last-days": "Siste {x} dager",
- "label.last-hours": "Siste {x} timer",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Sist sett",
- "label.leave": "Forlat",
- "label.leave-team": "Forlat team",
- "label.less-than": "Mindre enn",
- "label.less-than-equals": "Mindre enn eller lik",
- "label.login": "Logg inn",
- "label.logout": "Logg ut",
- "label.manage": "Administrer",
- "label.manager": "Administrator",
- "label.max": "Maks",
- "label.member": "Bruker",
- "label.members": "Brukere",
- "label.min": "Min",
- "label.mobile": "Mobiltelefon",
- "label.more": "Mer",
- "label.my-account": "Min konto",
- "label.my-websites": "Mine nettsider",
- "label.name": "Navn",
- "label.new-password": "Nytt passord",
- "label.none": "Ingen",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Oversikt",
- "label.owner": "Eier",
- "label.page-of": "Side {current} av {total}",
- "label.page-views": "Sidevisninger",
- "label.pageTitle": "Sidetittel",
- "label.pages": "Sider",
- "label.password": "Passord",
- "label.path": "Sti",
- "label.paths": "Stier",
- "label.powered-by": "Drevet av {name}",
- "label.previous": "Forrige",
- "label.previous-period": "Forrige periode",
- "label.previous-year": "Forrige år",
- "label.profile": "Profil",
- "label.properties": "Egenskaper",
- "label.property": "Egenskap",
- "label.queries": "Forspørsler",
- "label.query": "Forespørsel",
- "label.query-parameters": "Forespørsel parametere",
- "label.realtime": "Sanntid",
- "label.referrer": "Henviser",
- "label.referrers": "Henvisere",
- "label.refresh": "Oppdater",
- "label.regenerate": "Regenerer",
- "label.region": "Region",
- "label.regions": "Regioner",
- "label.remove": "Fjern",
- "label.remove-member": "Fjern bruker",
- "label.reports": "Rapporter",
- "label.required": "Påkrevd",
- "label.reset": "Nullstill",
- "label.reset-website": "Nullstill statistikk",
- "label.retention": "Retensjon",
- "label.retention-description": "Mål nettstedets klebrighet ved å spore hvor ofte brukere kommer tilbake.",
- "label.revenue": "Inntenker",
- "label.revenue-description": "Se på inntektene dine over tid.",
- "label.revenue-property": "Inntektegenskaper",
- "label.role": "Rolle",
- "label.run-query": "Kjør spørring",
- "label.save": "Lagre",
- "label.screens": "Skjermer",
- "label.search": "Søk",
- "label.select": "Velg",
- "label.select-date": "Velg dato",
- "label.select-role": "Velg rolle",
- "label.select-website": "Velg nettsted",
- "label.session": "Økt",
- "label.sessions": "Økter",
- "label.settings": "Innstillinger",
- "label.share-url": "Del URL",
- "label.single-day": "Enkeltdag",
- "label.start-step": "Starttrinn",
- "label.steps": "Trinn",
- "label.sum": "Sum",
- "label.tablet": "Nettbrett",
- "label.team": "Team",
- "label.team-id": "Team-ID",
- "label.team-manager": "Teamadministrator",
- "label.team-member": "Teammedlem",
- "label.team-name": "Teamnavn",
- "label.team-owner": "Teameier",
- "label.team-view-only": "Team (kun visning)",
- "label.team-websites": "Team-nettsteder",
- "label.teams": "Team",
- "label.theme": "Tema",
- "label.this-month": "Denne måneden",
- "label.this-week": "Denne uka",
- "label.this-year": "I år",
- "label.timezone": "Tidssone",
- "label.title": "Tittel",
- "label.today": "I dag",
- "label.toggle-charts": "Veksle grafer",
- "label.total": "Totalt",
- "label.total-records": "Totalt antall oppføringer",
- "label.tracking-code": "Sporingskode",
- "label.transactions": "Transaksjoner",
- "label.transfer": "Overfør",
- "label.transfer-website": "Overfør nettsted",
- "label.true": "Sant",
- "label.type": "Type",
- "label.unique": "Unike",
- "label.unique-visitors": "Unike besøkende",
- "label.uniqueCustomers": "Unike kunder",
- "label.unknown": "Ukjent",
- "label.untitled": "Uten tittel",
- "label.update": "Oppdater",
- "label.url": "URL",
- "label.urls": "URL-er",
- "label.user": "Bruker",
- "label.user-property": "Brukeregenskap",
- "label.username": "Brukernavn",
- "label.users": "Brukere",
- "label.utm": "UTM",
- "label.utm-description": "Spor kampanjene dine via UTM-parametre.",
- "label.value": "Verdi",
- "label.view": "Vis",
- "label.view-details": "Vis detaljer",
- "label.view-only": "Kun visning",
- "label.views": "Visninger",
- "label.views-per-visit": "Visninger per besøk",
- "label.visit-duration": "Gjennomsnittlig besøkstid",
- "label.visitors": "Besøkende",
- "label.visits": "Besøk",
- "label.website": "Nettsted",
- "label.website-id": "Nettsted-ID",
- "label.websites": "Nettsteder",
- "label.window": "Vindu",
- "label.yesterday": "I går",
- "message.action-confirmation": "Skriv {confirmation} i feltet nedenfor for å bekrefte.",
- "message.active-users": "{x} {x, plural, one {besøkende} other {besøkende}} nå",
- "message.collected-data": "Innsamlede data",
- "message.confirm-delete": "Er du sikker på at du vil slette {target}?",
- "message.confirm-leave": "Er du sikker på at du vil forlate {target}?",
- "message.confirm-remove": "Er du sikker på at du vil fjerne {target}?",
- "message.confirm-reset": "Er du sikker på at du vil nullstille statistikken til {target}?",
- "message.delete-team-warning": "Å slette et team vil også slette alle teamets nettsteder.",
- "message.delete-website-warning": "Alle tilknyttede data vil også bli slettet.",
- "message.error": "Noe gikk galt.",
- "message.event-log": "{event} på {url}",
- "message.go-to-settings": "Gå til innstillinger",
- "message.incorrect-username-password": "Ugyldig brukernavn/passord.",
- "message.invalid-domain": "Ugyldig domene",
- "message.min-password-length": "Minimumslengde på {n} tegn",
- "message.new-version-available": "En ny versjon av Umami {version} er tilgjengelig!",
- "message.no-data-available": "Ingen data tilgjengelig.",
- "message.no-event-data": "Ingen hendelsesdata er tilgjengelig.",
- "message.no-match-password": "Passordene er ikke like",
- "message.no-results-found": "Ingen resultater funnet.",
- "message.no-team-websites": "Dette teamet har ingen nettsteder.",
- "message.no-teams": "Du har ikke opprettet noen team.",
- "message.no-users": "Ingen brukere.",
- "message.no-websites-configured": "Du har ikke satt opp noen nettsteder.",
- "message.page-not-found": "Siden ble ikke funnet.",
- "message.reset-website": "For å nullstille dette nettstedet, skriv {confirmation} i feltet nedenfor for å bekrefte.",
- "message.reset-website-warning": "All statistikk for dette nettstedet vil bli slettet, men sporingskoden forblir uberørt.",
- "message.saved": "Lagret!",
- "message.share-url": "Dette er den offentlige delings-URL-en for {target}.",
- "message.team-already-member": "Du er allerede medlem av teamet.",
- "message.team-not-found": "Teamet ble ikke funnet.",
- "message.team-websites-info": "Nettsteder kan vises av alle på teamet.",
- "message.tracking-code": "Sporingskode",
- "message.transfer-team-website-to-user": "Overfør dette nettstedet til kontoen din?",
- "message.transfer-user-website-to-team": "Velg teamet du vil overføre dette nettstedet til.",
- "message.transfer-website": "Overfør eierskapet til nettstedet til din konto eller et annet team.",
- "message.triggered-event": "Utløst hendelse",
- "message.user-deleted": "Bruker slettet.",
- "message.viewed-page": "Vist side",
- "message.visitor-log": "Besøkende fra {country} med {browser} på {os} {device}",
- "message.visitors-dropped-off": "Besøkende falt fra"
-
-}
diff --git a/src/lang/nl-NL.json b/src/lang/nl-NL.json
deleted file mode 100644
index 78b41df7d..000000000
--- a/src/lang/nl-NL.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Toegangscode",
- "label.actions": "Acties",
- "label.activity": "Activiteiten logboek",
- "label.add": "Toevoegen",
- "label.add-description": "Omschrijving toevoegen",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Website koppelen",
- "label.admin": "Administrator",
- "label.after": "Na",
- "label.all": "Alles",
- "label.all-time": "Onbeperkt",
- "label.analytics": "Analytics",
- "label.average": "Gemiddelde",
- "label.back": "Terug",
- "label.before": "Voor",
- "label.bounce-rate": "Bouncepercentage",
- "label.breakdown": "Opsplitsen",
- "label.browser": "Browser",
- "label.browsers": "Browsers",
- "label.cancel": "Annuleren",
- "label.change-password": "Wachtwoord wijzigen",
- "label.cities": "Steden",
- "label.city": "Stad",
- "label.clear-all": "Filters wissen",
- "label.compare": "Compare",
- "label.confirm": "Bevestigen",
- "label.confirm-password": "Wachtwoord bevestigen",
- "label.contains": "Bevat",
- "label.continue": "Doorgaan",
- "label.count": "Count",
- "label.countries": "Landen",
- "label.country": "Land",
- "label.create": "Aanmaken",
- "label.create-report": "Rapport aanmaken",
- "label.create-team": "Team aanmaken",
- "label.create-user": "Gebruiker maken",
- "label.created": "Gemaakt",
- "label.created-by": "Gemaakt Door",
- "label.current": "Current",
- "label.current-password": "Huidig wachtwoord",
- "label.custom-range": "Aangepast bereik",
- "label.dashboard": "Overzicht",
- "label.data": "Gegevens",
- "label.date": "Datum",
- "label.date-range": "Datumbereik",
- "label.day": "Dag",
- "label.default-date-range": "Standaard bereik",
- "label.delete": "Verwijderen",
- "label.delete-report": "Rapport verwijderen",
- "label.delete-team": "Team verwijderen",
- "label.delete-user": "Verwijder gebruiker",
- "label.delete-website": "Website verwijderen",
- "label.description": "Omschrijving",
- "label.desktop": "Computer",
- "label.details": "Informatie",
- "label.device": "Apparaat",
- "label.devices": "Apparaten",
- "label.dismiss": "Negeren",
- "label.does-not-contain": "Bevat geen",
- "label.domain": "Domein",
- "label.dropoff": "Uitval",
- "label.edit": "Bewerken",
- "label.edit-dashboard": "Dashboard aanpassen",
- "label.edit-member": "Gebruiker aanpassen",
- "label.enable-share-url": "Sta delen via openbare URL toe",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Gebeurtenis",
- "label.event-data": "Datum gebeurtenis",
- "label.events": "Gebeurtenissen",
- "label.exit": "Exit URL",
- "label.false": "Onwaar",
- "label.field": "Veld",
- "label.fields": "Velden",
- "label.filter": "Filter",
- "label.filter-combined": "Gecombineerd",
- "label.filter-raw": "Ruw",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Ontdek de conversie- en uitvalpercentages van gebruikers.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Groter dan",
- "label.greater-than-equals": "Groter of gelijk aan",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Inzichten",
- "label.insights-description": "Verken je gegevens verder door segmenten en filters te gebruiken.",
- "label.is": "Is",
- "label.is-not": "Is niet",
- "label.is-not-set": "Is niet ingesteld",
- "label.is-set": "Is ingesteld",
- "label.join": "Lid worden",
- "label.join-team": "Word lid van een team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Taal",
- "label.languages": "Talen",
- "label.laptop": "Laptop",
- "label.last-days": "Laatste {x} dagen",
- "label.last-hours": "Laatste {x} uur",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Verlaten",
- "label.leave-team": "Verlaat team",
- "label.less-than": "Minder dan",
- "label.less-than-equals": "Minder of gelijk aan",
- "label.login": "Inloggen",
- "label.logout": "Uitloggen",
- "label.manage": "Beheren",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Gebruiker",
- "label.members": "Gebruikers",
- "label.min": "Min",
- "label.mobile": "Mobiel",
- "label.more": "Toon meer",
- "label.my-account": "Mijn profiel",
- "label.my-websites": "Mijn websites",
- "label.name": "Naam",
- "label.new-password": "Nieuw wachtwoord",
- "label.none": "Geen",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overzicht",
- "label.owner": "Eigenaar",
- "label.page-of": "Pagina {current} van {total}",
- "label.page-views": "Paginaweergaven",
- "label.pageTitle": "Pagina titel",
- "label.pages": "Pagina's",
- "label.password": "Wachtwoord",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "mogelijk gemaakt door {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profiel",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Parameters",
- "label.query": "Query",
- "label.query-parameters": "URL-parameters",
- "label.realtime": "Actueel",
- "label.referrer": "Referrer",
- "label.referrers": "Verwijzers",
- "label.refresh": "Vernieuwen",
- "label.regenerate": "Opnieuw genereren",
- "label.region": "Regio",
- "label.regions": "Regio's",
- "label.remove": "Verwijderen",
- "label.remove-member": "Gebruiker verwijderen",
- "label.reports": "Rapporten",
- "label.required": "Verplicht",
- "label.reset": "Opnieuw instellen",
- "label.reset-website": "Statistieken opnieuw instellen",
- "label.retention": "Retentie",
- "label.retention-description": "Meet de retentie van je website door door bij te houden hoe vaak gebruikers terugkeren.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Gebruikersrol",
- "label.run-query": "Query uitvoeren",
- "label.save": "Opslaan",
- "label.screens": "Schermen",
- "label.search": "Zoeken",
- "label.select": "Selecteer",
- "label.select-date": "Datum selecteren",
- "label.select-role": "Rol selecteren",
- "label.select-website": "Website selecteren",
- "label.session": "Session",
- "label.sessions": "Sessies",
- "label.settings": "Instellingen",
- "label.share-url": "URL delen",
- "label.single-day": "Enkele dag",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Som",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Teamlid",
- "label.team-name": "Teamnaam",
- "label.team-owner": "Teameigenaar",
- "label.team-view-only": "Team alleen lezen",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Thema",
- "label.this-month": "Deze maand",
- "label.this-week": "Deze week",
- "label.this-year": "Dit jaar",
- "label.timezone": "Tijdzone",
- "label.title": "Titel",
- "label.today": "Vandaag",
- "label.toggle-charts": "Grafieken tonen/verbergen",
- "label.total": "Totaal",
- "label.total-records": "Totaal records",
- "label.tracking-code": "Volgcode",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "Waar",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Unieke bezoekers",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Onbekend",
- "label.untitled": "Ongetiteld",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URL's",
- "label.user": "Gebruiker",
- "label.user-property": "User Property",
- "label.username": "Gebruikersnaam",
- "label.users": "Gebruikers",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Waarde",
- "label.view": "Weergave",
- "label.view-details": "Meer details",
- "label.view-only": "Alleen inzien",
- "label.views": "Weergaven",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Gemiddelde bezoektijd",
- "label.visitors": "Bezoekers",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Websites",
- "label.window": "Window",
- "label.yesterday": "Gisteren",
- "message.action-confirmation": "Typ {confirmation} in het veld hieronder om te bevestigen.",
- "message.active-users": "{x} actieve {x, plural, one {bezoeker} other {bezoekers}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Weet je zeker dat je {target} wilt verwijderen?",
- "message.confirm-leave": "Weet je zeker dat je {target} wilt verlaten?",
- "message.confirm-remove": "Weet je zeker dat je {target} wilt verwijderen?",
- "message.confirm-reset": "Weet je zeker dat je de statistieken van {target} opnieuw wilt instellen?",
- "message.delete-team-warning": "Als een team wordt verwijderd, worden ook alle websites van dat team verwijderd.",
- "message.delete-website-warning": "Alle verwante gegevens zullen ook verwijderd worden.",
- "message.error": "Er is iets misgegaan.",
- "message.event-log": "{event} op {url}",
- "message.go-to-settings": "Naar instellingen",
- "message.incorrect-username-password": "Incorrecte gebruikersnaam/wachtwoord.",
- "message.invalid-domain": "Ongeldig domein",
- "message.min-password-length": "Minimale lengte van {n} tekens",
- "message.new-version-available": "Een nieuwe versie van Umami {version} is beschikbaar!",
- "message.no-data-available": "Geen gegevens beschikbaar.",
- "message.no-event-data": "Geen gegevens over de gebeurtenis beschikbaar.",
- "message.no-match-password": "Wachtwoorden komen niet overeen",
- "message.no-results-found": "Geen resultaten gevonden.",
- "message.no-team-websites": "Er zijn geen websites gekoppeld aan dit team.",
- "message.no-teams": "Er zijn nog geen teams aangemaakt.",
- "message.no-users": "Er zijn geen gebruikers.",
- "message.no-websites-configured": "Je hebt geen websites ingesteld.",
- "message.page-not-found": "Pagina niet gevonden.",
- "message.reset-website": "Typ {confirmation} in het veld hieronder om te bevestigen dat je de website wilt resetten.",
- "message.reset-website-warning": "Alle bijhorende statistieken van deze website worden verwijderd, maar jouw volgcode blijft gelden.",
- "message.saved": "Opslaan succesvol.",
- "message.share-url": "Met deze URL kan {target} openbaar gedeeld worden.",
- "message.team-already-member": "Je bent al lid van het team.",
- "message.team-not-found": "Team niet gevonden.",
- "message.team-websites-info": "Websites kunnen door iedereen in het team worden bekeken.",
- "message.tracking-code": "Volgcode",
- "message.transfer-team-website-to-user": "Deze website toevoegen aan je account?",
- "message.transfer-user-website-to-team": "Selecteer het team om deze website aan toe te voegen.",
- "message.transfer-website": "Draag het eigenaarschap van de website over naar jouw account, of een ander team.",
- "message.triggered-event": "Getriggerde gebeurtenis",
- "message.user-deleted": "Gebruiker verwijderd",
- "message.viewed-page": "Bekeken pagina",
- "message.visitor-log": "Bezoeker uit {country} met {browser} op een {os} {device}",
- "message.visitors-dropped-off": "Afgehaakte bezoekers"
-}
diff --git a/src/lang/pl-PL.json b/src/lang/pl-PL.json
deleted file mode 100644
index 697beeb35..000000000
--- a/src/lang/pl-PL.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Kod dostępu",
- "label.actions": "Działania",
- "label.activity": "Dziennik aktywności",
- "label.add": "Dodaj",
- "label.add-description": "Dodaj opis",
- "label.add-member": "Dodaj członka",
- "label.add-step": "Dodaj krok",
- "label.add-website": "Dodaj witrynę",
- "label.admin": "Administrator",
- "label.after": "Po",
- "label.all": "Wszystkie",
- "label.all-time": "Cały czas",
- "label.analytics": "Analityka",
- "label.average": "Średnia",
- "label.back": "Powrót",
- "label.before": "Przed",
- "label.bounce-rate": "Współczynnik odrzuceń",
- "label.breakdown": "Rozbicie",
- "label.browser": "Przeglądarka",
- "label.browsers": "Przeglądarki",
- "label.cancel": "Anuluj",
- "label.change-password": "Zmień hasło",
- "label.cities": "Miasta",
- "label.city": "Miasto",
- "label.clear-all": "Wyczyść wszystko",
- "label.compare": "Porównaj",
- "label.confirm": "Potwierdź",
- "label.confirm-password": "Potwierdź hasło",
- "label.contains": "Zawiera",
- "label.continue": "Kontynuuj",
- "label.count": "Liczba",
- "label.countries": "Kraje",
- "label.country": "Państwo",
- "label.create": "Utwórz",
- "label.create-report": "Utwórz raport",
- "label.create-team": "Utwórz zespół",
- "label.create-user": "Utwórz użytkownika",
- "label.created": "Utworzony",
- "label.created-by": "Utworzony przez",
- "label.current": "Aktualny",
- "label.current-password": "Aktualne hasło",
- "label.custom-range": "Zakres niestandardowy",
- "label.dashboard": "Panel",
- "label.data": "Dane",
- "label.date": "Data",
- "label.date-range": "Zakres dat",
- "label.day": "Dzień",
- "label.default-date-range": "Domyślny zakres dat",
- "label.delete": "Usuń",
- "label.delete-report": "Usuń raport",
- "label.delete-team": "Usuń zespół",
- "label.delete-user": "Usuń użytkownika",
- "label.delete-website": "Usuń witrynę",
- "label.description": "Opis",
- "label.desktop": "Komputer",
- "label.details": "Szczegóły",
- "label.device": "Urządzenie",
- "label.devices": "Urządzenia",
- "label.dismiss": "Odrzuć",
- "label.does-not-contain": "Nie zawiera",
- "label.domain": "Domena",
- "label.dropoff": "Odpływ",
- "label.edit": "Edytuj",
- "label.edit-dashboard": "Edytuj panel",
- "label.edit-member": "Edytuj członka",
- "label.enable-share-url": "Włącz udostępnianie adresu URL",
- "label.end-step": "Krok końcowy",
- "label.entry": "Entry URL",
- "label.event": "Zdarzenie",
- "label.event-data": "Dane zdarzenia",
- "label.events": "Zdarzenia",
- "label.exit": "URL wyjściowy",
- "label.false": "Fałsz",
- "label.field": "Pole",
- "label.fields": "Pola",
- "label.filter": "Filtruj",
- "label.filter-combined": "Połączone",
- "label.filter-raw": "Surowe dane",
- "label.filters": "Filtry",
- "label.first-seen": "First seen",
- "label.funnel": "Lejek",
- "label.funnel-description": "Zrozum wskaźniki konwersji i odpływu użytkowników.",
- "label.goal": "Cel",
- "label.goals": "Cele",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Większe niż",
- "label.greater-than-equals": "Większe niż lub równe",
- "label.host": "Host",
- "label.hosts": "Hosty",
- "label.insights": "Analiza",
- "label.insights-description": "Poznaj lepiej swoje dane, korzystając z segmentów i filtrów.",
- "label.is": "Równe",
- "label.is-not": "Nie jest równe",
- "label.is-not-set": "Nieustawione",
- "label.is-set": "Ustawione",
- "label.join": "Dołącz",
- "label.join-team": "Dołącz do zespołu",
- "label.journey": "Droga",
- "label.journey-description": "Zrozum, w jaki sposób użytkownicy poruszają się po Twojej witrynie.",
- "label.language": "Język",
- "label.languages": "Języki",
- "label.laptop": "Laptop",
- "label.last-days": "Ostatnie {x} dni",
- "label.last-hours": "Ostatnie {x} godzin",
- "label.last-months": "Osatnie {x} miesięcy",
- "label.last-seen": "Last seen",
- "label.leave": "Opuść",
- "label.leave-team": "Opuść zespół",
- "label.less-than": "Mniejsze niż",
- "label.less-than-equals": "Mniejsze niż lub równe",
- "label.login": "Zaloguj się",
- "label.logout": "Wyloguj",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Maks",
- "label.member": "Członek",
- "label.members": "Członkowie",
- "label.min": "Min",
- "label.mobile": "Smartfon",
- "label.more": "Więcej",
- "label.my-account": "Moje konto",
- "label.my-websites": "Moje witryny",
- "label.name": "Nazwa",
- "label.new-password": "Nowe hasło",
- "label.none": "Brak",
- "label.number-of-records": "{x} {x, plural, one {rekord} other {rekordy}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Przegląd",
- "label.owner": "Właściciel",
- "label.page-of": "Strona {current} z {total}",
- "label.page-views": "Wyświetlenia strony",
- "label.pageTitle": "Tytuł strony",
- "label.pages": "Strony",
- "label.password": "Hasło",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Obsługiwane przez {name}",
- "label.previous": "Poprzedni",
- "label.previous-period": "Poprzedni okres",
- "label.previous-year": "Poprzedni rok",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Zapytania",
- "label.query": "Zapytanie",
- "label.query-parameters": "Parametry zapytania",
- "label.realtime": "Czas rzeczywisty",
- "label.referrer": "Źródło odsyłające",
- "label.referrers": "Źródła odsyłające",
- "label.refresh": "Odśwież",
- "label.regenerate": "Wygeneruj ponownie",
- "label.region": "Region",
- "label.regions": "Regiony",
- "label.remove": "Usuń",
- "label.remove-member": "Usuń członka",
- "label.reports": "Raporty",
- "label.required": "Wymagany",
- "label.reset": "Zresetuj",
- "label.reset-website": "Zresetuj statystyki",
- "label.retention": "Retencja",
- "label.retention-description": "Mierz przyciągającą siłę swojej strony internetowej, śledząc, jak często użytkownicy powracają.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Rola",
- "label.run-query": "Uruchom zapytanie",
- "label.save": "Zapisz",
- "label.screens": "Ekrany",
- "label.search": "Szukaj",
- "label.select": "Wybierz",
- "label.select-date": "Wybierz datę",
- "label.select-role": "Wybierz rolę",
- "label.select-website": "Wybierz witrynę",
- "label.session": "Session",
- "label.sessions": "Sesje",
- "label.settings": "Ustawienia",
- "label.share-url": "Udostępnij adres URL",
- "label.single-day": "W tym dniu",
- "label.start-step": "Krok startowy",
- "label.steps": "Kroki",
- "label.sum": "Suma",
- "label.tablet": "Tablet",
- "label.team": "Zespół",
- "label.team-id": "ID zespołu",
- "label.team-manager": "Team manager",
- "label.team-member": "Członek zespołu",
- "label.team-name": "Nazwa zespołu",
- "label.team-owner": "Właściciel zespołu",
- "label.team-view-only": "Tylko do odczytu dla zespołu",
- "label.team-websites": "Witryny zespołu",
- "label.teams": "Zespoły",
- "label.theme": "Motyw",
- "label.this-month": "W tym miesiącu",
- "label.this-week": "W tym tygodniu",
- "label.this-year": "W tym roku",
- "label.timezone": "Strefa czasowa",
- "label.title": "Tytuł",
- "label.today": "Dzisiaj",
- "label.toggle-charts": "Przełącz wykresy",
- "label.total": "W sumie",
- "label.total-records": "Suma rekordów",
- "label.tracking-code": "Kod śledzenia",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "Prawda",
- "label.type": "Typ",
- "label.unique": "Unikalne",
- "label.unique-visitors": "Unikalni odwiedzający",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Nieznany",
- "label.untitled": "Bez tytułu",
- "label.update": "Aktualizuj",
- "label.url": "Link",
- "label.urls": "Linki",
- "label.user": "Użytkownik",
- "label.user-property": "User Property",
- "label.username": "Nazwa użytkownika",
- "label.users": "Użytkownicy",
- "label.utm": "UTM",
- "label.utm-description": "Śledź swoje kampanie za pomocą parametrów UTM.",
- "label.value": "Wartość",
- "label.view": "Zobacz",
- "label.view-details": "Pokaż szczegóły",
- "label.view-only": "Tylko do odczytu",
- "label.views": "Wyświetlenia",
- "label.views-per-visit": "Widoków na wizytę",
- "label.visit-duration": "Średni czas wizyty",
- "label.visitors": "Odwiedzający",
- "label.visits": "Wizyty",
- "label.website": "Witryna",
- "label.website-id": "ID witryny",
- "label.websites": "Witryny",
- "label.window": "Okno",
- "label.yesterday": "Wczoraj",
- "message.action-confirmation": "Wpisz {confirmation}, aby potwierdzić.",
- "message.active-users": "{x} aktualnie {x, plural, one {odwiedzający} other {odwiedzających}}",
- "message.collected-data": "Zebrane dane",
- "message.confirm-delete": "Czy na pewno chcesz usunąć {target}?",
- "message.confirm-leave": "Czy na pewno chcesz opuścić {target}?",
- "message.confirm-remove": "Czy na pewno chcesz usunąć {target}?",
- "message.confirm-reset": "Czy na pewno chcesz zresetować statystyki {target}?",
- "message.delete-team-warning": "Usunięcie zespołu usunie wszystkie jego witryny.",
- "message.delete-website-warning": "Wszystkie powiązane dane również zostaną usunięte.",
- "message.error": "Coś poszło nie tak.",
- "message.event-log": "{event} na {url}",
- "message.go-to-settings": "Przejdź do ustawień",
- "message.incorrect-username-password": "Nieprawidłowa nazwa użytkownika lub hasło.",
- "message.invalid-domain": "Nieprawidłowa witryna",
- "message.min-password-length": "Minimalna długość {n} znaków",
- "message.new-version-available": "Nowa wersja Umami {version} jest dostępna!",
- "message.no-data-available": "Brak dostępnych danych.",
- "message.no-event-data": "Brak dostępnych danych o zdarzeniach.",
- "message.no-match-password": "Hasła się nie zgadzają",
- "message.no-results-found": "Nie znaleziono wyników.",
- "message.no-team-websites": "Ten zespół nie ma żadnych witryn internetowych.",
- "message.no-teams": "Nie stworzyłeś żadnych zespołów.",
- "message.no-users": "Nie ma żadnych użytkowników.",
- "message.no-websites-configured": "Nie masz skonfigurowanych żadnych witryn internetowych.",
- "message.page-not-found": "Strona nie znaleziona.",
- "message.reset-website": "Aby zresetować tę witrynę, wpisz {confirmation} w polu poniżej, aby potwierdzić.",
- "message.reset-website-warning": "Wszystkie statystyki tej witryny zostaną usunięte, ale kod śledzenia pozostanie nienaruszony.",
- "message.saved": "Zapisano pomyślnie.",
- "message.share-url": "To jest publicznie udostępniany adres URL dla {target}.",
- "message.team-already-member": "Jesteś już członkiem zespołu.",
- "message.team-not-found": "Nie znaleziono zespołu.",
- "message.team-websites-info": "Strony internetowe mogą być przeglądane przez każdego członka zespołu.",
- "message.tracking-code": "Kod śledzenia",
- "message.transfer-team-website-to-user": "Czy przenieść tę witrynę do Twoje konta?",
- "message.transfer-user-website-to-team": "Wybierz zespół, do którego chcesz przenieść tę witrynę.",
- "message.transfer-website": "Przenieś własność witryny na swoje konto lub do innego zespołu.",
- "message.triggered-event": "Zdarzenie wyzwalające",
- "message.user-deleted": "Użytkownik usunięty.",
- "message.viewed-page": "Obejrzana strona",
- "message.visitor-log": "Odwiedzający z {country} używa {browser} na {os} {device}",
- "message.visitors-dropped-off": "Odpływ użytkowników"
-}
diff --git a/src/lang/pt-BR.json b/src/lang/pt-BR.json
deleted file mode 100644
index 6e5b095ed..000000000
--- a/src/lang/pt-BR.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Código de acesso",
- "label.actions": "Ações do usuário",
- "label.activity": "Registro de atividades",
- "label.add": "Adicionar",
- "label.add-description": "Adicionar descrição",
- "label.add-member": "Adicionar membro",
- "label.add-step": "Adicionar etapa",
- "label.add-website": "Adicionar site",
- "label.admin": "Administrador",
- "label.after": "Depois",
- "label.all": "Todos",
- "label.all-time": "Todos os períodos",
- "label.analytics": "Análise",
- "label.average": "Média",
- "label.back": "Voltar",
- "label.before": "Antes",
- "label.bounce-rate": "Taxa de rejeição",
- "label.breakdown": "Detalhamento",
- "label.browser": "Navegador",
- "label.browsers": "Navegadores",
- "label.cancel": "Cancelar",
- "label.change-password": "Alterar senha",
- "label.cities": "Cidades",
- "label.city": "Cidade",
- "label.clear-all": "Limpar tudo",
- "label.compare": "Compare",
- "label.confirm": "Confirmar",
- "label.confirm-password": "Confirmar senha",
- "label.contains": "Contém",
- "label.continue": "Continuar",
- "label.count": "Count",
- "label.countries": "Países",
- "label.country": "País",
- "label.create": "Criar",
- "label.create-report": "Criar relatório",
- "label.create-team": "Criar equipe",
- "label.create-user": "Criar usuário",
- "label.created": "Criado",
- "label.created-by": "Criado por",
- "label.current": "Current",
- "label.current-password": "Senha atual",
- "label.custom-range": "Período personalizado",
- "label.dashboard": "Painel",
- "label.data": "Dados",
- "label.date": "Data",
- "label.date-range": "Período",
- "label.day": "Dia",
- "label.default-date-range": "Período padrão",
- "label.delete": "Excluir",
- "label.delete-report": "Excluir relatório",
- "label.delete-team": "Excluir equipe",
- "label.delete-user": "Excluir usuário",
- "label.delete-website": "Excluir site",
- "label.description": "Descrição",
- "label.desktop": "Desktop",
- "label.details": "Detalhes",
- "label.device": "Dispositivo",
- "label.devices": "Dispositivos",
- "label.dismiss": "Fechar",
- "label.does-not-contain": "Não contém",
- "label.domain": "Domínio",
- "label.dropoff": "Abandono",
- "label.edit": "Editar",
- "label.edit-dashboard": "Editar painel",
- "label.edit-member": "Editar membro",
- "label.enable-share-url": "Ativar link para compartilhar",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Evento",
- "label.event-data": "Dados do evento",
- "label.events": "Tipos de eventos",
- "label.exit": "Exit URL",
- "label.false": "Não",
- "label.field": "Campo",
- "label.fields": "Campos",
- "label.filter": "Filtro",
- "label.filter-combined": "Combinado",
- "label.filter-raw": "Bruto",
- "label.filters": "Filtros",
- "label.first-seen": "First seen",
- "label.funnel": "Funil",
- "label.funnel-description": "Entenda a taxa de conversão e abandono dos seus usuários.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Maior que",
- "label.greater-than-equals": "Maior ou igual a",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Explore seus dados em mais detalhes usando filtros",
- "label.is": "É igual a",
- "label.is-not": "Não é igual a",
- "label.is-not-set": "Não definido",
- "label.is-set": "Definido",
- "label.join": "Participar",
- "label.join-team": "Participar da equipe",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Idioma",
- "label.languages": "Idiomas",
- "label.laptop": "Notebook",
- "label.last-days": "Últimos {x} dias",
- "label.last-hours": "Últimas {x} horas",
- "label.last-months": "Últimos {x} meses",
- "label.last-seen": "Last seen",
- "label.leave": "Sair",
- "label.leave-team": "Sair da equipe",
- "label.less-than": "Menor que",
- "label.less-than-equals": "Menor ou igual a",
- "label.login": "Entrar",
- "label.logout": "Sair",
- "label.manage": "Gerenciar",
- "label.manager": "Manager",
- "label.max": "Máximo",
- "label.member": "Membro",
- "label.members": "Membros",
- "label.min": "Mínimo",
- "label.mobile": "Celular",
- "label.more": "Mais",
- "label.my-account": "Minha conta",
- "label.my-websites": "Meus sites",
- "label.name": "Nome",
- "label.new-password": "Nova senha",
- "label.none": "Nenhum",
- "label.number-of-records": "{x} {x, plural, one {registro} other {registros}}",
- "label.ok": "OK",
- "label.os": "Sistema operacional",
- "label.overview": "Visão geral",
- "label.owner": "Proprietário",
- "label.page-of": "Página {current} de {total}",
- "label.page-views": "Visualizações de página",
- "label.pageTitle": "Título",
- "label.pages": "Páginas",
- "label.password": "Senha",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Desenvolvido por {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Perfil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Consultas",
- "label.query": "Consulta",
- "label.query-parameters": "Parâmetros da consulta",
- "label.realtime": "Tempo real",
- "label.referrer": "Referência",
- "label.referrers": "Referências",
- "label.refresh": "Atualizar",
- "label.regenerate": "Gerar novamente",
- "label.region": "Estado",
- "label.regions": "Estados",
- "label.remove": "Remover",
- "label.remove-member": "Remover membro",
- "label.reports": "Relatórios",
- "label.required": "Obrigatório",
- "label.reset": "Redefinir",
- "label.reset-website": "Redefinir dados",
- "label.retention": "Retenção",
- "label.retention-description": "Avalie a fidelidade dos seus usuários medindo a frequência com que eles retornam.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Função",
- "label.run-query": "Executar consulta",
- "label.save": "Salvar",
- "label.screens": "Tamanhos de tela",
- "label.search": "Pesquisar",
- "label.select": "Selecionar",
- "label.select-date": "Selecionar data",
- "label.select-role": "Selecionar função",
- "label.select-website": "Selecionar site",
- "label.session": "Session",
- "label.sessions": "Sessões",
- "label.settings": "Configurações",
- "label.share-url": "Link para compartilhar",
- "label.single-day": "Apenas um dia",
- "label.start-step": "Start Step",
- "label.steps": "Etapas",
- "label.sum": "Soma",
- "label.tablet": "Tablet",
- "label.team": "Equipe",
- "label.team-id": "ID da equipe",
- "label.team-manager": "Team manager",
- "label.team-member": "Membro da equipe",
- "label.team-name": "Nome da equipe",
- "label.team-owner": "Proprietário da equipe",
- "label.team-view-only": "Apenas visualização da equipe",
- "label.team-websites": "Sites da equipe",
- "label.teams": "Equipes",
- "label.theme": "Tema",
- "label.this-month": "Este mês",
- "label.this-week": "Esta semana",
- "label.this-year": "Este ano",
- "label.timezone": "Fuso horário",
- "label.title": "Título",
- "label.today": "Hoje",
- "label.toggle-charts": "Alternar gráficos",
- "label.total": "Total",
- "label.total-records": "Total de registros",
- "label.tracking-code": "Código de rastreamento",
- "label.transactions": "Transactions",
- "label.transfer": "Transferir",
- "label.transfer-website": "Transferir site",
- "label.true": "Sim",
- "label.type": "Tipo",
- "label.unique": "Únicos",
- "label.unique-visitors": "Visitantes únicos",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Desconhecido",
- "label.untitled": "Sem título",
- "label.update": "Atualizar",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Usuário",
- "label.user-property": "User Property",
- "label.username": "Nome de usuário",
- "label.users": "Usuários",
- "label.utm": "UTM",
- "label.utm-description": "Acompanhe suas campanhas de publicidade através de parâmetros UTM.",
- "label.value": "Valor",
- "label.view": "Visualizar",
- "label.view-details": "Ver mais",
- "label.view-only": "Somente visualização",
- "label.views": "Visualizações",
- "label.views-per-visit": "Visualizações por visita",
- "label.visit-duration": "Tempo médio de visita",
- "label.visitors": "Visitantes",
- "label.visits": "Visitas",
- "label.website": "Site",
- "label.website-id": "ID do site",
- "label.websites": "Sites",
- "label.window": "Janela",
- "label.yesterday": "Ontem",
- "message.action-confirmation": "Digite {confirmation} na caixa abaixo para confirmar.",
- "message.active-users": " Atualmente {x} usuários ativos",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Tem certeza de que deseja excluir {target}?",
- "message.confirm-leave": "Tem certeza de que deseja sair de {target}?",
- "message.confirm-remove": "Tem certeza que deseja remover {target}?",
- "message.confirm-reset": "Tem certeza que deseja redefinir os dados de {target}?",
- "message.delete-team-warning": "Excluir a equipe também excluirá todos os sites da equipe.",
- "message.delete-website-warning": "Todos os dados relacionados serão excluídos.",
- "message.error": "Ocorreu um erro.",
- "message.event-log": "{event} em {url}",
- "message.go-to-settings": "Ir para as configurações",
- "message.incorrect-username-password": "Nome de usuário ou senha incorretos.",
- "message.invalid-domain": "Domínio inválido",
- "message.min-password-length": "A senha deve ter no mínimo {n} caracteres",
- "message.new-version-available": "Uma nova versão {version} do Umami está disponível!",
- "message.no-data-available": "Não há dados disponíveis.",
- "message.no-event-data": "Não há eventos disponíveis.",
- "message.no-match-password": "As senhas não coincidem.",
- "message.no-results-found": "Nenhum resultado encontrado.",
- "message.no-team-websites": "Esta equipe não possui sites.",
- "message.no-teams": "Você ainda não criou nenhuma equipe.",
- "message.no-users": "Não há usuários.",
- "message.no-websites-configured": "Você ainda não configurou nenhum site.",
- "message.page-not-found": "Página não encontrada.",
- "message.reset-website": "Se você tiver certeza de que deseja redefinir este site, digite {confirmation} na caixa de entrada abaixo para confirmar.",
- "message.reset-website-warning": "Todos os dados estatísticos deste site serão excluídos, mas seu código de rastreamento permanecerá o mesmo.",
- "message.saved": "Salvo com sucesso.",
- "message.share-url": "Este é o link para compartilhar {target}.",
- "message.team-already-member": "Você já é membro desta equipe.",
- "message.team-not-found": "Equipe não encontrada.",
- "message.team-websites-info": "Qualquer membro da equipe pode visualizar os sites.",
- "message.tracking-code": "Código de rastreamento",
- "message.transfer-team-website-to-user": "Transferir este site para sua conta?",
- "message.transfer-user-website-to-team": "Selecione para qual equipe deseja transferir este site.",
- "message.transfer-website": "Transfira a propriedade do site para sua conta ou para outra equipe.",
- "message.triggered-event": "Evento disparado",
- "message.user-deleted": "Usuário excluído.",
- "message.viewed-page": "Página visualizada",
- "message.visitor-log": "Visitante de {country} usando o navegador {browser} em um {device} com sistema operacional {os}.",
- "message.visitors-dropped-off": "Visitantes abandonados"
-}
diff --git a/src/lang/pt-PT.json b/src/lang/pt-PT.json
deleted file mode 100644
index ddc6b7261..000000000
--- a/src/lang/pt-PT.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Ações",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Adicionar website",
- "label.admin": "Administrador",
- "label.after": "After",
- "label.all": "Todos",
- "label.all-time": "Todo o tempo",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Voltar",
- "label.before": "Before",
- "label.bounce-rate": "Taxa de rejeição",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Navegadores",
- "label.cancel": "Cancelar",
- "label.change-password": "Alterar senha",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Confirmar senha",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Países",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Senha atual",
- "label.custom-range": "Intervalo personalizado",
- "label.dashboard": "Painel",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Intervalo de datas",
- "label.day": "Day",
- "label.default-date-range": "Intervalo de datas predefinido",
- "label.delete": "Eliminar",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Eliminar website",
- "label.description": "Description",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Dispositivos",
- "label.dismiss": "Ignorar",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Domínio",
- "label.dropoff": "Dropoff",
- "label.edit": "Editar",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Ativar link de partilha",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Eventos",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Combinado",
- "label.filter-raw": "Dados brutos",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Língua",
- "label.languages": "Línguas",
- "label.laptop": "Portátil",
- "label.last-days": "Últimos {x} dias",
- "label.last-hours": "Últimas {x} horas",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Iniciar sessão",
- "label.logout": "Sair",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Telemóvel",
- "label.more": "Mais",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Nome",
- "label.new-password": "Nova senha",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Proprietário",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Visualizações da página",
- "label.pageTitle": "Page title",
- "label.pages": "Páginas",
- "label.password": "Senha",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Distribuído por {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Perfil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Tempo real",
- "label.referrer": "Referrer",
- "label.referrers": "Referenciadores",
- "label.refresh": "Atualizar",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Obrigatório",
- "label.reset": "Repor",
- "label.reset-website": "Repor estatísticas",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Guardar",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Definições",
- "label.share-url": "Partilhar link",
- "label.single-day": "Dia único",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Tema",
- "label.this-month": "Este mês",
- "label.this-week": "Esta semana",
- "label.this-year": "Este ano",
- "label.timezone": "Fuso horário",
- "label.title": "Title",
- "label.today": "Hoje",
- "label.toggle-charts": "Alternar gráficos",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Código de rastreamento",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Visitantes únicos",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Desconhecido",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Nome de utilizador",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Ver detalhes",
- "label.view-only": "View only",
- "label.views": "Visualizações",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Tempo médio de visita",
- "label.visitors": "Visitantes",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Websites",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} {x, plural, one {visitante} other {visitantes}} neste momento",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Tem a certeza que pretende eliminar {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Tem a certeza que pretende restaurar as estatísticas de {target}?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "Todos os dados associados também serão eliminados.",
- "message.error": "Ocorreu um erro.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Ir para as definições",
- "message.incorrect-username-password": "Nome de utilizador/senha incorretos.",
- "message.invalid-domain": "Domínio inválido",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Sem dados disponíveis.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "As senhas não coincidem",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "Não tens nenhum website configurado.",
- "message.page-not-found": "Página não encontrada.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "Todas as estatísticas deste site serão eliminadas, mas o seu código de rastreamento permanecerá intacto.",
- "message.saved": "Guardado com sucesso.",
- "message.share-url": "Este é o link de partilha público para {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Código de rastreamento",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Visitante de {country} a usar {browser} no {device} {os}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/ro-RO.json b/src/lang/ro-RO.json
deleted file mode 100644
index feb3dd5b3..000000000
--- a/src/lang/ro-RO.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Cod de access",
- "label.actions": "Acțiuni",
- "label.activity": "Jurnal de activități",
- "label.add": "Adaugă",
- "label.add-description": "Adaugă descriere",
- "label.add-member": "Adaugă membru",
- "label.add-step": "Adaugă pas",
- "label.add-website": "Adaugă site web",
- "label.admin": "Administrator",
- "label.after": "După",
- "label.all": "Toate",
- "label.all-time": "Pentru tot timpul",
- "label.analytics": "Analytics",
- "label.average": "Mediu",
- "label.back": "Înapoi",
- "label.before": "Înainte",
- "label.bounce-rate": "Rata de respingere",
- "label.breakdown": "Detaliat",
- "label.browser": "Browser",
- "label.browsers": "Browsere",
- "label.cancel": "Anulează",
- "label.change-password": "Schimbare parolă",
- "label.cities": "Orașe",
- "label.city": "Oraș",
- "label.clear-all": "Șterge tot",
- "label.compare": "Compară",
- "label.confirm": "Confirm",
- "label.confirm-password": "Confirmare parolă",
- "label.contains": "Conține",
- "label.continue": "Continuă",
- "label.count": "Număr",
- "label.countries": "Țări",
- "label.country": "Țară",
- "label.create": "Crează",
- "label.create-report": "Crează report",
- "label.create-team": "Crează echipă",
- "label.create-user": "Crează utilizator",
- "label.created": "Creat",
- "label.created-by": "Creat de",
- "label.current": "Curent",
- "label.current-password": "Parola curentă",
- "label.custom-range": "Interval personalizat",
- "label.dashboard": "Tablou de bord",
- "label.data": "Date",
- "label.date": "Dată",
- "label.date-range": "Interval",
- "label.day": "Zi",
- "label.default-date-range": "Interval implicit",
- "label.delete": "Șterge",
- "label.delete-report": "Șterge raport",
- "label.delete-team": "Șterge echipă",
- "label.delete-user": "Șterge utilizator",
- "label.delete-website": "Șterge site web",
- "label.description": "Descriere",
- "label.desktop": "Desktop",
- "label.details": "Detalii",
- "label.device": "Dispozitiv",
- "label.devices": "Dispozitive",
- "label.dismiss": "Renunță",
- "label.does-not-contain": "Nu conține",
- "label.domain": "Domeniu",
- "label.dropoff": "Rată de abandon",
- "label.edit": "Editare",
- "label.edit-dashboard": "Editare tablou de bord",
- "label.edit-member": "Editare membru",
- "label.enable-share-url": "Activare adresă URL de distribuire",
- "label.end-step": "Pas final",
- "label.entry": "URL de intrare",
- "label.event": "Eveniment",
- "label.event-data": "Date despre eveniment",
- "label.events": "Evenimente",
- "label.exit": "URL de ieșire",
- "label.false": "Fals",
- "label.field": "Câmp",
- "label.fields": "Câmpuri",
- "label.filter": "Filtru",
- "label.filter-combined": "Combinat",
- "label.filter-raw": "Brut",
- "label.filters": "Filtre",
- "label.first-seen": "Văzut pentru prima dată",
- "label.funnel": "Parcursul utilizatorului",
- "label.funnel-description": "Înțelege rata de conversie și rata de abandon a utilizatorilor.",
- "label.goal": "Obiectiv",
- "label.goals": "Obiective",
- "label.goals-description": "Urmărește obiectivele de vizualizări și evenimente.",
- "label.greater-than": "Mai mare decât",
- "label.greater-than-equals": "Mai mare sau egal cu",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Perspective",
- "label.insights-description": "Aprofundează datele utilizând segmente și filtre.",
- "label.is": "Este",
- "label.is-not": "Nu este",
- "label.is-not-set": "Nu este setat",
- "label.is-set": "Este setat",
- "label.join": "Alătură-te",
- "label.join-team": "Alătură-te echipei",
- "label.journey": "Traseu",
- "label.journey-description": "Înțelege cum navighează vizitatorii prin website.",
- "label.language": "Limbă",
- "label.languages": "Limbi",
- "label.laptop": "Laptop",
- "label.last-days": "Ultimele {x} zile",
- "label.last-hours": "Ultimele {x} ore",
- "label.last-months": "Ultimele {x} luni",
- "label.last-seen": "Văzut ultima dată",
- "label.leave": "Părăsește",
- "label.leave-team": "Părăsește echipa",
- "label.less-than": "Mai puțin decât",
- "label.less-than-equals": "Mai puțin sau egal cu",
- "label.login": "Autentificare",
- "label.logout": "Ieșire din cont",
- "label.manage": "Administrează",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Membru",
- "label.members": "Membri",
- "label.min": "Min",
- "label.mobile": "Mobil",
- "label.more": "Mai mult",
- "label.my-account": "Contul meu",
- "label.my-websites": "Website-ul meu",
- "label.name": "Nume",
- "label.new-password": "Parolă nouă",
- "label.none": "Niciunul",
- "label.number-of-records": "{x} {x, plural, one {înregistrare} other {înregistrări}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Vedere de ansamblu",
- "label.owner": "Titular",
- "label.page-of": "Pagina {current} din {total}",
- "label.page-views": "Vizualizări de pagină",
- "label.pageTitle": "Titlul paginii",
- "label.pages": "Pagini",
- "label.password": "Parolă",
- "label.path": "Rută",
- "label.paths": "Rute",
- "label.powered-by": "Cu sprijinul {name}",
- "label.previous": "Anterior",
- "label.previous-period": "Perioda anterioară",
- "label.previous-year": "Anul anterior",
- "label.profile": "Profil",
- "label.properties": "Proprietăți",
- "label.property": "Proprietate",
- "label.queries": "Interogări",
- "label.query": "Interogare",
- "label.query-parameters": "Parametri de interogare",
- "label.realtime": "Timp real",
- "label.referrer": "Proveniență",
- "label.referrers": "Site-uri de proveniență",
- "label.refresh": "Reîmprospătare",
- "label.regenerate": "Regenerează",
- "label.region": "Regiune",
- "label.regions": "Regiuni",
- "label.remove": "Îndepărtează",
- "label.remove-member": "Îndepărtează membru",
- "label.reports": "Rapoarte",
- "label.required": "Obligatoriu",
- "label.reset": "Resetează",
- "label.reset-website": "Resetează statisticile pentru site",
- "label.retention": "Retenție",
- "label.retention-description": "Măsoară atractivitatea site-ului tău prin urmărirea frecvenței cu care utilizatorii se întorc.",
- "label.revenue": "Venit",
- "label.revenue-description": "Urmărește venitul în timp.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Rol",
- "label.run-query": "Execută interogarea",
- "label.save": "Salvează",
- "label.screens": "Ecrane",
- "label.search": "Căutare",
- "label.select": "Selectează",
- "label.select-date": "Selectează data",
- "label.select-role": "Selectează rolul",
- "label.select-website": "Selectează website",
- "label.session": "Sesiune",
- "label.sessions": "Sesiuni",
- "label.settings": "Setări",
- "label.share-url": "Partajare URL",
- "label.single-day": "O singură zi",
- "label.start-step": "Pas de început",
- "label.steps": "Pași",
- "label.sum": "Sumă",
- "label.tablet": "Tabletă",
- "label.team": "Echipă",
- "label.team-id": "ID Echipă",
- "label.team-manager": "Manager echipă",
- "label.team-member": "Membru echipă",
- "label.team-name": "Nume echipă",
- "label.team-owner": "Titular echipă",
- "label.team-view-only": "Doar vizualizare echipă",
- "label.team-websites": "Website-uri echipă",
- "label.teams": "Echipă",
- "label.theme": "Temă",
- "label.this-month": "Această lună",
- "label.this-week": "Această săptămână",
- "label.this-year": "Acest an",
- "label.timezone": "Fus orar",
- "label.title": "Titlu",
- "label.today": "Astăzi",
- "label.toggle-charts": "Schimbă graficele",
- "label.total": "Total",
- "label.total-records": "Total înregistrări",
- "label.tracking-code": "Cod de urmărire",
- "label.transactions": "Tranzacții",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "Adevărat",
- "label.type": "Tip",
- "label.unique": "Unici",
- "label.unique-visitors": "Vizitatori unici",
- "label.uniqueCustomers": "Clienți unici",
- "label.unknown": "Necunoscut",
- "label.untitled": "Fără titlu",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Utilizator",
- "label.user-property": "Proprietatea utilizatorului",
- "label.username": "Nume utilizator",
- "label.users": "Utilizatori",
- "label.utm": "UTM",
- "label.utm-description": "Urmărește campaniile tale cu parametri UTM.",
- "label.value": "Valoare",
- "label.view": "Vizualizare",
- "label.view-details": "Vizualizare detalii",
- "label.view-only": "Doar vizualizare",
- "label.views": "Vizualizări",
- "label.views-per-visit": "Vizualizări per vizită",
- "label.visit-duration": "Timp mediu de vizitare",
- "label.visitors": "Vizitatori",
- "label.visits": "Vizite",
- "label.website": "Website",
- "label.website-id": "ID Website",
- "label.websites": "Site-uri web",
- "label.window": "Fereastră",
- "label.yesterday": "Ieri",
- "message.action-confirmation": "Scrie {confirmation} în câmpul de mai jos pentru a confirma.",
- "message.active-users": "{x} {x, plural, one {vizitator activ} other {vizitatori activi}}",
- "message.collected-data": "Date colectate",
- "message.confirm-delete": "Ești sigur că vrei să ștergi {target}?",
- "message.confirm-leave": "Ești sigur că vrei să părăsești {target}?",
- "message.confirm-remove": "Ești sigur că vrei să ștergi {target}?",
- "message.confirm-reset": "Ești sigur că vrei să resetezi statisticile pentru {target}?",
- "message.delete-team-warning": "Ștergerea unei echipe va șterge și toate website-urile echipei.",
- "message.delete-website-warning": "Toate datele asociate vor fi șterse, de asemenea.",
- "message.error": "Ceva n-a mers bine.",
- "message.event-log": "{event} la {url}",
- "message.go-to-settings": "Mergi la Setări",
- "message.incorrect-username-password": "Nume utilizator / parolă incorecte.",
- "message.invalid-domain": "Domeniul nu este valid",
- "message.min-password-length": "Lungimea minimă este de {n} caractere",
- "message.new-version-available": "O nouă versiune de Umami {version} este disponibilă!",
- "message.no-data-available": "Nicio informație disponibilă.",
- "message.no-event-data": "Nu sunt disponibile date legate de eveniment.",
- "message.no-match-password": "Parolele nu se potrivesc",
- "message.no-results-found": "Nu a fost găsit niciun rezultat.",
- "message.no-team-websites": "Echipa aceasta nu are niciun website.",
- "message.no-teams": "Nu ai creat nicio echipă.",
- "message.no-users": "Nu există utilizatori.",
- "message.no-websites-configured": "Nu ai niciun site web configurat.",
- "message.page-not-found": "Pagina nu a fost găsită.",
- "message.reset-website": "Pentru a reseta acest website, scrie {confirmation} În câmpul de mai jos pentru a confirma.",
- "message.reset-website-warning": "Toate statisticile pentru acest site web vor fi șterse, dar codul de urmărire va rămâne intact.",
- "message.saved": "Salvat cu succes.",
- "message.share-url": "Aceasta este adresa URL de partajare pentru {target}.",
- "message.team-already-member": "Deja ești membru al acestei echipe.",
- "message.team-not-found": "Echipa nu a fost găsită.",
- "message.team-websites-info": "Site-urile web pot fi vizualizate de către oricare membru al echipei.",
- "message.tracking-code": "Cod de urmărire",
- "message.transfer-team-website-to-user": "Vrei să transferi acest website pe contul tău?",
- "message.transfer-user-website-to-team": "Selectează echipa căreia vrei să îi transferi site-ul.",
- "message.transfer-website": "Transferă titulatura site-ului către tine sau către o altă echipă.",
- "message.triggered-event": "Eveniment declanșat",
- "message.user-deleted": "Utilizator șters.",
- "message.viewed-page": "Pagină vizualizată",
- "message.visitor-log": "Vizitator din {country} folosind {browser} pe {os} {device}",
- "message.visitors-dropped-off": "Vizitatori care au abandonat"
-}
diff --git a/src/lang/ru-RU.json b/src/lang/ru-RU.json
deleted file mode 100644
index 558b411a3..000000000
--- a/src/lang/ru-RU.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Код доступа",
- "label.actions": "Действия",
- "label.activity": "Журнал активности",
- "label.add": "Добавить",
- "label.add-description": "Добавить описание",
- "label.add-member": "Добавить участника",
- "label.add-step": "Добавить шаг",
- "label.add-website": "Добавить сайт",
- "label.admin": "Администратор",
- "label.after": "После",
- "label.all": "Все",
- "label.all-time": "Все время",
- "label.analytics": "Аналитика",
- "label.average": "Средний",
- "label.back": "Назад",
- "label.before": "До",
- "label.bounce-rate": "Отказы",
- "label.breakdown": "Авария",
- "label.browser": "Браузер",
- "label.browsers": "Браузеры",
- "label.cancel": "Отменить",
- "label.change-password": "Изменить пароль",
- "label.cities": "Города",
- "label.city": "Город",
- "label.clear-all": "Очистить все",
- "label.compare": "Сравнить",
- "label.confirm": "Подтвердить",
- "label.confirm-password": "Подтвердить пароль",
- "label.contains": "Содержит",
- "label.continue": "Продолжить",
- "label.count": "Считать",
- "label.countries": "Страны",
- "label.country": "Страна",
- "label.create": "Создать",
- "label.create-report": "Создать отчет",
- "label.create-team": "Создать команду",
- "label.create-user": "Создать пользователя",
- "label.created": "Создано",
- "label.created-by": "Создано",
- "label.current": "Текущий",
- "label.current-password": "Текущий пароль",
- "label.custom-range": "Другой период",
- "label.dashboard": "Информационная панель",
- "label.data": "Данные",
- "label.date": "Дата",
- "label.date-range": "Диапазон дат",
- "label.day": "День",
- "label.default-date-range": "Диапазон дат по-умолчанию",
- "label.delete": "Удалить",
- "label.delete-report": "Удалить отчет",
- "label.delete-team": "Удалить команду",
- "label.delete-user": "Удалить пользователя",
- "label.delete-website": "Удалить сайт",
- "label.description": "Описание",
- "label.desktop": "Настольный компьютер",
- "label.details": "Подробности",
- "label.device": "Устройство",
- "label.devices": "Устройства",
- "label.dismiss": "Отклонить",
- "label.does-not-contain": "Не содержит",
- "label.domain": "Домен",
- "label.dropoff": "Высадка",
- "label.edit": "Изменить",
- "label.edit-dashboard": "Редактировать дашборд",
- "label.edit-member": "Редактировать участника",
- "label.enable-share-url": "Разрешить делиться ссылкой",
- "label.end-step": "Конечный шаг",
- "label.entry": "URL-адрес входа",
- "label.event": "Событие",
- "label.event-data": "Данные о событии",
- "label.events": "События",
- "label.exit": "URL-адрес выхода",
- "label.false": "Ложь",
- "label.field": "Поле",
- "label.fields": "Поля",
- "label.filter": "Фильтр",
- "label.filter-combined": "Объединенные",
- "label.filter-raw": "Сырые данные",
- "label.filters": "Фильтры",
- "label.first-seen": "Первый вход",
- "label.funnel": "Воронка",
- "label.funnel-description": "Изучите коэффициент конверсии и ухода пользователей.",
- "label.goal": "Цель",
- "label.goals": "Цели",
- "label.goals-description": "Отслеживайте свои цели по просмотрам страниц и событиям.",
- "label.greater-than": "Больше, чем",
- "label.greater-than-equals": "Больше или равно",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Информация",
- "label.insights-description": "Погрузитесь глубже в свои данные с помощью сегментов и фильтров.",
- "label.is": "Является",
- "label.is-not": "Не установлен",
- "label.is-not-set": "Не установлено",
- "label.is-set": "Установлен",
- "label.join": "Присоединиться",
- "label.join-team": "Присоединиться к команде",
- "label.journey": "Journey",
- "label.journey-description": "Поймите, как пользователи перемещаются по вашему сайту.",
- "label.language": "Язык",
- "label.languages": "Языки",
- "label.laptop": "Ноутбук",
- "label.last-days": "Последние {x} дней",
- "label.last-hours": "Последние {x} часа",
- "label.last-months": "Последние {x} месяцев",
- "label.last-seen": "Последний вход",
- "label.leave": "Уйти",
- "label.leave-team": "Покинуть команду",
- "label.less-than": "Меньше, чем",
- "label.less-than-equals": "Меньше или равно",
- "label.login": "Войти",
- "label.logout": "Выйти",
- "label.manage": "Управление",
- "label.manager": "Менеджер",
- "label.max": "Максимум",
- "label.member": "Участник",
- "label.members": "Участники",
- "label.min": "Минимум",
- "label.mobile": "Смартфон",
- "label.more": "Больше",
- "label.my-account": "Мой профиль",
- "label.my-websites": "Мои сайты",
- "label.name": "Имя",
- "label.new-password": "Новый пароль",
- "label.none": "Не указано",
- "label.number-of-records": "{x} {x, plural, one {запись} other {записи}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Обзор",
- "label.owner": "Владелец",
- "label.page-of": "Страница {current} из {total}",
- "label.page-views": "Просмотры страниц",
- "label.pageTitle": "Название страницы",
- "label.pages": "Страницы",
- "label.password": "Пароль",
- "label.path": "Путь",
- "label.paths": "Пути",
- "label.powered-by": "На движке {name}",
- "label.previous": "Предыдущий",
- "label.previous-period": "Предыдущий период",
- "label.previous-year": "Предыдущий год",
- "label.profile": "Профиль",
- "label.properties": "Свойства",
- "label.property": "Свойство",
- "label.queries": "Запросы",
- "label.query": "Запрос",
- "label.query-parameters": "Параметры запроса",
- "label.realtime": "Реальное время",
- "label.referrer": "Реферер",
- "label.referrers": "Источники",
- "label.refresh": "Обновить",
- "label.regenerate": "Обновить",
- "label.region": "Регион",
- "label.regions": "Регионы",
- "label.remove": "Удалить",
- "label.remove-member": "Удалить участника",
- "label.reports": "Отчеты",
- "label.required": "Обязательное",
- "label.reset": "Сбросить",
- "label.reset-website": "Сбросить статистику",
- "label.retention": "Удержание",
- "label.retention-description": "Измерьте «прилипаемость» вашего сайта, отслеживая, как часто пользователи возвращаются на него.",
- "label.revenue": "Выручка",
- "label.revenue-description": "Изучите свои доходы за определенное время.",
- "label.revenue-property": "Доходная недвижимость",
- "label.role": "Роль",
- "label.run-query": "Выполнить запрос",
- "label.save": "Сохранить",
- "label.screens": "Экраны",
- "label.search": "Поиск",
- "label.select": "Выберите",
- "label.select-date": "Выберите дату",
- "label.select-role": "Выберите роль",
- "label.select-website": "Выбрать сайт",
- "label.session": "Сессия",
- "label.sessions": "Сессии",
- "label.settings": "Настройки",
- "label.share-url": "Поделиться ссылкой",
- "label.single-day": "Один день",
- "label.start-step": "Начальный этап",
- "label.steps": "Шаги",
- "label.sum": "Сумма",
- "label.tablet": "Планшет",
- "label.team": "Команда",
- "label.team-id": "ID команды",
- "label.team-manager": "Менеджер команды",
- "label.team-member": "Член команды",
- "label.team-name": "Название команды",
- "label.team-owner": "Владелец команды",
- "label.team-view-only": "Только командный просмотр",
- "label.team-websites": "Веб-сайты команды",
- "label.teams": "Команды",
- "label.theme": "Тема",
- "label.this-month": "Этот месяц",
- "label.this-week": "Эта неделя",
- "label.this-year": "Этот год",
- "label.timezone": "Часовой пояс",
- "label.title": "Заголовок",
- "label.today": "Сегодня",
- "label.toggle-charts": "Показать/скрыть графики",
- "label.total": "Всего",
- "label.total-records": "Всего записей",
- "label.tracking-code": "Код отслеживания",
- "label.transactions": "Транзакции",
- "label.transfer": "Передача",
- "label.transfer-website": "Передать сайт",
- "label.true": "Правда",
- "label.type": "Тип",
- "label.unique": "Уникальный",
- "label.unique-visitors": "Уникальные посетители",
- "label.uniqueCustomers": "Уникальные клиенты",
- "label.unknown": "Неизвестно",
- "label.untitled": "Без названия",
- "label.update": "Обновление",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Пользователь",
- "label.user-property": "Собственность пользователя",
- "label.username": "Имя пользователя",
- "label.users": "Пользователи",
- "label.utm": "UTM",
- "label.utm-description": "Отслеживайте свои кампании с помощью UTM-параметров.",
- "label.value": "Значение",
- "label.view": "Просмотреть",
- "label.view-details": "Посмотреть детали",
- "label.view-only": "Только просмотр",
- "label.views": "Просмотры",
- "label.views-per-visit": "Просмотров за посещение",
- "label.visit-duration": "Среднее время посещения",
- "label.visitors": "Посетители",
- "label.visits": "Посещения",
- "label.website": "Сайт",
- "label.website-id": "ID сайта",
- "label.websites": "Сайты",
- "label.window": "Окно",
- "label.yesterday": "Вчера",
- "message.action-confirmation": "Введите {confirmation} в поле ниже, чтобы подтвердить.",
- "message.active-users": "{x} текущих посетителей",
- "message.collected-data": "Собранные данные",
- "message.confirm-delete": "Вы уверены, что хотите удалить {target}?",
- "message.confirm-leave": "Вы уверены, что хотите уйти {target}?",
- "message.confirm-remove": "Вы уверены, что хотите удалить {target}?",
- "message.confirm-reset": "Вы уверены, что хотите сбросить статистику {target}?",
- "message.delete-team-warning": "При удалении команды будут удалены и все ее веб-сайты.",
- "message.delete-website-warning": "Все связанные данные будут также удалены.",
- "message.error": "Что-то пошло не так.",
- "message.event-log": "{event} на {url}",
- "message.go-to-settings": "Перейти к настройкам",
- "message.incorrect-username-password": "Неверное имя пользователя/пароль.",
- "message.invalid-domain": "Некорректный домен",
- "message.min-password-length": "Минимальная длина {n} символов",
- "message.new-version-available": "Вышла новая версия Umami {version}!",
- "message.no-data-available": "Нет данных.",
- "message.no-event-data": "Данные о событиях отсутствуют.",
- "message.no-match-password": "Пароли не совпадают",
- "message.no-results-found": "Результаты не найдены.",
- "message.no-team-websites": "У этой команды нет ни одного сайта.",
- "message.no-teams": "Вы не создали ни одной команды.",
- "message.no-users": "Нет пользователей.",
- "message.no-websites-configured": "У вас нет настроенных сайтов.",
- "message.page-not-found": "Страница не найдена.",
- "message.reset-website": "Для сброса введите RESET",
- "message.reset-website-warning": "Вся статистика для этого сайта будет удалена, но ваш код отслеживания останется нетронутым.",
- "message.saved": "Успешно сохранено.",
- "message.share-url": "Это публичная ссылка для {target}.",
- "message.team-already-member": "Вы уже состоите в команде.",
- "message.team-not-found": "Команда не найдена.",
- "message.team-websites-info": "Сайты могут просматривать все члены команды.",
- "message.tracking-code": "Код отслеживания",
- "message.transfer-team-website-to-user": "Перенести этот сайт в свой прфоиль?",
- "message.transfer-user-website-to-team": "Выберите команду, которой нужно передать этот сайт.",
- "message.transfer-website": "Передайте право владения сайтом своей учетной записи или другой команде.",
- "message.triggered-event": "Запущенное событие",
- "message.user-deleted": "Пользователь удален.",
- "message.viewed-page": "Просмотренная страница",
- "message.visitor-log": "Посетитель из {country} используя {browser} на {os} {device}",
- "message.visitors-dropped-off": "Высадка посетителей"
-}
diff --git a/src/lang/si-LK.json b/src/lang/si-LK.json
deleted file mode 100644
index 46dab6b30..000000000
--- a/src/lang/si-LK.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Actions",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "වෙබ් අඩවිය එක් කරන්න",
- "label.admin": "Administrator",
- "label.after": "After",
- "label.all": "සියල්ල",
- "label.all-time": "හැම වෙලාවෙම",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "ආපසු",
- "label.before": "Before",
- "label.bounce-rate": "Bounce rate",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Browsers",
- "label.cancel": "අවලංගු කරන්න",
- "label.change-password": "මුරපදය වෙනස් කරන්න",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "මුරපදය සත්යාපනය කරන්න",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Countries",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "වත්මන් මුරපදය",
- "label.custom-range": "අභිරුචි පරාසය",
- "label.dashboard": "උපකරණ පුවරුව",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "දින පරාසය",
- "label.day": "Day",
- "label.default-date-range": "පෙරනිමි දින පරාසය",
- "label.delete": "මකන්න",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "වෙබ් අඩවිය මකන්න",
- "label.description": "Description",
- "label.desktop": "Desktop",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Devices",
- "label.dismiss": "මගහරින්න",
- "label.does-not-contain": "Does not contain",
- "label.domain": "වසම",
- "label.dropoff": "Dropoff",
- "label.edit": "සංස්කරණය කරන්න",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "බෙදාගැනීමේ URL සබල කරන්න",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "සිදුවීම් දත්ත",
- "label.events": "Events",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Combined",
- "label.filter-raw": "Raw",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "භාෂාව",
- "label.languages": "Languages",
- "label.laptop": "Laptop",
- "label.last-days": "අන්තිම {x} දින",
- "label.last-hours": "අන්තිම {x} පැය",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "ලොග් වෙන්න",
- "label.logout": "පිටවීම",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Mobile",
- "label.more": "තවත්",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "නම",
- "label.new-password": "අලුත් මුරපදය",
- "label.none": "කිසිවක් නැත",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "හිමිකරු",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Page views",
- "label.pageTitle": "Page title",
- "label.pages": "Pages",
- "label.password": "මුරපදය",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Powered by {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "පැතිකඩ",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "තත්ය කාල",
- "label.referrer": "Referrer",
- "label.referrers": "Referrers",
- "label.refresh": "නැවුම් කරන්න",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "අවශ්යයි",
- "label.reset": "යළි පිහිටුවන්න",
- "label.reset-website": "සංඛ්යා ලේඛන නැවත සකසන්න",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "සුරකින්න",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "සැකසුම්",
- "label.share-url": "බෙදාගැනීමේ URL",
- "label.single-day": "තනි දවස",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "තේමාව",
- "label.this-month": "මෙ මාසය",
- "label.this-week": "මේ සතිය",
- "label.this-year": "මේ අවුරුද්ද",
- "label.timezone": "වේලා කලාපය",
- "label.title": "Title",
- "label.today": "අද",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "ලුහුබැඳීමේ කේතය",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Unique visitors",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "නොදනී",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "පරිශීලක නාමය",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "තොරතුරු පෙන්වන්න",
- "label.view-only": "View only",
- "label.views": "Views",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Visit duration",
- "label.visitors": "Visitors",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "වෙබ් අඩවි",
- "label.window": "Window",
- "label.yesterday": "ඊයේ",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} දැන් {x, plural, one {අමුත්තා} other {අමුත්තන්}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "{target} මකා දැමීම ගැන විශ්වාසද?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "{target} ට අදාල සංඛ්යාලේඛන නැවත පිහිටුවීමට අවශ්යද?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "All website data will be deleted.",
- "message.error": "Something went wrong.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "සැකසීම් වෙත යන්න",
- "message.incorrect-username-password": "වැරදි පරිශීලක නාමය/මුරපදය.",
- "message.invalid-domain": "Invalid domain. Do not include http/https.",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "පෙන්වීමට දත්ත නොමැත.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Passwords do not match.",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "You do not have any websites configured.",
- "message.page-not-found": "පිටුව හමු නොවීය.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your settings will remain intact.",
- "message.saved": "Saved.",
- "message.share-url": "මේ {target} සඳහා ප්රසිද්ධියේ බෙදාගත් URL එකයි.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "To track stats for this website, place the following code in the ... section of your HTML.",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Visitor from {country} using {browser} on {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/sk-SK.json b/src/lang/sk-SK.json
deleted file mode 100644
index 2a02b5c74..000000000
--- a/src/lang/sk-SK.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "Akcie",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Pridať web",
- "label.admin": "Administrátor",
- "label.after": "After",
- "label.all": "Všetko",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "Späť",
- "label.before": "Before",
- "label.bounce-rate": "Okamžité opustenie",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "Prehliadač",
- "label.cancel": "Zrušiť",
- "label.change-password": "Zmeniť heslo",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "Potvrdiť heslo",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "Zem",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Aktuálne heslo",
- "label.custom-range": "Vlastný rozsah",
- "label.dashboard": "Prehlad",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "Obdobie",
- "label.day": "Day",
- "label.default-date-range": "Predvolené obdobie",
- "label.delete": "Zmazať",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "Zmazať web",
- "label.description": "Description",
- "label.desktop": "Stolný počítač",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "Zariadenie",
- "label.dismiss": "Odísť",
- "label.does-not-contain": "Does not contain",
- "label.domain": "Doména",
- "label.dropoff": "Dropoff",
- "label.edit": "Upraviť",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Povoliť zdielanie URL",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "Udalosti",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "Kombinácie",
- "label.filter-raw": "Nezpracované",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "Prenosný počítač",
- "label.last-days": "Posledných {x} dní",
- "label.last-hours": "Posledných {x} hodín",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "Prihlásiť",
- "label.logout": "Odhlásiť",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "Mobilný telefon",
- "label.more": "Viac",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "Meno",
- "label.new-password": "Nové heslo",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "Zobrazenie stánok",
- "label.pageTitle": "Page title",
- "label.pages": "Stránky",
- "label.password": "Heslo",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Powered by {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "Aktuálne",
- "label.referrer": "Referrer",
- "label.referrers": "Odkazy",
- "label.refresh": "Obnoviť",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "Povinné",
- "label.reset": "Reset",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "Uložiť",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Nastavenia",
- "label.share-url": "Zdielanie URL",
- "label.single-day": "Jeden deň",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "Tablet",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "Tento mesiac",
- "label.this-week": "Tento týždeň",
- "label.this-year": "Tento rok",
- "label.timezone": "Časová zóna",
- "label.title": "Title",
- "label.today": "Dnes",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "Sledovací kód",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "Jedinečné návštevy",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Neznámý",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "Užívateľské meno",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "Zobraziť detaily",
- "label.view-only": "View only",
- "label.views": "Zobrazení",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Priemerný čas návštevy",
- "label.visitors": "Návštevy",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "Weby",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} aktuálne {x, plural, one {návštevník} other {návštěvníci}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Naozaj zmazať {target}?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are your sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "Všetky príbuzné data budu tiež zmazané.",
- "message.error": "Niečo sa pokazilo.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Ísť do nastavení",
- "message.incorrect-username-password": "Nesprávné meno/heslo.",
- "message.invalid-domain": "Neplatná doména",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "Žiadne data.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "Hesla se nezhodujú",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "Nemáte nastavený žiadny web.",
- "message.page-not-found": "Stránka sa nenašla.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your tracking code will remain intact.",
- "message.saved": "Úspešne uložené.",
- "message.share-url": "Toto je zdielané URL pre {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "Sledovací kód",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Návštevník z {country} s prehliadačom {browser} na {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/sl-SI.json b/src/lang/sl-SI.json
deleted file mode 100644
index 9113aa45f..000000000
--- a/src/lang/sl-SI.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Koda za dostop",
- "label.actions": "Dejanja",
- "label.activity": "Dnevnik dejavnosti",
- "label.add": "Dodaj",
- "label.add-description": "Dodaj opis",
- "label.add-member": "Dodaj člana",
- "label.add-step": "Dodaj korak",
- "label.add-website": "Dodaj spletno mesto",
- "label.admin": "Administrator",
- "label.after": "Po",
- "label.all": "Vsi",
- "label.all-time": "Ves čas",
- "label.analytics": "Analitika",
- "label.average": "Povprečno",
- "label.back": "Nazaj",
- "label.before": "Pred",
- "label.bounce-rate": "Odbojna stopnja",
- "label.breakdown": "Razčlenitev",
- "label.browser": "Brskalnik",
- "label.browsers": "Brskalniki",
- "label.cancel": "Prekliči",
- "label.change-password": "Zamenjaj geslo",
- "label.cities": "Mesta",
- "label.city": "Mesto",
- "label.clear-all": "Počisti vse",
- "label.compare": "Primerjaj",
- "label.confirm": "Potrdi",
- "label.confirm-password": "Potrdi geslo",
- "label.contains": "Vsebuje",
- "label.continue": "Nadaljuj",
- "label.count": "Število",
- "label.countries": "Države",
- "label.country": "Država",
- "label.create": "Ustvari",
- "label.create-report": "Ustvari poročilo",
- "label.create-team": "Ustvari ekipo",
- "label.create-user": "Ustvari uporabnika",
- "label.created": "Ustvarjeno",
- "label.created-by": "Ustvaril",
- "label.current": "Trenutno",
- "label.current-password": "Trenutno geslo",
- "label.custom-range": "Obdobje po meri",
- "label.dashboard": "Nadzorna plošča",
- "label.data": "Podatki",
- "label.date": "Datum",
- "label.date-range": "Časovno obdobje",
- "label.day": "Dan",
- "label.default-date-range": "Privzeto časovno obdobje",
- "label.delete": "Izbriši",
- "label.delete-report": "Izbriši poročilo",
- "label.delete-team": "Izbriši ekipo",
- "label.delete-user": "Izbriši uporabnika",
- "label.delete-website": "Izbriši spletno mesto",
- "label.description": "Opis",
- "label.desktop": "Namizni računalnik",
- "label.details": "Podrobnosti",
- "label.device": "Naprava",
- "label.devices": "Naprave",
- "label.dismiss": "Prezri",
- "label.does-not-contain": "Ne vsebuje",
- "label.domain": "Domena",
- "label.dropoff": "Zapustitev",
- "label.edit": "Uredi",
- "label.edit-dashboard": "Uredi nadzorno ploščo",
- "label.edit-member": "Uredi člana",
- "label.enable-share-url": "Omogoči povezavo za deljenje",
- "label.end-step": "Končni korak",
- "label.entry": "Vstopni URL",
- "label.event": "Dogodek",
- "label.event-data": "Podatki dogodka",
- "label.events": "Dogodki",
- "label.exit": "Izhodni URL",
- "label.false": "Napačno",
- "label.field": "Polje",
- "label.fields": "Polja",
- "label.filter": "Filter",
- "label.filter-combined": "Skupaj",
- "label.filter-raw": "Neobdelano",
- "label.filters": "Filtri",
- "label.first-seen": "Prvič viden",
- "label.funnel": "Prodajni lijak",
- "label.funnel-description": "Razumite stopnjo konverzije in osipa uporabnikov.",
- "label.goal": "Cilj",
- "label.goals": "Cilji",
- "label.goals-description": "Spremljajte svoje cilje za oglede strani in dogodke.",
- "label.greater-than": "Večje od",
- "label.greater-than-equals": "Večje ali enako kot",
- "label.host": "Gostitelj",
- "label.hosts": "Gostitelji",
- "label.insights": "Vpogled",
- "label.insights-description": "Poglobite se v podatke z uporabo segmentov in filtrov.",
- "label.is": "Je",
- "label.is-not": "Ni",
- "label.is-not-set": "Ni nastavljeno",
- "label.is-set": "Je nastavljeno",
- "label.join": "Pridruži se",
- "label.join-team": "Pridruži se ekipi",
- "label.journey": "Uporabniška pot",
- "label.journey-description": "Razumite, kako uporabniki krmarijo po vašem spletnem mestu.",
- "label.language": "Jezik",
- "label.languages": "Jeziki",
- "label.laptop": "Prenosni računalnik",
- "label.last-days": "Zadnjih {x} dni",
- "label.last-hours": "Zadnjih {x} ur",
- "label.last-months": "Zadnjih {x} mesecev",
- "label.last-seen": "Nazadnje viden",
- "label.leave": "Zapusti",
- "label.leave-team": "Zapusti ekipo",
- "label.less-than": "Manjše kot",
- "label.less-than-equals": "Manjše ali enako kot",
- "label.login": "Prijava",
- "label.logout": "Odjava",
- "label.manage": "Upravljaj",
- "label.manager": "Upravitelj",
- "label.max": "Največ",
- "label.member": "Član",
- "label.members": "Člani",
- "label.min": "Najmanj",
- "label.mobile": "Mobilne naprave",
- "label.more": "Več",
- "label.my-account": "Moj račun",
- "label.my-websites": "Moja spletna mesta",
- "label.name": "Ime",
- "label.new-password": "Novo geslo",
- "label.none": "Brez",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Pregled",
- "label.owner": "Lastnik",
- "label.page-of": "Stran {current} od {total}",
- "label.page-views": "Obiski strani",
- "label.pageTitle": "Naslov strani",
- "label.pages": "Strani",
- "label.password": "Geslo",
- "label.path": "Pot",
- "label.paths": "Poti",
- "label.powered-by": "Poganja {name}",
- "label.previous": "Prejšnji",
- "label.previous-period": "Prejšnje obdobje",
- "label.previous-year": "Prejšnje leto",
- "label.profile": "Profil",
- "label.properties": "Lastnosti",
- "label.property": "Lastnost",
- "label.queries": "Poizvedbe",
- "label.query": "Poizvedba",
- "label.query-parameters": "Parametri poizvedbe",
- "label.realtime": "V živo",
- "label.referrer": "Vir",
- "label.referrers": "Viri",
- "label.refresh": "Osveži",
- "label.regenerate": "Ponovno generiraj",
- "label.region": "Regija",
- "label.regions": "Regije",
- "label.remove": "Odstrani",
- "label.remove-member": "Odstrani člana",
- "label.reports": "Poročila",
- "label.required": "Zahtevano",
- "label.reset": "Ponastavi",
- "label.reset-website": "Ponastavi statistiko",
- "label.retention": "Ohranjanje uporabnikov",
- "label.retention-description": "Merite uporabnikovo zadržanost s sledenjem, kako pogosto se vračajo.",
- "label.revenue": "Prihodki",
- "label.revenue-description": "Preglejte svoje prihodke skozi čas.",
- "label.revenue-property": "Lastnost prihodkov",
- "label.role": "Vloga",
- "label.run-query": "Izvedi poizvedbo",
- "label.save": "Shrani",
- "label.screens": "Zasloni",
- "label.search": "Išči",
- "label.select": "Izberi",
- "label.select-date": "Izberi datum",
- "label.select-role": "Izberi vlogo",
- "label.select-website": "Izberi spletno mesto",
- "label.session": "Seja",
- "label.sessions": "Seje",
- "label.settings": "Nastavitve",
- "label.share-url": "Deli povezavo",
- "label.single-day": "En dan",
- "label.start-step": "Začetni korak",
- "label.steps": "Koraki",
- "label.sum": "Seštevek",
- "label.tablet": "Tablični računalnik",
- "label.team": "Ekipa",
- "label.team-id": "ID ekipe",
- "label.team-manager": "Upravitelj ekipe",
- "label.team-member": "Član ekipe",
- "label.team-name": "Ime ekipe",
- "label.team-owner": "Lastnik ekipe",
- "label.team-view-only": "Ekipa samo za ogled",
- "label.team-websites": "Spletna mesta ekipe",
- "label.teams": "Ekipe",
- "label.theme": "Tema",
- "label.this-month": "Ta mesec",
- "label.this-week": "Ta teden",
- "label.this-year": "To leto",
- "label.timezone": "Časovni pas",
- "label.title": "Naslov",
- "label.today": "Danes",
- "label.toggle-charts": "Preklopi grafe",
- "label.total": "Skupaj",
- "label.total-records": "Skupni zapisi",
- "label.tracking-code": "Koda za sledenje",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "Pravilno",
- "label.type": "Vrsta",
- "label.unique": "Unikatni",
- "label.unique-visitors": "Unikatni obiskovalci",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Neznano",
- "label.untitled": "Brez naslova",
- "label.update": "Update",
- "label.url": "Povezava",
- "label.urls": "Povezave",
- "label.user": "Uporabnik",
- "label.user-property": "User Property",
- "label.username": "Uporabniško ime",
- "label.users": "Uporabniki",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Vrednost",
- "label.view": "Poglej",
- "label.view-details": "Poglej podrobnosti",
- "label.view-only": "Samo ogledovanje",
- "label.views": "Obiski",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Povprečni čas obiska",
- "label.visitors": "Obiskovalci",
- "label.visits": "Visits",
- "label.website": "Spletno mesto",
- "label.website-id": "ID spletnega mesta",
- "label.websites": "Spletna mesta",
- "label.window": "Okno",
- "label.yesterday": "Včeraj",
- "message.action-confirmation": "Za potrditev v spodnje polje vnesite {confirmation}.",
- "message.active-users": "{x} trenutni {x, plural, one {obiskovalec} other {obiskovalcev}}",
- "message.collected-data": "Zbrani podatki",
- "message.confirm-delete": "Ste prepričani, da želite izbrisati {target}?",
- "message.confirm-leave": "Ste prepričani, da želite zapustiti {target}?",
- "message.confirm-remove": "Ali ste prepričani, da želite odstraniti {target}?",
- "message.confirm-reset": "Ste prepričani, da želite ponastaviti statistiko {target}?",
- "message.delete-team-warning": "Brisanje ekipe bo izbrisalo tudi vsa spletna mesta ekipe.",
- "message.delete-website-warning": "Izbrisani bodo tudi vsi pripadajoči podatki.",
- "message.error": "Nekaj je šlo narobe.",
- "message.event-log": "{event} na {url}",
- "message.go-to-settings": "Pojdi v nastavitve",
- "message.incorrect-username-password": "Nepravilno uporabniško ime/geslo.",
- "message.invalid-domain": "Neveljavna domena",
- "message.min-password-length": "Najmanjša dolžina je {n} znakov",
- "message.new-version-available": "Na voljo je nova verzija programa Umami {version}!",
- "message.no-data-available": "Podatki niso na voljo.",
- "message.no-event-data": "Podatki o dogodku niso na voljo.",
- "message.no-match-password": "Gesli se ne ujemata",
- "message.no-results-found": "Rezultatov ni bilo mogoče najti.",
- "message.no-team-websites": "Ta ekipa nima spletnih mest.",
- "message.no-teams": "Niste še ustvarili nobene ekipe.",
- "message.no-users": "Ni uporabnikov.",
- "message.no-websites-configured": "Nimate nastavljenih nobenih spletnih mest.",
- "message.page-not-found": "Stran ni bila najdena.",
- "message.reset-website": "Za ponastavitev izbrisa tega spletnega mesta vnesite {confirmation} v spodnje polje.",
- "message.reset-website-warning": "Vse statistike za to spletno mesto bodo izbrisane, koda za sledenje pa bo ostala nespremenjena.",
- "message.saved": "Uspešno shranjeno.",
- "message.share-url": "To je javno dostopna povezava za {target}.",
- "message.team-already-member": "Ste že član ekipe.",
- "message.team-not-found": "Ekipa ni bila najdena.",
- "message.team-websites-info": "Spletne strani si lahko ogleda vsak član ekipe.",
- "message.tracking-code": "Koda za sledenje",
- "message.transfer-team-website-to-user": "Želite prenesti to spletno mesto v svoj račun?",
- "message.transfer-user-website-to-team": "Izberite ekipo, na katero želite prenesti to spletno mesto.",
- "message.transfer-website": "Prenesite lastništvo spletnega mesta na svoj račun ali drugo ekipo.",
- "message.triggered-event": "Sprožen dogodek",
- "message.user-deleted": "Uporabnik je izbrisan.",
- "message.viewed-page": "Ogledana stran",
- "message.visitor-log": "Obiskovalec iz {country} uporablja {browser} na {os} {device}",
- "message.visitors-dropped-off": "Osip obiskovalcev"
-}
diff --git a/src/lang/sv-SE.json b/src/lang/sv-SE.json
deleted file mode 100644
index cdaa676af..000000000
--- a/src/lang/sv-SE.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Åtkomstkod",
- "label.actions": "Händelser",
- "label.activity": "Aktivitetslogg",
- "label.add": "Lägg till",
- "label.add-description": "Lägg till beskrivning",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "Lägg till webbplats",
- "label.admin": "Administratör",
- "label.after": "Efter",
- "label.all": "Alla",
- "label.all-time": "Sedan början",
- "label.analytics": "Webbplats Analys",
- "label.average": "Genomsnitt",
- "label.back": "Tillbaka",
- "label.before": "Före",
- "label.bounce-rate": "Avvisningsfrekvens",
- "label.breakdown": "Analys",
- "label.browser": "Webbläsare",
- "label.browsers": "Webbläsare",
- "label.cancel": "Avbryt",
- "label.change-password": "Byt lösenord",
- "label.cities": "Städer",
- "label.city": "Stad",
- "label.clear-all": "Rensa alla",
- "label.compare": "Compare",
- "label.confirm": "Bekräfta",
- "label.confirm-password": "Bekräfta lösenord",
- "label.contains": "Innehåller",
- "label.continue": "Fortsätt",
- "label.count": "Count",
- "label.countries": "Länder",
- "label.country": "Land",
- "label.create": "Skapa",
- "label.create-report": "Skapa rapport",
- "label.create-team": "Skapa team",
- "label.create-user": "Skapa användare",
- "label.created": "Skapad",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "Nuvarande lösenord",
- "label.custom-range": "Anpassat urval",
- "label.dashboard": "Översikt",
- "label.data": "Data",
- "label.date": "Datum",
- "label.date-range": "Tidsperiod",
- "label.day": "Dag",
- "label.default-date-range": "Standard datum-urval",
- "label.delete": "Radera",
- "label.delete-report": "Delete report",
- "label.delete-team": "Radera team",
- "label.delete-user": "Radera användare",
- "label.delete-website": "Radera webbplats",
- "label.description": "Beskrivning",
- "label.desktop": "Stationär",
- "label.details": "Detaljer",
- "label.device": "Enhet",
- "label.devices": "Enheter",
- "label.dismiss": "Avbryt",
- "label.does-not-contain": "Innehåller inte",
- "label.domain": "Domän",
- "label.dropoff": "Bortfall",
- "label.edit": "Redigera",
- "label.edit-dashboard": "Redigera översikt",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Aktivera delningslänk",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Händelse",
- "label.event-data": "Händelsedata",
- "label.events": "Händelser",
- "label.exit": "Exit URL",
- "label.false": "Falskt",
- "label.field": "Fält",
- "label.fields": "Fältar",
- "label.filter": "Filter",
- "label.filter-combined": "Kombinerade",
- "label.filter-raw": "Rådata",
- "label.filters": "Filter",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Förstå omvandlingen och bortfallsfrekvensen för användare.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Större än",
- "label.greater-than-equals": "Större än eller lika med",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insikter",
- "label.insights-description": "Dyk djupare in i din data genom att använda olika segment och filter.",
- "label.is": "Är",
- "label.is-not": "Är inte",
- "label.is-not-set": "Är inte inställd",
- "label.is-set": "Är inställd",
- "label.join": "Gå med",
- "label.join-team": "Gå med i team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Språk",
- "label.languages": "Språk",
- "label.laptop": "Bärbar",
- "label.last-days": "Senaste {x} dagarna",
- "label.last-hours": "Senaste {x} timmarna",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Lämna",
- "label.leave-team": "Lämna team",
- "label.less-than": "Mindre än",
- "label.less-than-equals": "Mindre än eller lika med",
- "label.login": "Logga in",
- "label.logout": "Logga ut",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Medlemmar",
- "label.min": "Min",
- "label.mobile": "Mobil",
- "label.more": "Mer",
- "label.my-account": "My account",
- "label.my-websites": "Mina webbplatser",
- "label.name": "Namn",
- "label.new-password": "Nytt lösenord",
- "label.none": "Inga",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "Operativsystem",
- "label.overview": "Översikt",
- "label.owner": "Ägare",
- "label.page-of": "Sida {current} av {total}",
- "label.page-views": "Sidvisningar",
- "label.pageTitle": "Sidtitel",
- "label.pages": "Sidor",
- "label.password": "Lösenord",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Drivs av {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Frågor",
- "label.query": "Fråga",
- "label.query-parameters": "Frågeparametrar",
- "label.realtime": "Realtid",
- "label.referrer": "Hänvisare",
- "label.referrers": "Hänvisare",
- "label.refresh": "Uppdatera",
- "label.regenerate": "Förnya",
- "label.region": "Region",
- "label.regions": "Regioner",
- "label.remove": "Ta bort",
- "label.remove-member": "Remove member",
- "label.reports": "Rapporter",
- "label.required": "Krävs",
- "label.reset": "Återställ",
- "label.reset-website": "Återställ webbplats",
- "label.retention": "Retention",
- "label.retention-description": "Mät din webbplats engagemang genom att följa hur ofta användare återvänder.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Roll",
- "label.run-query": "Kör sökning",
- "label.save": "Spara",
- "label.screens": "Upplösning",
- "label.search": "Sök",
- "label.select": "Select",
- "label.select-date": "Välj datum",
- "label.select-role": "Select role",
- "label.select-website": "Välj webbplats",
- "label.session": "Session",
- "label.sessions": "Sessioner",
- "label.settings": "Inställningar",
- "label.share-url": "Delningslänk",
- "label.single-day": "En dag",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Summa",
- "label.tablet": "Surfplatta",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team-medlem",
- "label.team-name": "Team namn",
- "label.team-owner": "Team-ägare",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team webbplatser",
- "label.teams": "Team",
- "label.theme": "Tema",
- "label.this-month": "Denna månad",
- "label.this-week": "Denna vecka",
- "label.this-year": "Detta år",
- "label.timezone": "Tidszon",
- "label.title": "Titel",
- "label.today": "Idag",
- "label.toggle-charts": "Visa/göm grafer",
- "label.total": "Totalt",
- "label.total-records": "Totala poster",
- "label.tracking-code": "Spårningskod",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "Sant",
- "label.type": "Typ",
- "label.unique": "Unikt",
- "label.unique-visitors": "Unika besökare",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Okänt",
- "label.untitled": "Namnlös",
- "label.update": "Update",
- "label.url": "Länk",
- "label.urls": "Länkar",
- "label.user": "Användare",
- "label.user-property": "User Property",
- "label.username": "Användarnamn",
- "label.users": "Användare",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Värde",
- "label.view": "Visa",
- "label.view-details": "Visa detaljer",
- "label.view-only": "Endast visning",
- "label.views": "Visningar",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "Genomsnittlig besökstid",
- "label.visitors": "Besökare",
- "label.visits": "Visits",
- "label.website": "Webbplats",
- "label.website-id": "Webbplats ID",
- "label.websites": "Webbplatser",
- "label.window": "Fönster",
- "label.yesterday": "Igår",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} {x, plural, one {besökare} other {besökare}} just nu",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Är du säker på att du vill radera {target}?",
- "message.confirm-leave": "Är du säker på att du vill lämna {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Är du säker på att du vill återställa statistiken för {target}?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "All tillhörande data kommer också att raderas.",
- "message.error": "Något gick fel.",
- "message.event-log": "{event} på {url}",
- "message.go-to-settings": "Gå till inställningar",
- "message.incorrect-username-password": "Felaktigt användarnamn/lösenord.",
- "message.invalid-domain": "Ogiltig domän",
- "message.min-password-length": "Minst {n} tecken",
- "message.new-version-available": "En ny version av Umami {version} är tillgänglig!",
- "message.no-data-available": "Ingen data tillgänglig.",
- "message.no-event-data": "Ingen händelsedata är tillgänglig.",
- "message.no-match-password": "Lösenorden matchar inte",
- "message.no-results-found": "Inga resultat hittades.",
- "message.no-team-websites": "Det här teamet har inga webbplatser.",
- "message.no-teams": "Du har inte skapat några team.",
- "message.no-users": "Det finns inga användare.",
- "message.no-websites-configured": "Du har inte konfigurerat några webbplatser.",
- "message.page-not-found": "Sidan kunde inte hittas.",
- "message.reset-website": "För att återställa webbplatsen, skriv {confirmation} i rutan nedan.",
- "message.reset-website-warning": "All statistik för webbplatsen tas bort, men spårningskoden förblir oförändrad.",
- "message.saved": "Sparat!",
- "message.share-url": "Det här är den offentliga delningslänken för {target}.",
- "message.team-already-member": "Du är redan medlem i teamet.",
- "message.team-not-found": "Teamet kunde inte hittas.",
- "message.team-websites-info": "Webbplatserna kan ses av alla i teamet.",
- "message.tracking-code": "Spårningskod",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "Användaren har raderats.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "Besökare från {country} med {browser} på {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/ta-IN.json b/src/lang/ta-IN.json
deleted file mode 100644
index 1e4466b52..000000000
--- a/src/lang/ta-IN.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "செயல்கள்",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "வலைத்தளத்தைச் சேர்க்க",
- "label.admin": "நிர்வாகியைச் சேர்க்க",
- "label.after": "After",
- "label.all": "எல்லாம்",
- "label.all-time": "All time",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "பின்னால்",
- "label.before": "Before",
- "label.bounce-rate": "துள்ளல் விகிதம்",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "உலாவிகள்",
- "label.cancel": "ரத்துசெய்",
- "label.change-password": "கடவுச்சொல்லை மாற்று",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "கடவுச்சொல்லை உறுதிப்படுத்தவும்",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "நாடுகள்",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "தற்போதைய கடவுச்சொல்",
- "label.custom-range": "தனிப்பயன் வேறுபாட்டெல்லை",
- "label.dashboard": "முகப்பு",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "தேதி வரம்பு",
- "label.day": "Day",
- "label.default-date-range": "இயல்புநிலை தேதி வரம்பு",
- "label.delete": "அழி",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "வலைத்தளத்தை நீக்கு",
- "label.description": "Description",
- "label.desktop": "மேசை கணினி",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "சாதனங்கள்",
- "label.dismiss": "நீக்கு",
- "label.does-not-contain": "Does not contain",
- "label.domain": "கள முகவரி",
- "label.dropoff": "Dropoff",
- "label.edit": "திருத்துதல்",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "கள முகவரியை பகிரலாம்",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "நிகழ்வுகள்",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "ஒருங்கிணைந்த",
- "label.filter-raw": "மூல",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "Languages",
- "label.laptop": "மடிக்கணினி",
- "label.last-days": "முந்தைய {x} நாட்கள்",
- "label.last-hours": "முந்தைய {x} மணி",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "உள்நுழைய",
- "label.logout": "வெளியேறு",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "கைபேசி",
- "label.more": "மேலும்",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "பெயர்",
- "label.new-password": "புதிய கடவுச்சொல்",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "Owner",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "பக்க காட்சிகள்",
- "label.pageTitle": "Page title",
- "label.pages": "பக்கங்கள்",
- "label.password": "கடவுச்சொல்",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "{name} ஆல் இயக்கப்படுகிறது",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "சுயவிவரம்",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "தற்போதைய",
- "label.referrer": "Referrer",
- "label.referrers": "குறிப்பிடுவோர்",
- "label.refresh": "புதுப்பிப்பு",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "தேவையானவை",
- "label.reset": "மீட்டமை",
- "label.reset-website": "Reset statistics",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "சேமி",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "அமைப்புகள்",
- "label.share-url": "வலைத்தள களத்தைப் பகிரவும்",
- "label.single-day": "ஒரு நாள்",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "கையடக்க கணினி",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "இந்த மாதம்",
- "label.this-week": "இந்த வாரம்",
- "label.this-year": "இந்த வருடம்",
- "label.timezone": "நேர மண்டலம்",
- "label.title": "Title",
- "label.today": "இன்று",
- "label.toggle-charts": "Toggle charts",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "கண்காணிப்பு குறியீடு",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "தனிப்பட்ட பார்வையாளர்கள்",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "தெரியாத",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "பயனர்பெயர்",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "விபரங்களை பார்",
- "label.view-only": "View only",
- "label.views": "பார்வைகள்",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "சராசரி வருகை நேரம்",
- "label.visitors": "பார்வையாளர்கள்",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "வலைத்தளங்கள்",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} தற்போதைய {x, plural, one {ஒன்று} other {மற்ற}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "நீங்கள் நிச்சயமாக {target} நீக்க விரும்புகிறீர்களா?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "Are your sure you want to reset {target}'s statistics?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "தொடர்புடைய எல்லா தரவும் நீக்கப்படும்.",
- "message.error": "ஏதோ தவறு நடந்துவிட்டது.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "அமைப்புகளுக்குச் செல்லவும்",
- "message.incorrect-username-password": "தவறான பயனர்பெயர் / கடவுச்சொல்.",
- "message.invalid-domain": "தவறான கள முகவரி",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "தரவு எதுவும் கிடைக்கவில்லை.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "இருக்கடவுச்சொல் பொருந்தவில்லை",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "உங்களிடம் எந்த வலைத்தளங்களும் கட்டமைக்கப்படவில்லை.",
- "message.page-not-found": "பக்கம் கிடைக்கவில்லை.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "All statistics for this website will be deleted, but your tracking code will remain intact.",
- "message.saved": "வெற்றிகரமாக சேமிக்கப்பட்டது.",
- "message.share-url": "{target} இது பொதுவில் பகிரும் வலைத்தள முகவரி.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "கண்காணிப்பு குறியீடு",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "{country}வில் இருந்து பார்வையாளர் {browser} ஐ {os} {device}லில் பயன்படுத்துகிறார்",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/th-TH.json b/src/lang/th-TH.json
deleted file mode 100644
index 7cc350450..000000000
--- a/src/lang/th-TH.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "การกระทำ",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "เพิ่มเว็บไซต์",
- "label.admin": "ผู้ดูแลระบบ",
- "label.after": "After",
- "label.all": "ทั้งหมด",
- "label.all-time": "ทุกช่วงเวลา",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "ย้อนกลับ",
- "label.before": "Before",
- "label.bounce-rate": "อัตราตีกลับ",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "เบราว์เซอร์",
- "label.cancel": "ยกเลิก",
- "label.change-password": "เปลี่ยนรหัสผ่าน",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "ยืนยันรหัสผ่าน",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "ประเทศ",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "รหัสผ่านปัจจุบัน",
- "label.custom-range": "กำหนดช่วงเวลา",
- "label.dashboard": "แดชบอร์ด",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "ตั้งแต่วันที่",
- "label.day": "Day",
- "label.default-date-range": "ช่วงเวลา",
- "label.delete": "ลบ",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "ลบเว็บไซต์",
- "label.description": "Description",
- "label.desktop": "เดสก์ท็อป",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "อุปกรณ์",
- "label.dismiss": "ยกเลิก",
- "label.does-not-contain": "Does not contain",
- "label.domain": "โดเมน",
- "label.dropoff": "Dropoff",
- "label.edit": "แก้ไข",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "เปิดใช้งานการแชร์ลิงก์",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "เหตุการณ์",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "ข้อมูลรวม",
- "label.filter-raw": "ข้อมูลดิบ",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "ภาษา",
- "label.languages": "ภาษา",
- "label.laptop": "แล็ปท็อป",
- "label.last-days": "{x} วันที่ผ่านมา",
- "label.last-hours": "{x} ชั่วโมงที่ผ่านมา",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "เข้าสู่ระบบ",
- "label.logout": "ออกจากระบบ",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "โทรศัพท์มือถือ",
- "label.more": "เพิ่มเติม",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "ชื่อ",
- "label.new-password": "รหัสผ่านใหม่",
- "label.none": "ไม่ได้กำหนด",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "เจ้าของ",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "การเข้าชม",
- "label.pageTitle": "Page title",
- "label.pages": "หน้าเพจ",
- "label.password": "รหัสผ่าน",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "ขับเคลื่อนโดย {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "โปรไฟล์",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "เรียลไทม์",
- "label.referrer": "Referrer",
- "label.referrers": "แหล่งที่มา",
- "label.refresh": "รีเฟรช",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "ต้องการ",
- "label.reset": "รีเซต",
- "label.reset-website": "รีเซตข้อมูลสถิติ",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "บันทึก",
- "label.screens": "ขนาดหน้าจอ",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "ตั้งค่า",
- "label.share-url": "แชร์ลิงก์",
- "label.single-day": "วันที่",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "แท็บเล็ต",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "ธีม",
- "label.this-month": "เดือนปัจจุบัน",
- "label.this-week": "สัปดาห์ปัจจุบัน",
- "label.this-year": "ปีปัจจุบัน",
- "label.timezone": "เขตเวลา",
- "label.title": "Title",
- "label.today": "วันนี้",
- "label.toggle-charts": "เปิด/ปิดแผนภูมิ",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "โค้ดสำหรับใช้ติดตาม",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "ผู้เข้าชม",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "ไม่รู้จัก",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "ชื่อผู้ใช้",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "แสดงรายละเอียด",
- "label.view-only": "View only",
- "label.views": "การเข้าชม",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "ระยะเวลาเข้าชมเฉลี่ย",
- "label.visitors": "ผู้เข้าชม",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "เว็บไซต์",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "มีผู้ใช้งาน {x} {x, plural, one {คนในขณะนี้} other {คนในขณะนี้}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "คุณแน่ใจหรือไม่ว่าต้องการลบ {target} ?",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "คุณแน่ใจหรือไม่ว่าต้องการรีเซตข้อมูลสถิติของ {target} ?",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "ข้อมูลที่เกี่ยวข้องทั้งหมดจะถูกลบ.",
- "message.error": "เกิดข้อผิดพลาด.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "ไปที่การตั้งค่า",
- "message.incorrect-username-password": "ชื่อผู้ใช้หรือรหัสผ่านไม่ถูกต้อง.",
- "message.invalid-domain": "โดเมนไม่ถูกต้อง",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "ไม่มีข้อมูล.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "รหัสผ่านไม่ตรงกัน",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "คุณยังไม่ได้ตั้งค่าเว็บไซต์ใด ๆ ไว้.",
- "message.page-not-found": "ไม่พบหน้านี้.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "สถิติทั้งหมดสำหรับเว็บไซต์นี้จะถูกลบออก แต่โค้ดสำหรับใช้ติดตามของคุณจะยังคงอยู่เหมือนเดิม.",
- "message.saved": "บันทึกข้อมูลเรียบร้อย.",
- "message.share-url": "นี่คือลิงก์ที่แชร์แบบสาธารณะสำหรับ {target}.",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "โค้ดสำหรับใช้ติดตาม",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "ผู้เข้าชมจาก {country} กำลังใช้งานผ่าน {browser} บน {os} {device}",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/tr-TR.json b/src/lang/tr-TR.json
deleted file mode 100644
index 34a81f75c..000000000
--- a/src/lang/tr-TR.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Erişim Kodu",
- "label.actions": "Hareketler",
- "label.activity": "Aktivite Kaydı",
- "label.add": "Ekle",
- "label.add-description": "Açıklama ekle",
- "label.add-member": "Üye ekle",
- "label.add-step": "Adım ekle",
- "label.add-website": "Web sitesi ekle",
- "label.admin": "Administrator",
- "label.after": "Sonra",
- "label.all": "Tümü",
- "label.all-time": "Tüm zamanlar",
- "label.analytics": "Analitik",
- "label.average": "Ortalama",
- "label.back": "Geri",
- "label.before": "Önce",
- "label.bounce-rate": "Tek sayfa ziyaret oranı",
- "label.breakdown": "Dağılım",
- "label.browser": "Tarayıcı",
- "label.browsers": "Tarayıcılar",
- "label.cancel": "İptal",
- "label.change-password": "Şifre değiştir",
- "label.cities": "Şehirler",
- "label.city": "Şehir",
- "label.clear-all": "Hepsini temizle",
- "label.compare": "Compare",
- "label.confirm": "Onayla",
- "label.confirm-password": "Parolayı onayla",
- "label.contains": "İçeriği",
- "label.continue": "Devam et",
- "label.count": "Count",
- "label.countries": "Ülkeler",
- "label.country": "Ülke",
- "label.create": "Oluştur",
- "label.create-report": "Rapor oluştur",
- "label.create-team": "Takım oluştur",
- "label.create-user": "Kullanıcı oluştur",
- "label.created": "Oluşturuldu",
- "label.created-by": "Tarafından oluşturldu",
- "label.current": "Current",
- "label.current-password": "Mevcut parola",
- "label.custom-range": "Özelleştirilmiş aralık",
- "label.dashboard": "Kontrol Paneli",
- "label.data": "Veri",
- "label.date": "Tarih",
- "label.date-range": "Tarih aralığı",
- "label.day": "Gün",
- "label.default-date-range": "Varsayılan tarih aralığı",
- "label.delete": "Sil",
- "label.delete-report": "Rapor sil",
- "label.delete-team": "Takım sil",
- "label.delete-user": "Kullanıcı sil",
- "label.delete-website": "Web sitesini sil",
- "label.description": "Açıklama",
- "label.desktop": "Masaüstü",
- "label.details": "Detaylar",
- "label.device": "Cihaz",
- "label.devices": "Cihazlar",
- "label.dismiss": "Reddet",
- "label.does-not-contain": "İçermez",
- "label.domain": "Alan adı",
- "label.dropoff": "Bırakma",
- "label.edit": "Düzenle",
- "label.edit-dashboard": "Kontrol panelini düzenle",
- "label.edit-member": "Üyeyi düzenle",
- "label.enable-share-url": "Anonim paylaşım URL'i aktif",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Olay",
- "label.event-data": "Olay verisi",
- "label.events": "Olaylar",
- "label.exit": "Exit URL",
- "label.false": "Yanlış",
- "label.field": "Alan",
- "label.fields": "Alanlar",
- "label.filter": "Filtre",
- "label.filter-combined": "Birleşik filtre",
- "label.filter-raw": "Ham filtre",
- "label.filters": "Filtreler",
- "label.first-seen": "First seen",
- "label.funnel": "Huni",
- "label.funnel-description": "Kullanıcıların dönüşüm ve ayrılma oranlarını anlayın.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Büyüktür",
- "label.greater-than-equals": "Büyük veya eşittir",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Segmentleri ve filtreleri kullanarak verilerinizi derinlemesine inceleyin.",
- "label.is": "Is",
- "label.is-not": "Değil",
- "label.is-not-set": "Ayarlanmamış",
- "label.is-set": "Ayarlandı",
- "label.join": "Katıl",
- "label.join-team": "Takıma katıl",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Dil",
- "label.languages": "Diller",
- "label.laptop": "Dizüstü",
- "label.last-days": "Son {x} gün",
- "label.last-hours": "Son {x} saat",
- "label.last-months": "Son {x} ay",
- "label.last-seen": "Last seen",
- "label.leave": "Ayrıl",
- "label.leave-team": "Takımdan Ayrıl",
- "label.less-than": "Küçüktür",
- "label.less-than-equals": "Küçük veya eşittir",
- "label.login": "Giriş Yap",
- "label.logout": "Çıkış Yap",
- "label.manage": "Yönet",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Üye",
- "label.members": "Üyeler",
- "label.min": "Min",
- "label.mobile": "Mobil Cihaz",
- "label.more": "Detaylı göster",
- "label.my-account": "Hesabım",
- "label.my-websites": "Web sitelerim",
- "label.name": "İsim",
- "label.new-password": "Yeni parola",
- "label.none": "Yok",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "TAMAM",
- "label.os": "OS",
- "label.overview": "Genel bakış",
- "label.owner": "Sahibi",
- "label.page-of": "{total} sayfada {current} ",
- "label.page-views": "Sayfa görünümü",
- "label.pageTitle": "Sayfa başlığı",
- "label.pages": "Sayfalar",
- "label.password": "Parola",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "Sağlayıcı: {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Profil",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Sorgular",
- "label.query": "Sorgu",
- "label.query-parameters": "Sorgu parametreleri",
- "label.realtime": "Gerçek Zamanlı",
- "label.referrer": "Referrer",
- "label.referrers": "Yönlendirenler",
- "label.refresh": "Yenile",
- "label.regenerate": "Yeniden Oluştur",
- "label.region": "Bölge",
- "label.regions": "Bölgeler",
- "label.remove": "Kaldır",
- "label.remove-member": "Üyeyi kaldır",
- "label.reports": "Raporlar",
- "label.required": "Zorunlu alan",
- "label.reset": "Sıfırla",
- "label.reset-website": "İstatistikleri sıfırla",
- "label.retention": "Geri dönüş",
- "label.retention-description": "Kullanıcıların ne sıklıkla geri döndüğünü takip ederek web sitenizin kalıcılığını ölçün.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Rol",
- "label.run-query": "Sorgu çalıştır",
- "label.save": "Kaydet",
- "label.screens": "Ekranlar",
- "label.search": "Ara",
- "label.select": "Seç",
- "label.select-date": "Tarih seç",
- "label.select-role": "Rol seç",
- "label.select-website": "Web sitesi seç",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "Ayarlar",
- "label.share-url": "Paylaşım adresi",
- "label.single-day": "Tekil gün",
- "label.start-step": "Start Step",
- "label.steps": "Adımlar",
- "label.sum": "Toplam",
- "label.tablet": "Tablet",
- "label.team": "Takım",
- "label.team-id": "Takım ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Takım üyesi",
- "label.team-name": "Takım ismi",
- "label.team-owner": "Takım sahibi",
- "label.team-view-only": "Yalnızca ekip görünümü",
- "label.team-websites": "Takım web siteleri",
- "label.teams": "Takımlar",
- "label.theme": "Tema",
- "label.this-month": "Bu ay",
- "label.this-week": "Bu hafta",
- "label.this-year": "Bu yıl",
- "label.timezone": "Zaman dilimi",
- "label.title": "Başlık",
- "label.today": "Bugün",
- "label.toggle-charts": "Grafikleri değiştir",
- "label.total": "Toplam",
- "label.total-records": "Toplam kayıt",
- "label.tracking-code": "İzleme kodu",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer web sitesi",
- "label.true": "Doğru",
- "label.type": "Tip",
- "label.unique": "Benzersiz",
- "label.unique-visitors": "Tekil kullanıcı",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Bilinmeyen",
- "label.untitled": "İsimsiz",
- "label.update": "Güncelle",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Kullanıcı",
- "label.user-property": "User Property",
- "label.username": "Kullanıcı adı",
- "label.users": "Kullanıcılar",
- "label.utm": "UTM",
- "label.utm-description": "Kampanyalarınızı UTM parametreleri aracılığıyla takip edin.",
- "label.value": "Değer",
- "label.view": "Görünüm",
- "label.view-details": "Detayı incele",
- "label.view-only": "Sadece görünüm",
- "label.views": "Görüntüleme",
- "label.views-per-visit": "Ziyaret başına görüntüleme",
- "label.visit-duration": "Ortalama ziyaret süresi",
- "label.visitors": "Ziyaretçi",
- "label.visits": "Ziyaretler",
- "label.website": "Web sitesi",
- "label.website-id": "Website ID",
- "label.websites": "Web siteleri",
- "label.window": "Pencere",
- "label.yesterday": "Dün",
- "message.action-confirmation": "Onaylamak için aşağıdaki kutuya {confirmation} yazın.",
- "message.active-users": "{x} aktif ziyaretçi",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "{target} kaydını silmek istediğinizden emin misiniz?",
- "message.confirm-leave": "{target} kaydından ayrılmak istediğinizden emin misiniz?",
- "message.confirm-remove": "{target} kaydını kaldırmak istediğinizden emin misiniz?",
- "message.confirm-reset": "{target} istatistiklerini sıfırlamak istediğinizden emin misiniz?",
- "message.delete-team-warning": "Bir takımı silmek tüm takım web sitelerini de silecektir.",
- "message.delete-website-warning": "İlişkili tüm veriler de silinecektir.",
- "message.error": "Bir şeyler ters gitti!",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "Ayarlara git",
- "message.incorrect-username-password": "Hatalı kullanıcı adı ya da parola.",
- "message.invalid-domain": "Geçersiz alan adı",
- "message.min-password-length": "Minimum {n} karakter uzunluğu",
- "message.new-version-available": "Yeni versiyon Umami {version} mevcut!",
- "message.no-data-available": "Henüz hiç veri yok.",
- "message.no-event-data": "Hiçbir olay verisi mevcut değil.",
- "message.no-match-password": "Parolalar uyuşmuyor",
- "message.no-results-found": "Hiçbir sonuç bulunamadı.",
- "message.no-team-websites": "Bu takımın herhangi bir web sitesi yok.",
- "message.no-teams": "Herhangi bir takım oluşturmadınız.",
- "message.no-users": "Kullanıcı yok.",
- "message.no-websites-configured": "Henüz hiç web sitesi tanımlamadınız",
- "message.page-not-found": "Sayfa bulunamadı.",
- "message.reset-website": "Bu websitesini sıfılamak için aşağıdaki kutuya {confirmation} yazın.",
- "message.reset-website-warning": "Bu web sitesi için tüm istatistikler silinecek, ancak izleme kodunuz bozulmadan kalacaktır.",
- "message.saved": "Başarıyla kaydedildi.",
- "message.share-url": "{target} için kullanılabilir anonim paylaşım adresidir.",
- "message.team-already-member": "Zaten bu takımın üyesisiniz",
- "message.team-not-found": "Takım bulunamadı",
- "message.team-websites-info": "Web siteleri takımdaki herkes tarafından görüntülenebilir.",
- "message.tracking-code": "İzleme kodu",
- "message.transfer-team-website-to-user": "Bu web sitesi hesbınıza aktarılsın mı?",
- "message.transfer-user-website-to-team": "Bu web sitesinin aktarılacağı takımı seçin.",
- "message.transfer-website": "Web sitesi sahipliğini hesabınıza veya başka bir takıma aktarın",
- "message.triggered-event": "Tetiklenen olay",
- "message.user-deleted": "Kullanıcı silindi.",
- "message.viewed-page": "Görüntülenen sayfa",
- "message.visitor-log": "Yeni ziyaretçi: {country}, {os}, {device}, {browser}",
- "message.visitors-dropped-off": "Bırakan ziyaretçiler"
-}
diff --git a/src/lang/uk-UA.json b/src/lang/uk-UA.json
deleted file mode 100644
index c6843055f..000000000
--- a/src/lang/uk-UA.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Код доступу",
- "label.actions": "Дії",
- "label.activity": "Журнал",
- "label.add": "Додати",
- "label.add-description": "Додати опис",
- "label.add-member": "Додати учасника",
- "label.add-step": "Додати крок",
- "label.add-website": "Додати сайт",
- "label.admin": "Адміністратор",
- "label.after": "Після",
- "label.all": "Всі",
- "label.all-time": "Весь час",
- "label.analytics": "Аналітика",
- "label.average": "Середній",
- "label.back": "Назад",
- "label.before": "До",
- "label.bounce-rate": "Показник відмов",
- "label.breakdown": "Розподіл",
- "label.browser": "Браузер",
- "label.browsers": "Браузери",
- "label.cancel": "Відмінити",
- "label.change-password": "Змінити пароль",
- "label.cities": "Міста",
- "label.city": "Місто",
- "label.clear-all": "Очистити все",
- "label.compare": "Compare",
- "label.confirm": "Підтвердити",
- "label.confirm-password": "Підтвердити пароль",
- "label.contains": "Містить",
- "label.continue": "Продовжити",
- "label.count": "Count",
- "label.countries": "Країни",
- "label.country": "Країна",
- "label.create": "Створити",
- "label.create-report": "Створити звіт",
- "label.create-team": "Створити команду",
- "label.create-user": "Створити користувача",
- "label.created": "Створено",
- "label.created-by": "Створено",
- "label.current": "Current",
- "label.current-password": "Поточний пароль",
- "label.custom-range": "Довільний період",
- "label.dashboard": "Інформаційна панель",
- "label.data": "Дані",
- "label.date": "Дата",
- "label.date-range": "Діапазон дат",
- "label.day": "День",
- "label.default-date-range": "Діапазон дат за замовчуванням",
- "label.delete": "Видалити",
- "label.delete-report": "Видалити звіт",
- "label.delete-team": "Видалити команду",
- "label.delete-user": "Видалити користувача",
- "label.delete-website": "Видалити сайт",
- "label.description": "Опис",
- "label.desktop": "Настільний ПК",
- "label.details": "Деталі",
- "label.device": "Пристрій",
- "label.devices": "Пристрої",
- "label.dismiss": "Відхилити",
- "label.does-not-contain": "Не містить",
- "label.domain": "Домен",
- "label.dropoff": "Відсів",
- "label.edit": "Редагувати",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "Enable share URL",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Подія",
- "label.event-data": "Дані події",
- "label.events": "Події",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Поле",
- "label.fields": "Поля",
- "label.filter": "Фільтр",
- "label.filter-combined": "Об'єднані",
- "label.filter-raw": "Сирі дані",
- "label.filters": "Фільтри",
- "label.first-seen": "First seen",
- "label.funnel": "Воронка",
- "label.funnel-description": "Зрозуміти рівень конверсії та відсіву користувачів.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Більше ніж",
- "label.greater-than-equals": "Більше або рівно",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Інсайти",
- "label.insights-description": "Зануртеся глибше у свої дані за допомогою сегментів та фільтрів.",
- "label.is": "Є",
- "label.is-not": "Не є",
- "label.is-not-set": "Не встановлено",
- "label.is-set": "Встановлено",
- "label.join": "Приєднатись",
- "label.join-team": "Приєднатись до команди",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Мова",
- "label.languages": "Мови",
- "label.laptop": "Ноутбук",
- "label.last-days": "Останні {x} днів",
- "label.last-hours": "Останні {x} годин",
- "label.last-months": "Останні {x} місяців",
- "label.last-seen": "Last seen",
- "label.leave": "Покинути",
- "label.leave-team": "Покинути команду",
- "label.less-than": "Менше ніж",
- "label.less-than-equals": "Менше або дорівнює",
- "label.login": "Увійти",
- "label.logout": "Вийти",
- "label.manage": "Керувати",
- "label.manager": "Manager",
- "label.max": "Макс.",
- "label.member": "Учасник",
- "label.members": "Учасники",
- "label.min": "Мін.",
- "label.mobile": "Мобільний",
- "label.more": "Більше",
- "label.my-account": "Мій обліковий запис",
- "label.my-websites": "Мої сайти",
- "label.name": "Ім'я",
- "label.new-password": "Новий пароль",
- "label.none": "Нічого",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "ОС",
- "label.overview": "Огляд",
- "label.owner": "Власник",
- "label.page-of": "Сторінка {current} з {total}",
- "label.page-views": "Перегляди сторінок",
- "label.pageTitle": "Заголовок сторінки",
- "label.pages": "Сторінки",
- "label.password": "Пароль",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "На базі {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "Профіль",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Запити",
- "label.query": "Запит",
- "label.query-parameters": "Параметри запиту",
- "label.realtime": "У реальному часі",
- "label.referrer": "Джерело",
- "label.referrers": "Джерела",
- "label.refresh": "Оновити",
- "label.regenerate": "Згенерувати знову",
- "label.region": "Регіон",
- "label.regions": "Регіони",
- "label.remove": "Видалити",
- "label.remove-member": "Видалити користувача",
- "label.reports": "Звіти",
- "label.required": "Обов'язкове",
- "label.reset": "Скинути",
- "label.reset-website": "Скинути статистику сайту",
- "label.retention": "Липкість",
- "label.retention-description": "Виміряйте липкість вашого сайту, відстежуючи, як часто користувачі повертаються на нього.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Роль",
- "label.run-query": "Виконати запит",
- "label.save": "Зберегти",
- "label.screens": "Екрани",
- "label.search": "Пошук",
- "label.select": "Вибрати",
- "label.select-date": "Вибрати дату",
- "label.select-role": "Вибрати роль",
- "label.select-website": "Вибрати сайт",
- "label.session": "Session",
- "label.sessions": "Сесії",
- "label.settings": "Налаштування",
- "label.share-url": "Поділитися посилання",
- "label.single-day": "Один день",
- "label.start-step": "Start Step",
- "label.steps": "Кроки",
- "label.sum": "Сума",
- "label.tablet": "Планшет",
- "label.team": "Команда",
- "label.team-id": "Ідентифікатор команди",
- "label.team-manager": "Team manager",
- "label.team-member": "Учасник команди",
- "label.team-name": "Назва команди",
- "label.team-owner": "Власник команди",
- "label.team-view-only": "Тільки для командного перегляду",
- "label.team-websites": "Сайти команди",
- "label.teams": "Команди",
- "label.theme": "Тема",
- "label.this-month": "Цього місяця",
- "label.this-week": "Цього тижня",
- "label.this-year": "Цього ріку",
- "label.timezone": "Часовий пояс",
- "label.title": "Заголовок",
- "label.today": "Сьогодні",
- "label.toggle-charts": "Переключити графіки",
- "label.total": "Всього",
- "label.total-records": "Всього записів",
- "label.tracking-code": "Код для відслідковування",
- "label.transactions": "Transactions",
- "label.transfer": "Передати",
- "label.transfer-website": "Передати сайт",
- "label.true": "True",
- "label.type": "Тип",
- "label.unique": "Унікальний",
- "label.unique-visitors": "Унікальні відвідувачі",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "Невідомо",
- "label.untitled": "Без заголовку",
- "label.update": "Оновлення",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "Користувач",
- "label.user-property": "User Property",
- "label.username": "Ім'я користувача",
- "label.users": "Користувачі",
- "label.utm": "UTM",
- "label.utm-description": "Відстежуйте свої кампанії за допомогою параметрів UTM.",
- "label.value": "Значення",
- "label.view": "Перегляд",
- "label.view-details": "Переглянути деталі",
- "label.view-only": "Тільки для перегляду",
- "label.views": "Перегляди",
- "label.views-per-visit": "Перегляди за одне відвідування",
- "label.visit-duration": "Visit duration",
- "label.visitors": "Відвідувачі",
- "label.visits": "Відвідування",
- "label.website": "Сайт",
- "label.website-id": "Ідентифікатор сайту",
- "label.websites": "Сайти",
- "label.window": "Вікно",
- "label.yesterday": "Вчора",
- "message.action-confirmation": "Введіть {confirmation} у полі нижче, щоб підтвердити.",
- "message.active-users": "{x} поточних відвідувачів",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "Ви впевнені, що бажаєте видалити {target}?",
- "message.confirm-leave": "Ви впевнені, що бажаєте покинути {target}?",
- "message.confirm-remove": "Ви впевнені, що бажаєте видалити {target}?",
- "message.confirm-reset": "Ви впевнені, що бажаєте скинути статистику для {target}?",
- "message.delete-team-warning": "Видалення команди також призведе до видалення всіх її веб-сайтів.",
- "message.delete-website-warning": "Усі пов'язані дані будуть видалені також.",
- "message.error": "Щось пішло не так.",
- "message.event-log": "{event} на {url}",
- "message.go-to-settings": "Перейти до налаштувань",
- "message.incorrect-username-password": "Невірне ім'я користувача або пароль.",
- "message.invalid-domain": "Некоректний домен",
- "message.min-password-length": "Мінімальна довжина {n} символів",
- "message.new-version-available": "Вийшла нова версія Umami {version}!",
- "message.no-data-available": "Немає даних.",
- "message.no-event-data": "Дані про події відсутні.",
- "message.no-match-password": "Паролі не співпадають",
- "message.no-results-found": "Не знайдено жодного результату.",
- "message.no-team-websites": "У цієї команди немає жодного веб-сайту.",
- "message.no-teams": "Ви не створили жодної команди.",
- "message.no-users": "Немає жодного користувача.",
- "message.no-websites-configured": "У вас немає налаштованих сайтів.",
- "message.page-not-found": "Сторінку не знайдено.",
- "message.reset-website": "Щоб скинути налаштування цього веб-сайту, введіть {confirmation} у полі нижче для підтвердження.",
- "message.reset-website-warning": "Вся статистика для цього сайту буде видалена, проте код відслідковування буде продовжувати працювати.",
- "message.saved": "Збережено успішно.",
- "message.share-url": "Це публічне посилання для {target}.",
- "message.team-already-member": "Ви вже є членом команди.",
- "message.team-not-found": "Команду не знайдено.",
- "message.team-websites-info": "Веб-сайти може переглядати будь-хто з команди.",
- "message.tracking-code": "Код для відслідковування",
- "message.transfer-team-website-to-user": "Перенести цей сайт до свого облікового запису?",
- "message.transfer-user-website-to-team": "Виберіть команду, до якої ви хочете передати цей веб-сайт.",
- "message.transfer-website": "Передайте право власності на сайт своєму акаунту або іншій команді.",
- "message.triggered-event": "Подія, що спрацювала",
- "message.user-deleted": "Користувача видалено.",
- "message.viewed-page": "Переглянута сторінка",
- "message.visitor-log": "Відвідувач з {country} використовуючи {browser} на {os} {device}",
- "message.visitors-dropped-off": "Користувачі що відсіялись"
-}
diff --git a/src/lang/ur-PK.json b/src/lang/ur-PK.json
deleted file mode 100644
index 138ec1b3e..000000000
--- a/src/lang/ur-PK.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Access code",
- "label.actions": "اعمال",
- "label.activity": "Activity log",
- "label.add": "Add",
- "label.add-description": "Add description",
- "label.add-member": "Add member",
- "label.add-step": "Add step",
- "label.add-website": "ویب سائٹ کا اضافہ کریں",
- "label.admin": "منتظم",
- "label.after": "After",
- "label.all": "تمام",
- "label.all-time": "تمام وقت",
- "label.analytics": "Analytics",
- "label.average": "Average",
- "label.back": "پیچھے",
- "label.before": "Before",
- "label.bounce-rate": "اچھال کی شرح",
- "label.breakdown": "Breakdown",
- "label.browser": "Browser",
- "label.browsers": "براؤزرز",
- "label.cancel": "منسوخ",
- "label.change-password": "پاس ورڈ تبدیل کریں",
- "label.cities": "Cities",
- "label.city": "City",
- "label.clear-all": "Clear all",
- "label.compare": "Compare",
- "label.confirm": "Confirm",
- "label.confirm-password": "پاس ورڈ کی تصدیق کریں",
- "label.contains": "Contains",
- "label.continue": "Continue",
- "label.count": "Count",
- "label.countries": "ممالک",
- "label.country": "Country",
- "label.create": "Create",
- "label.create-report": "Create report",
- "label.create-team": "Create team",
- "label.create-user": "Create user",
- "label.created": "Created",
- "label.created-by": "Created By",
- "label.current": "Current",
- "label.current-password": "موجودہ پاس ورڈ",
- "label.custom-range": "اپنی مرضی کی حد",
- "label.dashboard": "ڈیش بورڈ",
- "label.data": "Data",
- "label.date": "Date",
- "label.date-range": "تاریخ کی حد",
- "label.day": "Day",
- "label.default-date-range": "پہلے سے طے شدہ تاریخ کی حد",
- "label.delete": "حذف کریں",
- "label.delete-report": "Delete report",
- "label.delete-team": "Delete team",
- "label.delete-user": "Delete user",
- "label.delete-website": "ویب سائٹ مٹایں",
- "label.description": "Description",
- "label.desktop": "ڈیسک ٹاپ",
- "label.details": "Details",
- "label.device": "Device",
- "label.devices": "آلات",
- "label.dismiss": "مسترد کریں",
- "label.does-not-contain": "Does not contain",
- "label.domain": "ڈومین",
- "label.dropoff": "Dropoff",
- "label.edit": "ترمیم",
- "label.edit-dashboard": "Edit dashboard",
- "label.edit-member": "Edit member",
- "label.enable-share-url": "شیئر یو آر ایل کو فعال کریں",
- "label.end-step": "End Step",
- "label.entry": "Entry URL",
- "label.event": "Event",
- "label.event-data": "Event data",
- "label.events": "واقعات",
- "label.exit": "Exit URL",
- "label.false": "False",
- "label.field": "Field",
- "label.fields": "Fields",
- "label.filter": "Filter",
- "label.filter-combined": "مشترکہ",
- "label.filter-raw": "خام",
- "label.filters": "Filters",
- "label.first-seen": "First seen",
- "label.funnel": "Funnel",
- "label.funnel-description": "Understand the conversion and drop-off rate of users.",
- "label.goal": "Goal",
- "label.goals": "Goals",
- "label.goals-description": "Track your goals for pageviews and events.",
- "label.greater-than": "Greater than",
- "label.greater-than-equals": "Greater than or equals",
- "label.host": "Host",
- "label.hosts": "Hosts",
- "label.insights": "Insights",
- "label.insights-description": "Dive deeper into your data by using segments and filters.",
- "label.is": "Is",
- "label.is-not": "Is not",
- "label.is-not-set": "Is not set",
- "label.is-set": "Is set",
- "label.join": "Join",
- "label.join-team": "Join team",
- "label.journey": "Journey",
- "label.journey-description": "Understand how users navigate through your website.",
- "label.language": "Language",
- "label.languages": "زبانیں",
- "label.laptop": "لیپ ٹاپ",
- "label.last-days": "پچھلے {x} دن",
- "label.last-hours": "پچھلے {x} گھنٹے",
- "label.last-months": "Last {x} months",
- "label.last-seen": "Last seen",
- "label.leave": "Leave",
- "label.leave-team": "Leave team",
- "label.less-than": "Less than",
- "label.less-than-equals": "Less than or equals",
- "label.login": "لاگ ان",
- "label.logout": "لاگ آوٹ",
- "label.manage": "Manage",
- "label.manager": "Manager",
- "label.max": "Max",
- "label.member": "Member",
- "label.members": "Members",
- "label.min": "Min",
- "label.mobile": "موبائل",
- "label.more": "مزید",
- "label.my-account": "My account",
- "label.my-websites": "My websites",
- "label.name": "نام",
- "label.new-password": "نیا پاس ورڈ",
- "label.none": "None",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "OK",
- "label.os": "OS",
- "label.overview": "Overview",
- "label.owner": "مالک",
- "label.page-of": "Page {current} of {total}",
- "label.page-views": "صفحہ کے نظارے",
- "label.pageTitle": "Page title",
- "label.pages": "صفحات",
- "label.password": "پاس ورڈ",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "تقویت یافتہ بذریعہ {name}",
- "label.previous": "Previous",
- "label.previous-period": "Previous period",
- "label.previous-year": "Previous year",
- "label.profile": "پروفائل",
- "label.properties": "Properties",
- "label.property": "Property",
- "label.queries": "Queries",
- "label.query": "Query",
- "label.query-parameters": "Query parameters",
- "label.realtime": "براہ راست",
- "label.referrer": "Referrer",
- "label.referrers": "بھیجنے والے",
- "label.refresh": "تازہ دم کریں",
- "label.regenerate": "Regenerate",
- "label.region": "Region",
- "label.regions": "Regions",
- "label.remove": "Remove",
- "label.remove-member": "Remove member",
- "label.reports": "Reports",
- "label.required": "درکار ہے",
- "label.reset": "دوبارہ ترتیب دیں",
- "label.reset-website": "اعدادوشمار کو دوبارہ ترتیب دیں",
- "label.retention": "Retention",
- "label.retention-description": "Measure your website stickiness by tracking how often users return.",
- "label.revenue": "Revenue",
- "label.revenue-description": "Look into your revenue across time.",
- "label.revenue-property": "Revenue Property",
- "label.role": "Role",
- "label.run-query": "Run query",
- "label.save": "محفوظ کریں",
- "label.screens": "Screens",
- "label.search": "Search",
- "label.select": "Select",
- "label.select-date": "Select date",
- "label.select-role": "Select role",
- "label.select-website": "Select website",
- "label.session": "Session",
- "label.sessions": "Sessions",
- "label.settings": "ترتیبات",
- "label.share-url": "URL کا اشتراک کریں",
- "label.single-day": "ایک دن",
- "label.start-step": "Start Step",
- "label.steps": "Steps",
- "label.sum": "Sum",
- "label.tablet": "ٹیبلیٹ",
- "label.team": "Team",
- "label.team-id": "Team ID",
- "label.team-manager": "Team manager",
- "label.team-member": "Team member",
- "label.team-name": "Team name",
- "label.team-owner": "Team owner",
- "label.team-view-only": "Team view only",
- "label.team-websites": "Team websites",
- "label.teams": "Teams",
- "label.theme": "Theme",
- "label.this-month": "اس مہینے",
- "label.this-week": "اس ہفتے",
- "label.this-year": "اس سال",
- "label.timezone": "ٹائم زون",
- "label.title": "Title",
- "label.today": "آج",
- "label.toggle-charts": "چارٹ تبدیل کریں",
- "label.total": "Total",
- "label.total-records": "Total records",
- "label.tracking-code": "ٹریکنگ کوڈ",
- "label.transactions": "Transactions",
- "label.transfer": "Transfer",
- "label.transfer-website": "Transfer website",
- "label.true": "True",
- "label.type": "Type",
- "label.unique": "Unique",
- "label.unique-visitors": "منفرد زائرین",
- "label.uniqueCustomers": "Unique Customers",
- "label.unknown": "نامعلوم",
- "label.untitled": "Untitled",
- "label.update": "Update",
- "label.url": "URL",
- "label.urls": "URLs",
- "label.user": "User",
- "label.user-property": "User Property",
- "label.username": "صارف نام",
- "label.users": "Users",
- "label.utm": "UTM",
- "label.utm-description": "Track your campaigns through UTM parameters.",
- "label.value": "Value",
- "label.view": "View",
- "label.view-details": "تفصیلات دیکھیں",
- "label.view-only": "View only",
- "label.views": "مناظر",
- "label.views-per-visit": "Views per visit",
- "label.visit-duration": "وزٹ کا اوسط وقت",
- "label.visitors": "زائرین",
- "label.visits": "Visits",
- "label.website": "Website",
- "label.website-id": "Website ID",
- "label.websites": "ویب سائٹس",
- "label.window": "Window",
- "label.yesterday": "Yesterday",
- "message.action-confirmation": "Type {confirmation} in the box below to confirm.",
- "message.active-users": "{x} موجودہ {x, plural, one {زائر} other {زائرین}}",
- "message.collected-data": "Collected data",
- "message.confirm-delete": "کیا آپ واقعی {target} کو حذف کرنا چاہتے ہیں؟",
- "message.confirm-leave": "Are you sure you want to leave {target}?",
- "message.confirm-remove": "Are you sure you want to remove {target}?",
- "message.confirm-reset": "کیا آپ واقعی {target} کے اعدادوشمار کو دوبارہ ترتیب دینا چاہتے ہیں؟",
- "message.delete-team-warning": "Deleting a team will also delete all team websites.",
- "message.delete-website-warning": "تمام متعلقہ ڈیٹا بھی حذف کر دیا جائے گا۔",
- "message.error": "کچھ غلط ہو گیا.",
- "message.event-log": "{event} on {url}",
- "message.go-to-settings": "ترتیبات پر جائیں",
- "message.incorrect-username-password": "غلط صارف نام/پاس ورڈ۔",
- "message.invalid-domain": "غلط ڈومین",
- "message.min-password-length": "Minimum length of {n} characters",
- "message.new-version-available": "A new version of Umami {version} is available!",
- "message.no-data-available": "مواد موجود نہیں ہے.",
- "message.no-event-data": "No event data is available.",
- "message.no-match-password": "پاس ورڈز مماثل نہیں ہیں",
- "message.no-results-found": "No results were found.",
- "message.no-team-websites": "This team does not have any websites.",
- "message.no-teams": "You have not created any teams.",
- "message.no-users": "There are no users.",
- "message.no-websites-configured": "آپ کے پاس کوئی ویب سائٹ کنفیگر نہیں ہے۔",
- "message.page-not-found": "صفحہ نہیں ملا.",
- "message.reset-website": "To reset this website, type {confirmation} in the box below to confirm.",
- "message.reset-website-warning": "اس ویب سائٹ کے تمام اعدادوشمار کو حذف کر دیا جائے گا، لیکن آپ کا ٹریکنگ کوڈ برقرار رہے گا۔",
- "message.saved": "کامیابی سے محفوظ ہو گیا۔",
- "message.share-url": "یہ {target} کے لیے عوامی طور پر اشتراک کردہ URL ہے۔",
- "message.team-already-member": "You are already a member of the team.",
- "message.team-not-found": "Team not found.",
- "message.team-websites-info": "Websites can be viewed by anyone on the team.",
- "message.tracking-code": "ٹریکنگ کوڈ",
- "message.transfer-team-website-to-user": "Transfer this website to your account?",
- "message.transfer-user-website-to-team": "Select the team to transfer this website to.",
- "message.transfer-website": "Transfer website ownership to your account or another team.",
- "message.triggered-event": "Triggered event",
- "message.user-deleted": "User deleted.",
- "message.viewed-page": "Viewed page",
- "message.visitor-log": "{os} {device} پر {browser} کا استعمال کرتے ہوئے {country} سے آنے والا",
- "message.visitors-dropped-off": "Visitors dropped off"
-}
diff --git a/src/lang/vi-VN.json b/src/lang/vi-VN.json
deleted file mode 100644
index 5c9a78a24..000000000
--- a/src/lang/vi-VN.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "Mã truy cập",
- "label.actions": "Hành động",
- "label.activity": "Nhật ký hoạt động",
- "label.add": "Thêm",
- "label.add-description": "Thêm mô tả",
- "label.add-member": "Thêm thành viên",
- "label.add-step": "Thêm bước",
- "label.add-website": "Thêm website",
- "label.admin": "Quản trị",
- "label.after": "Sau đó",
- "label.all": "Tất cả",
- "label.all-time": "Toàn thời gian",
- "label.analytics": "Phân tích",
- "label.average": "Trung bình",
- "label.back": "Quay lại",
- "label.before": "Trước đó",
- "label.bounce-rate": "Tỷ lệ thoát trang",
- "label.breakdown": "Phân tích chi tiết",
- "label.browser": "Trình duyệt",
- "label.browsers": "Các trình duyệt",
- "label.cancel": "Hủy bỏ",
- "label.change-password": "Đổi mật khẩu",
- "label.cities": "Các thành phố",
- "label.city": "Thành phố",
- "label.clear-all": "Xóa tất cả",
- "label.compare": "So sánh",
- "label.confirm": "Xác nhận",
- "label.confirm-password": "Xác nhận mật khẩu",
- "label.contains": "Chứa",
- "label.continue": "Tiếp tục",
- "label.count": "Số lượng",
- "label.countries": "Các quốc gia",
- "label.country": "Quốc gia",
- "label.create": "Tạo",
- "label.create-report": "Tạo báo cáo",
- "label.create-team": "Tạo nhóm",
- "label.create-user": "Tạo người dùng",
- "label.created": "Đã tạo",
- "label.created-by": "Được tạo bởi",
- "label.current": "Hiện tại",
- "label.current-password": "Mật khẩu hiện tại",
- "label.custom-range": "Phạm vi tùy chỉnh",
- "label.dashboard": "Bảng điều khiển",
- "label.data": "Dữ liệu",
- "label.date": "Ngày",
- "label.date-range": "Phạm vi ngày",
- "label.day": "Ngày",
- "label.default-date-range": "Khoảng thời gian mặc định",
- "label.delete": "Xóa",
- "label.delete-report": "Xóa báo cáo",
- "label.delete-team": "Xóa nhóm",
- "label.delete-user": "Xóa người dùng",
- "label.delete-website": "Xóa website",
- "label.description": "Mô tả",
- "label.desktop": "Máy tính để bàn",
- "label.details": "Chi tiết",
- "label.device": "Thiết bị",
- "label.devices": "Các thiết bị",
- "label.dismiss": "Bỏ qua",
- "label.does-not-contain": "Không chứa",
- "label.domain": "Tên miền",
- "label.dropoff": "Tỷ lệ bỏ qua",
- "label.edit": "Chỉnh sửa",
- "label.edit-dashboard": "Chỉnh sửa bảng điều khiển",
- "label.edit-member": "Chỉnh sửa thành viên",
- "label.enable-share-url": "Bật chia sẻ URL",
- "label.end-step": "Bước kết thúc",
- "label.entry": "URL truy cập",
- "label.event": "Sự kiện",
- "label.event-data": "Dữ liệu sự kiện",
- "label.events": "Các sự kiện",
- "label.exit": "URL thoát",
- "label.false": "Sai",
- "label.field": "Trường",
- "label.fields": "Các trường",
- "label.filter": "Lọc",
- "label.filter-combined": "Kết hợp lọc",
- "label.filter-raw": "Lọc thô",
- "label.filters": "Bộ lọc",
- "label.first-seen": "Lần đầu tiên nhìn thấy",
- "label.funnel": "Phễu",
- "label.funnel-description": "Tìm hiểu tỷ lệ chuyển đổi và bỏ qua của người dùng.",
- "label.goal": "Mục tiêu",
- "label.goals": "Các mục tiêu",
- "label.goals-description": "Theo dõi các mục tiêu của bạn cho lượt xem trang và sự kiện.",
- "label.greater-than": "Lớn hơn",
- "label.greater-than-equals": "Lớn hơn hoặc bằng",
- "label.host": "Máy chủ",
- "label.hosts": "Các máy chủ",
- "label.insights": "Thông tin chi tiết",
- "label.insights-description": "Tìm hiểu sâu hơn về dữ liệu của bạn bằng cách sử dụng phân đoạn và bộ lọc.",
- "label.is": "Là",
- "label.is-not": "Không phải là",
- "label.is-not-set": "Chưa được đặt",
- "label.is-set": "Đã đặt",
- "label.join": "Tham gia",
- "label.join-team": "Tham gia nhóm",
- "label.journey": "Hành trình",
- "label.journey-description": "Hiểu cách người dùng điều hướng qua website của bạn.",
- "label.language": "Ngôn ngữ",
- "label.languages": "Các ngôn ngữ",
- "label.laptop": "Máy tính xách tay",
- "label.last-days": "{x} ngày gần nhất",
- "label.last-hours": "{x} giờ gần nhất",
- "label.last-months": "{x} tháng gần nhất",
- "label.last-seen": "Lần cuối cùng nhìn thấy",
- "label.leave": "Rời khỏi",
- "label.leave-team": "Rời nhóm",
- "label.less-than": "Nhỏ hơn",
- "label.less-than-equals": "Nhỏ hơn hoặc bằng",
- "label.login": "Đăng nhập",
- "label.logout": "Đăng xuất",
- "label.manage": "Quản lý",
- "label.manager": "Quản lý",
- "label.max": "Tối đa",
- "label.member": "Thành viên",
- "label.members": "Các thành viên",
- "label.min": "Tối thiểu",
- "label.mobile": "Di động",
- "label.more": "Thêm",
- "label.my-account": "Tài khoản của tôi",
- "label.my-websites": "Các website của tôi",
- "label.name": "Tên",
- "label.new-password": "Mật khẩu mới",
- "label.none": "Không",
- "label.number-of-records": "{x} {x, plural, one {bản ghi} other {bản ghi}}",
- "label.ok": "OK",
- "label.os": "Hệ điều hành",
- "label.overview": "Tổng quan",
- "label.owner": "Chủ sở hữu",
- "label.page-of": "Trang {current} trên {total}",
- "label.page-views": "Lượt xem trang",
- "label.pageTitle": "Tiêu đề trang",
- "label.pages": "Các trang",
- "label.password": "Mật khẩu",
- "label.path": "Đường dẫn",
- "label.paths": "Các đường dẫn",
- "label.powered-by": "Được cung cấp bởi {name}",
- "label.previous": "Trước",
- "label.previous-period": "Kỳ trước",
- "label.previous-year": "Năm trước",
- "label.profile": "Hồ sơ",
- "label.properties": "Thuộc tính",
- "label.property": "Thuộc tính",
- "label.queries": "Truy vấn",
- "label.query": "Truy vấn",
- "label.query-parameters": "Tham số truy vấn",
- "label.realtime": "Thời gian thực",
- "label.referrer": "Nguồn giới thiệu",
- "label.referrers": "Các nguồn giới thiệu",
- "label.refresh": "Làm mới",
- "label.regenerate": "Tạo lại",
- "label.region": "Vùng",
- "label.regions": "Các vùng",
- "label.remove": "Xóa",
- "label.remove-member": "Xóa thành viên",
- "label.reports": "Báo cáo",
- "label.required": "Yêu cầu",
- "label.reset": "Đặt lại",
- "label.reset-website": "Đặt lại thống kê website",
- "label.retention": "Tỷ lệ giữ chân",
- "label.retention-description": "Đo lường mức độ gắn bó của website bằng cách theo dõi tần suất người dùng quay lại.",
- "label.revenue": "Doanh thu",
- "label.revenue-description": "Xem xét doanh thu của bạn theo thời gian.",
- "label.revenue-property": "Thuộc tính doanh thu",
- "label.role": "Vai trò",
- "label.run-query": "Chạy truy vấn",
- "label.save": "Lưu",
- "label.screens": "Màn hình",
- "label.search": "Tìm kiếm",
- "label.select": "Chọn",
- "label.select-date": "Chọn ngày",
- "label.select-role": "Chọn vai trò",
- "label.select-website": "Chọn website",
- "label.session": "Phiên",
- "label.sessions": "Các phiên",
- "label.settings": "Cài đặt",
- "label.share-url": "Chia sẻ URL",
- "label.single-day": "Một ngày",
- "label.start-step": "Bước bắt đầu",
- "label.steps": "Các bước",
- "label.sum": "Tổng",
- "label.tablet": "Máy tính bảng",
- "label.team": "Nhóm",
- "label.team-id": "ID nhóm",
- "label.team-manager": "Quản lý nhóm",
- "label.team-member": "Thành viên nhóm",
- "label.team-name": "Tên nhóm",
- "label.team-owner": "Chủ sở hữu nhóm",
- "label.team-view-only": "Chỉ xem nhóm",
- "label.team-websites": "Các website của nhóm",
- "label.teams": "Các nhóm",
- "label.theme": "Chủ đề",
- "label.this-month": "Tháng này",
- "label.this-week": "Tuần này",
- "label.this-year": "Năm nay",
- "label.timezone": "Múi giờ",
- "label.title": "Tiêu đề",
- "label.today": "Hôm nay",
- "label.toggle-charts": "Bật/tắt biểu đồ",
- "label.total": "Tổng",
- "label.total-records": "Tổng số bản ghi",
- "label.tracking-code": "Mã theo dõi",
- "label.transactions": "Giao dịch",
- "label.transfer": "Chuyển giao",
- "label.transfer-website": "Chuyển giao website",
- "label.true": "Đúng",
- "label.type": "Loại",
- "label.unique": "Duy nhất",
- "label.unique-visitors": "Khách truy cập duy nhất",
- "label.uniqueCustomers": "Khách hàng duy nhất",
- "label.unknown": "Không rõ",
- "label.untitled": "Không có tiêu đề",
- "label.update": "Cập nhật",
- "label.url": "URL",
- "label.urls": "Các URL",
- "label.user": "Người dùng",
- "label.user-property": "Thuộc tính người dùng",
- "label.username": "Tên đăng nhập",
- "label.users": "Người dùng",
- "label.utm": "UTM",
- "label.utm-description": "Theo dõi các chiến dịch của bạn thông qua các tham số UTM.",
- "label.value": "Giá trị",
- "label.view": "Xem",
- "label.view-details": "Xem chi tiết",
- "label.view-only": "Chỉ xem",
- "label.views": "Lượt xem",
- "label.views-per-visit": "Lượt xem trên mỗi lượt truy cập",
- "label.visit-duration": "Thời lượng truy cập",
- "label.visitors": "Khách truy cập",
- "label.visits": "Lượt truy cập",
- "label.website": "Website",
- "label.website-id": "ID website",
- "label.websites": "Các website",
- "label.window": "Cửa sổ",
- "label.yesterday": "Hôm qua",
- "message.action-confirmation": "Nhập {confirmation} vào ô bên dưới để xác nhận.",
- "message.active-users": "{x} {x, plural, one {người dùng} other {người dùng}} đang hoạt động",
- "message.collected-data": "Dữ liệu đã thu thập",
- "message.confirm-delete": "Bạn có chắc chắn muốn xóa {target}?",
- "message.confirm-leave": "Bạn có chắc chắn muốn rời {target}?",
- "message.confirm-remove": "Bạn có chắc chắn muốn xóa {target}?",
- "message.confirm-reset": "Bạn có chắc chắn muốn đặt lại thống kê {target}?",
- "message.delete-team-warning": "Việc xóa một nhóm cũng sẽ xóa tất cả các website của nhóm.",
- "message.delete-website-warning": "Tất cả dữ liệu liên quan cũng sẽ bị xóa.",
- "message.error": "Đã xảy ra lỗi.",
- "message.event-log": "{event} trên {url}",
- "message.go-to-settings": "Chuyển đến cài đặt",
- "message.incorrect-username-password": "Sai tên đăng nhập/mật khẩu.",
- "message.invalid-domain": "Tên miền không hợp lệ",
- "message.min-password-length": "Độ dài tối thiểu {n} ký tự",
- "message.new-version-available": "Có phiên bản mới của Umami {version}!",
- "message.no-data-available": "Không có dữ liệu.",
- "message.no-event-data": "Không có dữ liệu sự kiện.",
- "message.no-match-password": "Mật khẩu không khớp",
- "message.no-results-found": "Không tìm thấy kết quả nào.",
- "message.no-team-websites": "Nhóm này không có bất kỳ website nào.",
- "message.no-teams": "Bạn chưa tạo nhóm nào.",
- "message.no-users": "Không có người dùng nào.",
- "message.no-websites-configured": "Bạn chưa cấu hình bất kỳ website nào.",
- "message.page-not-found": "Không tìm thấy trang.",
- "message.reset-website": "Để đặt lại website này, nhập {confirmation} vào ô bên dưới để xác nhận.",
- "message.reset-website-warning": "Tất cả số liệu thống kê của website này sẽ bị xóa, nhưng mã theo dõi sẽ vẫn giữ nguyên.",
- "message.saved": "Đã lưu thành công.",
- "message.share-url": "Đây là đường dẫn URL cho {target}.",
- "message.team-already-member": "Bạn đã là thành viên của nhóm.",
- "message.team-not-found": "Không tìm thấy nhóm.",
- "message.team-websites-info": "Bất kỳ ai trong nhóm đều có thể xem các website.",
- "message.tracking-code": "Mã theo dõi",
- "message.transfer-team-website-to-user": "Chuyển website này sang tài khoản của bạn?",
- "message.transfer-user-website-to-team": "Chọn nhóm để chuyển website này đến.",
- "message.transfer-website": "Chuyển quyền sở hữu website sang tài khoản của bạn hoặc một nhóm khác.",
- "message.triggered-event": "Sự kiện được kích hoạt",
- "message.user-deleted": "Người dùng đã bị xóa.",
- "message.viewed-page": "Đã xem trang",
- "message.visitor-log": "Khách từ {country} đang sử dụng {browser} trên {os} {device}",
- "message.visitors-dropped-off": "Khách truy cập đã rời đi"
-}
diff --git a/src/lang/zh-CN.json b/src/lang/zh-CN.json
deleted file mode 100644
index 6892f2e59..000000000
--- a/src/lang/zh-CN.json
+++ /dev/null
@@ -1,280 +0,0 @@
-{
- "label.access-code": "访问代码",
- "label.actions": "用户行为",
- "label.activity": "活动日志",
- "label.add": "添加",
- "label.add-description": "添加描述",
- "label.add-member": "添加成员",
- "label.add-step": "添加步骤",
- "label.add-website": "添加网站",
- "label.admin": "管理员",
- "label.after": "之后",
- "label.all": "所有",
- "label.all-time": "所有时间段",
- "label.analytics": "分析",
- "label.average": "平均",
- "label.back": "返回",
- "label.before": "之前",
- "label.bounce-rate": "跳出率",
- "label.breakdown": "故障",
- "label.browser": "浏览器",
- "label.browsers": "浏览器",
- "label.cancel": "取消",
- "label.change-password": "修改密码",
- "label.channels": "渠道",
- "label.cities": "市/县",
- "label.city": "市/县",
- "label.clear-all": "清除全部",
- "label.compare": "比较",
- "label.confirm": "确认",
- "label.confirm-password": "确认密码",
- "label.contains": "包含",
- "label.continue": "继续",
- "label.count": "统计",
- "label.countries": "国家/地区",
- "label.country": "国家/地区",
- "label.create": "创建",
- "label.create-report": "创建报告",
- "label.create-team": "创建团队",
- "label.create-user": "创建用户",
- "label.created": "已创建",
- "label.created-by": "创建者",
- "label.current": "当前",
- "label.current-password": "当前密码",
- "label.custom-range": "自定义时间段",
- "label.dashboard": "仪表盘",
- "label.data": "统计数据",
- "label.date": "日期",
- "label.date-range": "时间段",
- "label.day": "日",
- "label.default-date-range": "默认时间段",
- "label.delete": "删除",
- "label.delete-report": "删除报告",
- "label.delete-team": "删除团队",
- "label.delete-user": "删除用户",
- "label.delete-website": "删除网站",
- "label.description": "描述",
- "label.desktop": "台式机",
- "label.details": "详细信息",
- "label.device": "设备",
- "label.devices": "设备",
- "label.dismiss": "关闭",
- "label.does-not-contain": "不包含",
- "label.domain": "域名",
- "label.dropoff": "丢弃",
- "label.edit": "编辑",
- "label.edit-dashboard": "编辑仪表盘",
- "label.edit-member": "编辑成员",
- "label.enable-share-url": "启用共享链接",
- "label.end-step": "结束步骤",
- "label.entry": "入口 URL",
- "label.event": "事件",
- "label.event-data": "事件数据",
- "label.events": "行为类别",
- "label.exit": "退出 URL",
- "label.false": "否",
- "label.field": "字段",
- "label.fields": "字段",
- "label.filter": "筛选器",
- "label.filter-combined": "合并",
- "label.filter-raw": "原始",
- "label.filters": "筛选",
- "label.first-seen": "首次出现",
- "label.funnel": "分析",
- "label.funnel-description": "了解用户的转化率和跳出率。",
- "label.goal": "目标",
- "label.goals": "目标",
- "label.goals-description": "跟踪页面浏览量和事件的目标。",
- "label.greater-than": "大于",
- "label.greater-than-equals": "大于或等于",
- "label.host": "主机",
- "label.hosts": "主机",
- "label.insights": "见解",
- "label.insights-description": "通过使用筛选器和划分时间段来更深入地研究数据。",
- "label.is": "等于",
- "label.is-not": "不等于",
- "label.is-not-set": "未设置",
- "label.is-set": "已设置",
- "label.join": "加入",
- "label.join-team": "加入团队",
- "label.journey": "用户浏览轨迹",
- "label.journey-description": "了解用户如何浏览网站。",
- "label.language": "语言",
- "label.languages": "语言",
- "label.laptop": "笔记本",
- "label.last-days": "最近 {x} 天",
- "label.last-hours": "最近 {x} 小时",
- "label.last-months": "最近 {x} 个月",
- "label.last-seen": "最后出现",
- "label.leave": "离开",
- "label.leave-team": "离开团队",
- "label.less-than": "少于",
- "label.less-than-equals": "少于等于",
- "label.login": "登录",
- "label.logout": "退出",
- "label.manage": "管理",
- "label.manager": "管理者",
- "label.max": "最大",
- "label.member": "成员",
- "label.members": "成员",
- "label.min": "最小",
- "label.mobile": "手机",
- "label.more": "更多",
- "label.my-account": "我的账户",
- "label.my-websites": "我的网站",
- "label.name": "名字",
- "label.new-password": "新密码",
- "label.none": "无",
- "label.number-of-records": "{x} {x, plural, one {record} other {records}}",
- "label.ok": "好的",
- "label.os": "操作系统",
- "label.overview": "概览",
- "label.owner": "所有者",
- "label.page-of": "总 {total} 中的第 {current} 页",
- "label.page-views": "页面浏览量",
- "label.pageTitle": "标题",
- "label.pages": "网页",
- "label.password": "密码",
- "label.path": "Path",
- "label.paths": "Paths",
- "label.powered-by": "由 {name} 提供支持",
- "label.previous": "先前",
- "label.previous-period": "上一时期",
- "label.previous-year": "上一年",
- "label.profile": "个人资料",
- "label.properties": "属性",
- "label.property": "属性",
- "label.queries": "查询",
- "label.query": "查询",
- "label.query-parameters": "查询参数",
- "label.realtime": "实时",
- "label.referrer": "来源",
- "label.referrers": "来源域名",
- "label.refresh": "刷新",
- "label.regenerate": "重新生成",
- "label.region": "州/省",
- "label.regions": "州/省",
- "label.remove": "移除",
- "label.remove-member": "移除成员",
- "label.reports": "报告",
- "label.required": "必填",
- "label.reset": "重置",
- "label.reset-website": "重置统计数据",
- "label.retention": "保留",
- "label.retention-description": "通过追踪用户回访频率来衡量您网站的用户粘性。",
- "label.revenue": "收入",
- "label.revenue-description": "查看随时间变化的收入数据。",
- "label.revenue-property": "收入值",
- "label.role": "角色",
- "label.run-query": "查询",
- "label.save": "保存",
- "label.screens": "屏幕尺寸",
- "label.search": "搜索",
- "label.select": "选择",
- "label.select-date": "选择日期",
- "label.select-role": "选择角色",
- "label.select-website": "选择网站",
- "label.session": "Session",
- "label.sessions": "会话",
- "label.settings": "设置",
- "label.share-url": "共享链接",
- "label.single-day": "单日",
- "label.start-step": "开始步骤",
- "label.steps": "步骤",
- "label.sum": "总和",
- "label.tablet": "平板",
- "label.team": "团队",
- "label.team-id": "团队 ID",
- "label.team-manager": "团队管理员",
- "label.team-member": "团队成员",
- "label.team-name": "团队名称",
- "label.team-owner": "团队所有者",
- "label.team-view-only": "仅团队视图",
- "label.team-websites": "团队网站",
- "label.teams": "团队",
- "label.theme": "主题",
- "label.this-month": "本月",
- "label.this-week": "本周",
- "label.this-year": "今年",
- "label.timezone": "时区",
- "label.title": "标题",
- "label.today": "今天",
- "label.toggle-charts": "切换图表",
- "label.total": "总数",
- "label.total-records": "总记录数",
- "label.tracking-code": "跟踪代码",
- "label.transactions": "交易",
- "label.transfer": "转移",
- "label.transfer-website": "转移网站",
- "label.true": "是",
- "label.type": "类型",
- "label.unique": "独立",
- "label.unique-visitors": "独立访客",
- "label.uniqueCustomers": "独特客户",
- "label.unknown": "未知",
- "label.untitled": "未命名",
- "label.update": "更新",
- "label.url": "网址",
- "label.urls": "网址",
- "label.user": "用户",
- "label.user-property": "用户属性",
- "label.username": "用户名",
- "label.users": "用户",
- "label.utm": "UTM",
- "label.utm-description": "通过 UTM 参数追踪您的广告活动。",
- "label.value": "值",
- "label.view": "查看",
- "label.view-details": "查看更多",
- "label.view-only": "仅浏览",
- "label.views": "浏览量",
- "label.views-per-visit": "每次访问的浏览量",
- "label.visit-duration": "平均访问时长",
- "label.visitors": "访客",
- "label.visits": "访问次数",
- "label.website": "网站",
- "label.website-id": "网站 ID",
- "label.websites": "网站",
- "label.window": "窗口",
- "label.yesterday": "昨天",
- "message.action-confirmation": "请在下方输入框中输入 {confirmation} 以确认操作。",
- "message.active-users": "当前在线 {x} 位访客",
- "message.collected-data": "已收集的数据",
- "message.confirm-delete": "你确定要删除 {target} 吗？",
- "message.confirm-leave": "你确定要离开 {target} 吗？",
- "message.confirm-remove": "您确定要移除 {target} ？",
- "message.confirm-reset": "您确定要重置 {target} 的数据吗？",
- "message.delete-team-warning": "删除团队也会删除所有团队网站。",
- "message.delete-website-warning": "所有相关数据将会被删除。",
- "message.error": "发生错误。",
- "message.event-log": "{url} 上的 {event}",
- "message.go-to-settings": "去设置",
- "message.incorrect-username-password": "用户名或密码不正确。",
- "message.invalid-domain": "无效域名",
- "message.min-password-length": "密码最短长度为 {n} 个字符",
- "message.new-version-available": "Umami 新版本 {version} 已发布！",
- "message.no-data-available": "暂无数据。",
- "message.no-event-data": "无可用事件。",
- "message.no-match-password": "密码不一致",
- "message.no-results-found": "未找到结果。",
- "message.no-team-websites": "该团队暂无网站。",
- "message.no-teams": "您尚未创建任何团队。",
- "message.no-users": "暂无用户。",
- "message.no-websites-configured": "你还没有设置任何网站。",
- "message.page-not-found": "页面未找到。",
- "message.reset-website": "如确定要重置该网站，请在下面输入 {confirmation} 以确认。",
- "message.reset-website-warning": "此网站的所有统计数据将被删除，但您的跟踪代码将保持不变。",
- "message.saved": "保存成功。",
- "message.share-url": "这是 {target} 的共享链接。",
- "message.team-already-member": "你已是该团队的成员。",
- "message.team-not-found": "未找到团队。",
- "message.team-websites-info": "团队成员均可查看网站数据。",
- "message.tracking-code": "跟踪代码",
- "message.transfer-team-website-to-user": "将此网站转移到您的账户？",
- "message.transfer-user-website-to-team": "选择要转移此网站的团队。",
- "message.transfer-website": "将网站所有权转移到您的账户或其他团队。",
- "message.triggered-event": "触发事件",
- "message.user-deleted": "用户已删除。",
- "message.viewed-page": "已浏览页面",
- "message.visitor-log": "来自 {country} 的访客在搭载 {os} 的 {device} 上使用 {browser} 浏览器进行访问。",
- "message.visitors-dropped-off": "访客减少"
-}
diff --git a/src/lang/zh-TW.json b/src/lang/zh-TW.json
deleted file mode 100644
index 46cdbde1f..000000000
--- a/src/lang/zh-TW.json
+++ /dev/null
@@ -1,279 +0,0 @@
-{
- "label.access-code": "存取碼",
- "label.actions": "行為",
- "label.activity": "活動紀錄",
- "label.add": "新增",
- "label.add-description": "新增描述",
- "label.add-member": "新增成員",
- "label.add-step": "新增步驟",
- "label.add-website": "新增網站",
- "label.admin": "管理員",
- "label.after": "之後",
- "label.all": "全部",
- "label.all-time": "所有時間",
- "label.analytics": "分析",
- "label.average": "平均",
- "label.back": "返回",
- "label.before": "之前",
- "label.bounce-rate": "跳出率",
- "label.breakdown": "細項分析",
- "label.browser": "瀏覽器",
- "label.browsers": "瀏覽器",
- "label.cancel": "取消",
- "label.change-password": "更改密碼",
- "label.cities": "城市",
- "label.city": "城市",
- "label.clear-all": "全部清除",
- "label.compare": "比較",
- "label.confirm": "確認",
- "label.confirm-password": "確認密碼",
- "label.contains": "包含",
- "label.continue": "繼續",
- "label.count": "數量",
- "label.countries": "國家",
- "label.country": "國家",
- "label.create": "建立",
- "label.create-report": "建立報表",
- "label.create-team": "建立團隊",
- "label.create-user": "建立使用者",
- "label.created": "已建立",
- "label.created-by": "建立者",
- "label.current": "目前",
- "label.current-password": "目前密碼",
- "label.custom-range": "自訂範圍",
- "label.dashboard": "儀表板",
- "label.data": "資料",
- "label.date": "日期",
- "label.date-range": "日期範圍",
- "label.day": "日",
- "label.default-date-range": "預設日期範圍",
- "label.delete": "刪除",
- "label.delete-report": "刪除報表",
- "label.delete-team": "刪除團隊",
- "label.delete-user": "刪除使用者",
- "label.delete-website": "刪除網站",
- "label.description": "描述",
- "label.desktop": "桌上型電腦",
- "label.details": "詳細資訊",
- "label.device": "裝置",
- "label.devices": "裝置",
- "label.dismiss": "關閉",
- "label.does-not-contain": "不包含",
- "label.domain": "網域",
- "label.dropoff": "離開",
- "label.edit": "編輯",
- "label.edit-dashboard": "編輯儀表板",
- "label.edit-member": "編輯成員",
- "label.enable-share-url": "啟用分享連結",
- "label.end-step": "結束步驟",
- "label.entry": "進入網址",
- "label.event": "事件",
- "label.event-data": "事件資料",
- "label.events": "事件",
- "label.exit": "離開網址",
- "label.false": "否",
- "label.field": "欄位",
- "label.fields": "欄位",
- "label.filter": "篩選器",
- "label.filter-combined": "組合",
- "label.filter-raw": "原始",
- "label.filters": "篩選條件",
- "label.first-seen": "首次造訪",
- "label.funnel": "漏斗分析",
- "label.funnel-description": "瞭解使用者的轉換率與流失率。",
- "label.goal": "目標",
- "label.goals": "目標",
- "label.goals-description": "追蹤網頁瀏覽和事件的目標。",
- "label.greater-than": "大於",
- "label.greater-than-equals": "大於或等於",
- "label.host": "主機名稱",
- "label.hosts": "主機名稱",
- "label.insights": "洞察",
- "label.insights-description": "使用區段和篩選器來深入分析您的資料。",
- "label.is": "是",
- "label.is-not": "不是",
- "label.is-not-set": "未設定",
- "label.is-set": "已設定",
- "label.join": "加入",
- "label.join-team": "加入團隊",
- "label.journey": "使用者旅程",
- "label.journey-description": "瞭解使用者如何瀏覽您的網站。",
- "label.language": "語言",
- "label.languages": "語言",
- "label.laptop": "筆記型電腦",
- "label.last-days": "最近 {x} 天",
- "label.last-hours": "最近 {x} 小時",
- "label.last-months": "最近 {x} 個月",
- "label.last-seen": "最後造訪",
- "label.leave": "離開",
- "label.leave-team": "離開團隊",
- "label.less-than": "小於",
- "label.less-than-equals": "小於或等於",
- "label.login": "登入",
- "label.logout": "登出",
- "label.manage": "管理",
- "label.manager": "管理者",
- "label.max": "最大值",
- "label.member": "成員",
- "label.members": "成員",
- "label.min": "最小值",
- "label.mobile": "行動裝置",
- "label.more": "更多",
- "label.my-account": "我的帳號",
- "label.my-websites": "我的網站",
- "label.name": "名稱",
- "label.new-password": "新密碼",
- "label.none": "無",
- "label.number-of-records": "{x} 筆紀錄",
- "label.ok": "OK",
- "label.os": "作業系統",
- "label.overview": "總覽",
- "label.owner": "擁有者",
- "label.page-of": "第 {current} 頁，共 {total} 頁",
- "label.page-views": "網頁瀏覽次數",
- "label.pageTitle": "網頁標題",
- "label.pages": "網頁",
- "label.password": "密碼",
- "label.path": "路徑",
- "label.paths": "路徑",
- "label.powered-by": "由 {name} 提供技術支援",
- "label.previous": "上一個",
- "label.previous-period": "上一期間",
- "label.previous-year": "去年",
- "label.profile": "個人檔案",
- "label.properties": "屬性",
- "label.property": "屬性",
- "label.queries": "查詢",
- "label.query": "查詢",
- "label.query-parameters": "查詢參數",
- "label.realtime": "即時",
- "label.referrer": "參照來源",
- "label.referrers": "參照來源",
- "label.refresh": "重新整理",
- "label.regenerate": "重新產生",
- "label.region": "地區",
- "label.regions": "地區",
- "label.remove": "移除",
- "label.remove-member": "移除成員",
- "label.reports": "報表",
- "label.required": "必填",
- "label.reset": "重設",
- "label.reset-website": "重設網站統計資料",
- "label.retention": "留存率",
- "label.retention-description": "透過追蹤使用者回訪的頻率來衡量您的網站黏著度。",
- "label.revenue": "營收",
- "label.revenue-description": "查看您的營收趨勢。",
- "label.revenue-property": "營收屬性",
- "label.role": "角色",
- "label.run-query": "執行查詢",
- "label.save": "儲存",
- "label.screens": "螢幕",
- "label.search": "搜尋",
- "label.select": "選取",
- "label.select-date": "選取日期",
- "label.select-role": "選取角色",
- "label.select-website": "選取網站",
- "label.session": "工作階段",
- "label.sessions": "工作階段",
- "label.settings": "設定",
- "label.share-url": "分享連結",
- "label.single-day": "單日",
- "label.start-step": "起始步驟",
- "label.steps": "步驟",
- "label.sum": "總和",
- "label.tablet": "平板",
- "label.team": "團隊",
- "label.team-id": "團隊 ID",
- "label.team-manager": "團隊管理者",
- "label.team-member": "團隊成員",
- "label.team-name": "團隊名稱",
- "label.team-owner": "團隊擁有者",
- "label.team-view-only": "團隊僅供檢視",
- "label.team-websites": "團隊網站",
- "label.teams": "團隊",
- "label.theme": "主題",
- "label.this-month": "本月",
- "label.this-week": "本週",
- "label.this-year": "今年",
- "label.timezone": "時區",
- "label.title": "標題",
- "label.today": "今天",
- "label.toggle-charts": "切換圖表",
- "label.total": "總計",
- "label.total-records": "紀錄總數",
- "label.tracking-code": "追蹤代碼",
- "label.transactions": "交易",
- "label.transfer": "轉移",
- "label.transfer-website": "轉移網站",
- "label.true": "是",
- "label.type": "類型",
- "label.unique": "不重複",
- "label.unique-visitors": "不重複訪客",
- "label.uniqueCustomers": "不重複客戶",
- "label.unknown": "未知",
- "label.untitled": "未命名",
- "label.update": "更新",
- "label.url": "網址",
- "label.urls": "網址",
- "label.user": "使用者",
- "label.user-property": "使用者屬性",
- "label.username": "使用者名稱",
- "label.users": "使用者",
- "label.utm": "UTM",
- "label.utm-description": "透過 UTM 參數追蹤您的行銷活動。",
- "label.value": "值",
- "label.view": "檢視",
- "label.view-details": "檢視詳細資訊",
- "label.view-only": "僅供檢視",
- "label.views": "瀏覽次數",
- "label.views-per-visit": "每次造訪的瀏覽次數",
- "label.visit-duration": "造訪時間",
- "label.visitors": "訪客",
- "label.visits": "造訪次數",
- "label.website": "網站",
- "label.website-id": "網站 ID",
- "label.websites": "網站",
- "label.window": "視窗",
- "label.yesterday": "昨天",
- "message.action-confirmation": "請在下方欄位輸入 {confirmation} 以確認。",
- "message.active-users": "目前有 {x} 位訪客",
- "message.collected-data": "已蒐集的資料",
- "message.confirm-delete": "您確定要刪除 {target} 嗎？",
- "message.confirm-leave": "您確定要離開 {target} 嗎？",
- "message.confirm-remove": "您確定要移除 {target} 嗎？",
- "message.confirm-reset": "您確定要重設 {target} 的統計資料嗎？",
- "message.delete-team-warning": "刪除團隊的同時也會刪除所有團隊的網站。",
- "message.delete-website-warning": "所有網站資料都將被刪除。",
- "message.error": "發生錯誤。",
- "message.event-log": "在 {url} 上的 {event}",
- "message.go-to-settings": "前往設定",
- "message.incorrect-username-password": "使用者名稱或密碼不正確。",
- "message.invalid-domain": "無效的網域。請勿包含 http/https。",
- "message.min-password-length": "密碼長度至少需 {n} 個字元",
- "message.new-version-available": "Umami {version} 的新版本已推出！",
- "message.no-data-available": "沒有可用的資料。",
- "message.no-event-data": "沒有可用的事件資料。",
- "message.no-match-password": "密碼不一致。",
- "message.no-results-found": "找不到結果。",
- "message.no-team-websites": "此團隊沒有任何網站。",
- "message.no-teams": "您尚未建立任何團隊。",
- "message.no-users": "沒有任何使用者。",
- "message.no-websites-configured": "您尚未設定任何網站。",
- "message.page-not-found": "找不到網頁",
- "message.reset-website": "要重設此網站的統計資料，請在下方欄位輸入 {confirmation} 以確認。",
- "message.reset-website-warning": "此網站的所有統計資料都將被刪除，但您的設定將保持不變。",
- "message.saved": "已儲存。",
- "message.share-url": "您的網站統計資料可在以下網址公開檢視：",
- "message.team-already-member": "您已是該團隊的成員。",
- "message.team-not-found": "找不到團隊。",
- "message.team-websites-info": "團隊中的所有成員都可以檢視網站。",
- "message.tracking-code": "要追蹤此網站的統計資料，請將以下程式碼放在您 HTML 的 ... 區段中。",
- "message.transfer-team-website-to-user": "要將此網站轉移至您的帳號嗎？",
- "message.transfer-user-website-to-team": "請選擇要轉移此網站的團隊。",
- "message.transfer-website": "將網站所有權轉移至您的帳號或其他團隊。",
- "message.triggered-event": "已觸發的事件",
- "message.user-deleted": "使用者已刪除。",
- "message.viewed-page": "已瀏覽的網頁",
- "message.visitor-log": "來自 {country} 的訪客在 {device} 上的 {os} 使用 {browser} 瀏覽。",
- "message.visitors-dropped-off": "訪客已離開"
-}
diff --git a/src/lib/__tests__/boards.test.ts b/src/lib/__tests__/boards.test.ts
new file mode 100644
index 000000000..4d6a8f435
--- /dev/null
+++ b/src/lib/__tests__/boards.test.ts
@@ -0,0 +1,29 @@
+import {
+ BOARD_ENTITY_TYPES,
+ isBoardComponentSupported,
+} from '../boards';
+import {
+ BOARD_COMPONENT_COMPATIBILITY_MATRIX,
+ getSupportedBoardComponentEntityTypes,
+} from '../boardComponentCompatibility';
+
+test('isBoardComponentSupported allows events chart on website boards', () => {
+ expect(isBoardComponentSupported('EventsChart', BOARD_ENTITY_TYPES.website)).toBe(true);
+});
+
+test('isBoardComponentSupported rejects events chart on pixel and link boards', () => {
+ expect(isBoardComponentSupported('EventsChart', BOARD_ENTITY_TYPES.pixel)).toBe(false);
+ expect(isBoardComponentSupported('EventsChart', BOARD_ENTITY_TYPES.link)).toBe(false);
+});
+
+test('board component compatibility matrix defines website-only components explicitly', () => {
+ expect(BOARD_COMPONENT_COMPATIBILITY_MATRIX.EventsChart).toEqual([BOARD_ENTITY_TYPES.website]);
+ expect(getSupportedBoardComponentEntityTypes('EventsChart')).toEqual([
+ BOARD_ENTITY_TYPES.website,
+ ]);
+});
+
+test('isBoardComponentSupported leaves other components available for all board entities', () => {
+ expect(isBoardComponentSupported('WebsiteChart', BOARD_ENTITY_TYPES.pixel)).toBe(true);
+ expect(isBoardComponentSupported('TextBlock', BOARD_ENTITY_TYPES.link)).toBe(true);
+});
diff --git a/src/lib/__tests__/charts.test.ts b/src/lib/__tests__/charts.test.ts
index 601ee63d8..e81be161c 100644
--- a/src/lib/__tests__/charts.test.ts
+++ b/src/lib/__tests__/charts.test.ts
@@ -14,23 +14,21 @@ describe('renderNumberLabels', () => {
expect(renderNumberLabels(input)).toBe(expected);
});
- test.each([['12500', '12.5k']])(
- "formats numbers ≥ 10K as 'X.Xk' (%s → %s)",
- (input, expected) => {
- expect(renderNumberLabels(input)).toBe(expected);
- },
- );
+ test.each([
+ ['12500', '12.5k'],
+ ])("formats numbers ≥ 10K as 'X.Xk' (%s → %s)", (input, expected) => {
+ expect(renderNumberLabels(input)).toBe(expected);
+ });
test.each([['1500', '1.50k']])("formats numbers ≥ 1K as 'X.XXk' (%s → %s)", (input, expected) => {
expect(renderNumberLabels(input)).toBe(expected);
});
- test.each([['999', '999']])(
- 'calls formatNumber for values < 1000 (%s → %s)',
- (input, expected) => {
- expect(renderNumberLabels(input)).toBe(expected);
- },
- );
+ test.each([
+ ['999', '999'],
+ ])('calls formatNumber for values < 1000 (%s → %s)', (input, expected) => {
+ expect(renderNumberLabels(input)).toBe(expected);
+ });
test.each([
['0', '0'],
diff --git a/src/lib/__tests__/detect.test.ts b/src/lib/__tests__/detect.test.ts
index 0ee345726..c41523d15 100644
--- a/src/lib/__tests__/detect.test.ts
+++ b/src/lib/__tests__/detect.test.ts
@@ -1,5 +1,4 @@
-import * as detect from '../detect';
-import { expect } from '@jest/globals';
+import { getIpAddress } from '../ip';
const IP = '127.0.0.1';
const BAD_IP = '127.127.127.127';
@@ -7,23 +6,17 @@ const BAD_IP = '127.127.127.127';
test('getIpAddress: Custom header', () => {
process.env.CLIENT_IP_HEADER = 'x-custom-ip-header';
- expect(detect.getIpAddress(new Headers({ 'x-custom-ip-header': IP }))).toEqual(IP);
+ expect(getIpAddress(new Headers({ 'x-custom-ip-header': IP }))).toEqual(IP);
});
test('getIpAddress: CloudFlare header', () => {
- expect(detect.getIpAddress(new Headers({ 'cf-connecting-ip': IP }))).toEqual(IP);
+ expect(getIpAddress(new Headers({ 'cf-connecting-ip': IP }))).toEqual(IP);
});
test('getIpAddress: Standard header', () => {
- expect(detect.getIpAddress(new Headers({ 'x-forwarded-for': IP }))).toEqual(IP);
-});
-
-test('getIpAddress: CloudFlare header is lower priority than standard header', () => {
- expect(
- detect.getIpAddress(new Headers({ 'cf-connecting-ip': BAD_IP, 'x-forwarded-for': IP })),
- ).toEqual(IP);
+ expect(getIpAddress(new Headers({ 'x-forwarded-for': IP }))).toEqual(IP);
});
test('getIpAddress: No header', () => {
- expect(detect.getIpAddress(new Headers())).toEqual(null);
+ expect(getIpAddress(new Headers())).toEqual(undefined);
});
diff --git a/src/lib/__tests__/format.test.ts b/src/lib/__tests__/format.test.ts
index 2f68dc188..6e1b319f0 100644
--- a/src/lib/__tests__/format.test.ts
+++ b/src/lib/__tests__/format.test.ts
@@ -1,5 +1,4 @@
import * as format from '../format';
-import { expect } from '@jest/globals';
test('parseTime', () => {
expect(format.parseTime(86400 + 3600 + 60 + 1)).toEqual({
diff --git a/src/lib/__tests__/get-base-url.test.ts b/src/lib/__tests__/get-base-url.test.ts
new file mode 100644
index 000000000..5bca0f193
--- /dev/null
+++ b/src/lib/__tests__/get-base-url.test.ts
@@ -0,0 +1,48 @@
+import { HOMEPAGE_URL } from '../constants';
+import { getBaseUrl } from '../get-base-url';
+
+function createHeaders(entries: Record) {
+ return {
+ get(name: string) {
+ return entries[name.toLowerCase()] ?? null;
+ },
+ };
+}
+
+test('prefers forwarded host and protocol', () => {
+ const url = getBaseUrl(
+ createHeaders({
+ 'x-forwarded-host': 'umami.is',
+ 'x-forwarded-proto': 'https',
+ host: 'localhost:3000',
+ }),
+ );
+
+ expect(url.toString()).toBe('https://umami.is/');
+});
+
+test('falls back to host header', () => {
+ const url = getBaseUrl(
+ createHeaders({
+ host: 'analytics.example.com',
+ }),
+ );
+
+ expect(url.toString()).toBe('https://analytics.example.com/');
+});
+
+test('uses http for localhost hosts', () => {
+ const url = getBaseUrl(
+ createHeaders({
+ host: 'localhost:3000',
+ }),
+ );
+
+ expect(url.toString()).toBe('http://localhost:3000/');
+});
+
+test('falls back to homepage when host is missing', () => {
+ const url = getBaseUrl(createHeaders({}));
+
+ expect(url.toString()).toBe(`${HOMEPAGE_URL}/`);
+});
diff --git a/src/lib/__tests__/match-configured-path.test.ts b/src/lib/__tests__/match-configured-path.test.ts
new file mode 100644
index 000000000..f70ba9c1e
--- /dev/null
+++ b/src/lib/__tests__/match-configured-path.test.ts
@@ -0,0 +1,17 @@
+import { matchesConfiguredPath } from '../match-configured-path';
+
+test('matches the exact configured path', () => {
+ expect(matchesConfiguredPath('/d.js', 'd.js')).toBe(true);
+});
+
+test('does not match unrelated asset paths that only share the suffix', () => {
+ expect(matchesConfiguredPath('/_next/static/chunks/app/dashboard.js', 'd.js')).toBe(false);
+});
+
+test('matches paths under the configured base path', () => {
+ expect(matchesConfiguredPath('/umami/d.js', 'd.js', '/umami')).toBe(true);
+});
+
+test('normalizes leading slashes in configured paths', () => {
+ expect(matchesConfiguredPath('/script.js', '/script.js')).toBe(true);
+});
diff --git a/src/lib/auth.ts b/src/lib/auth.ts
index d67566b82..832dfb600 100644
--- a/src/lib/auth.ts
+++ b/src/lib/auth.ts
@@ -1,33 +1,26 @@
-import bcrypt from 'bcryptjs';
-import { Report } from '@prisma/client';
-import redis from '@/lib/redis';
import debug from 'debug';
-import { PERMISSIONS, ROLE_PERMISSIONS, ROLES, SHARE_TOKEN_HEADER } from '@/lib/constants';
-import { secret, getRandomChars } from '@/lib/crypto';
+import { ROLE_PERMISSIONS, ROLES, SHARE_TOKEN_HEADER } from '@/lib/constants';
+import { createAuthKey, secret } from '@/lib/crypto';
import { createSecureToken, parseSecureToken, parseToken } from '@/lib/jwt';
+import redis from '@/lib/redis';
import { ensureArray } from '@/lib/utils';
-import { getTeamUser, getUser, getWebsite } from '@/queries';
-import { Auth } from './types';
+import { getUser } from '@/queries/prisma/user';
const log = debug('umami:auth');
-const cloudMode = process.env.CLOUD_MODE;
-const SALT_ROUNDS = 10;
-export function hashPassword(password: string, rounds = SALT_ROUNDS) {
- return bcrypt.hashSync(password, rounds);
-}
+export function getBearerToken(request: Request) {
+ const auth = request.headers.get('authorization');
-export function checkPassword(password: string, passwordHash: string) {
- return bcrypt.compareSync(password, passwordHash);
+ return auth?.split(' ')[1];
}
export async function checkAuth(request: Request) {
- const token = request.headers.get('authorization')?.split(' ')?.[1];
+ const token = getBearerToken(request);
const payload = parseSecureToken(token, secret());
- const shareToken = await parseShareToken(request.headers);
+ const shareToken = await parseShareToken(request);
let user = null;
- const { userId, authKey, grant } = payload || {};
+ const { userId, authKey } = payload || {};
if (userId) {
user = await getUser(userId);
@@ -39,12 +32,10 @@ export async function checkAuth(request: Request) {
}
}
- if (process.env.NODE_ENV === 'development') {
- log('checkAuth:', { token, shareToken, payload, user, grant });
- }
+ log({ token, payload, authKey, shareToken, user });
if (!user?.id && !shareToken) {
- log('checkAuth: User not authorized');
+ log('User not authorized');
return null;
}
@@ -53,16 +44,15 @@ export async function checkAuth(request: Request) {
}
return {
- user,
- grant,
token,
- shareToken,
authKey,
+ shareToken,
+ user,
};
}
export async function saveAuth(data: any, expire = 0) {
- const authKey = `auth:${getRandomChars(32)}`;
+ const authKey = `auth:${createAuthKey()}`;
if (redis.enabled) {
await redis.client.set(authKey, data);
@@ -75,247 +65,15 @@ export async function saveAuth(data: any, expire = 0) {
return createSecureToken({ authKey }, secret());
}
-export function parseShareToken(headers: Headers) {
+export async function hasPermission(role: string, permission: string | string[]) {
+ return ensureArray(permission).some(e => ROLE_PERMISSIONS[role]?.includes(e));
+}
+
+export function parseShareToken(request: Request) {
try {
- return parseToken(headers.get(SHARE_TOKEN_HEADER), secret());
+ return parseToken(request.headers.get(SHARE_TOKEN_HEADER), secret());
} catch (e) {
log(e);
return null;
}
}
-
-export async function canViewWebsite({ user, shareToken }: Auth, websiteId: string) {
- if (user?.isAdmin) {
- return true;
- }
-
- if (shareToken?.websiteId === websiteId) {
- return true;
- }
-
- const website = await getWebsite(websiteId);
-
- if (website.userId) {
- return user.id === website.userId;
- }
-
- if (website.teamId) {
- const teamUser = await getTeamUser(website.teamId, user.id);
-
- return !!teamUser;
- }
-
- return false;
-}
-
-export async function canViewAllWebsites({ user }: Auth) {
- return user.isAdmin;
-}
-
-export async function canCreateWebsite({ user, grant }: Auth) {
- if (cloudMode) {
- return !!grant?.find(a => a === PERMISSIONS.websiteCreate);
- }
-
- if (user.isAdmin) {
- return true;
- }
-
- return hasPermission(user.role, PERMISSIONS.websiteCreate);
-}
-
-export async function canUpdateWebsite({ user }: Auth, websiteId: string) {
- if (user.isAdmin) {
- return true;
- }
-
- const website = await getWebsite(websiteId);
-
- if (website.userId) {
- return user.id === website.userId;
- }
-
- if (website.teamId) {
- const teamUser = await getTeamUser(website.teamId, user.id);
-
- return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteUpdate);
- }
-
- return false;
-}
-
-export async function canTransferWebsiteToUser({ user }: Auth, websiteId: string, userId: string) {
- const website = await getWebsite(websiteId);
-
- if (website.teamId && user.id === userId) {
- const teamUser = await getTeamUser(website.teamId, userId);
-
- return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteTransferToUser);
- }
-
- return false;
-}
-
-export async function canTransferWebsiteToTeam({ user }: Auth, websiteId: string, teamId: string) {
- const website = await getWebsite(websiteId);
-
- if (website.userId && website.userId === user.id) {
- const teamUser = await getTeamUser(teamId, user.id);
-
- return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteTransferToTeam);
- }
-
- return false;
-}
-
-export async function canDeleteWebsite({ user }: Auth, websiteId: string) {
- if (user.isAdmin) {
- return true;
- }
-
- const website = await getWebsite(websiteId);
-
- if (website.userId) {
- return user.id === website.userId;
- }
-
- if (website.teamId) {
- const teamUser = await getTeamUser(website.teamId, user.id);
-
- return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteDelete);
- }
-
- return false;
-}
-
-export async function canViewReport(auth: Auth, report: Report) {
- if (auth.user.isAdmin) {
- return true;
- }
-
- if (auth.user.id == report.userId) {
- return true;
- }
-
- return !!(await canViewWebsite(auth, report.websiteId));
-}
-
-export async function canUpdateReport({ user }: Auth, report: Report) {
- if (user.isAdmin) {
- return true;
- }
-
- return user.id == report.userId;
-}
-
-export async function canDeleteReport(auth: Auth, report: Report) {
- return canUpdateReport(auth, report);
-}
-
-export async function canCreateTeam({ user, grant }: Auth) {
- if (cloudMode) {
- return !!grant?.find(a => a === PERMISSIONS.teamCreate);
- }
-
- if (user.isAdmin) {
- return true;
- }
-
- return !!user;
-}
-
-export async function canViewTeam({ user }: Auth, teamId: string) {
- if (user.isAdmin) {
- return true;
- }
-
- return getTeamUser(teamId, user.id);
-}
-
-export async function canUpdateTeam({ user, grant }: Auth, teamId: string) {
- if (user.isAdmin) {
- return true;
- }
-
- if (cloudMode) {
- return !!grant?.find(a => a === PERMISSIONS.teamUpdate);
- }
-
- const teamUser = await getTeamUser(teamId, user.id);
-
- return teamUser && hasPermission(teamUser.role, PERMISSIONS.teamUpdate);
-}
-
-export async function canAddUserToTeam({ user, grant }: Auth) {
- if (cloudMode) {
- return !!grant?.find(a => a === PERMISSIONS.teamUpdate);
- }
-
- return user.isAdmin;
-}
-
-export async function canDeleteTeam({ user }: Auth, teamId: string) {
- if (user.isAdmin) {
- return true;
- }
-
- const teamUser = await getTeamUser(teamId, user.id);
-
- return teamUser && hasPermission(teamUser.role, PERMISSIONS.teamDelete);
-}
-
-export async function canDeleteTeamUser({ user }: Auth, teamId: string, removeUserId: string) {
- if (user.isAdmin) {
- return true;
- }
-
- if (removeUserId === user.id) {
- return true;
- }
-
- const teamUser = await getTeamUser(teamId, user.id);
-
- return teamUser && hasPermission(teamUser.role, PERMISSIONS.teamUpdate);
-}
-
-export async function canCreateTeamWebsite({ user }: Auth, teamId: string) {
- if (user.isAdmin) {
- return true;
- }
-
- const teamUser = await getTeamUser(teamId, user.id);
-
- return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteCreate);
-}
-
-export async function canCreateUser({ user }: Auth) {
- return user.isAdmin;
-}
-
-export async function canViewUser({ user }: Auth, viewedUserId: string) {
- if (user.isAdmin) {
- return true;
- }
-
- return user.id === viewedUserId;
-}
-
-export async function canViewUsers({ user }: Auth) {
- return user.isAdmin;
-}
-
-export async function canUpdateUser({ user }: Auth, viewedUserId: string) {
- if (user.isAdmin) {
- return true;
- }
-
- return user.id === viewedUserId;
-}
-
-export async function canDeleteUser({ user }: Auth) {
- return user.isAdmin;
-}
-
-export async function hasPermission(role: string, permission: string | string[]) {
- return ensureArray(permission).some(e => ROLE_PERMISSIONS[role]?.includes(e));
-}
diff --git a/src/lib/boardComponentCompatibility.ts b/src/lib/boardComponentCompatibility.ts
new file mode 100644
index 000000000..943701962
--- /dev/null
+++ b/src/lib/boardComponentCompatibility.ts
@@ -0,0 +1,22 @@
+import type { BoardEntityType } from './boards';
+
+export const BOARD_COMPONENT_COMPATIBILITY_MATRIX = {
+ EventsChart: ['website'],
+} as const satisfies Partial>;
+
+export function getSupportedBoardComponentEntityTypes(componentType: string) {
+ return BOARD_COMPONENT_COMPATIBILITY_MATRIX[componentType];
+}
+
+export function isBoardComponentSupportedByEntityType(
+ componentType: string,
+ entityType?: BoardEntityType,
+) {
+ const supportedEntityTypes = getSupportedBoardComponentEntityTypes(componentType);
+
+ if (!entityType || !supportedEntityTypes) {
+ return true;
+ }
+
+ return supportedEntityTypes.includes(entityType);
+}
diff --git a/src/lib/boards.ts b/src/lib/boards.ts
new file mode 100644
index 000000000..e0087c16c
--- /dev/null
+++ b/src/lib/boards.ts
@@ -0,0 +1,220 @@
+import type { Board, BoardComponentConfig, BoardParameters } from './types';
+import { isBoardComponentSupportedByEntityType } from './boardComponentCompatibility';
+
+export const BOARD_TYPES = {
+ dashboard: 'dashboard',
+ mixed: 'mixed',
+ website: 'website',
+ pixel: 'pixel',
+ link: 'link',
+} as const;
+
+export const BOARD_ENTITY_TYPES = {
+ website: 'website',
+ pixel: 'pixel',
+ link: 'link',
+} as const;
+
+export type BoardType = (typeof BOARD_TYPES)[keyof typeof BOARD_TYPES];
+export type BoardEntityType = (typeof BOARD_ENTITY_TYPES)[keyof typeof BOARD_ENTITY_TYPES];
+
+const boardTypes = new Set(Object.values(BOARD_TYPES));
+
+export function getLegacyBoardType(parameters?: BoardParameters): BoardType {
+ if (parameters?.pixelId) {
+ return BOARD_TYPES.pixel;
+ }
+
+ if (parameters?.linkId) {
+ return BOARD_TYPES.link;
+ }
+
+ if (parameters?.websiteId) {
+ return BOARD_TYPES.website;
+ }
+
+ return BOARD_TYPES.mixed;
+}
+
+export function normalizeBoardType(type?: string): BoardType | undefined {
+ if (type === 'open') {
+ return BOARD_TYPES.mixed;
+ }
+
+ if (type && boardTypes.has(type)) {
+ return type as BoardType;
+ }
+
+ return undefined;
+}
+
+export function getBoardType(
+ board?: Pick | Partial,
+ { coerceDashboard = false }: { coerceDashboard?: boolean } = {},
+): BoardType {
+ const type = board?.type;
+
+ if (type === BOARD_TYPES.dashboard && coerceDashboard) {
+ return getLegacyBoardType(board?.parameters);
+ }
+
+ const normalizedType = normalizeBoardType(type);
+
+ if (normalizedType) {
+ return normalizedType;
+ }
+
+ return getLegacyBoardType(board?.parameters);
+}
+
+export function isOpenBoardType(type?: string) {
+ return type === BOARD_TYPES.mixed || type === BOARD_TYPES.dashboard || type === 'open';
+}
+
+export function requiresBoardEntity(type?: string) {
+ return (
+ type === BOARD_TYPES.website || type === BOARD_TYPES.pixel || type === BOARD_TYPES.link
+ );
+}
+
+export function getBoardEntity(board?: Pick | Partial): {
+ entityType?: BoardEntityType;
+ entityId?: string;
+} {
+ const type = getBoardType(board);
+
+ if (type === BOARD_TYPES.website) {
+ return {
+ entityType: BOARD_ENTITY_TYPES.website,
+ entityId: board?.parameters?.websiteId,
+ };
+ }
+
+ if (type === BOARD_TYPES.pixel) {
+ return {
+ entityType: BOARD_ENTITY_TYPES.pixel,
+ entityId: board?.parameters?.pixelId,
+ };
+ }
+
+ if (type === BOARD_TYPES.link) {
+ return {
+ entityType: BOARD_ENTITY_TYPES.link,
+ entityId: board?.parameters?.linkId,
+ };
+ }
+
+ return {};
+}
+
+export function getComponentEntity(config?: BoardComponentConfig): {
+ entityType?: BoardEntityType;
+ entityId?: string;
+} {
+ if (config?.entityType && config?.entityId) {
+ return {
+ entityType: config.entityType,
+ entityId: config.entityId,
+ };
+ }
+
+ if (config?.websiteId) {
+ return {
+ entityType: BOARD_ENTITY_TYPES.website,
+ entityId: config.websiteId,
+ };
+ }
+
+ return {};
+}
+
+export function getResolvedComponentEntity(
+ board?: Pick | Partial,
+ config?: BoardComponentConfig,
+) {
+ const boardEntity = getBoardEntity(board);
+
+ if (boardEntity.entityId) {
+ return boardEntity;
+ }
+
+ return getComponentEntity(config);
+}
+
+export function isBoardComponentSupported(
+ componentType: string,
+ entityType?: BoardEntityType,
+) {
+ return isBoardComponentSupportedByEntityType(componentType, entityType);
+}
+
+export function getFirstBoardComponentEntity(
+ board?: Pick | Partial,
+) {
+ for (const row of board?.parameters?.rows ?? []) {
+ for (const column of row.columns ?? []) {
+ const entity = getComponentEntity(column.component);
+
+ if (entity.entityId) {
+ return entity;
+ }
+ }
+ }
+
+ return {};
+}
+
+export function getBoardWebsiteIds(
+ board?: Pick | Partial,
+): string[] {
+ const ids = new Set();
+ const boardEntity = getBoardEntity(board);
+
+ if (boardEntity.entityType === BOARD_ENTITY_TYPES.website && boardEntity.entityId) {
+ ids.add(boardEntity.entityId);
+ }
+
+ if (board?.parameters?.websiteId) {
+ ids.add(board.parameters.websiteId);
+ }
+
+ for (const row of board?.parameters?.rows ?? []) {
+ for (const column of row.columns ?? []) {
+ const entity = getComponentEntity(column.component);
+
+ if (entity.entityType === BOARD_ENTITY_TYPES.website && entity.entityId) {
+ ids.add(entity.entityId);
+ }
+ }
+ }
+
+ return [...ids];
+}
+
+export function clearBoardEntity(parameters: BoardParameters = {}): BoardParameters {
+ const { websiteId, pixelId, linkId, ...rest } = parameters;
+
+ return rest;
+}
+
+export function setBoardEntity(
+ parameters: BoardParameters = {},
+ type: BoardType,
+ entityId?: string,
+): BoardParameters {
+ const next = clearBoardEntity(parameters);
+
+ if (type === BOARD_TYPES.website && entityId) {
+ next.websiteId = entityId;
+ }
+
+ if (type === BOARD_TYPES.pixel && entityId) {
+ next.pixelId = entityId;
+ }
+
+ if (type === BOARD_TYPES.link && entityId) {
+ next.linkId = entityId;
+ }
+
+ return next;
+}
diff --git a/src/lib/charts.ts b/src/lib/charts.ts
index 7d4208e2a..1458cff84 100644
--- a/src/lib/charts.ts
+++ b/src/lib/charts.ts
@@ -11,7 +11,6 @@ export function renderDateLabels(unit: string, locale: string) {
switch (unit) {
case 'minute':
- return formatDate(d, 'h:mm', locale);
case 'hour':
return formatDate(d, 'p', locale);
case 'day':
diff --git a/src/lib/clickhouse.ts b/src/lib/clickhouse.ts
index 062952d75..ef134a0cb 100644
--- a/src/lib/clickhouse.ts
+++ b/src/lib/clickhouse.ts
@@ -1,12 +1,10 @@
-import { ClickHouseClient, createClient } from '@clickhouse/client';
+import { type ClickHouseClient, createClient } from '@clickhouse/client';
import { formatInTimeZone } from 'date-fns-tz';
import debug from 'debug';
import { CLICKHOUSE } from '@/lib/db';
-import { getWebsite } from '@/queries';
-import { DEFAULT_PAGE_SIZE, OPERATORS } from './constants';
-import { maxDate } from './date';
-import { filtersToArray } from './params';
-import { PageParams, QueryFilters, QueryOptions } from './types';
+import { DEFAULT_PAGE_SIZE, FILTER_COLUMNS, OPERATORS } from './constants';
+import { filtersObjectToArray } from './params';
+import type { QueryFilters, QueryOptions } from './types';
export const CLICKHOUSE_DATE_FORMATS = {
utc: '%Y-%m-%dT%H:%i:%SZ',
@@ -41,7 +39,7 @@ function getClient() {
});
if (process.env.NODE_ENV !== 'production') {
- global[CLICKHOUSE] = client;
+ globalThis[CLICKHOUSE] = client;
}
log('Clickhouse initialized');
@@ -72,91 +70,116 @@ function getSearchSQL(column: string, param: string = 'search'): string {
return `and positionCaseInsensitive(${column}, {${param}:String}) > 0`;
}
-function mapFilter(column: string, operator: string, name: string, type: string = 'String') {
- const value = `{${name}:${type}}`;
+function mapFilter(
+ column: string,
+ operator: string,
+ name: string,
+ type: string = 'String',
+ paramName?: string,
+) {
+ const param = paramName ?? name;
+ const value = `{${param}:${type}}`;
switch (operator) {
case OPERATORS.equals:
- return `${column} = ${value}`;
+ return `${column} IN {${param}:Array(${type})}`;
case OPERATORS.notEquals:
- return `${column} != ${value}`;
+ return `${column} NOT IN {${param}:Array(${type})}`;
case OPERATORS.contains:
return `positionCaseInsensitive(${column}, ${value}) > 0`;
case OPERATORS.doesNotContain:
return `positionCaseInsensitive(${column}, ${value}) = 0`;
+ case OPERATORS.regex:
+ return `match(${column}, ${value})`;
+ case OPERATORS.notRegex:
+ return `not match(${column}, ${value})`;
default:
return '';
}
}
-function mapCohortFilter(column: string, operator: string, value: string) {
- switch (operator) {
- case OPERATORS.equals:
- return `${column} = '${value}'`;
- case OPERATORS.notEquals:
- return `${column} != '${value}'`;
- case OPERATORS.contains:
- return `positionCaseInsensitive(${column}, '${value}') > 0`;
- case OPERATORS.doesNotContain:
- return `positionCaseInsensitive(${column}, '${value}') = 0`;
- default:
- return '';
- }
-}
+function getFilterQuery(filters: Record, options: QueryOptions = {}) {
+ const { isCohort, cohortMatch, cohortActionName } = options;
+ const isOr = isCohort ? cohortMatch === 'any' : filters.match === 'any';
+ const orClauses: string[] = [];
+ const andClauses: string[] = [];
-function getFilterQuery(filters: QueryFilters = {}, options: QueryOptions = {}) {
- const query = filtersToArray(filters, options).reduce((arr, { name, column, operator }) => {
- if (column) {
- arr.push(`and ${mapFilter(column, operator, name)}`);
-
- if (name === 'referrer') {
- arr.push(`and referrer_domain != hostname`);
- }
+ filtersObjectToArray(filters, options).forEach(({ name, column, operator, paramName }) => {
+ if (isCohort) {
+ column = FILTER_COLUMNS[name.slice('cohort_'.length)];
}
- return arr;
- }, []);
+ if (column) {
+ const isAlwaysAnd = name === 'eventType' || (isCohort && name === cohortActionName);
- return query.join('\n');
-}
-
-function getCohortQuery(websiteId: string, filters: QueryFilters = {}, options: QueryOptions = {}) {
- const query = filtersToArray(filters, options).reduce(
- (arr, { name, column, operator, value }) => {
- if (column) {
- arr.push(
- `${arr.length === 0 ? 'where' : 'and'} ${mapCohortFilter(column, operator, value)}`,
+ if (isAlwaysAnd) {
+ andClauses.push(
+ `and ${mapFilter(column, operator, name, name === 'eventType' ? 'UInt32' : 'String', paramName)}`,
);
-
- if (name === 'referrer') {
- arr.push(`and referrer_domain != hostname`);
- }
+ } else if (isOr) {
+ orClauses.push(mapFilter(column, operator, name, 'String', paramName));
+ } else {
+ andClauses.push(`and ${mapFilter(column, operator, name, 'String', paramName)}`);
}
- return arr;
- },
- [],
- );
+ if (name === 'referrer') {
+ andClauses.push(`and referrer_domain != hostname`);
+ }
+ }
+ });
- if (query.length > 0) {
- // add website and date range filters
- query.push(`and website_id = '${websiteId}'`);
- query.push(
- `and created_at between parseDateTimeBestEffort('${filters.startDate}') and parseDateTimeBestEffort('${filters.endDate}')`,
- );
+ const parts: string[] = [];
- return `join
- (select distinct session_id
- from website_event
- ${query.join('\n')}) cohort
- on cohort.session_id = website_event.session_id
- `;
+ if (orClauses.length > 0) {
+ parts.push(`and (\n ${orClauses.join('\n or ')}\n)`);
}
- return '';
+ parts.push(...andClauses);
+
+ return parts.join('\n');
}
-function getDateQuery(filters: QueryFilters = {}) {
+function getCohortQuery(filters: Record) {
+ if (!filters || Object.keys(filters).length === 0) {
+ return '';
+ }
+
+ const cohortMatch = filters.cohort_match;
+ const cohortActionName = filters.cohort_actionName;
+
+ const filterQuery = getFilterQuery(filters, { isCohort: true, cohortMatch, cohortActionName });
+
+ return `join (
+ select distinct session_id
+ from website_event
+ where website_id = {websiteId:UUID}
+ and created_at between {cohort_startDate:DateTime64} and {cohort_endDate:DateTime64}
+ ${filterQuery}
+ ) as cohort
+ on cohort.session_id = website_event.session_id
+ `;
+}
+
+function getExcludeBounceQuery(filters: Record) {
+ if (!filters.excludeBounce === true) {
+ return '';
+ }
+
+ return `join
+ (select distinct session_id, visit_id
+ from website_event_stats_hourly
+ where website_id = {websiteId:UUID}
+ and created_at between {startDate:DateTime64} and {endDate:DateTime64}
+ and event_type = 1
+ group by session_id, visit_id
+ having sum(views) > 1
+ ) excludeBounce
+ on excludeBounce.session_id = website_event.session_id
+ and excludeBounce.visit_id = website_event.visit_id
+ `;
+}
+
+function getDateQuery(filters: Record) {
const { startDate, endDate, timezone } = filters;
if (startDate) {
@@ -176,37 +199,49 @@ function getDateQuery(filters: QueryFilters = {}) {
return '';
}
-function getFilterParams(filters: QueryFilters = {}) {
- return filtersToArray(filters).reduce((obj, { name, value }) => {
- if (name && value !== undefined) {
- obj[name] = value;
- }
+function getQueryParams(filters: Record) {
+ return {
+ ...filters,
+ ...filtersObjectToArray(filters).reduce((obj, { name, column, operator, value, paramName }) => {
+ const resolvedColumn =
+ column || (name?.startsWith('cohort_') && FILTER_COLUMNS[name.slice('cohort_'.length)]);
- return obj;
- }, {});
+ if (!resolvedColumn || !name || value === undefined) return obj;
+
+ const key = paramName ?? name;
+
+ obj[key] = ([OPERATORS.equals, OPERATORS.notEquals] as string[]).includes(operator)
+ ? Array.isArray(value)
+ ? value
+ : [value]
+ : value;
+
+ return obj;
+ }, {}),
+ };
}
-async function parseFilters(websiteId: string, filters: QueryFilters = {}, options?: QueryOptions) {
- const website = await getWebsite(websiteId);
+function parseFilters(filters: Record, options?: QueryOptions) {
+ const cohortFilters = Object.fromEntries(
+ Object.entries(filters).filter(([key]) => key.startsWith('cohort_')),
+ );
return {
filterQuery: getFilterQuery(filters, options),
dateQuery: getDateQuery(filters),
- params: {
- ...getFilterParams(filters),
- websiteId,
- startDate: maxDate(filters.startDate, new Date(website?.resetAt)),
- },
- cohortQuery: getCohortQuery(websiteId, filters?.cohort),
+ queryParams: getQueryParams(filters),
+ cohortQuery: getCohortQuery(cohortFilters),
+ excludeBounceQuery: getExcludeBounceQuery(filters),
};
}
-async function pagedQuery(
+async function pagedRawQuery(
query: string,
- queryParams: { [key: string]: any },
- pageParams: PageParams = {},
+ queryParams: Record,
+ filters: QueryFilters,
+ name?: string,
) {
- const { page = 1, pageSize, orderBy, sortDescending = false } = pageParams;
+ const { page = 1, pageSize, orderBy, sortDescending = false, search } = filters;
const size = +pageSize || DEFAULT_PAGE_SIZE;
const offset = +size * (+page - 1);
const direction = sortDescending ? 'desc' : 'asc';
@@ -222,18 +257,18 @@ async function pagedQuery(
res => res[0].num,
);
- const data = await rawQuery(`${query}${statements}`, queryParams);
+ const data = await rawQuery(`${query}${statements}`, queryParams, name);
- return { data, count, page: +page, pageSize: size, orderBy };
+ return { data, count, page: +page, pageSize: size, orderBy, search };
}
async function rawQuery(
query: string,
params: Record = {},
+ name?: string,
): Promise {
if (process.env.LOG_QUERY) {
- log('QUERY:\n', query);
- log('PARAMETERS:\n', params);
+ log({ query, params, name });
}
await connect();
@@ -271,7 +306,7 @@ async function findFirst(data: any[]) {
async function connect() {
if (enabled && !clickhouse) {
- clickhouse = process.env.CLICKHOUSE_URL && (global[CLICKHOUSE] || getClient());
+ clickhouse = process.env.CLICKHOUSE_URL && (globalThis[CLICKHOUSE] || getClient());
}
return clickhouse;
@@ -288,7 +323,7 @@ export default {
getFilterQuery,
getUTCString,
parseFilters,
- pagedQuery,
+ pagedRawQuery,
findUnique,
findFirst,
rawQuery,
diff --git a/src/lib/client.ts b/src/lib/client.ts
index 795e7780c..e176215e6 100644
--- a/src/lib/client.ts
+++ b/src/lib/client.ts
@@ -1,4 +1,4 @@
-import { getItem, setItem, removeItem } from '@/lib/storage';
+import { getItem, removeItem, setItem } from '@/lib/storage';
import { AUTH_TOKEN } from './constants';
export function getClientAuthToken() {
diff --git a/src/lib/colors.ts b/src/lib/colors.ts
index ba329805d..2ae9bda59 100644
--- a/src/lib/colors.ts
+++ b/src/lib/colors.ts
@@ -1,4 +1,15 @@
-import md5 from 'md5';
+import { colord } from 'colord';
+import { THEME_COLORS } from '@/lib/constants';
+
+export function hex6(str: string) {
+ let h = 0x811c9dc5; // FNV-1a 32-bit offset
+ for (let i = 0; i < str.length; i++) {
+ h ^= str.charCodeAt(i);
+ h = (h >>> 0) * 0x01000193; // FNV prime
+ }
+ // use lower 24 bits; pad to 6 hex chars
+ return ((h >>> 0) & 0xffffff).toString(16).padStart(6, '0');
+}
export const pick = (num: number, arr: any[]) => {
return arr[num % arr.length];
@@ -38,8 +49,43 @@ export function getPastel(color: string, factor: number = 0.5, prefix = '') {
}
export function getColor(seed: string, min: number = 0, max: number = 255) {
- const color = md5(seed).substring(0, 6);
+ const color = hex6(seed);
const { r, g, b } = hex2RGB(color, min, max);
return rgb2Hex(r, g, b);
}
+
+export function getThemeColors(theme: string) {
+ const { primary, text, line, fill } = THEME_COLORS[theme];
+ const primaryColor = colord(THEME_COLORS[theme].primary);
+
+ return {
+ colors: {
+ theme: {
+ ...THEME_COLORS[theme],
+ },
+ chart: {
+ text,
+ line,
+ views: {
+ hoverBackgroundColor: primaryColor.alpha(0.7).toRgbString(),
+ backgroundColor: primaryColor.alpha(0.4).toRgbString(),
+ borderColor: primaryColor.alpha(0.7).toRgbString(),
+ hoverBorderColor: primaryColor.toRgbString(),
+ },
+ visitors: {
+ hoverBackgroundColor: primaryColor.alpha(0.9).toRgbString(),
+ backgroundColor: primaryColor.alpha(0.6).toRgbString(),
+ borderColor: primaryColor.alpha(0.9).toRgbString(),
+ hoverBorderColor: primaryColor.toRgbString(),
+ },
+ },
+ map: {
+ baseColor: primary,
+ fillColor: fill,
+ strokeColor: primary,
+ hoverColor: primary,
+ },
+ },
+ };
+}
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index e13ca3813..a4a004f31 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -4,45 +4,51 @@ export const LOCALE_CONFIG = 'umami.locale';
export const TIMEZONE_CONFIG = 'umami.timezone';
export const DATE_RANGE_CONFIG = 'umami.date-range';
export const THEME_CONFIG = 'umami.theme';
+export const CURRENCY_CONFIG = 'umami.currency';
export const DASHBOARD_CONFIG = 'umami.dashboard';
+export const LAST_TEAM_CONFIG = 'umami.last-team';
export const VERSION_CHECK = 'umami.version-check';
export const SHARE_TOKEN_HEADER = 'x-umami-share-token';
export const HOMEPAGE_URL = 'https://umami.is';
+export const DOCS_URL = 'https://umami.is/docs';
export const REPO_URL = 'https://github.com/umami-software/umami';
export const UPDATES_URL = 'https://api.umami.is/v1/updates';
export const TELEMETRY_PIXEL = 'https://i.umami.is/a.png';
export const FAVICON_URL = 'https://icons.duckduckgo.com/ip3/{{domain}}.ico';
+export const LINKS_URL = `${globalThis?.location?.origin}/q`;
+export const PIXELS_URL = `${globalThis?.location?.origin}/p`;
export const DEFAULT_LOCALE = 'en-US';
export const DEFAULT_THEME = 'light';
export const DEFAULT_ANIMATION_DURATION = 300;
-export const DEFAULT_DATE_RANGE = '24hour';
+export const DEFAULT_DATE_RANGE_VALUE = '24hour';
export const DEFAULT_WEBSITE_LIMIT = 10;
export const DEFAULT_RESET_DATE = '2000-01-01';
-export const DEFAULT_PAGE_SIZE = 10;
+export const DEFAULT_PAGE_SIZE = 20;
export const DEFAULT_DATE_COMPARE = 'prev';
+export const DEFAULT_CURRENCY = 'USD';
export const REALTIME_RANGE = 30;
export const REALTIME_INTERVAL = 10000;
-export const FILTER_COMBINED = 'filter-combined';
-export const FILTER_RAW = 'filter-raw';
-export const FILTER_DAY = 'filter-day';
-export const FILTER_RANGE = 'filter-range';
-export const FILTER_REFERRERS = 'filter-referrers';
-export const FILTER_PAGES = 'filter-pages';
-
export const UNIT_TYPES = ['year', 'month', 'hour', 'day', 'minute'];
+
export const EVENT_COLUMNS = [
- 'url',
+ 'path',
'entry',
'exit',
'referrer',
+ 'domain',
'title',
'query',
'event',
'tag',
- 'host',
+ 'hostname',
+ 'utmSource',
+ 'utmMedium',
+ 'utmCampaign',
+ 'utmContent',
+ 'utmTerm',
];
export const SESSION_COLUMNS = [
@@ -54,19 +60,22 @@ export const SESSION_COLUMNS = [
'country',
'city',
'region',
+ 'distinctId',
];
-export const FILTER_GROUPS = {
+export const SEGMENT_TYPES = {
segment: 'segment',
cohort: 'cohort',
};
export const FILTER_COLUMNS = {
- url: 'url_path',
+ path: 'url_path',
entry: 'url_path',
exit: 'url_path',
referrer: 'referrer_domain',
- host: 'hostname',
+ domain: 'referrer_domain',
+ hostname: 'hostname',
+ distinctId: 'distinct_id',
title: 'page_title',
query: 'url_query',
os: 'os',
@@ -78,16 +87,42 @@ export const FILTER_COLUMNS = {
language: 'language',
event: 'event_name',
tag: 'tag',
+ eventType: 'event_type',
+ utmSource: 'utm_source',
+ utmMedium: 'utm_medium',
+ utmCampaign: 'utm_campaign',
+ utmContent: 'utm_content',
+ utmTerm: 'utm_term',
};
export const COLLECTION_TYPE = {
event: 'event',
identify: 'identify',
-};
+ performance: 'performance',
+ record: 'record',
+} as const;
+
+export const WEB_VITALS_THRESHOLDS = {
+ lcp: { good: 2500, poor: 4000, unit: 'ms' },
+ inp: { good: 200, poor: 500, unit: 'ms' },
+ cls: { good: 0.1, poor: 0.25, unit: '' },
+ fcp: { good: 1800, poor: 3000, unit: 'ms' },
+ ttfb: { good: 800, poor: 1800, unit: 'ms' },
+} as const;
export const EVENT_TYPE = {
pageView: 1,
customEvent: 2,
+ linkEvent: 3,
+ pixelEvent: 4,
+ performance: 5,
+} as const;
+
+export const ENTITY_TYPE = {
+ website: 1,
+ link: 2,
+ pixel: 3,
+ board: 4,
} as const;
export const DATA_TYPE = {
@@ -105,6 +140,8 @@ export const OPERATORS = {
notSet: 'ns',
contains: 'c',
doesNotContain: 'dnc',
+ regex: 're',
+ notRegex: 'nre',
true: 't',
false: 'f',
greaterThan: 'gt',
@@ -115,51 +152,22 @@ export const OPERATORS = {
after: 'af',
} as const;
-export const OPERATOR_PREFIXES = {
- [OPERATORS.equals]: '',
- [OPERATORS.notEquals]: '!',
- [OPERATORS.contains]: '~',
- [OPERATORS.doesNotContain]: '!~',
-};
-
export const DATA_TYPES = {
[DATA_TYPE.string]: 'string',
[DATA_TYPE.number]: 'number',
[DATA_TYPE.boolean]: 'boolean',
[DATA_TYPE.date]: 'date',
[DATA_TYPE.array]: 'array',
-};
-
-export const REPORT_TYPES = {
- funnel: 'funnel',
- goals: 'goals',
- insights: 'insights',
- retention: 'retention',
- utm: 'utm',
- journey: 'journey',
- revenue: 'revenue',
- attribution: 'attribution',
-} as const;
-
-export const REPORT_PARAMETERS = {
- fields: 'fields',
- filters: 'filters',
- groups: 'groups',
-} as const;
-
-export const KAFKA_TOPIC = {
- event: 'event',
- eventData: 'event_data',
} as const;
export const ROLES = {
admin: 'admin',
- teamManager: 'team-manager',
- teamMember: 'team-member',
- teamOwner: 'team-owner',
- teamViewOnly: 'team-view-only',
user: 'user',
viewOnly: 'view-only',
+ teamOwner: 'team-owner',
+ teamManager: 'team-manager',
+ teamMember: 'team-member',
+ teamViewOnly: 'team-view-only',
} as const;
export const PERMISSIONS = {
@@ -210,33 +218,17 @@ export const ROLE_PERMISSIONS = {
export const THEME_COLORS = {
light: {
primary: '#2680eb',
- gray50: '#ffffff',
- gray75: '#fafafa',
- gray100: '#f5f5f5',
- gray200: '#eaeaea',
- gray300: '#e1e1e1',
- gray400: '#cacaca',
- gray500: '#b3b3b3',
- gray600: '#8e8e8e',
- gray700: '#6e6e6e',
- gray800: '#4b4b4b',
- gray900: '#2c2c2c',
+ text: '#838383',
+ line: '#d9d9d9',
+ fill: '#f9f9f9',
},
dark: {
primary: '#2680eb',
- gray50: '#252525',
- gray75: '#2f2f2f',
- gray100: '#323232',
- gray200: '#3e3e3e',
- gray300: '#4a4a4a',
- gray400: '#5a5a5a',
- gray500: '#6e6e6e',
- gray600: '#909090',
- gray700: '#b9b9b9',
- gray800: '#e3e3e3',
- gray900: '#ffffff',
+ text: '#7b7b7b',
+ line: '#3a3a3a',
+ fill: '#191919',
},
-};
+} as const;
export const CHART_COLORS = [
'#2680eb',
@@ -255,52 +247,23 @@ export const CHART_COLORS = [
export const DOMAIN_REGEX =
/^(localhost(:[1-9]\d{0,4})?|((?=[a-z0-9-_]{1,63}\.)(xn--)?[a-z0-9-_]+(-[a-z0-9-_]+)*\.)+(xn--)?[a-z0-9-_]{2,63})$/;
-export const SHARE_ID_REGEX = /^[a-zA-Z0-9]{8,16}$/;
+export const SHARE_ID_REGEX = /^[a-zA-Z0-9]{8,50}$/;
export const DATETIME_REGEX =
/^[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}:[0-9]{2}(\.[0-9]{3}(Z|\+[0-9]{2}:[0-9]{2})?)?$/;
-export const DESKTOP_SCREEN_WIDTH = 1920;
-export const LAPTOP_SCREEN_WIDTH = 1024;
-export const MOBILE_SCREEN_WIDTH = 479;
-
export const URL_LENGTH = 500;
export const PAGE_TITLE_LENGTH = 500;
export const EVENT_NAME_LENGTH = 50;
export const UTM_PARAMS = ['utm_campaign', 'utm_content', 'utm_medium', 'utm_source', 'utm_term'];
-export const DESKTOP_OS = [
- 'BeOS',
- 'Chrome OS',
- 'Linux',
- 'Mac OS',
- 'Open BSD',
- 'OS/2',
- 'QNX',
- 'Sun OS',
- 'Windows 10',
- 'Windows 2000',
- 'Windows 3.11',
- 'Windows 7',
- 'Windows 8',
- 'Windows 8.1',
- 'Windows 95',
- 'Windows 98',
- 'Windows ME',
- 'Windows Server 2003',
- 'Windows Vista',
- 'Windows XP',
-];
-
-export const MOBILE_OS = ['Amazon OS', 'Android OS', 'BlackBerry OS', 'iOS', 'Windows Mobile'];
-
export const OS_NAMES = {
'Android OS': 'Android',
'Chrome OS': 'ChromeOS',
'Mac OS': 'macOS',
'Sun OS': 'SunOS',
'Windows 10': 'Windows 10/11',
-};
+} as const;
export const BROWSERS = {
android: 'Android',
@@ -331,25 +294,7 @@ export const BROWSERS = {
searchbot: 'Searchbot',
silk: 'Silk',
yandexbrowser: 'Yandex',
-};
-
-// The order here is important and influences how IPs are detected by lib/detect.ts
-// Please do not change the order unless you know exactly what you're doing - read https://developers.cloudflare.com/fundamentals/reference/http-headers/
-export const IP_ADDRESS_HEADERS = [
- 'x-client-ip',
- 'x-forwarded-for',
- 'cf-connecting-ip', // This should be *after* x-forwarded-for, so that x-forwarded-for is respected if present
- 'do-connecting-ip',
- 'fastly-client-ip',
- 'true-client-ip',
- 'x-real-ip',
- 'x-cluster-client-ip',
- 'x-forwarded',
- 'forwarded',
- 'x-appengine-user-ip',
- 'x-nf-client-connection-ip',
- 'x-real-ip',
-];
+} as const;
export const SOCIAL_DOMAINS = [
'bsky.app',
@@ -427,6 +372,7 @@ export const PAID_AD_PARAMS = [
];
export const GROUPED_DOMAINS = [
+ { name: 'Baidu', domain: 'baidu.com', match: 'baidu.' },
{ name: 'Bing', domain: 'bing.com', match: 'bing.' },
{ name: 'Brave', domain: 'brave.com', match: 'brave.' },
{ name: 'ChatGPT', domain: 'chatgpt.com', match: 'chatgpt.' },
@@ -441,6 +387,8 @@ export const GROUPED_DOMAINS = [
{ name: 'Reddit', domain: 'reddit.com', match: 'reddit.' },
{ name: 'Snapchat', domain: 'snapchat.com', match: 'snapchat.' },
{ name: 'Twitter', domain: 'twitter.com', match: ['twitter.', 't.co', 'x.com'] },
+ { name: 'Yahoo', domain: 'yahoo.com', match: 'yahoo.' },
+ { name: 'Yandex', domain: 'yandex.ru', match: 'yandex.' },
];
export const MAP_FILE = '/datamaps.world.json';
@@ -692,3 +640,77 @@ export const ISO_COUNTRIES = {
ZMB: 'ZM',
ZWE: 'ZW',
};
+
+export const CURRENCIES = [
+ { id: 'USD', name: 'US Dollar' },
+ { id: 'EUR', name: 'Euro' },
+ { id: 'GBP', name: 'British Pound' },
+ { id: 'JPY', name: 'Japanese Yen' },
+ { id: 'CNY', name: 'Chinese Renminbi (Yuan)' },
+ { id: 'CAD', name: 'Canadian Dollar' },
+ { id: 'HKD', name: 'Hong Kong Dollar' },
+ { id: 'AUD', name: 'Australian Dollar' },
+ { id: 'SGD', name: 'Singapore Dollar' },
+ { id: 'CHF', name: 'Swiss Franc' },
+ { id: 'SEK', name: 'Swedish Krona' },
+ { id: 'PLN', name: 'Polish Złoty' },
+ { id: 'NOK', name: 'Norwegian Krone' },
+ { id: 'DKK', name: 'Danish Krone' },
+ { id: 'NZD', name: 'New Zealand Dollar' },
+ { id: 'ZAR', name: 'South African Rand' },
+ { id: 'MXN', name: 'Mexican Peso' },
+ { id: 'THB', name: 'Thai Baht' },
+ { id: 'HUF', name: 'Hungarian Forint' },
+ { id: 'MYR', name: 'Malaysian Ringgit' },
+ { id: 'INR', name: 'Indian Rupee' },
+ { id: 'KRW', name: 'South Korean Won' },
+ { id: 'BRL', name: 'Brazilian Real' },
+ { id: 'TRY', name: 'Turkish Lira' },
+ { id: 'CZK', name: 'Czech Koruna' },
+ { id: 'ILS', name: 'Israeli New Shekel' },
+ { id: 'RUB', name: 'Russian Ruble' },
+ { id: 'AED', name: 'United Arab Emirates Dirham' },
+ { id: 'IDR', name: 'Indonesian Rupiah' },
+ { id: 'PHP', name: 'Philippine Peso' },
+ { id: 'RON', name: 'Romanian Leu' },
+ { id: 'COP', name: 'Colombian Peso' },
+ { id: 'SAR', name: 'Saudi Riyal' },
+ { id: 'ARS', name: 'Argentine Peso' },
+ { id: 'VND', name: 'Vietnamese Dong' },
+ { id: 'CLP', name: 'Chilean Peso' },
+ { id: 'EGP', name: 'Egyptian Pound' },
+ { id: 'KWD', name: 'Kuwaiti Dinar' },
+ { id: 'PKR', name: 'Pakistani Rupee' },
+ { id: 'QAR', name: 'Qatari Riyal' },
+ { id: 'BHD', name: 'Bahraini Dinar' },
+ { id: 'UAH', name: 'Ukrainian Hryvnia' },
+ { id: 'PEN', name: 'Peruvian Sol' },
+ { id: 'BDT', name: 'Bangladeshi Taka' },
+ { id: 'MAD', name: 'Moroccan Dirham' },
+ { id: 'KES', name: 'Kenyan Shilling' },
+ { id: 'NGN', name: 'Nigerian Naira' },
+ { id: 'TND', name: 'Tunisian Dinar' },
+ { id: 'OMR', name: 'Omani Rial' },
+ { id: 'GHS', name: 'Ghanaian Cedi' },
+];
+
+export const TIMEZONE_LEGACY: Record = {
+ 'Asia/Batavia': 'Asia/Jakarta',
+ 'Asia/Calcutta': 'Asia/Kolkata',
+ 'Asia/Chongqing': 'Asia/Shanghai',
+ 'Asia/Harbin': 'Asia/Shanghai',
+ 'Asia/Jayapura': 'Asia/Pontianak',
+ 'Asia/Katmandu': 'Asia/Kathmandu',
+ 'Asia/Macao': 'Asia/Macau',
+ 'Asia/Rangoon': 'Asia/Yangon',
+ 'Asia/Saigon': 'Asia/Ho_Chi_Minh',
+ 'Europe/Kiev': 'Europe/Kyiv',
+ 'Europe/Zaporozhye': 'Europe/Kyiv',
+ 'Etc/UTC': 'UTC',
+ 'US/Arizona': 'America/Phoenix',
+ 'US/Central': 'America/Chicago',
+ 'US/Eastern': 'America/New_York',
+ 'US/Mountain': 'America/Denver',
+ 'US/Pacific': 'America/Los_Angeles',
+ 'US/Samoa': 'Pacific/Pago_Pago',
+};
diff --git a/src/lib/crypto.ts b/src/lib/crypto.ts
index d22bad091..6dde8826d 100644
--- a/src/lib/crypto.ts
+++ b/src/lib/crypto.ts
@@ -1,6 +1,6 @@
-import crypto from 'crypto';
-import prand from 'pure-rand';
-import { v4, v5 } from 'uuid';
+import crypto from 'node:crypto';
+import { startOfDay, startOfMonth, startOfWeek } from 'date-fns';
+import { v4, v5, v7 } from 'uuid';
const ALGORITHM = 'aes-256-gcm';
const IV_LENGTH = 16;
@@ -12,25 +12,6 @@ const ENC_POSITION = TAG_POSITION + TAG_LENGTH;
const HASH_ALGO = 'sha512';
const HASH_ENCODING = 'hex';
-const seed = Date.now() ^ (Math.random() * 0x100000000);
-const rng = prand.xoroshiro128plus(seed);
-
-export function random(min: number, max: number) {
- return prand.unsafeUniformIntDistribution(min, max, rng);
-}
-
-export function getRandomChars(
- n: number,
- chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
-) {
- const arr = chars.split('');
- let s = '';
- for (let i = 0; i < n; i++) {
- s += arr[random(0, arr.length - 1)];
- }
- return s;
-}
-
const getKey = (password: string, salt: Buffer) =>
crypto.pbkdf2Sync(password, salt, 10000, 32, 'sha512');
@@ -77,7 +58,21 @@ export function secret() {
}
export function uuid(...args: any) {
- if (!args.length) return v4();
+ if (args.length) {
+ return v5(hash(...args, secret()), v5.DNS);
+ }
- return v5(hash(...args, secret()), v5.DNS);
+ return process.env.USE_UUIDV7 ? v7() : v4();
+}
+
+export function createAuthKey() {
+ return crypto.randomBytes(16).toString('hex');
+}
+
+export function getSalt(saltRotation: string, createdAt: Date): string {
+ return hash(
+ (saltRotation === 'day' ? startOfDay : saltRotation === 'week' ? startOfWeek : startOfMonth)(
+ createdAt,
+ ).toUTCString(),
+ );
}
diff --git a/src/lib/data.ts b/src/lib/data.ts
index cf2722b5c..fe69edf04 100644
--- a/src/lib/data.ts
+++ b/src/lib/data.ts
@@ -1,8 +1,8 @@
import { DATA_TYPE, DATETIME_REGEX } from './constants';
-import { DynamicDataType } from './types';
+import type { DynamicDataType } from './types';
export function flattenJSON(
- eventData: { [key: string]: any },
+ eventData: Record,
keyValues: { key: string; value: any; dataType: DynamicDataType }[] = [],
parentKey = '',
): { key: string; value: any; dataType: DynamicDataType }[] {
diff --git a/src/lib/date.ts b/src/lib/date.ts
index 85f64f253..91af88f67 100644
--- a/src/lib/date.ts
+++ b/src/lib/date.ts
@@ -1,42 +1,46 @@
import {
- addMinutes,
- addHours,
addDays,
+ addHours,
+ addMinutes,
addMonths,
+ addWeeks,
addYears,
- subMinutes,
- subHours,
- subDays,
- subMonths,
- subYears,
- startOfMinute,
- startOfHour,
- startOfDay,
- startOfWeek,
- startOfMonth,
- startOfYear,
- endOfHour,
- endOfDay,
- endOfWeek,
- endOfMonth,
- endOfYear,
- differenceInMinutes,
- differenceInHours,
differenceInCalendarDays,
- differenceInCalendarWeeks,
differenceInCalendarMonths,
+ differenceInCalendarWeeks,
differenceInCalendarYears,
+ differenceInDays,
+ differenceInHours,
+ differenceInMinutes,
+ endOfDay,
+ endOfHour,
+ endOfMinute,
+ endOfMonth,
+ endOfWeek,
+ endOfYear,
format,
+ isBefore,
+ isDate,
+ isEqual,
+ isSameDay,
max,
min,
- isDate,
- addWeeks,
+ startOfDay,
+ startOfHour,
+ startOfMinute,
+ startOfMonth,
+ startOfWeek,
+ startOfYear,
+ subDays,
+ subHours,
+ subMinutes,
+ subMonths,
subWeeks,
- endOfMinute,
- isSameDay,
+ subYears,
} from 'date-fns';
+import { utcToZonedTime } from 'date-fns-tz';
import { getDateLocale } from '@/lib/lang';
-import { DateRange } from '@/lib/types';
+import type { DateRange } from '@/lib/types';
export const TIME_UNIT = {
minute: 'minute',
@@ -47,19 +51,7 @@ export const TIME_UNIT = {
year: 'year',
};
-export const CUSTOM_FORMATS = {
- 'en-US': {
- p: 'ha',
- pp: 'h:mm:ss',
- },
- 'fr-FR': {
- 'M/d': 'd/M',
- 'MMM d': 'd MMM',
- 'EEE M/d': 'EEE d/M',
- },
-};
-
-const DATE_FUNCTIONS = {
+export const DATE_FUNCTIONS = {
minute: {
diff: differenceInMinutes,
add: addMinutes,
@@ -104,6 +96,15 @@ const DATE_FUNCTIONS = {
},
};
+export const DATE_FORMATS = {
+ minute: 'yyyy-MM-dd HH:mm',
+ hour: 'yyyy-MM-dd HH',
+ day: 'yyyy-MM-dd',
+ week: "yyyy-'W'II",
+ month: 'yyyy-MM',
+ year: 'yyyy',
+};
+
const TIMEZONE_MAPPINGS: Record = {
'Asia/Calcutta': 'Asia/Kolkata',
};
@@ -117,7 +118,7 @@ export function isValidTimezone(timezone: string) {
const normalizedTimezone = normalizeTimezone(timezone);
Intl.DateTimeFormat(undefined, { timeZone: normalizedTimezone });
return true;
- } catch (error) {
+ } catch {
return false;
}
}
@@ -136,54 +137,52 @@ export function parseDateValue(value: string) {
return { num: +num, unit };
}
-export function parseDateRange(value: string | object, locale = 'en-US'): DateRange {
- if (typeof value === 'object') {
- return value as DateRange;
+export function parseDateRange(
+ value: string,
+ unitValue?: string,
+ locale = 'en-US',
+ timezone?: string,
+): DateRange {
+ if (typeof value !== 'string') {
+ return null;
}
- if (value === 'all') {
- return {
- startDate: new Date(0),
- endDate: new Date(1),
- value,
- };
- }
-
- if (value?.startsWith?.('range')) {
+ if (value.startsWith('range')) {
const [, startTime, endTime] = value.split(':');
const startDate = new Date(+startTime);
const endDate = new Date(+endTime);
+ const unit = getMinimumUnit(startDate, endDate, true);
return {
startDate,
endDate,
value,
...parseDateValue(value),
- offset: 0,
- unit: getMinimumUnit(startDate, endDate),
+ unit,
};
}
- const now = new Date();
+ const date = new Date();
+ const now = timezone ? utcToZonedTime(date, timezone) : date;
const dateLocale = getDateLocale(locale);
- const { num, unit } = parseDateValue(value);
+ const { num = 1, unit } = parseDateValue(value);
switch (unit) {
case 'hour':
return {
- startDate: num ? subHours(startOfHour(now), num - 1) : startOfHour(now),
+ startDate: num ? subHours(startOfHour(now), num) : startOfHour(now),
endDate: endOfHour(now),
offset: 0,
num: num || 1,
- unit,
+ unit: unitValue || unit,
value,
};
case 'day':
return {
- startDate: num ? subDays(startOfDay(now), num - 1) : startOfDay(now),
+ startDate: num ? subDays(startOfDay(now), num) : startOfDay(now),
endDate: endOfDay(now),
- unit: num ? 'day' : 'hour',
+ unit: unitValue ? unitValue : num ? 'day' : 'hour',
offset: 0,
num: num || 1,
value,
@@ -191,28 +190,28 @@ export function parseDateRange(value: string | object, locale = 'en-US'): DateRa
case 'week':
return {
startDate: num
- ? subWeeks(startOfWeek(now, { locale: dateLocale }), num - 1)
+ ? subWeeks(startOfWeek(now, { locale: dateLocale }), num)
: startOfWeek(now, { locale: dateLocale }),
endDate: endOfWeek(now, { locale: dateLocale }),
- unit: 'day',
+ unit: unitValue || 'day',
offset: 0,
num: num || 1,
value,
};
case 'month':
return {
- startDate: num ? subMonths(startOfMonth(now), num - 1) : startOfMonth(now),
+ startDate: num ? subMonths(startOfMonth(now), num) : startOfMonth(now),
endDate: endOfMonth(now),
- unit: num ? 'month' : 'day',
+ unit: unitValue ? unitValue : num ? 'month' : 'day',
offset: 0,
num: num || 1,
value,
};
case 'year':
return {
- startDate: num ? subYears(startOfYear(now), num - 1) : startOfYear(now),
+ startDate: num ? subYears(startOfYear(now), num) : startOfYear(now),
endDate: endOfYear(now),
- unit: 'month',
+ unit: unitValue || 'month',
offset: 0,
num: num || 1,
value,
@@ -220,10 +219,14 @@ export function parseDateRange(value: string | object, locale = 'en-US'): DateRa
}
}
-export function getOffsetDateRange(dateRange: DateRange, increment: number) {
- const { startDate, endDate, unit, num, offset, value } = dateRange;
+export function getOffsetDateRange(dateRange: DateRange, offset: number) {
+ if (offset === 0) {
+ return dateRange;
+ }
- const change = num * increment;
+ const { startDate, endDate, unit, num, value } = dateRange;
+
+ const change = num * offset;
const { add } = DATE_FUNCTIONS[unit];
const { unit: originalUnit } = parseDateValue(value) || {};
@@ -231,39 +234,39 @@ export function getOffsetDateRange(dateRange: DateRange, increment: number) {
case 'day':
return {
...dateRange,
+ offset,
startDate: addDays(startDate, change),
endDate: addDays(endDate, change),
- offset: offset + increment,
};
case 'week':
return {
...dateRange,
+ offset,
startDate: addWeeks(startDate, change),
endDate: addWeeks(endDate, change),
- offset: offset + increment,
};
case 'month':
return {
...dateRange,
+ offset,
startDate: addMonths(startDate, change),
endDate: addMonths(endDate, change),
- offset: offset + increment,
};
case 'year':
return {
...dateRange,
+ offset,
startDate: addYears(startDate, change),
endDate: addYears(endDate, change),
- offset: offset + increment,
};
default:
return {
startDate: add(startDate, change),
endDate: add(endDate, change),
+ offset,
value,
unit,
num,
- offset: offset + increment,
};
}
}
@@ -276,12 +279,20 @@ export function getAllowedUnits(startDate: Date, endDate: Date) {
return index >= 0 ? units.splice(index) : [];
}
-export function getMinimumUnit(startDate: number | Date, endDate: number | Date) {
+export function getMinimumUnit(
+ startDate: number | Date,
+ endDate: number | Date,
+ isDateRange: boolean = false,
+) {
if (differenceInMinutes(endDate, startDate) <= 60) {
return 'minute';
- } else if (differenceInHours(endDate, startDate) <= 48) {
+ } else if (
+ isDateRange
+ ? differenceInHours(endDate, startDate) <= 48
+ : differenceInDays(endDate, startDate) <= 30
+ ) {
return 'hour';
- } else if (differenceInCalendarMonths(endDate, startDate) <= 6) {
+ } else if (differenceInCalendarMonths(endDate, startDate) <= 7) {
return 'day';
} else if (differenceInCalendarMonths(endDate, startDate) <= 24) {
return 'month';
@@ -290,31 +301,6 @@ export function getMinimumUnit(startDate: number | Date, endDate: number | Date)
return 'year';
}
-export function getDateArray(data: any[], startDate: Date, endDate: Date, unit: string) {
- const arr = [];
- const { diff, add, start } = DATE_FUNCTIONS[unit];
- const n = diff(endDate, startDate);
-
- for (let i = 0; i <= n; i++) {
- const t = start(add(startDate, i));
- const y = data.find(({ x }) => start(new Date(x)).getTime() === t.getTime())?.y || 0;
-
- arr.push({ x: t, y });
- }
-
- return arr;
-}
-
-export function formatDate(date: string | number | Date, str: string, locale = 'en-US') {
- return format(
- typeof date === 'string' ? new Date(date) : date,
- CUSTOM_FORMATS?.[locale]?.[str] || str,
- {
- locale: getDateLocale(locale),
- },
- );
-}
-
export function maxDate(...args: Date[]) {
return max(args.filter(n => isDate(n)));
}
@@ -323,23 +309,18 @@ export function minDate(...args: any[]) {
return min(args.filter(n => isDate(n)));
}
-export function getLocalTime(t: string | number | Date) {
- return addMinutes(new Date(t), new Date().getTimezoneOffset());
-}
-
-export function getDateLength(startDate: Date, endDate: Date, unit: string | number) {
- const { diff } = DATE_FUNCTIONS[unit];
- return diff(endDate, startDate) + 1;
-}
-
export function getCompareDate(compare: string, startDate: Date, endDate: Date) {
if (compare === 'yoy') {
- return { startDate: subYears(startDate, 1), endDate: subYears(endDate, 1) };
+ return { compare, startDate: subYears(startDate, 1), endDate: subYears(endDate, 1) };
}
- const diff = differenceInMinutes(endDate, startDate);
+ if (compare === 'prev') {
+ const diff = differenceInMinutes(endDate, startDate);
- return { startDate: subMinutes(startDate, diff), endDate: subMinutes(endDate, diff) };
+ return { compare, startDate: subMinutes(startDate, diff), endDate: subMinutes(endDate, diff) };
+ }
+
+ return {};
}
export function getDayOfWeekAsDate(dayOfWeek: number) {
@@ -354,3 +335,55 @@ export function getDayOfWeekAsDate(dayOfWeek: number) {
return currentDate;
}
+
+export function formatDate(
+ date: string | number | Date,
+ dateFormat: string = 'PPpp',
+ locale = 'en-US',
+) {
+ return format(typeof date === 'string' ? new Date(date) : date, dateFormat, {
+ locale: getDateLocale(locale),
+ });
+}
+
+export function generateTimeSeries(
+ data: { x: string; y: number; d?: string }[],
+ minDate: Date,
+ maxDate: Date,
+ unit: string,
+ locale: string,
+) {
+ const add = DATE_FUNCTIONS[unit].add;
+ const start = DATE_FUNCTIONS[unit].start;
+ const fmt = DATE_FORMATS[unit];
+
+ let current = start(minDate);
+ const end = start(maxDate);
+
+ const timeseries: string[] = [];
+
+ while (isBefore(current, end) || isEqual(current, end)) {
+ timeseries.push(formatDate(current, fmt, locale));
+ current = add(current, 1);
+ }
+
+ const lookup = new Map(data.map(({ x, y, d }) => [formatDate(x, fmt, locale), { x, y, d }]));
+
+ return timeseries.map(t => {
+ const { x, y, d } = lookup.get(t) || {};
+
+ return { x: t, d: d ?? x, y: y ?? null };
+ });
+}
+
+export function getDateRangeValue(startDate: Date, endDate: Date) {
+ return `range:${startDate.getTime()}:${endDate.getTime()}`;
+}
+
+export function getMonthDateRangeValue(date: Date) {
+ return getDateRangeValue(startOfMonth(date), endOfMonth(date));
+}
+
+export function isInvalidDate(date: any) {
+ return date instanceof Date && Number.isNaN(date.getTime());
+}
diff --git a/src/lib/db.ts b/src/lib/db.ts
index 0ffedd0d8..7b6e8368b 100644
--- a/src/lib/db.ts
+++ b/src/lib/db.ts
@@ -1,17 +1,16 @@
export const PRISMA = 'prisma';
export const POSTGRESQL = 'postgresql';
-export const MYSQL = 'mysql';
export const CLICKHOUSE = 'clickhouse';
export const KAFKA = 'kafka';
export const KAFKA_PRODUCER = 'kafka-producer';
// Fixes issue with converting bigint values
-BigInt.prototype['toJSON'] = function () {
+BigInt.prototype.toJSON = function () {
return Number(this);
};
export function getDatabaseType(url = process.env.DATABASE_URL) {
- const type = url && url.split(':')[0];
+ const type = url?.split(':')[0];
if (type === 'postgres') {
return POSTGRESQL;
@@ -31,7 +30,7 @@ export async function runQuery(queries: any) {
const db = getDatabaseType();
- if (db === POSTGRESQL || db === MYSQL) {
+ if (db === POSTGRESQL) {
return queries[PRISMA]();
}
}
diff --git a/src/lib/detect.ts b/src/lib/detect.ts
index 17fb574c0..2e78a1f35 100644
--- a/src/lib/detect.ts
+++ b/src/lib/detect.ts
@@ -1,21 +1,25 @@
-import path from 'path';
+import path from 'node:path';
import { browserName, detectOS } from 'detect-browser';
-import isLocalhost from 'is-localhost-ip';
import ipaddr from 'ipaddr.js';
+import isLocalhost from 'is-localhost-ip';
import maxmind from 'maxmind';
-import {
- DESKTOP_OS,
- DESKTOP_SCREEN_WIDTH,
- IP_ADDRESS_HEADERS,
- LAPTOP_SCREEN_WIDTH,
- MOBILE_OS,
- MOBILE_SCREEN_WIDTH,
-} from './constants';
+import { UAParser } from 'ua-parser-js';
+import { getIpAddress, stripPort } from '@/lib/ip';
import { safeDecodeURIComponent } from '@/lib/url';
const MAXMIND = 'maxmind';
const PROVIDER_HEADERS = [
+ // Umami custom headers (cloud mode only)
+ ...(process.env.CLOUD_MODE
+ ? [
+ {
+ countryHeader: 'x-umami-client-country',
+ regionHeader: 'x-umami-client-region',
+ cityHeader: 'x-umami-client-city',
+ },
+ ]
+ : []),
// Cloudflare headers
{
countryHeader: 'cf-ipcountry',
@@ -34,62 +38,26 @@ const PROVIDER_HEADERS = [
regionHeader: 'cloudfront-viewer-country-region',
cityHeader: 'cloudfront-viewer-city',
},
+ // EdgeOne headers (requires custom request headers in Rule Priorities, see: https://edgeone.ai/document/46151)
+ {
+ countryHeader: 'eo-ipcountry',
+ regionHeader: 'eo-region-code',
+ cityHeader: 'eo-ipcity',
+ },
];
-export function getIpAddress(headers: Headers) {
- const customHeader = process.env.CLIENT_IP_HEADER;
-
- if (customHeader && headers.get(customHeader)) {
- return headers.get(customHeader);
- }
-
- const header = IP_ADDRESS_HEADERS.find(name => {
- return headers.get(name);
- });
-
- const ip = headers.get(header);
-
- if (header === 'x-forwarded-for') {
- return ip?.split(',')?.[0]?.trim();
- }
-
- if (header === 'forwarded') {
- const match = ip.match(/for=(\[?[0-9a-fA-F:.]+\]?)/);
-
- if (match) {
- return match[1];
- }
- }
-
- return ip;
-}
-
-export function getDevice(screen: string, os: string) {
- if (!screen) return;
+export function getDevice(userAgent: string, screen: string = '') {
+ const { device } = UAParser(userAgent);
const [width] = screen.split('x');
- if (DESKTOP_OS.includes(os)) {
- if (os === 'Chrome OS' || +width < DESKTOP_SCREEN_WIDTH) {
- return 'laptop';
- }
- return 'desktop';
- } else if (MOBILE_OS.includes(os)) {
- if (os === 'Amazon OS' || +width > MOBILE_SCREEN_WIDTH) {
- return 'tablet';
- }
- return 'mobile';
+ const type = device?.type || 'desktop';
+
+ if (type === 'desktop' && screen && +width <= 1920) {
+ return 'laptop';
}
- if (+width >= DESKTOP_SCREEN_WIDTH) {
- return 'desktop';
- } else if (+width >= LAPTOP_SCREEN_WIDTH) {
- return 'laptop';
- } else if (+width >= MOBILE_SCREEN_WIDTH) {
- return 'tablet';
- } else {
- return 'mobile';
- }
+ return type;
}
function getRegionCode(country: string, region: string) {
@@ -108,21 +76,13 @@ function decodeHeader(s: string | undefined | null): string | undefined | null {
return Buffer.from(s, 'latin1').toString('utf-8');
}
-function removePortFromIP(ip: string = "") {
- const split = ip.split(":");
-
- // Assuming ip is a valid IPv4/IPv6 address, 3 colons is the minumum for IPv6
- const ipv4 = split.length - 1 < 3;
- return ipv4 ? split[0] : ip;
-}
-
-export async function getLocation(ip: string = '', headers: Headers, hasPayloadIP: boolean) {
+export async function getLocation(ip: string = '', headers: Headers, skipHeaders: boolean) {
// Ignore local ips
- if (await isLocalhost(ip)) {
- return;
+ if (!ip || (await isLocalhost(ip))) {
+ return null;
}
- if (!hasPayloadIP && !process.env.SKIP_LOCATION_HEADERS) {
+ if (!skipHeaders && !process.env.SKIP_LOCATION_HEADERS) {
for (const provider of PROVIDER_HEADERS) {
const countryHeader = headers.get(provider.countryHeader);
if (countryHeader) {
@@ -140,17 +100,15 @@ export async function getLocation(ip: string = '', headers: Headers, hasPayloadI
}
// Database lookup
- if (!global[MAXMIND]) {
+ if (!globalThis[MAXMIND]) {
const dir = path.join(process.cwd(), 'geo');
- global[MAXMIND] = await maxmind.open(
+ globalThis[MAXMIND] = await maxmind.open(
process.env.GEOLITE_DB_PATH || path.resolve(dir, 'GeoLite2-City.mmdb'),
);
}
- // When the client IP is extracted from headers, sometimes the value includes a port
- const cleanIp = removePortFromIP(ip);
- const result = global[MAXMIND].get(cleanIp);
+ const result = globalThis[MAXMIND]?.get(stripPort(ip));
if (result) {
const country = result.country?.iso_code ?? result?.registered_country?.iso_code;
@@ -172,9 +130,9 @@ export async function getClientInfo(request: Request, payload: Record {
+ const [website, link, pixel, board] = await Promise.all([
+ getWebsite(entityId),
+ getLink(entityId),
+ getPixel(entityId),
+ getBoard(entityId),
+ ]);
+
+ const entity = website || link || pixel || board;
+
+ return entity;
+}
diff --git a/src/lib/fetch.ts b/src/lib/fetch.ts
index ee9e160f8..1086973f3 100644
--- a/src/lib/fetch.ts
+++ b/src/lib/fetch.ts
@@ -1,10 +1,18 @@
-import { buildUrl } from '@/lib/url';
+import { buildPath } from '@/lib/url';
+
+export interface ErrorResponse {
+ error: {
+ status: number;
+ message: string;
+ code?: string;
+ };
+}
export interface FetchResponse {
ok: boolean;
status: number;
data?: any;
- error?: any;
+ error?: ErrorResponse;
}
export async function request(
@@ -28,24 +36,23 @@ export async function request(
return {
ok: res.ok,
status: res.status,
- data: res.ok ? data : undefined,
- error: res.ok ? undefined : data,
+ data,
};
});
}
-export async function httpGet(url: string, params: object = {}, headers: object = {}) {
- return request('GET', buildUrl(url, params), undefined, headers);
+export async function httpGet(path: string, params: object = {}, headers: object = {}) {
+ return request('GET', buildPath(path, params), undefined, headers);
}
-export async function httpDelete(url: string, params: object = {}, headers: object = {}) {
- return request('DELETE', buildUrl(url, params), undefined, headers);
+export async function httpDelete(path: string, params: object = {}, headers: object = {}) {
+ return request('DELETE', buildPath(path, params), undefined, headers);
}
-export async function httpPost(url: string, params: object = {}, headers: object = {}) {
- return request('POST', url, JSON.stringify(params), headers);
+export async function httpPost(path: string, params: object = {}, headers: object = {}) {
+ return request('POST', path, JSON.stringify(params), headers);
}
-export async function httpPut(url: string, params: object = {}, headers: object = {}) {
- return request('PUT', url, JSON.stringify(params), headers);
+export async function httpPut(path: string, params: object = {}, headers: object = {}) {
+ return request('PUT', path, JSON.stringify(params), headers);
}
diff --git a/src/lib/filters.ts b/src/lib/filters.ts
index 1b4a5a1e2..3da268d8a 100644
--- a/src/lib/filters.ts
+++ b/src/lib/filters.ts
@@ -1,52 +1,5 @@
-export const urlFilter = (data: any[]) => {
- const map = data.reduce((obj, { x, y }) => {
- if (x) {
- if (!obj[x]) {
- obj[x] = y;
- } else {
- obj[x] += y;
- }
- }
-
- return obj;
- }, {});
-
- return Object.keys(map).map(key => ({ x: key, y: map[key] }));
-};
-
-export const refFilter = (data: any[]) => {
- const links = {};
-
- const map = data.reduce((obj, { x, y }) => {
- let id;
-
- try {
- const url = new URL(x);
-
- id = url.hostname.replace(/www\./, '') || url.href;
- } catch {
- id = '';
- }
-
- links[id] = x;
-
- if (!obj[id]) {
- obj[id] = y;
- } else {
- obj[id] += y;
- }
-
- return obj;
- }, {});
-
- return Object.keys(map).map(key => ({ x: key, y: map[key], w: links[key] }));
-};
-
-export const emptyFilter = (data: any[]) => {
- return data.map(item => (item.x ? item : null)).filter(n => n);
-};
-
export const percentFilter = (data: any[]) => {
+ if (!Array.isArray(data)) return [];
const total = data.reduce((n, { y }) => n + y, 0);
return data.map(({ x, y, ...props }) => ({ x, y, z: total ? (y / total) * 100 : 0, ...props }));
};
diff --git a/src/lib/format.ts b/src/lib/format.ts
index e497464a6..035a18111 100644
--- a/src/lib/format.ts
+++ b/src/lib/format.ts
@@ -1,3 +1,5 @@
+import { DEFAULT_CURRENCY } from './constants';
+
export function parseTime(val: number) {
const days = ~~(val / 86400);
const hours = ~~(val / 3600) - days * 24;
@@ -77,24 +79,24 @@ export function stringToColor(str: string) {
let color = '#';
for (let i = 0; i < 3; i++) {
const value = (hash >> (i * 8)) & 0xff;
- color += ('00' + value.toString(16)).slice(-2);
+ color += `00${value.toString(16)}`.slice(-2);
}
return color;
}
export function formatCurrency(value: number, currency: string, locale = 'en-US') {
- let formattedValue;
+ let formattedValue: Intl.NumberFormat;
try {
formattedValue = new Intl.NumberFormat(locale, {
style: 'currency',
currency: currency,
});
- } catch (error) {
+ } catch {
// Fallback to default currency format if an error occurs
formattedValue = new Intl.NumberFormat(locale, {
style: 'currency',
- currency: 'USD',
+ currency: DEFAULT_CURRENCY,
});
}
diff --git a/src/lib/generate.ts b/src/lib/generate.ts
new file mode 100644
index 000000000..8e25aa091
--- /dev/null
+++ b/src/lib/generate.ts
@@ -0,0 +1,20 @@
+import prand from 'pure-rand';
+
+const seed = Date.now() ^ (Math.random() * 0x100000000);
+const rng = prand.xoroshiro128plus(seed);
+
+export function random(min: number, max: number) {
+ return prand.unsafeUniformIntDistribution(min, max, rng);
+}
+
+export function getRandomChars(
+ n: number,
+ chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
+) {
+ const arr = chars.split('');
+ let s = '';
+ for (let i = 0; i < n; i++) {
+ s += arr[random(0, arr.length - 1)];
+ }
+ return s;
+}
diff --git a/src/lib/get-base-url.ts b/src/lib/get-base-url.ts
new file mode 100644
index 000000000..512b321a9
--- /dev/null
+++ b/src/lib/get-base-url.ts
@@ -0,0 +1,40 @@
+import { HOMEPAGE_URL } from './constants';
+
+type HeaderStore = Pick;
+
+function getFirstHeaderValue(value?: string | null) {
+ return value?.split(',')[0]?.trim();
+}
+
+function getDefaultProtocol(host?: string) {
+ if (!host) {
+ return 'https';
+ }
+
+ if (host.startsWith('localhost') || host.startsWith('127.0.0.1') || host.startsWith('[::1]')) {
+ return 'http';
+ }
+
+ return 'https';
+}
+
+export function getBaseUrl(headers?: HeaderStore) {
+ const host =
+ getFirstHeaderValue(headers?.get('x-forwarded-host')) ||
+ getFirstHeaderValue(headers?.get('host'));
+
+ if (!host) {
+ return new URL(HOMEPAGE_URL);
+ }
+
+ const protocol =
+ getFirstHeaderValue(headers?.get('x-forwarded-proto')) ||
+ getFirstHeaderValue(headers?.get('x-forwarded-protocol')) ||
+ getDefaultProtocol(host);
+
+ try {
+ return new URL(`${protocol}://${host}`);
+ } catch {
+ return new URL(HOMEPAGE_URL);
+ }
+}
diff --git a/src/lib/ip.ts b/src/lib/ip.ts
new file mode 100644
index 000000000..a78c7e56e
--- /dev/null
+++ b/src/lib/ip.ts
@@ -0,0 +1,115 @@
+import ipaddr from 'ipaddr.js';
+
+export const IP_ADDRESS_HEADERS = [
+ ...(process.env.CLOUD_MODE ? ['x-umami-client-ip'] : []), // Umami custom header (cloud mode only)
+ 'true-client-ip', // CDN
+ 'cf-connecting-ip', // Cloudflare
+ 'fastly-client-ip', // Fastly
+ 'x-nf-client-connection-ip', // Netlify
+ 'do-connecting-ip', // Digital Ocean
+ 'x-real-ip', // Reverse proxy
+ 'x-appengine-user-ip', // Google App Engine
+ 'x-forwarded-for',
+ 'forwarded',
+ 'x-client-ip',
+ 'x-cluster-client-ip',
+ 'x-forwarded',
+];
+
+/**
+ * Normalize IP strings to a canonical form:
+ * - strips IPv4-mapped IPv6 (e.g. ::ffff:192.0.2.1 -> 192.0.2.1)
+ * - keeps valid IPv4/IPv6 as-is (canonically formatted by ipaddr.js)
+ */
+function normalizeIp(ip?: string | null) {
+ if (!ip) return ip;
+
+ try {
+ const parsed = ipaddr.parse(ip);
+
+ if (parsed.kind() === 'ipv6' && (parsed as ipaddr.IPv6).isIPv4MappedAddress()) {
+ return (parsed as ipaddr.IPv6).toIPv4Address().toString();
+ }
+
+ return parsed.toString();
+ } catch {
+ // Fallback: return original if parsing fails
+ return ip;
+ }
+}
+
+function resolveIp(ip?: string | null) {
+ if (!ip) return ip;
+
+ // First, try as-is
+ const normalized = normalizeIp(ip);
+ try {
+ ipaddr.parse(normalized);
+ return normalized;
+ } catch {
+ // try stripping port (handles IPv4:port; leaves IPv6 intact)
+ const stripped = stripPort(ip);
+ if (stripped !== ip) {
+ const normalizedStripped = normalizeIp(stripped);
+ try {
+ ipaddr.parse(normalizedStripped);
+ return normalizedStripped;
+ } catch {
+ return normalizedStripped;
+ }
+ }
+
+ return normalized;
+ }
+}
+
+export function getIpAddress(headers: Headers) {
+ const customHeader = process.env.CLIENT_IP_HEADER;
+
+ if (customHeader && headers.get(customHeader)) {
+ return resolveIp(headers.get(customHeader));
+ }
+
+ const header = IP_ADDRESS_HEADERS.find(name => headers.get(name));
+ if (!header) {
+ return undefined;
+ }
+
+ const ip = headers.get(header);
+
+ if (header === 'x-forwarded-for') {
+ return resolveIp(ip?.split(',')?.[0]?.trim());
+ }
+
+ if (header === 'forwarded') {
+ const match = ip.match(/for=(\[?[0-9a-fA-F:.]+]?)/);
+
+ if (match) {
+ return resolveIp(match[1]);
+ }
+ }
+
+ return resolveIp(ip);
+}
+
+export function stripPort(ip?: string | null) {
+ if (!ip) {
+ return ip;
+ }
+
+ if (ip.startsWith('[')) {
+ const endBracket = ip.indexOf(']');
+ if (endBracket !== -1) {
+ return ip.slice(0, endBracket + 1);
+ }
+ }
+
+ const idx = ip.lastIndexOf(':');
+ if (idx !== -1) {
+ if (ip.includes('.') || /^[a-zA-Z0-9.-]+$/.test(ip.slice(0, idx))) {
+ return ip.slice(0, idx);
+ }
+ }
+
+ return ip;
+}
diff --git a/src/lib/kafka.ts b/src/lib/kafka.ts
index e7f069102..1d60e1f28 100644
--- a/src/lib/kafka.ts
+++ b/src/lib/kafka.ts
@@ -1,8 +1,8 @@
-import { serializeError } from 'serialize-error';
+import type * as tls from 'node:tls';
import debug from 'debug';
-import { Kafka, Producer, RecordMetadata, SASLOptions, logLevel } from 'kafkajs';
+import { Kafka, logLevel, type Producer, type RecordMetadata, type SASLOptions } from 'kafkajs';
+import { serializeError } from 'serialize-error';
import { KAFKA, KAFKA_PRODUCER } from '@/lib/db';
-import * as tls from 'tls';
const log = debug('umami:kafka');
const CONNECT_TIMEOUT = 5000;
@@ -16,7 +16,8 @@ const enabled = Boolean(process.env.KAFKA_URL && process.env.KAFKA_BROKER);
function getClient() {
const { username, password } = new URL(process.env.KAFKA_URL);
const brokers = process.env.KAFKA_BROKER.split(',');
- const mechanism = process.env.KAFKA_SASL_MECHANISM as 'plain' | 'scram-sha-256' | 'scram-sha-512';
+ const mechanism =
+ (process.env.KAFKA_SASL_MECHANISM as 'plain' | 'scram-sha-256' | 'scram-sha-512') || 'plain';
const ssl: { ssl?: tls.ConnectionOptions | boolean; sasl?: SASLOptions } =
username && password
@@ -41,7 +42,7 @@ function getClient() {
});
if (process.env.NODE_ENV !== 'production') {
- global[KAFKA] = client;
+ globalThis[KAFKA] = client;
}
log('Kafka initialized');
@@ -54,7 +55,7 @@ async function getProducer(): Promise {
await producer.connect();
if (process.env.NODE_ENV !== 'production') {
- global[KAFKA_PRODUCER] = producer;
+ globalThis[KAFKA_PRODUCER] = producer;
}
log('Kafka producer initialized');
@@ -64,7 +65,7 @@ async function getProducer(): Promise {
async function sendMessage(
topic: string,
- message: { [key: string]: string | number } | { [key: string]: string | number }[],
+ message: Record | Record[],
): Promise {
try {
await connect();
@@ -91,10 +92,10 @@ async function sendMessage(
async function connect(): Promise {
if (!kafka) {
- kafka = process.env.KAFKA_URL && process.env.KAFKA_BROKER && (global[KAFKA] || getClient());
+ kafka = process.env.KAFKA_URL && process.env.KAFKA_BROKER && (globalThis[KAFKA] || getClient());
if (kafka) {
- producer = global[KAFKA_PRODUCER] || (await getProducer());
+ producer = globalThis[KAFKA_PRODUCER] || (await getProducer());
}
}
diff --git a/src/lib/lang.ts b/src/lib/lang.ts
index 48176d0a9..f874640c4 100644
--- a/src/lib/lang.ts
+++ b/src/lib/lang.ts
@@ -1,23 +1,24 @@
import {
arSA,
be,
- bn,
bg,
+ bn,
bs,
+ ca,
cs,
- sk,
da,
de,
el,
- enUS,
enGB,
+ enUS,
es,
+ faIR,
fi,
fr,
- faIR,
he,
hi,
hr,
+ hu,
id,
it,
ja,
@@ -33,17 +34,17 @@ import {
ptBR,
ro,
ru,
+ sk,
sl,
sv,
ta,
th,
tr,
uk,
+ uz,
+ vi,
zhCN,
zhTW,
- ca,
- hu,
- vi,
} from 'date-fns/locale';
export const languages = {
@@ -95,6 +96,7 @@ export const languages = {
'tr-TR': { label: 'Türkçe', dateLocale: tr },
'uk-UA': { label: 'українська', dateLocale: uk },
'ur-PK': { label: 'Urdu (Pakistan)', dateLocale: uk, dir: 'rtl' },
+ 'uz-UZ': { label: 'O‘zbekcha', dateLocale: uz },
'vi-VN': { label: 'Tiếng Việt', dateLocale: vi },
'zh-CN': { label: '中文', dateLocale: zhCN },
'zh-TW': { label: '中文(繁體)', dateLocale: zhTW },
diff --git a/src/lib/load.ts b/src/lib/load.ts
index d9aa23c28..f2c9c7981 100644
--- a/src/lib/load.ts
+++ b/src/lib/load.ts
@@ -1,6 +1,7 @@
-import { Website, Session } from '@prisma/client';
+import type { Session, Website } from '@/generated/prisma/client';
import redis from '@/lib/redis';
-import { getWebsiteSession, getWebsite } from '@/queries';
+import { getWebsite } from '@/queries/prisma';
+import { getWebsiteSession } from '@/queries/sql';
export async function fetchWebsite(websiteId: string): Promise {
let website = null;
@@ -37,3 +38,15 @@ export async function fetchSession(websiteId: string, sessionId: string): Promis
return session;
}
+
+export async function fetchAccount(userId: string) {
+ const account = await redis.client.get(`account:${userId}`);
+
+ return account;
+}
+
+export async function fetchTeam(teamId: string) {
+ const team = await redis.client.get(`team:${teamId}`);
+
+ return team;
+}
diff --git a/src/lib/match-configured-path.ts b/src/lib/match-configured-path.ts
new file mode 100644
index 000000000..104319f2d
--- /dev/null
+++ b/src/lib/match-configured-path.ts
@@ -0,0 +1,38 @@
+function normalizePathname(pathname?: string) {
+ if (!pathname) {
+ return '';
+ }
+
+ return `/${pathname.replace(/^\/+/, '')}`;
+}
+
+function normalizeBasePath(basePath?: string) {
+ if (!basePath) {
+ return '';
+ }
+
+ return `/${basePath.replace(/^\/+|\/+$/g, '')}`;
+}
+
+export function matchesConfiguredPath(
+ pathname: string,
+ configuredPath?: string,
+ basePath?: string,
+) {
+ const normalizedPathname = normalizePathname(pathname);
+ const normalizedConfiguredPath = normalizePathname(configuredPath);
+
+ if (!normalizedConfiguredPath) {
+ return false;
+ }
+
+ if (normalizedPathname === normalizedConfiguredPath) {
+ return true;
+ }
+
+ const normalizedBasePath = normalizeBasePath(basePath);
+
+ return normalizedBasePath
+ ? normalizedPathname === `${normalizedBasePath}${normalizedConfiguredPath}`
+ : false;
+}
diff --git a/src/lib/params.ts b/src/lib/params.ts
index 8e631ed8a..f1452254d 100644
--- a/src/lib/params.ts
+++ b/src/lib/params.ts
@@ -1,17 +1,29 @@
-import { FILTER_COLUMNS, OPERATOR_PREFIXES, OPERATORS } from '@/lib/constants';
-import { QueryFilters, QueryOptions } from '@/lib/types';
+import { FILTER_COLUMNS, OPERATORS } from '@/lib/constants';
+import type { Filter, QueryFilters, QueryOptions } from '@/lib/types';
-export function parseParameterValue(param: any) {
+export function parseFilterValue(param: any) {
if (typeof param === 'string') {
- const [, prefix, value] = param.match(/^(!~|!|~)?(.*)$/);
+ const operatorValues = Object.values(OPERATORS).join('|');
- const operator =
- Object.keys(OPERATOR_PREFIXES).find(key => OPERATOR_PREFIXES[key] === prefix) ||
- OPERATORS.equals;
+ const regex = new RegExp(`^(${operatorValues})\\.(.*)$`);
- return { operator, value };
+ const [, operator, value] = param.match(regex) || [];
+
+ const resolvedOperator = operator || OPERATORS.equals;
+ const resolvedValue = value ?? param;
+
+ if (resolvedOperator === OPERATORS.equals || resolvedOperator === OPERATORS.notEquals) {
+ return { operator: resolvedOperator, value: resolvedValue.split(',') };
+ }
+
+ return { operator: resolvedOperator, value: resolvedValue };
}
- return { operator: OPERATORS.equals, value: param };
+
+ if (Array.isArray(param)) {
+ return { operator: OPERATORS.equals, value: param };
+ }
+
+ return { operator: OPERATORS.equals, value: [param] };
}
export function isEqualsOperator(operator: any) {
@@ -19,10 +31,19 @@ export function isEqualsOperator(operator: any) {
}
export function isSearchOperator(operator: any) {
- return [OPERATORS.contains, OPERATORS.doesNotContain].includes(operator);
+ return [
+ OPERATORS.contains,
+ OPERATORS.doesNotContain,
+ OPERATORS.regex,
+ OPERATORS.notRegex,
+ ].includes(operator);
}
-export function filtersToArray(filters: QueryFilters = {}, options: QueryOptions = {}) {
+export function filtersObjectToArray(filters: QueryFilters, options: QueryOptions = {}): Filter[] {
+ if (!filters) {
+ return [];
+ }
+
return Object.keys(filters).reduce((arr, key) => {
const filter = filters[key];
@@ -30,17 +51,40 @@ export function filtersToArray(filters: QueryFilters = {}, options: QueryOptions
return arr;
}
+ const baseName = key.replace(/\d+$/, '');
+ const paramName = key !== baseName ? key : undefined;
+
if (filter?.name && filter?.value !== undefined) {
- return arr.concat({ ...filter, column: options?.columns?.[key] ?? FILTER_COLUMNS[key] });
+ return arr.concat({
+ ...filter,
+ column: options?.columns?.[baseName] ?? FILTER_COLUMNS[baseName],
+ paramName: paramName ?? filter.paramName,
+ });
}
- const { operator, value } = parseParameterValue(filter);
+ const { operator, value } = parseFilterValue(filter);
return arr.concat({
- name: key,
- column: options?.columns?.[key] ?? FILTER_COLUMNS[key],
+ name: baseName,
+ paramName,
+ column: options?.columns?.[baseName] ?? FILTER_COLUMNS[baseName],
operator,
value,
+ prefix: options?.prefix,
});
}, []);
}
+
+export function filtersArrayToObject(filters: Filter[]) {
+ const nameCounts: Record = {};
+ return filters.reduce((obj, filter: Filter) => {
+ const { name, operator, value } = filter;
+ const count = nameCounts[name] ?? 0;
+ const key = count === 0 ? name : `${name}${count}`;
+ nameCounts[name] = count + 1;
+
+ obj[key] = `${operator}.${Array.isArray(value) ? value.join(',') : value}`;
+
+ return obj;
+ }, {});
+}
diff --git a/src/lib/password.ts b/src/lib/password.ts
new file mode 100644
index 000000000..f5c450bd9
--- /dev/null
+++ b/src/lib/password.ts
@@ -0,0 +1,11 @@
+import bcrypt from 'bcryptjs';
+
+const SALT_ROUNDS = 10;
+
+export function hashPassword(password: string, rounds = SALT_ROUNDS) {
+ return bcrypt.hashSync(password, rounds);
+}
+
+export function checkPassword(password: string, passwordHash: string) {
+ return bcrypt.compareSync(password, passwordHash);
+}
diff --git a/src/lib/prisma.ts b/src/lib/prisma.ts
index 273d63fa9..19fd421ec 100644
--- a/src/lib/prisma.ts
+++ b/src/lib/prisma.ts
@@ -1,35 +1,25 @@
-import debug from 'debug';
-import { PrismaClient } from '@prisma/client';
+import { PrismaPg } from '@prisma/adapter-pg';
import { readReplicas } from '@prisma/extension-read-replicas';
-import { formatInTimeZone } from 'date-fns-tz';
-import { MYSQL, POSTGRESQL, getDatabaseType } from '@/lib/db';
-import { SESSION_COLUMNS, OPERATORS, DEFAULT_PAGE_SIZE } from './constants';
-import { fetchWebsite } from './load';
-import { maxDate } from './date';
-import { QueryFilters, QueryOptions, PageParams } from './types';
-import { filtersToArray } from './params';
+import debug from 'debug';
+import { PrismaClient } from '@/generated/prisma/client';
+import { DEFAULT_PAGE_SIZE, FILTER_COLUMNS, OPERATORS, SESSION_COLUMNS } from './constants';
+import { filtersObjectToArray } from './params';
+import type { Operator, QueryFilters, QueryOptions } from './types';
const log = debug('umami:prisma');
const PRISMA = 'prisma';
+
const PRISMA_LOG_OPTIONS = {
log: [
{
- emit: 'event',
- level: 'query',
+ emit: 'event' as const,
+ level: 'query' as const,
},
],
};
-const MYSQL_DATE_FORMATS = {
- minute: '%Y-%m-%dT%H:%i:00',
- hour: '%Y-%m-%d %H:00:00',
- day: '%Y-%m-%d 00:00:00',
- month: '%Y-%m-01 00:00:00',
- year: '%Y-01-01 00:00:00',
-};
-
-const POSTGRESQL_DATE_FORMATS = {
+const DATE_FORMATS = {
minute: 'YYYY-MM-DD HH24:MI:00',
hour: 'YYYY-MM-DD HH24:00:00',
day: 'YYYY-MM-DD HH24:00:00',
@@ -37,198 +27,171 @@ const POSTGRESQL_DATE_FORMATS = {
year: 'YYYY-01-01 HH24:00:00',
};
+const DATE_FORMATS_UTC = {
+ minute: 'YYYY-MM-DD"T"HH24:MI:00"Z"',
+ hour: 'YYYY-MM-DD"T"HH24:00:00"Z"',
+ day: 'YYYY-MM-DD"T"HH24:00:00"Z"',
+ month: 'YYYY-MM-01"T"HH24:00:00"Z"',
+ year: 'YYYY-01-01"T"HH24:00:00"Z"',
+};
+
function getAddIntervalQuery(field: string, interval: string): string {
- const db = getDatabaseType();
-
- if (db === POSTGRESQL) {
- return `${field} + interval '${interval}'`;
- }
-
- if (db === MYSQL) {
- return `DATE_ADD(${field}, interval ${interval})`;
- }
+ return `${field} + interval '${interval}'`;
}
function getDayDiffQuery(field1: string, field2: string): string {
- const db = getDatabaseType();
-
- if (db === POSTGRESQL) {
- return `${field1}::date - ${field2}::date`;
- }
-
- if (db === MYSQL) {
- return `DATEDIFF(${field1}, ${field2})`;
- }
+ return `${field1}::date - ${field2}::date`;
}
function getCastColumnQuery(field: string, type: string): string {
- const db = getDatabaseType();
-
- if (db === POSTGRESQL) {
- return `${field}::${type}`;
- }
-
- if (db === MYSQL) {
- return `${field}`;
- }
+ return `${field}::${type}`;
}
function getDateSQL(field: string, unit: string, timezone?: string): string {
- const db = getDatabaseType();
-
- if (db === POSTGRESQL) {
- if (timezone) {
- return `to_char(date_trunc('${unit}', ${field} at time zone '${timezone}'), '${POSTGRESQL_DATE_FORMATS[unit]}')`;
- }
- return `to_char(date_trunc('${unit}', ${field}), '${POSTGRESQL_DATE_FORMATS[unit]}')`;
+ if (timezone && timezone !== 'utc') {
+ return `to_char(date_trunc('${unit}', ${field} at time zone '${timezone}'), '${DATE_FORMATS[unit]}')`;
}
- if (db === MYSQL) {
- if (timezone) {
- const tz = formatInTimeZone(new Date(), timezone, 'xxx');
- return `date_format(convert_tz(${field},'+00:00','${tz}'), '${MYSQL_DATE_FORMATS[unit]}')`;
- }
- return `date_format(${field}, '${MYSQL_DATE_FORMATS[unit]}')`;
- }
+ return `to_char(date_trunc('${unit}', ${field}), '${DATE_FORMATS_UTC[unit]}')`;
}
function getDateWeeklySQL(field: string, timezone?: string) {
- const db = getDatabaseType();
-
- if (db === POSTGRESQL) {
- return `concat(extract(dow from (${field} at time zone '${timezone}')), ':', to_char((${field} at time zone '${timezone}'), 'HH24'))`;
- }
-
- if (db === MYSQL) {
- const tz = formatInTimeZone(new Date(), timezone, 'xxx');
- return `date_format(convert_tz(${field},'+00:00','${tz}'), '%w:%H')`;
- }
+ return `concat(extract(dow from (${field} at time zone '${timezone}')), ':', to_char((${field} at time zone '${timezone}'), 'HH24'))`;
}
export function getTimestampSQL(field: string) {
- const db = getDatabaseType();
-
- if (db === POSTGRESQL) {
- return `floor(extract(epoch from ${field}))`;
- }
-
- if (db === MYSQL) {
- return `UNIX_TIMESTAMP(${field})`;
- }
+ return `floor(extract(epoch from ${field}))`;
}
function getTimestampDiffSQL(field1: string, field2: string): string {
- const db = getDatabaseType();
-
- if (db === POSTGRESQL) {
- return `floor(extract(epoch from (${field2} - ${field1})))`;
- }
-
- if (db === MYSQL) {
- return `timestampdiff(second, ${field1}, ${field2})`;
- }
+ return `floor(extract(epoch from (${field2} - ${field1})))`;
}
function getSearchSQL(column: string, param: string = 'search'): string {
- const db = getDatabaseType();
- const like = db === POSTGRESQL ? 'ilike' : 'like';
-
- return `and ${column} ${like} {{${param}}}`;
+ return `and ${column} ilike {{${param}}}`;
}
-function mapFilter(column: string, operator: string, name: string, type: string = '') {
- const db = getDatabaseType();
- const like = db === POSTGRESQL ? 'ilike' : 'like';
- const value = `{{${name}${type ? `::${type}` : ''}}}`;
+function mapFilter(
+ column: string,
+ operator: string,
+ name: string,
+ type: string = '',
+ paramName?: string,
+) {
+ const param = paramName ?? name;
+ const value = `{{${param}${type ? `::${type}` : ''}}}`;
+
+ if (name.startsWith('cohort_')) {
+ name = name.slice('cohort_'.length);
+ }
+
+ const table = SESSION_COLUMNS.includes(name) ? 'session' : 'website_event';
switch (operator) {
case OPERATORS.equals:
- return `${column} = ${value}`;
+ return `${table}.${column} = ANY(${value})`;
case OPERATORS.notEquals:
- return `${column} != ${value}`;
+ return `${table}.${column} != ALL(${value})`;
case OPERATORS.contains:
- return `${column} ${like} ${value}`;
+ return `${table}.${column} ilike ${value}`;
case OPERATORS.doesNotContain:
- return `${column} not ${like} ${value}`;
+ return `${table}.${column} not ilike ${value}`;
+ case OPERATORS.regex:
+ return `${table}.${column} ~ ${value}`;
+ case OPERATORS.notRegex:
+ return `${table}.${column} !~ ${value}`;
default:
return '';
}
}
-function mapCohortFilter(column: string, operator: string, value: string) {
- const db = getDatabaseType();
- const like = db === POSTGRESQL ? 'ilike' : 'like';
+function getFilterQuery(filters: Record, options: QueryOptions = {}): string {
+ const { isCohort, cohortMatch, cohortActionName } = options;
+ const isOr = isCohort ? cohortMatch === 'any' : filters.match === 'any';
+ const orClauses: string[] = [];
+ const andClauses: string[] = [];
- switch (operator) {
- case OPERATORS.equals:
- return `${column} = '${value}'`;
- case OPERATORS.notEquals:
- return `${column} != '${value}'`;
- case OPERATORS.contains:
- return `${column} ${like} '${value}'`;
- case OPERATORS.doesNotContain:
- return `${column} not ${like} '${value}'`;
- default:
- return '';
- }
-}
-
-function getFilterQuery(filters: QueryFilters = {}, options: QueryOptions = {}): string {
- const query = filtersToArray(filters, options).reduce((arr, { name, column, operator }) => {
- if (column) {
- arr.push(`and ${mapFilter(column, operator, name)}`);
-
- if (name === 'referrer') {
- arr.push(
- `and (website_event.referrer_domain != website_event.hostname or website_event.referrer_domain is null)`,
- );
+ filtersObjectToArray(filters, options).forEach(
+ ({ name, column, operator, prefix = '', paramName }) => {
+ if (isCohort) {
+ column = FILTER_COLUMNS[name.slice('cohort_'.length)];
}
- }
- return arr;
- }, []);
-
- return query.join('\n');
-}
-
-function getCohortQuery(websiteId: string, filters: QueryFilters = {}, options: QueryOptions = {}) {
- const query = filtersToArray(filters, options).reduce(
- (arr, { name, column, operator, value }) => {
if (column) {
- arr.push(
- `${arr.length === 0 ? 'where' : 'and'} ${mapCohortFilter(column, operator, value)}`,
- );
+ const clause = mapFilter(`${prefix}${column}`, operator, name, '', paramName);
+ const isAlwaysAnd = name === 'eventType' || (isCohort && name === cohortActionName);
+
+ if (isAlwaysAnd) {
+ andClauses.push(`and ${clause}`);
+ } else if (isOr) {
+ orClauses.push(clause);
+ } else {
+ andClauses.push(`and ${clause}`);
+ }
if (name === 'referrer') {
- arr.push(`and referrer_domain != hostname`);
+ andClauses.push(
+ `and (website_event.referrer_domain != regexp_replace(website_event.hostname, '^www.', '') or website_event.referrer_domain is null)`,
+ );
}
}
-
- return arr;
},
- [],
);
- if (query.length > 0) {
- // add website and date range filters
- query.push(`and website_event.website_id = '${websiteId}'`);
- query.push(
- `and website_event.created_at between '${filters.startDate}'::timestamptz and '${filters.endDate}'::timestamptz`,
- );
+ const parts: string[] = [];
- return `join
+ if (orClauses.length > 0) {
+ parts.push(`and (\n ${orClauses.join('\n or ')}\n)`);
+ }
+
+ parts.push(...andClauses);
+
+ return parts.join('\n');
+}
+
+function getCohortQuery(filters: QueryFilters = {}) {
+ if (!filters || Object.keys(filters).length === 0) {
+ return '';
+ }
+
+ const cohortMatch = (filters as any).cohort_match;
+ const cohortActionName = (filters as any).cohort_actionName;
+
+ const filterQuery = getFilterQuery(filters, { isCohort: true, cohortMatch, cohortActionName });
+
+ return `join
(select distinct website_event.session_id
from website_event
join session on session.session_id = website_event.session_id
- ${query.join('\n')}) cohort
+ and session.website_id = website_event.website_id
+ where website_event.website_id = {{websiteId}}
+ and website_event.created_at between {{cohort_startDate}} and {{cohort_endDate}}
+ ${filterQuery}
+ ) cohort
on cohort.session_id = website_event.session_id
`;
- }
-
- return '';
}
-function getDateQuery(filters: QueryFilters = {}) {
+function getExcludeBounceQuery(filters: Record) {
+ if (!filters.excludeBounce === true) {
+ return '';
+ }
+
+ return `join
+ (select distinct session_id, visit_id
+ from website_event
+ where website_id = {{websiteId}}
+ and created_at between {{startDate}} and {{endDate}}
+ and event_type = 1
+ group by session_id, visit_id
+ having count(*) > 1
+ ) excludeBounce
+ on excludeBounce.session_id = website_event.session_id
+ and excludeBounce.visit_id = website_event.visit_id
+ `;
+}
+
+function getDateQuery(filters: Record) {
const { startDate, endDate } = filters;
if (startDate) {
@@ -242,53 +205,64 @@ function getDateQuery(filters: QueryFilters = {}) {
return '';
}
-function getFilterParams(filters: QueryFilters = {}) {
- return filtersToArray(filters).reduce((obj, { name, operator, value }) => {
- obj[name] = [OPERATORS.contains, OPERATORS.doesNotContain].includes(operator)
- ? `%${value}%`
- : value;
-
- return obj;
- }, {});
-}
-
-async function parseFilters(
- websiteId: string,
- filters: QueryFilters = {},
- options: QueryOptions = {},
-) {
- const website = await fetchWebsite(websiteId);
- const joinSession = Object.keys(filters).find(key =>
- ['referrer', ...SESSION_COLUMNS].includes(key),
- );
-
+function getQueryParams(filters: Record) {
return {
- joinSession:
- options?.joinSession || joinSession
- ? `inner join session on website_event.session_id = session.session_id`
- : '',
- filterQuery: getFilterQuery(filters, options),
- dateQuery: getDateQuery(filters),
- params: {
- ...getFilterParams(filters),
- websiteId,
- startDate: maxDate(filters.startDate, website?.resetAt),
- },
- cohortQuery: getCohortQuery(websiteId, filters?.cohort),
+ ...filters,
+ ...filtersObjectToArray(filters).reduce((obj, { name, column, operator, value, paramName }) => {
+ const resolvedColumn =
+ column || (name?.startsWith('cohort_') && FILTER_COLUMNS[name.slice('cohort_'.length)]);
+
+ if (!resolvedColumn) return obj;
+
+ const key = paramName ?? name;
+
+ if (([OPERATORS.contains, OPERATORS.doesNotContain] as Operator[]).includes(operator)) {
+ obj[key] = `%${value}%`;
+ } else if (([OPERATORS.equals, OPERATORS.notEquals] as Operator[]).includes(operator)) {
+ obj[key] = Array.isArray(value) ? value : [value];
+ } else {
+ obj[key] = value;
+ }
+
+ return obj;
+ }, {}),
};
}
-async function rawQuery(sql: string, data: object): Promise {
+function parseFilters(filters: Record, options?: QueryOptions) {
+ const joinSession = Object.keys(filters).find(key => {
+ const baseName = key.replace(/\d+$/, '');
+ return ['referrer', ...SESSION_COLUMNS].includes(baseName);
+ });
+
+ const cohortFilters = Object.fromEntries(
+ Object.entries(filters).filter(([key]) => key.startsWith('cohort_')),
+ );
+
+ return {
+ joinSessionQuery:
+ options?.joinSession || joinSession
+ ? `inner join session on website_event.session_id = session.session_id and website_event.website_id = session.website_id`
+ : '',
+ dateQuery: getDateQuery(filters),
+ filterQuery: getFilterQuery(filters, options),
+ queryParams: getQueryParams(filters),
+ cohortQuery: getCohortQuery(cohortFilters),
+ excludeBounceQuery: getExcludeBounceQuery(filters),
+ };
+}
+
+async function rawQuery(sql: string, data: Record, name?: string): Promise {
if (process.env.LOG_QUERY) {
log('QUERY:\n', sql);
log('PARAMETERS:\n', data);
+ log('NAME:\n', name);
}
-
- const db = getDatabaseType();
const params = [];
+ const schema = getSchema();
- if (db !== POSTGRESQL && db !== MYSQL) {
- return Promise.reject(new Error('Unknown database.'));
+ if (schema) {
+ await client.$executeRawUnsafe(`SET search_path TO "${schema}";`);
}
const query = sql?.replaceAll(/\{\{\s*(\w+)(::\w+)?\s*}}/g, (...args) => {
@@ -298,16 +272,18 @@ async function rawQuery(sql: string, data: object): Promise {
params.push(value);
- return db === MYSQL ? '?' : `$${params.length}${type ?? ''}`;
+ return `$${params.length}${type ?? ''}`;
});
- return process.env.DATABASE_REPLICA_URL
- ? client.$replica().$queryRawUnsafe(query, ...params)
- : client.$queryRawUnsafe(query, ...params);
+ if (process.env.DATABASE_REPLICA_URL && '$replica' in client) {
+ return client.$replica().$queryRawUnsafe(query, ...params);
+ }
+
+ return client.$queryRawUnsafe(query, ...params);
}
-async function pagedQuery(model: string, criteria: T, pageParams: PageParams) {
- const { page = 1, pageSize, orderBy, sortDescending = false } = pageParams || {};
+async function pagedQuery(model: string, criteria: T, filters?: QueryFilters) {
+ const { page = 1, pageSize, orderBy, sortDescending = false, search } = filters || {};
const size = +pageSize || DEFAULT_PAGE_SIZE;
const data = await client[model].findMany({
@@ -326,15 +302,16 @@ async function pagedQuery(model: string, criteria: T, pageParams: PageParams)
const count = await client[model].count({ where: (criteria as any).where });
- return { data, count, page: +page, pageSize: size, orderBy };
+ return { data, count, page: +page, pageSize: size, orderBy, search };
}
async function pagedRawQuery(
query: string,
- queryParams: { [key: string]: any },
- pageParams: PageParams = {},
+ queryParams: Record,
+ filters: QueryFilters,
+ name?: string,
) {
- const { page = 1, pageSize, orderBy, sortDescending = false } = pageParams;
+ const { page = 1, pageSize, orderBy, sortDescending = false } = filters;
const size = +pageSize || DEFAULT_PAGE_SIZE;
const offset = +size * (+page - 1);
const direction = sortDescending ? 'desc' : 'asc';
@@ -350,26 +327,15 @@ async function pagedRawQuery(
res => res[0].num,
);
- const data = await rawQuery(`${query}${statements}`, queryParams);
+ const data = await rawQuery(`${query}${statements}`, queryParams, name);
return { data, count, page: +page, pageSize: size, orderBy };
}
-function getQueryMode(): { mode?: 'default' | 'insensitive' } {
- const db = getDatabaseType();
-
- if (db === POSTGRESQL) {
- return { mode: 'insensitive' };
- }
-
- return {};
-}
-
-function getSearchParameters(query: string, filters: { [key: string]: any }[]) {
+function getSearchParameters(query: string, filters: Record[]) {
if (!query) return;
- const mode = getQueryMode();
- const parseFilter = (filter: { [key: string]: any }) => {
+ const parseFilter = (filter: Record) => {
const [[key, value]] = Object.entries(filter);
return {
@@ -377,7 +343,7 @@ function getSearchParameters(query: string, filters: { [key: string]: any }[]) {
typeof value === 'string'
? {
[value]: query,
- ...mode,
+ mode: 'insensitive',
}
: parseFilter(value),
};
@@ -396,47 +362,61 @@ function transaction(input: any, options?: any) {
return client.$transaction(input, options);
}
-function getClient(params?: {
- logQuery?: boolean;
- queryLogger?: () => void;
- replicaUrl?: string;
- options?: any;
-}): PrismaClient {
- const {
- logQuery = !!process.env.LOG_QUERY,
- queryLogger,
- replicaUrl = process.env.DATABASE_REPLICA_URL,
- options,
- } = params || {};
+function getSchema() {
+ const connectionUrl = new URL(process.env.DATABASE_URL);
- const prisma = new PrismaClient({
- errorFormat: 'pretty',
- ...(logQuery && PRISMA_LOG_OPTIONS),
- ...options,
- });
-
- if (replicaUrl) {
- prisma.$extends(
- readReplicas({
- url: replicaUrl,
- }),
- );
- }
-
- if (logQuery) {
- prisma.$on('query' as never, queryLogger || log);
- }
-
- if (process.env.NODE_ENV !== 'production') {
- global[PRISMA] = prisma;
- }
-
- log('Prisma initialized');
-
- return prisma;
+ return connectionUrl.searchParams.get('schema');
}
-const client = global[PRISMA] || getClient();
+function getClient() {
+ const url = process.env.DATABASE_URL;
+ const replicaUrl = process.env.DATABASE_REPLICA_URL;
+ const logQuery = process.env.LOG_QUERY;
+ const schema = getSchema();
+
+ const baseAdapter = new PrismaPg({ connectionString: url }, { schema });
+
+ const baseClient = new PrismaClient({
+ adapter: baseAdapter,
+ errorFormat: 'pretty',
+ ...(logQuery ? PRISMA_LOG_OPTIONS : {}),
+ });
+
+ if (logQuery) {
+ baseClient.$on('query', log);
+ }
+
+ if (!replicaUrl) {
+ log('Prisma initialized');
+ globalThis[PRISMA] ??= baseClient;
+ return baseClient;
+ }
+
+ const replicaAdapter = new PrismaPg({ connectionString: replicaUrl }, { schema });
+
+ const replicaClient = new PrismaClient({
+ adapter: replicaAdapter,
+ errorFormat: 'pretty',
+ ...(logQuery ? PRISMA_LOG_OPTIONS : {}),
+ });
+
+ if (logQuery) {
+ replicaClient.$on('query', log);
+ }
+
+ const extended = baseClient.$extends(
+ readReplicas({
+ replicas: [replicaClient],
+ }),
+ );
+
+ log('Prisma initialized (with replica)');
+ globalThis[PRISMA] ??= extended;
+
+ return extended;
+}
+
+const client = (globalThis[PRISMA] || getClient()) as ReturnType;
export default {
client,
@@ -450,7 +430,6 @@ export default {
getSearchParameters,
getTimestampDiffSQL,
getSearchSQL,
- getQueryMode,
pagedQuery,
pagedRawQuery,
parseFilters,
diff --git a/src/lib/react.ts b/src/lib/react.ts
new file mode 100644
index 000000000..668cdf1fb
--- /dev/null
+++ b/src/lib/react.ts
@@ -0,0 +1,77 @@
+import {
+ Children,
+ cloneElement,
+ type FC,
+ Fragment,
+ isValidElement,
+ type ReactElement,
+ type ReactNode,
+} from 'react';
+
+export function getFragmentChildren(children: ReactNode) {
+ return (children as ReactElement)?.type === Fragment
+ ? (children as ReactElement).props.children
+ : children;
+}
+
+export function isValidChild(child: ReactElement, types: FC | FC[]) {
+ if (!isValidElement(child)) {
+ return false;
+ }
+ return (Array.isArray(types) ? types : [types]).find(type => type === child.type);
+}
+
+export function mapChildren(
+ children: ReactNode,
+ handler: (child: ReactElement, index: number) => any,
+) {
+ return Children.map(getFragmentChildren(children) as ReactElement[], (child, index) => {
+ if (!child?.props) {
+ return null;
+ }
+ return handler(child, index);
+ });
+}
+
+export function cloneChildren(
+ children: ReactNode,
+ handler: (child: ReactElement, index: number) => any,
+ options?: { validChildren?: any[]; onlyRenderValid?: boolean },
+): ReactNode {
+ if (!children) {
+ return null;
+ }
+
+ const { validChildren, onlyRenderValid = false } = options || {};
+
+ return mapChildren(children, (child, index) => {
+ const invalid = validChildren && !isValidChild(child as ReactElement, validChildren);
+
+ if (onlyRenderValid && invalid) {
+ return null;
+ }
+
+ if (!invalid && isValidElement(child)) {
+ return cloneElement(child, handler(child, index));
+ }
+
+ return child;
+ });
+}
+
+export function renderChildren(
+ children: ReactNode | ((item: any, index: number, array: any) => ReactNode),
+ items: any[],
+ handler: (child: ReactElement, index: number) => object | undefined,
+ options?: { validChildren?: any[]; onlyRenderValid?: boolean },
+): ReactNode {
+ if (typeof children === 'function' && items?.length > 0) {
+ return cloneChildren(items.map(children), handler, options);
+ }
+
+ return cloneChildren(getFragmentChildren(children as ReactNode), handler, options);
+}
+
+export function countChildren(children: ReactNode): number {
+ return Children.count(getFragmentChildren(children));
+}
diff --git a/src/lib/redis.ts b/src/lib/redis.ts
index 98b083888..e8448eda9 100644
--- a/src/lib/redis.ts
+++ b/src/lib/redis.ts
@@ -1,17 +1,153 @@
-import { REDIS, UmamiRedisClient } from '@umami/redis-client';
+import debug from 'debug';
+import { createClient, type RedisClientType } from 'redis';
+const log = debug('umami:redis-client');
+
+export const DELETED = '__DELETED__';
+export const DEFAULT_TTL = 3600;
+
+const logError = (err: unknown) => log(err);
+
+class UmamiRedisClient {
+ url: string;
+ client: RedisClientType;
+ isConnected: boolean;
+
+ constructor(url: string) {
+ const client = createClient({ url }).on('error', logError);
+
+ this.url = url;
+ this.client = client as RedisClientType;
+ this.isConnected = false;
+ }
+
+ async connect() {
+ if (!this.isConnected) {
+ this.isConnected = true;
+
+ await this.client.connect();
+
+ log('Redis connected');
+ }
+ }
+
+ async get(key: string) {
+ await this.connect();
+
+ const data = await this.client.get(key);
+
+ try {
+ return JSON.parse(data as string);
+ } catch {
+ return null;
+ }
+ }
+
+ async set(key: string, value: any, time?: number) {
+ await this.connect();
+
+ const ttl = time && time > 0 ? time : DEFAULT_TTL;
+
+ return this.client.set(key, JSON.stringify(value), { EX: ttl });
+ }
+
+ async del(key: string) {
+ await this.connect();
+
+ return this.client.del(key);
+ }
+
+ async incr(key: string) {
+ await this.connect();
+
+ return this.client.incr(key);
+ }
+
+ async expire(key: string, seconds: number) {
+ await this.connect();
+
+ return this.client.expire(key, seconds);
+ }
+
+ async rateLimit(key: string, limit: number, seconds: number): Promise {
+ await this.connect();
+
+ const res = await this.client.incr(key);
+
+ if (res === 1) {
+ await this.client.expire(key, seconds);
+ }
+
+ return res >= limit;
+ }
+
+ async fetch(key: string, query: () => Promise, time?: number) {
+ const result = await this.get(key);
+
+ if (result === DELETED) return null;
+
+ if (!result && query) {
+ const data = await query();
+ if (data) {
+ await this.set(key, data, time);
+ }
+ return data;
+ }
+
+ return result;
+ }
+
+ async remove(key: string, soft = false) {
+ return soft ? this.set(key, DELETED) : this.del(key);
+ }
+}
+
+const REDIS = 'redis';
const enabled = !!process.env.REDIS_URL;
function getClient() {
const redis = new UmamiRedisClient(process.env.REDIS_URL);
+ const originalConnect = redis.connect.bind(redis);
+ let connectPromise: Promise | null = null;
+
+ const resetConnectionState = () => {
+ redis.isConnected = false;
+ };
+
+ redis.client.on('end', resetConnectionState);
+ redis.client.on('reconnecting', resetConnectionState);
+
+ redis.connect = async () => {
+ if (redis.client.isReady || redis.client.isOpen) {
+ redis.isConnected = true;
+ return;
+ }
+
+ if (connectPromise) {
+ return connectPromise;
+ }
+
+ connectPromise = (async () => {
+ try {
+ await originalConnect();
+ } catch (error) {
+ redis.isConnected = false;
+ throw error;
+ } finally {
+ connectPromise = null;
+ }
+ })();
+
+ return connectPromise;
+ };
if (process.env.NODE_ENV !== 'production') {
- global[REDIS] = redis;
+ globalThis[REDIS] = redis;
}
return redis;
}
-const client = global[REDIS] || getClient();
+const client: UmamiRedisClient = globalThis[REDIS] || getClient();
export default { client, enabled };
diff --git a/src/lib/request.ts b/src/lib/request.ts
index b75ea1ba1..69f6eb1d7 100644
--- a/src/lib/request.ts
+++ b/src/lib/request.ts
@@ -1,46 +1,41 @@
-import { z, ZodSchema } from 'zod';
-import { FILTER_COLUMNS, FILTER_GROUPS } from '@/lib/constants';
-import { badRequest, unauthorized } from '@/lib/response';
-import { getAllowedUnits, getMinimumUnit } from '@/lib/date';
+import { startOfMonth, subMonths } from 'date-fns';
+import { z } from 'zod';
import { checkAuth } from '@/lib/auth';
-import { getWebsiteSegment, getWebsiteDateRange } from '@/queries';
-
-export async function getJsonBody(request: Request) {
- try {
- return await request.clone().json();
- } catch {
- return undefined;
- }
-}
+import { DEFAULT_PAGE_SIZE, FILTER_COLUMNS, OPERATORS } from '@/lib/constants';
+import { getAllowedUnits, getMinimumUnit, maxDate, parseDateRange } from '@/lib/date';
+import { fetchAccount, fetchWebsite } from '@/lib/load';
+import { filtersArrayToObject } from '@/lib/params';
+import { badRequest, unauthorized } from '@/lib/response';
+import type { QueryFilters } from '@/lib/types';
+import { getWebsiteSegment } from '@/queries/prisma';
export async function parseRequest(
request: Request,
- schema?: ZodSchema,
+ schema?: any,
options?: { skipAuth: boolean },
): Promise {
const url = new URL(request.url);
let query = Object.fromEntries(url.searchParams);
let body = await getJsonBody(request);
- let error: () => void | undefined;
+ let error: () => undefined | undefined | Response;
let auth = null;
- const getErrorMessages = (error: z.ZodError) => {
- return Object.entries(error.format())
- .map(([key, value]) => {
- const messages = (value as any)._errors;
- return messages ? `${key}: ${messages.join(', ')}` : null;
- })
- .filter(Boolean);
- };
-
if (schema) {
const isGet = request.method === 'GET';
+ const rawQuery = query;
const result = schema.safeParse(isGet ? query : body);
if (!result.success) {
- error = () => badRequest(getErrorMessages(result.error));
+ error = () => badRequest(z.treeifyError(result.error));
} else if (isGet) {
query = result.data;
+
+ // Re-add suffixed filter params (e.g., browser1, os2) stripped by Zod schema
+ for (const key of Object.keys(rawQuery)) {
+ if (/\d+$/.test(key) && !(key in query)) {
+ query[key] = rawQuery[key];
+ }
+ }
} else {
body = result.data;
}
@@ -57,56 +52,127 @@ export async function parseRequest(
return { url, query, body, auth, error };
}
-export async function getRequestDateRange(query: Record) {
- const { websiteId, startAt, endAt, unit } = query;
-
- // All-time
- if (+startAt === 0 && +endAt === 1) {
- const result = await getWebsiteDateRange(websiteId as string);
- const { min, max } = result[0];
- const startDate = new Date(min);
- const endDate = new Date(max);
-
- return {
- startDate,
- endDate,
- unit: getMinimumUnit(startDate, endDate),
- };
+export async function getJsonBody(request: Request) {
+ try {
+ return await request.clone().json();
+ } catch {
+ return undefined;
}
+}
+
+export function getRequestDateRange(query: Record) {
+ const { startAt, endAt, unit, timezone } = query;
const startDate = new Date(+startAt);
const endDate = new Date(+endAt);
- const minUnit = getMinimumUnit(startDate, endDate);
return {
startDate,
endDate,
- unit: (getAllowedUnits(startDate, endDate).includes(unit as string) ? unit : minUnit) as string,
+ timezone,
+ unit: getAllowedUnits(startDate, endDate).includes(unit)
+ ? unit
+ : getMinimumUnit(startDate, endDate),
};
}
-export async function getRequestFilters(query: Record, websiteId?: string) {
+export function getRequestFilters(query: Record) {
const result: Record = {};
- for (const key of Object.keys(FILTER_COLUMNS)) {
- const value = query[key];
- if (value !== undefined) {
- result[key] = value;
- }
- }
-
- for (const key of Object.keys(FILTER_GROUPS)) {
- const value = query[key];
- if (value !== undefined) {
- const segment = await getWebsiteSegment(websiteId, key, value);
- if (key === 'segment') {
- // merge filters into result
- Object.assign(result, segment.parameters);
- } else {
- result[key] = segment.parameters;
- }
+ for (const key of Object.keys(query)) {
+ const baseName = key.replace(/\d+$/, '');
+ if (baseName in FILTER_COLUMNS) {
+ result[key] = query[key];
}
}
return result;
}
+
+export async function setWebsiteDate(websiteId: string, data: Record) {
+ const website = await fetchWebsite(websiteId);
+ const cloudMode = !!process.env.CLOUD_MODE;
+
+ if (cloudMode && website && !website.teamId) {
+ const account = await fetchAccount(website.userId);
+
+ if (!account?.hasSubscription) {
+ data.startDate = maxDate(data.startDate, startOfMonth(subMonths(new Date(), 6)));
+ }
+ }
+
+ if (website?.resetAt) {
+ data.startDate = maxDate(data.startDate, new Date(website?.resetAt));
+ }
+
+ return data;
+}
+
+export async function getQueryFilters(
+ params: Record,
+ websiteId?: string,
+): Promise {
+ const dateRange = getRequestDateRange(params);
+ const filters = getRequestFilters(params);
+
+ let match = params?.match;
+
+ if (websiteId) {
+ await setWebsiteDate(websiteId, dateRange);
+
+ if (params.segment) {
+ const segmentParams = (await getWebsiteSegment(websiteId, params.segment))
+ ?.parameters as Record;
+
+ Object.assign(filters, filtersArrayToObject(segmentParams.filters));
+
+ if (segmentParams.match) {
+ match = segmentParams.match;
+ }
+ }
+
+ if (params.cohort) {
+ const cohortParams = (await getWebsiteSegment(websiteId, params.cohort))
+ ?.parameters as Record;
+
+ const { startDate, endDate } = parseDateRange(cohortParams.dateRange);
+
+ const cohortFilters = cohortParams.filters.map(({ name, ...props }) => ({
+ ...props,
+ name: `cohort_${name}`,
+ }));
+
+ cohortFilters.push({
+ name: `cohort_${cohortParams.action.type}`,
+ operator: OPERATORS.equals,
+ value: cohortParams.action.value,
+ });
+
+ Object.assign(filters, {
+ ...filtersArrayToObject(cohortFilters),
+ cohort_startDate: startDate,
+ cohort_endDate: endDate,
+ ...(cohortParams.match && {
+ cohort_match: cohortParams.match,
+ cohort_actionName: `cohort_${cohortParams.action.type}`,
+ }),
+ });
+ }
+
+ if (params.excludeBounce) {
+ Object.assign(filters, { excludeBounce: true });
+ }
+ }
+
+ return {
+ ...dateRange,
+ ...filters,
+ match,
+ page: params?.page,
+ pageSize: params?.pageSize ? params?.pageSize || DEFAULT_PAGE_SIZE : undefined,
+ orderBy: params?.orderBy,
+ sortDescending: params?.sortDescending,
+ search: params?.search,
+ compare: params?.compare,
+ };
+}
diff --git a/src/lib/response.ts b/src/lib/response.ts
index d50b453c9..f1ad5c7bf 100644
--- a/src/lib/response.ts
+++ b/src/lib/response.ts
@@ -1,29 +1,58 @@
-import { serializeError } from 'serialize-error';
-
export function ok() {
return Response.json({ ok: true });
}
-export function json(data: any) {
+export function json(data: Record = {}) {
return Response.json(data);
}
-export function badRequest(error: any = 'Bad request') {
- return Response.json({ error: serializeError(error) }, { status: 400 });
+export function badRequest(error?: Record) {
+ return Response.json(
+ {
+ error: { message: 'Bad request', code: 'bad-request', status: 400, ...error },
+ },
+ { status: 400 },
+ );
}
-export function unauthorized(error: any = 'Unauthorized') {
- return Response.json({ error: serializeError(error) }, { status: 401 });
+export function unauthorized(error?: Record) {
+ return Response.json(
+ {
+ error: {
+ message: 'Unauthorized',
+ code: 'unauthorized',
+ status: 401,
+ ...error,
+ },
+ },
+ { status: 401 },
+ );
}
-export function forbidden(error: any = 'Forbidden') {
- return Response.json({ error: serializeError(error) }, { status: 403 });
+export function forbidden(error?: Record) {
+ return Response.json(
+ { error: { message: 'Forbidden', code: 'forbidden', status: 403, ...error } },
+ { status: 403 },
+ );
}
-export function notFound(error: any = 'Not found') {
- return Response.json({ error: serializeError(error) }, { status: 404 });
+export function notFound(error?: Record) {
+ return Response.json(
+ { error: { message: 'Not found', code: 'not-found', status: 404, ...error } },
+ { status: 404 },
+ );
}
-export function serverError(error: any = 'Server error') {
- return Response.json({ error: serializeError(error) }, { status: 500 });
+export function serverError(error?: Record) {
+ return Response.json(
+ {
+ error: {
+ message: 'Server error',
+ code: 'server-error',
+ status: 500,
+ ...error,
+ },
+ },
+ { status: 500 },
+ );
}
diff --git a/src/lib/schema.ts b/src/lib/schema.ts
index 51a95748c..2567c3de6 100644
--- a/src/lib/schema.ts
+++ b/src/lib/schema.ts
@@ -2,8 +2,48 @@ import { z } from 'zod';
import { isValidTimezone, normalizeTimezone } from '@/lib/date';
import { UNIT_TYPES } from './constants';
+export const timezoneParam = z
+ .string()
+ .refine((value: string) => isValidTimezone(value), {
+ message: 'Invalid timezone',
+ })
+ .transform((value: string) => normalizeTimezone(value));
+
+export const unitParam = z.string().refine(value => UNIT_TYPES.includes(value), {
+ message: 'Invalid unit',
+});
+
+export const dateRangeParams = {
+ startAt: z.coerce.number().optional(),
+ endAt: z.coerce.number().optional(),
+ startDate: z.coerce.date().optional(),
+ endDate: z.coerce.date().optional(),
+ timezone: timezoneParam.optional(),
+ unit: unitParam.optional(),
+ compare: z.enum(['prev', 'yoy']).optional(),
+};
+
+export function withDateRange(shape?: T) {
+ return z
+ .object({
+ ...dateRangeParams,
+ ...shape,
+ })
+ .superRefine((data: Record, ctx) => {
+ const hasTimestamps = data.startAt != null && data.endAt != null;
+ const hasDates = data.startDate != null && data.endDate != null;
+
+ if (!hasTimestamps && !hasDates) {
+ ctx.addIssue({
+ code: z.ZodIssueCode.custom,
+ message: 'Either startAt+endAt or startDate+endDate must be provided',
+ });
+ }
+ });
+}
+
export const filterParams = {
- url: z.string().optional(),
+ path: z.string().optional(),
referrer: z.string().optional(),
title: z.string().optional(),
query: z.string().optional(),
@@ -14,31 +54,40 @@ export const filterParams = {
region: z.string().optional(),
city: z.string().optional(),
tag: z.string().optional(),
- host: z.string().optional(),
+ hostname: z.string().optional(),
+ distinctId: z.string().optional(),
language: z.string().optional(),
event: z.string().optional(),
- segment: z.string().optional(),
- cohort: z.string().optional(),
+ utmSource: z.string().optional(),
+ utmMedium: z.string().optional(),
+ utmCampaign: z.string().optional(),
+ utmContent: z.string().optional(),
+ utmTerm: z.string().optional(),
+ segment: z.uuid().optional(),
+ cohort: z.uuid().optional(),
+ eventType: z.coerce.number().int().positive().optional(),
+ excludeBounce: z.string().optional(),
+ match: z.enum(['all', 'any']).optional(),
+};
+
+export const searchParams = {
+ search: z.string().optional(),
};
export const pagingParams = {
page: z.coerce.number().int().positive().optional(),
pageSize: z.coerce.number().int().positive().optional(),
- orderBy: z.string().optional(),
- search: z.string().optional(),
};
-export const timezoneParam = z.string().refine((value: string) => isValidTimezone(value), {
- message: 'Invalid timezone',
-}).transform((value: string) => normalizeTimezone(value));
+export const sortingParams = {
+ orderBy: z.string().optional(),
+};
-export const unitParam = z.string().refine(value => UNIT_TYPES.includes(value), {
- message: 'Invalid unit',
-});
+export const userRoleParam = z.enum(['admin', 'user', 'view-only']);
-export const roleParam = z.enum(['team-member', 'team-view-only', 'team-manager']);
+export const teamRoleParam = z.enum(['team-member', 'team-view-only', 'team-manager']);
-export const anyObjectParam = z.object({}).passthrough();
+export const anyObjectParam = z.record(z.string(), z.any());
export const urlOrPathParam = z.string().refine(
value => {
@@ -54,27 +103,219 @@ export const urlOrPathParam = z.string().refine(
},
);
-export const reportTypeParam = z.enum([
- 'funnel',
- 'insights',
- 'retention',
- 'utm',
- 'goals',
- 'journey',
- 'revenue',
- 'attribution',
+export const fieldsParam = z.enum([
+ 'path',
+ 'referrer',
+ 'title',
+ 'query',
+ 'os',
+ 'browser',
+ 'device',
+ 'country',
+ 'region',
+ 'city',
+ 'tag',
+ 'hostname',
+ 'distinctId',
+ 'language',
+ 'event',
+ 'utmSource',
+ 'utmMedium',
+ 'utmCampaign',
+ 'utmContent',
+ 'utmTerm',
]);
-export const reportParms = {
- websiteId: z.string().uuid(),
- dateRange: z.object({
+export const reportTypeParam = z.enum([
+ 'attribution',
+ 'breakdown',
+ 'funnel',
+ 'goal',
+ 'journey',
+ 'performance',
+ 'retention',
+ 'revenue',
+ 'utm',
+]);
+
+export const operatorParam = z.enum([
+ 'eq',
+ 'neq',
+ 's',
+ 'ns',
+ 'c',
+ 'dnc',
+ 're',
+ 'nre',
+ 't',
+ 'f',
+ 'gt',
+ 'lt',
+ 'gte',
+ 'lte',
+ 'bf',
+ 'af',
+]);
+
+export const goalReportSchema = z.object({
+ type: z.literal('goal'),
+ parameters: z
+ .object({
+ startDate: z.coerce.date(),
+ endDate: z.coerce.date(),
+ type: z.string(),
+ value: z.string(),
+ }),
+});
+
+export const funnelReportSchema = z.object({
+ type: z.literal('funnel'),
+ parameters: z.object({
startDate: z.coerce.date(),
endDate: z.coerce.date(),
- num: z.coerce.number().optional(),
- offset: z.coerce.number().optional(),
- unit: z.string().optional(),
- value: z.string().optional(),
+ window: z.coerce.number().positive(),
+ steps: z
+ .array(
+ z.object({
+ type: z.enum(['path', 'event']),
+ value: z.string(),
+ filters: z
+ .array(
+ z.object({
+ property: z.string().min(1),
+ operator: z.enum(['eq', 'neq', 'c', 'dnc']),
+ value: z.string(),
+ }),
+ )
+ .optional(),
+ }),
+ )
+ .min(2)
+ .max(8),
}),
-};
+});
+
+export const journeyReportSchema = z.object({
+ type: z.literal('journey'),
+ parameters: z.object({
+ startDate: z.coerce.date(),
+ endDate: z.coerce.date(),
+ steps: z.coerce.number().min(2).max(7),
+ startStep: z.string().optional(),
+ endStep: z.string().optional(),
+ eventType: z.coerce.number().int().positive().optional(),
+ }),
+});
+
+export const retentionReportSchema = z.object({
+ type: z.literal('retention'),
+ parameters: z.object({
+ startDate: z.coerce.date(),
+ endDate: z.coerce.date(),
+ timezone: timezoneParam.optional(),
+ }),
+});
+
+export const utmReportSchema = z.object({
+ type: z.literal('utm'),
+ parameters: z.object({
+ startDate: z.coerce.date(),
+ endDate: z.coerce.date(),
+ }),
+});
+
+export const performanceReportSchema = z.object({
+ type: z.literal('performance'),
+ parameters: z.object({
+ startDate: z.coerce.date(),
+ endDate: z.coerce.date(),
+ unit: unitParam.optional(),
+ timezone: timezoneParam.optional(),
+ metric: z.enum(['lcp', 'inp', 'cls', 'fcp', 'ttfb']).optional(),
+ }),
+});
+
+export const revenueReportSchema = z.object({
+ type: z.literal('revenue'),
+ parameters: z.object({
+ startDate: z.coerce.date(),
+ endDate: z.coerce.date(),
+ unit: unitParam.optional(),
+ timezone: timezoneParam.optional(),
+ currency: z.string(),
+ compare: z.enum(['prev', 'yoy']).optional(),
+ }),
+});
+
+export const attributionReportSchema = z.object({
+ type: z.literal('attribution'),
+ parameters: z.object({
+ startDate: z.coerce.date(),
+ endDate: z.coerce.date(),
+ model: z.enum(['first-click', 'last-click']),
+ type: z.enum(['path', 'event']),
+ step: z.string(),
+ currency: z.string().optional(),
+ }),
+});
+
+export const breakdownReportSchema = z.object({
+ type: z.literal('breakdown'),
+ parameters: z.object({
+ startDate: z.coerce.date(),
+ endDate: z.coerce.date(),
+ fields: z.array(fieldsParam),
+ }),
+});
+
+export const reportBaseSchema = z.object({
+ websiteId: z.uuid(),
+ type: reportTypeParam,
+ name: z.string().max(200),
+ description: z.string().max(500).optional(),
+ parameters: anyObjectParam,
+});
+
+export const reportTypeSchema = z.discriminatedUnion('type', [
+ goalReportSchema,
+ funnelReportSchema,
+ journeyReportSchema,
+ performanceReportSchema,
+ retentionReportSchema,
+ utmReportSchema,
+ revenueReportSchema,
+ attributionReportSchema,
+ breakdownReportSchema,
+]);
+
+export const reportSchema = reportBaseSchema;
+
+export const reportResultSchema = z.intersection(
+ z.object({
+ websiteId: z.uuid(),
+ filters: z.object({ ...filterParams }),
+ }),
+ reportTypeSchema,
+);
export const segmentTypeParam = z.enum(['segment', 'cohort']);
+
+export const segmentParamSchema = z.object({
+ filters: z
+ .array(
+ z.object({
+ name: z.string(),
+ operator: operatorParam,
+ value: z.string(),
+ }),
+ )
+ .optional(),
+ match: z.enum(['all', 'any']).optional(),
+ dateRange: z.string().optional(),
+ action: z
+ .object({
+ type: z.string(),
+ value: z.string(),
+ })
+ .optional(),
+});
diff --git a/src/lib/storage.ts b/src/lib/storage.ts
index f08a7f7a3..19681a2db 100644
--- a/src/lib/storage.ts
+++ b/src/lib/storage.ts
@@ -1,4 +1,4 @@
-export function setItem(key: string, data: any, session?: boolean): void {
+export function setItem(key: string, data: any, session?: boolean) {
if (typeof window !== 'undefined' && data) {
return (session ? sessionStorage : localStorage).setItem(key, JSON.stringify(data));
}
@@ -9,12 +9,16 @@ export function getItem(key: string, session?: boolean): any {
const value = (session ? sessionStorage : localStorage).getItem(key);
if (value !== 'undefined' && value !== null) {
- return JSON.parse(value);
+ try {
+ return JSON.parse(value);
+ } catch {
+ return null;
+ }
}
}
}
-export function removeItem(key: string, session?: boolean): void {
+export function removeItem(key: string, session?: boolean) {
if (typeof window !== 'undefined') {
return (session ? sessionStorage : localStorage).removeItem(key);
}
diff --git a/src/lib/types.ts b/src/lib/types.ts
index daeac2e22..f2e49dab6 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -1,54 +1,16 @@
-import {
- COLLECTION_TYPE,
- DATA_TYPE,
- EVENT_TYPE,
- KAFKA_TOPIC,
- PERMISSIONS,
- REPORT_TYPES,
- ROLES,
-} from './constants';
-import { TIME_UNIT } from './date';
-import { Dispatch, SetStateAction } from 'react';
+import type { UseQueryOptions } from '@tanstack/react-query';
+import type { Board as PrismaBoard } from '@/generated/prisma/client';
+import type { DATA_TYPE, OPERATORS, ROLES } from './constants';
+import type { TIME_UNIT } from './date';
-type ObjectValues = T[keyof T];
+export type ObjectValues = T[keyof T];
+
+export type ReactQueryOptions = Omit, 'queryKey' | 'queryFn'>;
export type TimeUnit = ObjectValues;
-export type Permission = ObjectValues;
-
-export type CollectionType = ObjectValues;
export type Role = ObjectValues;
-export type EventType = ObjectValues;
export type DynamicDataType = ObjectValues;
-export type KafkaTopic = ObjectValues;
-export type ReportType = ObjectValues;
-
-export interface PageParams {
- search?: string;
- page?: string | number;
- pageSize?: string;
- orderBy?: string;
- sortDescending?: boolean;
-}
-
-export interface PageResult {
- data: T;
- count: number;
- page: number;
- pageSize: number;
- orderBy?: string;
- sortDescending?: boolean;
-}
-
-export interface PagedQueryResult {
- result: PageResult;
- query: any;
- params: PageParams;
- setParams: Dispatch>;
-}
-
-export interface DynamicData {
- [key: string]: number | string | number[] | string[];
-}
+export type Operator = (typeof OPERATORS)[keyof typeof OPERATORS];
export interface Auth {
user?: {
@@ -57,93 +19,67 @@ export interface Auth {
role: string;
isAdmin: boolean;
};
- grant?: Permission[];
shareToken?: {
- websiteId: string;
+ websiteId?: string;
+ websiteIds?: string[];
+ boardId?: string;
+ pixelId?: string;
+ linkId?: string;
};
}
-export interface User {
- id: string;
- username: string;
- password?: string;
- role: string;
- createdAt?: Date;
-}
-
-export interface Website {
- id: string;
- userId: string;
- resetAt: Date;
+export interface Filter {
name: string;
- domain: string;
- shareId: string;
- createdAt: Date;
-}
-
-export interface Share {
- id: string;
- token: string;
-}
-
-export interface WebsiteActive {
- x: number;
-}
-
-export interface WebsiteMetric {
- x: string;
- y: number;
-}
-
-export interface WebsiteEventMetric {
- x: string;
- t: string;
- y: number;
-}
-
-export interface WebsiteEventData {
- eventName?: string;
- propertyName: string;
- dataType: number;
- propertyValue?: string;
- total: number;
-}
-
-export interface WebsitePageviews {
- pageviews: {
- t: string;
- y: number;
- };
- sessions: {
- t: string;
- y: number;
- };
-}
-
-export interface WebsiteStats {
- pageviews: { value: number; prev: number };
- visitors: { value: number; prev: number };
- visits: { value: number; prev: number };
- bounces: { value: number; prev: number };
- totaltime: { value: number; prev: number };
+ operator: Operator;
+ value: string | string[];
+ type?: string;
+ column?: string;
+ prefix?: string;
+ paramName?: string;
}
export interface DateRange {
- value: string;
startDate: Date;
endDate: Date;
+ value?: string;
unit?: TimeUnit;
num?: number;
offset?: number;
}
-export interface QueryFilters {
+export interface DynamicData {
+ [key: string]: number | string | number[] | string[];
+}
+
+export interface QueryOptions {
+ joinSession?: boolean;
+ columns?: Record;
+ limit?: number;
+ prefix?: string;
+ isCohort?: boolean;
+ cohortMatch?: string;
+ cohortActionName?: string;
+}
+
+export interface QueryFilters
+ extends DateParams,
+ FilterParams,
+ SortParams,
+ PageParams,
+ SegmentParams {
+ cohortFilters?: QueryFilters;
+}
+
+export interface DateParams {
startDate?: Date;
endDate?: Date;
- timezone?: string;
unit?: string;
- eventType?: number;
- url?: string;
+ timezone?: string;
+ compareDate?: Date;
+}
+
+export interface FilterParams {
+ path?: string;
referrer?: string;
title?: string;
query?: string;
@@ -158,20 +94,44 @@ export interface QueryFilters {
event?: string;
search?: string;
tag?: string;
- cohort?: { [key: string]: string };
+ eventType?: number;
+ segment?: string;
+ cohort?: string;
+ compare?: string;
+ excludeBounce?: boolean;
+ match?: 'all' | 'any';
}
-export interface QueryOptions {
- joinSession?: boolean;
- columns?: { [key: string]: string };
- limit?: number;
+export interface SortParams {
+ orderBy?: string;
+ sortDescending?: boolean;
+}
+
+export interface PageParams {
+ page?: number;
+ pageSize?: number;
+}
+
+export interface SegmentParams {
+ segment?: string;
+ cohort?: string;
+}
+
+export interface PageResult {
+ data: T;
+ count: number;
+ page: number;
+ pageSize: number;
+ orderBy?: string;
+ sortDescending?: boolean;
+ search?: string;
}
export interface RealtimeData {
- countries: { [key: string]: number };
+ countries: Record;
events: any[];
pageviews: any[];
- referrers: { [key: string]: number };
+ referrers: Record;
timestamp: number;
series: {
views: any[];
@@ -183,23 +143,50 @@ export interface RealtimeData {
events: number;
countries: number;
};
- urls: { [key: string]: number };
+ urls: Record;
visitors: any[];
}
-export interface SessionData {
- id: string;
- websiteId: string;
- visitId: string;
- hostname: string;
- browser: string;
- os: string;
- device: string;
- screen: string;
- language: string;
- country: string;
- region: string;
- city: string;
- ip?: string;
- userAgent?: string;
+export interface ApiError extends Error {
+ code?: string;
+ message: string;
+}
+
+export interface BoardComponentConfig {
+ type: string;
+ entityType?: 'website' | 'pixel' | 'link';
+ entityId?: string;
+ websiteId?: string;
+ title?: string;
+ description?: string;
+ props?: Record;
+}
+
+export interface BoardColumn {
+ id: string;
+ component?: BoardComponentConfig;
+ size?: number;
+}
+
+export interface BoardRow {
+ id: string;
+ columns: BoardColumn[];
+ size?: number;
+}
+
+export interface BoardParameters {
+ websiteId?: string;
+ pixelId?: string;
+ linkId?: string;
+ rows?: BoardRow[];
+}
+
+export interface Board extends Omit {
+ parameters: BoardParameters;
+}
+
+export interface WhiteLabel {
+ displayName: string;
+ domainName: string;
+ logoUrl: string;
}
diff --git a/src/lib/url.ts b/src/lib/url.ts
index a039d7d88..f6772feec 100644
--- a/src/lib/url.ts
+++ b/src/lib/url.ts
@@ -10,9 +10,9 @@ export function getQueryString(params: object = {}): string {
return searchParams.toString();
}
-export function buildUrl(url: string, params: object = {}): string {
+export function buildPath(path: string, params: object = {}): string {
const queryString = getQueryString(params);
- return `${url}${queryString && '?' + queryString}`;
+ return queryString ? `${path}?${queryString}` : path;
}
export function safeDecodeURI(s: string | undefined | null): string | undefined | null {
@@ -22,7 +22,7 @@ export function safeDecodeURI(s: string | undefined | null): string | undefined
try {
return decodeURI(s);
- } catch (e) {
+ } catch {
return s;
}
}
@@ -34,7 +34,16 @@ export function safeDecodeURIComponent(s: string | undefined | null): string | u
try {
return decodeURIComponent(s);
- } catch (e) {
+ } catch {
return s;
}
}
+
+export function isValidUrl(url: string) {
+ try {
+ new URL(url);
+ return true;
+ } catch {
+ return false;
+ }
+}
diff --git a/src/permissions/board.ts b/src/permissions/board.ts
new file mode 100644
index 000000000..67c25d03a
--- /dev/null
+++ b/src/permissions/board.ts
@@ -0,0 +1,92 @@
+import { hasPermission } from '@/lib/auth';
+import { PERMISSIONS } from '@/lib/constants';
+import type { Auth } from '@/lib/types';
+import { getBoard, getTeamUser } from '@/queries/prisma';
+
+export async function canViewBoard({ user, shareToken }: Auth, boardId: string) {
+ if (user?.isAdmin) {
+ return true;
+ }
+
+ if (shareToken?.boardId === boardId) {
+ return true;
+ }
+
+ if (!user) {
+ return false;
+ }
+
+ const board = await getBoard(boardId);
+
+ if (!board) {
+ return false;
+ }
+
+ if (board.userId) {
+ return user.id === board.userId;
+ }
+
+ if (board.teamId) {
+ const teamUser = await getTeamUser(board.teamId, user.id);
+
+ return !!teamUser;
+ }
+
+ return false;
+}
+
+export async function canUpdateBoard({ user }: Auth, boardId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const board = await getBoard(boardId);
+
+ if (!board) {
+ return false;
+ }
+
+ if (board.userId) {
+ return user.id === board.userId;
+ }
+
+ if (board.teamId) {
+ const teamUser = await getTeamUser(board.teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteUpdate);
+ }
+
+ return false;
+}
+
+export async function canDeleteBoard({ user }: Auth, boardId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const board = await getBoard(boardId);
+
+ if (!board) {
+ return false;
+ }
+
+ if (board.userId) {
+ return user.id === board.userId;
+ }
+
+ if (board.teamId) {
+ const teamUser = await getTeamUser(board.teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteDelete);
+ }
+
+ return false;
+}
diff --git a/src/permissions/entity.ts b/src/permissions/entity.ts
new file mode 100644
index 000000000..5a7fb3b00
--- /dev/null
+++ b/src/permissions/entity.ts
@@ -0,0 +1,89 @@
+import { hasPermission } from '@/lib/auth';
+import { PERMISSIONS } from '@/lib/constants';
+import { getEntity } from '@/lib/entity';
+import type { Auth } from '@/lib/types';
+import { getTeamUser } from '@/queries/prisma';
+
+export async function canViewEntity({ user }: Auth, entityId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const entity = await getEntity(entityId);
+
+ if (!entity) {
+ return false;
+ }
+
+ if (entity.userId) {
+ return user.id === entity.userId;
+ }
+
+ if (entity.teamId) {
+ const teamUser = await getTeamUser(entity.teamId, user.id);
+
+ return !!teamUser;
+ }
+
+ return false;
+}
+
+export async function canUpdateEntity({ user }: Auth, entityId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const entity = await getEntity(entityId);
+
+ if (!entity) {
+ return false;
+ }
+
+ if (entity.userId) {
+ return user.id === entity.userId;
+ }
+
+ if (entity.teamId) {
+ const teamUser = await getTeamUser(entity.teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteUpdate);
+ }
+
+ return false;
+}
+
+export async function canDeleteEntity({ user }: Auth, entityId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const entity = await getEntity(entityId);
+
+ if (!entity) {
+ return false;
+ }
+
+ if (entity.userId) {
+ return user.id === entity.userId;
+ }
+
+ if (entity.teamId) {
+ const teamUser = await getTeamUser(entity.teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteDelete);
+ }
+
+ return false;
+}
diff --git a/src/permissions/index.ts b/src/permissions/index.ts
new file mode 100644
index 000000000..c566d77c6
--- /dev/null
+++ b/src/permissions/index.ts
@@ -0,0 +1,8 @@
+export * from './board';
+export * from './entity';
+export * from './link';
+export * from './pixel';
+export * from './report';
+export * from './team';
+export * from './user';
+export * from './website';
diff --git a/src/permissions/link.ts b/src/permissions/link.ts
new file mode 100644
index 000000000..e77676998
--- /dev/null
+++ b/src/permissions/link.ts
@@ -0,0 +1,80 @@
+import { hasPermission } from '@/lib/auth';
+import { PERMISSIONS } from '@/lib/constants';
+import type { Auth } from '@/lib/types';
+import { getLink, getTeamUser } from '@/queries/prisma';
+
+export async function canViewLink({ user, shareToken }: Auth, linkId: string) {
+ if (user?.isAdmin) {
+ return true;
+ }
+
+ if (shareToken?.linkId === linkId || shareToken?.websiteId === linkId) {
+ return true;
+ }
+
+ if (!user) {
+ return false;
+ }
+
+ const link = await getLink(linkId);
+
+ if (link.userId) {
+ return user.id === link.userId;
+ }
+
+ if (link.teamId) {
+ const teamUser = await getTeamUser(link.teamId, user.id);
+
+ return !!teamUser;
+ }
+
+ return false;
+}
+
+export async function canUpdateLink({ user }: Auth, linkId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const link = await getLink(linkId);
+
+ if (link.userId) {
+ return user.id === link.userId;
+ }
+
+ if (link.teamId) {
+ const teamUser = await getTeamUser(link.teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteUpdate);
+ }
+
+ return false;
+}
+
+export async function canDeleteLink({ user }: Auth, linkId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const link = await getLink(linkId);
+
+ if (link.userId) {
+ return user.id === link.userId;
+ }
+
+ if (link.teamId) {
+ const teamUser = await getTeamUser(link.teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteDelete);
+ }
+
+ return false;
+}
diff --git a/src/permissions/pixel.ts b/src/permissions/pixel.ts
new file mode 100644
index 000000000..bf7c7aed0
--- /dev/null
+++ b/src/permissions/pixel.ts
@@ -0,0 +1,80 @@
+import { hasPermission } from '@/lib/auth';
+import { PERMISSIONS } from '@/lib/constants';
+import type { Auth } from '@/lib/types';
+import { getPixel, getTeamUser } from '@/queries/prisma';
+
+export async function canViewPixel({ user, shareToken }: Auth, pixelId: string) {
+ if (user?.isAdmin) {
+ return true;
+ }
+
+ if (shareToken?.pixelId === pixelId || shareToken?.websiteId === pixelId) {
+ return true;
+ }
+
+ if (!user) {
+ return false;
+ }
+
+ const pixel = await getPixel(pixelId);
+
+ if (pixel.userId) {
+ return user.id === pixel.userId;
+ }
+
+ if (pixel.teamId) {
+ const teamUser = await getTeamUser(pixel.teamId, user.id);
+
+ return !!teamUser;
+ }
+
+ return false;
+}
+
+export async function canUpdatePixel({ user }: Auth, pixelId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const pixel = await getPixel(pixelId);
+
+ if (pixel.userId) {
+ return user.id === pixel.userId;
+ }
+
+ if (pixel.teamId) {
+ const teamUser = await getTeamUser(pixel.teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteUpdate);
+ }
+
+ return false;
+}
+
+export async function canDeletePixel({ user }: Auth, pixelId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const pixel = await getPixel(pixelId);
+
+ if (pixel.userId) {
+ return user.id === pixel.userId;
+ }
+
+ if (pixel.teamId) {
+ const teamUser = await getTeamUser(pixel.teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteDelete);
+ }
+
+ return false;
+}
diff --git a/src/permissions/report.ts b/src/permissions/report.ts
new file mode 100644
index 000000000..fec37d8ca
--- /dev/null
+++ b/src/permissions/report.ts
@@ -0,0 +1,47 @@
+import type { Report } from '@/generated/prisma/client';
+import type { Auth } from '@/lib/types';
+import { canDeleteWebsite, canUpdateWebsite, canViewWebsite } from './website';
+
+export async function canViewReport(auth: Auth, report: Report) {
+ if (auth.user?.isAdmin) {
+ return true;
+ }
+
+ if (auth.user?.id === report.userId) {
+ return true;
+ }
+
+ return !!(await canViewWebsite(auth, report.websiteId));
+}
+
+export async function canUpdateReport(auth: Auth, report: Report) {
+ if (!auth.user) {
+ return false;
+ }
+
+ if (auth.user.isAdmin) {
+ return true;
+ }
+
+ if (auth.user.id === report.userId) {
+ return true;
+ }
+
+ return !!(await canUpdateWebsite(auth, report.websiteId));
+}
+
+export async function canDeleteReport(auth: Auth, report: Report) {
+ if (!auth.user) {
+ return false;
+ }
+
+ if (auth.user.isAdmin) {
+ return true;
+ }
+
+ if (auth.user.id === report.userId) {
+ return true;
+ }
+
+ return !!(await canDeleteWebsite(auth, report.websiteId));
+}
diff --git a/src/permissions/team.ts b/src/permissions/team.ts
new file mode 100644
index 000000000..130290af2
--- /dev/null
+++ b/src/permissions/team.ts
@@ -0,0 +1,92 @@
+import { hasPermission } from '@/lib/auth';
+import { PERMISSIONS } from '@/lib/constants';
+import type { Auth } from '@/lib/types';
+import { getTeamUser } from '@/queries/prisma';
+
+export async function canViewTeam({ user }: Auth, teamId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ return getTeamUser(teamId, user.id);
+}
+
+export async function canCreateTeam({ user }: Auth) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ return hasPermission(user.role, PERMISSIONS.teamCreate);
+}
+
+export async function canUpdateTeam({ user }: Auth, teamId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const teamUser = await getTeamUser(teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.teamUpdate);
+}
+
+export async function canDeleteTeam({ user }: Auth, teamId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const teamUser = await getTeamUser(teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.teamDelete);
+}
+
+export async function canDeleteTeamUser({ user }: Auth, teamId: string, removeUserId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ if (removeUserId === user.id) {
+ return true;
+ }
+
+ const teamUser = await getTeamUser(teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.teamUpdate);
+}
+
+export async function canCreateTeamWebsite({ user }: Auth, teamId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const teamUser = await getTeamUser(teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteCreate);
+}
+
+export async function canViewAllTeams({ user }: Auth) {
+ return user?.isAdmin ?? false;
+}
diff --git a/src/permissions/user.ts b/src/permissions/user.ts
new file mode 100644
index 000000000..8aa453aec
--- /dev/null
+++ b/src/permissions/user.ts
@@ -0,0 +1,37 @@
+import type { Auth } from '@/lib/types';
+
+export async function canCreateUser({ user }: Auth) {
+ return user?.isAdmin ?? false;
+}
+
+export async function canViewUser({ user }: Auth, viewedUserId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ return user.id === viewedUserId;
+}
+
+export async function canViewUsers({ user }: Auth) {
+ return user?.isAdmin ?? false;
+}
+
+export async function canUpdateUser({ user }: Auth, viewedUserId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ return user.id === viewedUserId;
+}
+
+export async function canDeleteUser({ user }: Auth) {
+ return user?.isAdmin ?? false;
+}
diff --git a/src/permissions/website.ts b/src/permissions/website.ts
new file mode 100644
index 000000000..7d4efe1d3
--- /dev/null
+++ b/src/permissions/website.ts
@@ -0,0 +1,150 @@
+import { hasPermission } from '@/lib/auth';
+import { PERMISSIONS } from '@/lib/constants';
+import { getEntity } from '@/lib/entity';
+import type { Auth } from '@/lib/types';
+import { getTeamUser, getWebsite } from '@/queries/prisma';
+
+export async function canViewWebsite({ user, shareToken }: Auth, websiteId: string) {
+ if (user?.isAdmin) {
+ return true;
+ }
+
+ if (
+ shareToken?.websiteId === websiteId ||
+ shareToken?.pixelId === websiteId ||
+ shareToken?.linkId === websiteId ||
+ shareToken?.websiteIds?.includes(websiteId)
+ ) {
+ return true;
+ }
+
+ const entity = await getEntity(websiteId);
+
+ if (!entity || !user) {
+ return false;
+ }
+
+ if (entity.userId) {
+ return user.id === entity.userId;
+ }
+
+ if (entity.teamId) {
+ const teamUser = await getTeamUser(entity.teamId, user.id);
+
+ return !!teamUser;
+ }
+
+ return false;
+}
+
+export async function canViewAllWebsites({ user }: Auth) {
+ return user?.isAdmin ?? false;
+}
+
+export async function canCreateWebsite({ user }: Auth) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ return hasPermission(user.role, PERMISSIONS.websiteCreate);
+}
+
+export async function canUpdateWebsite({ user }: Auth, websiteId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const website = await getWebsite(websiteId);
+
+ if (!website) {
+ return false;
+ }
+
+ if (website.userId) {
+ return user.id === website.userId;
+ }
+
+ if (website.teamId) {
+ const teamUser = await getTeamUser(website.teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteUpdate);
+ }
+
+ return false;
+}
+
+export async function canDeleteWebsite({ user }: Auth, websiteId: string) {
+ if (!user) {
+ return false;
+ }
+
+ if (user.isAdmin) {
+ return true;
+ }
+
+ const website = await getWebsite(websiteId);
+
+ if (!website) {
+ return false;
+ }
+
+ if (website.userId) {
+ return user.id === website.userId;
+ }
+
+ if (website.teamId) {
+ const teamUser = await getTeamUser(website.teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteDelete);
+ }
+
+ return false;
+}
+
+export async function canTransferWebsiteToUser({ user }: Auth, websiteId: string, userId: string) {
+ if (!user) {
+ return false;
+ }
+
+ const website = await getWebsite(websiteId);
+
+ if (!website) {
+ return false;
+ }
+
+ if (website.teamId && user.id === userId) {
+ const teamUser = await getTeamUser(website.teamId, userId);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteTransferToUser);
+ }
+
+ return false;
+}
+
+export async function canTransferWebsiteToTeam({ user }: Auth, websiteId: string, teamId: string) {
+ if (!user) {
+ return false;
+ }
+
+ const website = await getWebsite(websiteId);
+
+ if (!website) {
+ return false;
+ }
+
+ if (website.userId && website.userId === user.id) {
+ const teamUser = await getTeamUser(teamId, user.id);
+
+ return teamUser && hasPermission(teamUser.role, PERMISSIONS.websiteTransferToTeam);
+ }
+
+ return false;
+}
diff --git a/src/queries/index.ts b/src/queries/index.ts
deleted file mode 100644
index 0d57b2944..000000000
--- a/src/queries/index.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-export * from '@/queries/prisma/report';
-export * from '@/queries/prisma/segment';
-export * from '@/queries/prisma/team';
-export * from '@/queries/prisma/teamUser';
-export * from '@/queries/prisma/user';
-export * from '@/queries/prisma/website';
-export * from '@/queries/sql/events/getEventDataEvents';
-export * from '@/queries/sql/events/getEventDataFields';
-export * from '@/queries/sql/events/getEventDataProperties';
-export * from '@/queries/sql/events/getEventDataValues';
-export * from '@/queries/sql/events/getEventDataStats';
-export * from '@/queries/sql/events/getEventDataUsage';
-export * from '@/queries/sql/events/getEventMetrics';
-export * from '@/queries/sql/events/getEventStats';
-export * from '@/queries/sql/events/getWebsiteEvents';
-export * from '@/queries/sql/events/getEventUsage';
-export * from '@/queries/sql/events/saveEvent';
-export * from '@/queries/sql/reports/getFunnel';
-export * from '@/queries/sql/reports/getJourney';
-export * from '@/queries/sql/reports/getRetention';
-export * from '@/queries/sql/reports/getInsights';
-export * from '@/queries/sql/reports/getUTM';
-export * from '@/queries/sql/pageviews/getPageviewMetrics';
-export * from '@/queries/sql/pageviews/getPageviewStats';
-export * from '@/queries/sql/sessions/createSession';
-export * from '@/queries/sql/sessions/getWebsiteSession';
-export * from '@/queries/sql/sessions/getSessionData';
-export * from '@/queries/sql/sessions/getSessionDataProperties';
-export * from '@/queries/sql/sessions/getSessionDataValues';
-export * from '@/queries/sql/sessions/getSessionMetrics';
-export * from '@/queries/sql/sessions/getWebsiteSessions';
-export * from '@/queries/sql/sessions/getWebsiteSessionStats';
-export * from '@/queries/sql/sessions/getWebsiteSessionsWeekly';
-export * from '@/queries/sql/sessions/getSessionActivity';
-export * from '@/queries/sql/sessions/getSessionStats';
-export * from '@/queries/sql/sessions/saveSessionData';
-export * from '@/queries/sql/getActiveVisitors';
-export * from '@/queries/sql/getChannelMetrics';
-export * from '@/queries/sql/getRealtimeActivity';
-export * from '@/queries/sql/getRealtimeData';
-export * from '@/queries/sql/getValues';
-export * from '@/queries/sql/getWebsiteDateRange';
-export * from '@/queries/sql/getWebsiteStats';
diff --git a/src/queries/prisma/board.ts b/src/queries/prisma/board.ts
new file mode 100644
index 000000000..862ec36dd
--- /dev/null
+++ b/src/queries/prisma/board.ts
@@ -0,0 +1,68 @@
+import type { Prisma } from '@/generated/prisma/client';
+import { BOARD_TYPES } from '@/lib/boards';
+import prisma from '@/lib/prisma';
+import type { QueryFilters } from '@/lib/types';
+
+export async function findBoard(criteria: Prisma.BoardFindUniqueArgs) {
+ return prisma.client.board.findUnique(criteria);
+}
+
+export async function getBoard(boardId: string) {
+ return findBoard({
+ where: {
+ id: boardId,
+ },
+ });
+}
+
+export async function getBoards(criteria: Prisma.BoardFindManyArgs, filters: QueryFilters = {}) {
+ const { search } = filters;
+ const { getSearchParameters, pagedQuery } = prisma;
+
+ const where: Prisma.BoardWhereInput = {
+ ...criteria.where,
+ ...getSearchParameters(search, [{ name: 'contains' }, { description: 'contains' }]),
+ };
+
+ return pagedQuery('board', { ...criteria, where }, filters);
+}
+
+export async function getUserBoards(userId: string, filters?: QueryFilters) {
+ return getBoards(
+ {
+ where: {
+ userId,
+ type: {
+ not: BOARD_TYPES.dashboard,
+ },
+ },
+ },
+ filters,
+ );
+}
+
+export async function getTeamBoards(teamId: string, filters?: QueryFilters) {
+ return getBoards(
+ {
+ where: {
+ teamId,
+ type: {
+ not: BOARD_TYPES.dashboard,
+ },
+ },
+ },
+ filters,
+ );
+}
+
+export async function createBoard(data: Prisma.BoardUncheckedCreateInput) {
+ return prisma.client.board.create({ data });
+}
+
+export async function updateBoard(boardId: string, data: any) {
+ return prisma.client.board.update({ where: { id: boardId }, data });
+}
+
+export async function deleteBoard(boardId: string) {
+ return prisma.client.board.delete({ where: { id: boardId } });
+}
diff --git a/src/queries/prisma/index.ts b/src/queries/prisma/index.ts
new file mode 100644
index 000000000..27288c31c
--- /dev/null
+++ b/src/queries/prisma/index.ts
@@ -0,0 +1,11 @@
+export * from './board';
+export * from './link';
+export * from './pixel';
+export * from './report';
+export * from './segment';
+export * from './sessionReplay';
+export * from './share';
+export * from './team';
+export * from './teamUser';
+export * from './user';
+export * from './website';
diff --git a/src/queries/prisma/link.ts b/src/queries/prisma/link.ts
new file mode 100644
index 000000000..9b971dec4
--- /dev/null
+++ b/src/queries/prisma/link.ts
@@ -0,0 +1,66 @@
+import type { Prisma } from '@/generated/prisma/client';
+import prisma from '@/lib/prisma';
+import type { QueryFilters } from '@/lib/types';
+
+export async function findLink(criteria: Prisma.LinkFindUniqueArgs) {
+ return prisma.client.link.findUnique(criteria);
+}
+
+export async function getLink(linkId: string) {
+ return findLink({
+ where: {
+ id: linkId,
+ },
+ });
+}
+
+export async function getLinks(criteria: Prisma.LinkFindManyArgs, filters: QueryFilters = {}) {
+ const { search } = filters;
+ const { getSearchParameters, pagedQuery } = prisma;
+
+ const where: Prisma.LinkWhereInput = {
+ ...criteria.where,
+ ...getSearchParameters(search, [
+ { name: 'contains' },
+ { url: 'contains' },
+ { slug: 'contains' },
+ ]),
+ };
+
+ return pagedQuery('link', { ...criteria, where }, filters);
+}
+
+export async function getUserLinks(userId: string, filters?: QueryFilters) {
+ return getLinks(
+ {
+ where: {
+ userId,
+ deletedAt: null,
+ },
+ },
+ filters,
+ );
+}
+
+export async function getTeamLinks(teamId: string, filters?: QueryFilters) {
+ return getLinks(
+ {
+ where: {
+ teamId,
+ },
+ },
+ filters,
+ );
+}
+
+export async function createLink(data: Prisma.LinkUncheckedCreateInput) {
+ return prisma.client.link.create({ data });
+}
+
+export async function updateLink(linkId: string, data: any) {
+ return prisma.client.link.update({ where: { id: linkId }, data });
+}
+
+export async function deleteLink(linkId: string) {
+ return prisma.client.link.delete({ where: { id: linkId } });
+}
diff --git a/src/queries/prisma/pixel.ts b/src/queries/prisma/pixel.ts
new file mode 100644
index 000000000..4c9e132d5
--- /dev/null
+++ b/src/queries/prisma/pixel.ts
@@ -0,0 +1,60 @@
+import type { Prisma } from '@/generated/prisma/client';
+import prisma from '@/lib/prisma';
+import type { QueryFilters } from '@/lib/types';
+
+export async function findPixel(criteria: Prisma.PixelFindUniqueArgs) {
+ return prisma.client.pixel.findUnique(criteria);
+}
+
+export async function getPixel(pixelId: string) {
+ return findPixel({
+ where: {
+ id: pixelId,
+ },
+ });
+}
+
+export async function getPixels(criteria: Prisma.PixelFindManyArgs, filters: QueryFilters = {}) {
+ const { search } = filters;
+
+ const where: Prisma.PixelWhereInput = {
+ ...criteria.where,
+ ...prisma.getSearchParameters(search, [{ name: 'contains' }, { slug: 'contains' }]),
+ };
+
+ return prisma.pagedQuery('pixel', { ...criteria, where }, filters);
+}
+
+export async function getUserPixels(userId: string, filters?: QueryFilters) {
+ return getPixels(
+ {
+ where: {
+ userId,
+ },
+ },
+ filters,
+ );
+}
+
+export async function getTeamPixels(teamId: string, filters?: QueryFilters) {
+ return getPixels(
+ {
+ where: {
+ teamId,
+ },
+ },
+ filters,
+ );
+}
+
+export async function createPixel(data: Prisma.PixelUncheckedCreateInput) {
+ return prisma.client.pixel.create({ data });
+}
+
+export async function updatePixel(pixelId: string, data: any) {
+ return prisma.client.pixel.update({ where: { id: pixelId }, data });
+}
+
+export async function deletePixel(pixelId: string) {
+ return prisma.client.pixel.delete({ where: { id: pixelId } });
+}
diff --git a/src/queries/prisma/report.ts b/src/queries/prisma/report.ts
index 4feb9fb80..4a5b755c8 100644
--- a/src/queries/prisma/report.ts
+++ b/src/queries/prisma/report.ts
@@ -1,13 +1,14 @@
-import { Prisma, Report } from '@prisma/client';
+import { Prisma } from '@/generated/prisma/client';
import prisma from '@/lib/prisma';
-import { PageResult, PageParams } from '@/lib/types';
+import type { QueryFilters } from '@/lib/types';
+
import ReportFindManyArgs = Prisma.ReportFindManyArgs;
-async function findReport(criteria: Prisma.ReportFindUniqueArgs): Promise {
+async function findReport(criteria: Prisma.ReportFindUniqueArgs) {
return prisma.client.report.findUnique(criteria);
}
-export async function getReport(reportId: string): Promise {
+export async function getReport(reportId: string) {
return findReport({
where: {
id: reportId,
@@ -15,11 +16,8 @@ export async function getReport(reportId: string): Promise {
});
}
-export async function getReports(
- criteria: ReportFindManyArgs,
- pageParams: PageParams = {},
-): Promise> {
- const { search } = pageParams;
+export async function getReports(criteria: ReportFindManyArgs, filters: QueryFilters = {}) {
+ const { search } = filters;
const where: Prisma.ReportWhereInput = {
...criteria.where,
@@ -45,13 +43,10 @@ export async function getReports(
]),
};
- return prisma.pagedQuery('report', { ...criteria, where }, pageParams);
+ return prisma.pagedQuery('report', { ...criteria, where }, filters);
}
-export async function getUserReports(
- userId: string,
- filters?: PageParams,
-): Promise 
-
-
- 
-
-
- 
-
-
- 
-
+ 
