package.components.json

@@ -1,10 +1,24 @@
 {
   "name": "@umami/components",
-  "version": "0.121.0",
+  "version": "0.116.0",
   "description": "Umami React components.",
   "author": "Mike Cao <mike@mikecao.com>",
   "license": "MIT",
   "type": "module",
   "main": "./index.js",
-  "types": "./index.d.ts"
+  "types": "./index.d.ts",
+  "dependencies": {
+    "chart.js": "^4.5.0",
+    "chartjs-adapter-date-fns": "^3.0.0",
+    "colord": "^2.9.2",
+    "jsonwebtoken": "^9.0.2",
+    "lucide-react": "^0.542.0",
+    "pure-rand": "^7.0.1",
+    "react-simple-maps": "^2.3.0",
+    "react-use-measure": "^2.0.4",
+    "react-window": "^1.8.6",
+    "serialize-error": "^12.0.0",
+    "thenby": "^1.3.4",
+    "uuid": "^11.1.0"
+  }
 }

src/app/(main)/dashboard/DashboardPage.tsx

@@ -1,17 +0,0 @@
-'use client';
-import { Column } from '@umami/react-zen';
-import { PageHeader } from '@/components/common/PageHeader';
-import { useMessages } from '@/components/hooks';
-import { PageBody } from '@/components/common/PageBody';
-
-export function DashboardPage() {
-  const { formatMessage, labels } = useMessages();
-
-  return (
-    <PageBody>
-      <Column margin="2">
-        <PageHeader title={formatMessage(labels.dashboard)}></PageHeader>
-      </Column>
-    </PageBody>
-  );
-}

src/app/(main)/dashboard/page.tsx

@@ -1,10 +0,0 @@
-import { Metadata } from 'next';
-import { DashboardPage } from './DashboardPage';
-
-export default async function () {
-  return <DashboardPage />;
-}
-
-export const metadata: Metadata = {
-  title: 'Dashboard',
-};

src/app/(main)/websites/WebsitesDataTable.tsx

@@ -1,23 +1,20 @@
 import Link from 'next/link';
 import { WebsitesTable } from './WebsitesTable';
 import { DataGrid } from '@/components/common/DataGrid';
-import { useLoginQuery, useNavigation, useUserWebsitesQuery } from '@/components/hooks';
+import { useNavigation, useUserWebsitesQuery } from '@/components/hooks';
 
 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({ teamId });
-  const queryResult = useUserWebsitesQuery({ userId: userId || user?.id, teamId });
   const { renderUrl } = useNavigation();
 
   const renderLink = (row: any) => (

src/app/(main)/websites/WebsitesTable.tsx

@@ -3,7 +3,6 @@ import { Row, Text, Icon, DataTable, DataColumn, MenuItem } from '@umami/react-z
 import { useMessages, useNavigation } from '@/components/hooks';
 import { MenuButton } from '@/components/input/MenuButton';
 import { Eye, SquarePen } from '@/components/icons';
-import { Empty } from '@/components/common/Empty';
 
 export function WebsitesTable({
   data = [],
@@ -11,18 +10,20 @@ export function WebsitesTable({
   allowEdit,
   allowView,
   renderLink,
+  children,
 }: {
   data: Record<string, any>[];
   showActions?: boolean;
   allowEdit?: boolean;
   allowView?: boolean;
   renderLink?: (row: any) => ReactNode;
+  children?: ReactNode;
 }) {
   const { formatMessage, labels } = useMessages();
   const { renderUrl } = useNavigation();
 
-  if (data.length === 0) {
+  if (!data?.length) {
-    return <Empty />;
+    return children;
   }
 
   return (

src/app/(main)/websites/[websiteId]/WebsiteNav.tsx

@@ -18,11 +18,10 @@ import {
 import { useMessages, useNavigation } from '@/components/hooks';
 import { SideMenu } from '@/components/common/SideMenu';
 import { WebsiteSelect } from '@/components/input/WebsiteSelect';
-import { Text } from '@umami/react-zen';
 
 export function WebsiteNav({ websiteId }: { websiteId: string }) {
   const { formatMessage, labels } = useMessages();
-  const { pathname, renderUrl, teamId, router } = useNavigation();
+  const { pathname, renderUrl, teamId } = useNavigation();
 
   const renderPath = (path: string) =>
     renderUrl(`/websites/${websiteId}${path}`, {
@@ -144,31 +143,13 @@ export function WebsiteNav({ websiteId }: { websiteId: string }) {
     },
   ];
 
-  const handleChange = (value: string) => {
-    router.push(renderUrl(`/websites/${value}`));
-  };
-
-  const renderValue = (value: any) => {
-    return (
-      <Text truncate style={{ maxWidth: 160, lineHeight: 1 }}>
-        {value?.selectedItem?.name}
-      </Text>
-    );
-  };
-
   const selectedKey = items
     .flatMap(e => e.items)
     .find(({ path }) => path && pathname.endsWith(path.split('?')[0]))?.id;
 
   return (
     <SideMenu items={items} selectedKey={selectedKey} allowMinimize={false} muteItems={false}>
-      <WebsiteSelect
+      <WebsiteSelect websiteId={websiteId} teamId={teamId} />
-        websiteId={websiteId}
-        teamId={teamId}
-        onChange={handleChange}
-        renderValue={renderValue}
-        buttonProps={{ style: { outline: 'none' } }}
-      />
     </SideMenu>
   );
 }

src/app/api/me/websites/route.ts

@@ -1,13 +1,12 @@
 import { z } from 'zod';
 import { pagingParams } from '@/lib/schema';
-import { getAllUserWebsitesIncludingTeamOwner, getUserWebsites } from '@/queries';
+import { getUserWebsites } from '@/queries';
 import { json } from '@/lib/response';
 import { parseRequest, getQueryFilters } from '@/lib/request';
 
 export async function GET(request: Request) {
   const schema = z.object({
     ...pagingParams,
-    includeTeams: z.string().optional(),
   });
 
   const { auth, query, error } = await parseRequest(request, schema);
@@ -18,9 +17,7 @@ export async function GET(request: Request) {
 
   const filters = await getQueryFilters(query);
 
-  if (query.includeTeams) {
+  const websites = await getUserWebsites(auth.user.id, filters);
-    return json(await getAllUserWebsitesIncludingTeamOwner(auth.user.id, filters));
-  }
 
-  return json(await getUserWebsites(auth.user.id, filters));
+  return json(websites);
 }

src/app/api/users/[userId]/websites/route.ts

@@ -1,6 +1,6 @@
 import { z } from 'zod';
 import { unauthorized, json } from '@/lib/response';
-import { getAllUserWebsitesIncludingTeamOwner, getUserWebsites } from '@/queries/prisma/website';
+import { getUserWebsites } from '@/queries/prisma/website';
 import { pagingParams, searchParams } from '@/lib/schema';
 import { getQueryFilters, parseRequest } from '@/lib/request';
 
@@ -8,7 +8,6 @@ export async function GET(request: Request, { params }: { params: Promise<{ user
   const schema = z.object({
     ...pagingParams,
     ...searchParams,
-    includeTeams: z.string().optional(),
   });
 
   const { auth, query, error } = await parseRequest(request, schema);
@@ -25,9 +24,7 @@ export async function GET(request: Request, { params }: { params: Promise<{ user
 
   const filters = await getQueryFilters(query);
 
-  if (query.includeTeams) {
+  const websites = await getUserWebsites(userId, filters);
-    return json(await getAllUserWebsitesIncludingTeamOwner(auth.user.id, filters));
-  }
 
-  return json(await getUserWebsites(userId, filters));
+  return json(websites);
 }

src/app/api/websites/[websiteId]/stats/route.ts

@@ -40,5 +40,5 @@ export async function GET(
     endDate,
   });
 
-  return json({ ...data, comparison });
+  return json({ ...data[0], comparison });
 }

src/components/input/WebsiteSelect.tsx

@@ -1,26 +1,30 @@
 import { useState } from 'react';
-import { Select, SelectProps, ListItem } from '@umami/react-zen';
+import { Select, SelectProps, ListItem, Text } from '@umami/react-zen';
-import { useUserWebsitesQuery, useMessages, useLoginQuery } from '@/components/hooks';
+import {
+  useUserWebsitesQuery,
+  useWebsiteQuery,
+  useNavigation,
+  useMessages,
+} from '@/components/hooks';
 import { Empty } from '@/components/common/Empty';
 
 export function WebsiteSelect({
   websiteId,
   teamId,
-  onChange,
-  includeTeams,
   ...props
 }: {
   websiteId?: string;
   teamId?: string;
-  includeTeams?: boolean;
 } & SelectProps) {
   const { formatMessage, messages } = useMessages();
+  const { router, renderUrl } = useNavigation();
   const [search, setSearch] = useState('');
-  const { user } = useLoginQuery();
+  const { data: website } = useWebsiteQuery(websiteId);
-  const { data, isLoading } = useUserWebsitesQuery(
+  const { data, isLoading } = useUserWebsitesQuery({ teamId }, { search, pageSize: 5 });
-    { userId: user?.id, teamId },
+
-    { search, pageSize: 5, includeTeams },
+  const handleSelect = (value: any) => {
-  );
+    router.push(renderUrl(`/websites/${value}`));
+  };
 
   const handleSearch = (value: string) => {
     setSearch(value);
@@ -33,17 +37,24 @@ export function WebsiteSelect({
   return (
     <Select
       {...props}
+      placeholder=""
       items={data?.['data'] || []}
       value={websiteId}
       isLoading={isLoading}
+      buttonProps={{ variant: 'outline' }}
       allowSearch={true}
       searchValue={search}
       onSearch={handleSearch}
-      onChange={onChange}
+      onChange={handleSelect}
       onOpenChange={handleOpenChange}
       listProps={{
         renderEmptyState: () => <Empty message={formatMessage(messages.noResultsFound)} />,
       }}
+      renderValue={() => (
+        <Text truncate weight="bold" style={{ maxWidth: 160, lineHeight: 1 }}>
+          {website?.name}
+        </Text>
+      )}
     >
       {({ id, name }: any) => <ListItem key={id}>{name}</ListItem>}
     </Select>

src/index.ts

@@ -64,10 +64,6 @@ export * from '@/components/common/SectionHeader';
 export * from '@/components/common/SideMenu';
 export * from '@/components/common/TypeConfirmationForm';
 
-export * from '@/components/input/ActionButton';
-export * from '@/components/input/DateFilter';
-export * from '@/components/input/DownloadButton';
-export * from '@/components/input/ExportButton';
 export * from '@/components/input/FilterButtons';
 export * from '@/components/input/TeamsButton';
 export * from '@/components/input/ProfileButton';

src/queries/prisma/website.ts

@@ -46,34 +46,46 @@ export async function getWebsites(
   return pagedQuery('website', { ...criteria, where }, filters);
 }
 
-export async function getAllUserWebsitesIncludingTeamOwner(
+export async function getAllWebsites(userId: string) {
-  userId: string,
+  return prisma.client.website.findMany({
-  filters?: QueryFilters,
+    where: {
-): Promise<PageResult<Website[]>> {
+      OR: [
-  return getWebsites(
+        { userId },
-    {
+        {
-      where: {
+          team: {
-        OR: [
+            deletedAt: null,
-          { userId },
+            teamUser: {
-          {
+              some: {
-            team: {
+                userId,
-              deletedAt: null,
-              members: {
-                some: {
-                  role: ROLES.teamOwner,
-                  userId,
-                },
               },
             },
           },
-        ],
+        },
-      },
+      ],
+      deletedAt: null,
     },
-    {
+  });
-      orderBy: 'name',
+}
-      ...filters,
+
+export async function getAllUserWebsitesIncludingTeamOwner(userId: string) {
+  return prisma.client.website.findMany({
+    where: {
+      OR: [
+        { userId },
+        {
+          team: {
+            deletedAt: null,
+            teamUser: {
+              some: {
+                role: ROLES.teamOwner,
+                userId,
+              },
+            },
+          },
+        },
+      ],
     },
-  );
+  });
 }
 
 export async function getUserWebsites(

src/queries/sql/getWebsiteStats.ts

@@ -58,7 +58,7 @@ async function relationalQuery(
     ) as t
     `,
     queryParams,
-  ).then(result => result?.[0]);
+  );
 }
 
 async function clickhouseQuery(