From 758b289a510082f49fbd72c5fe647055be17425d Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Mon, 22 Apr 2024 12:58:58 -0700
Subject: [PATCH 1/5] fix bug for teams UTM report

---
 src/app/(main)/teams/[teamId]/reports/utm/page.tsx | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 src/app/(main)/teams/[teamId]/reports/utm/page.tsx

diff --git a/src/app/(main)/teams/[teamId]/reports/utm/page.tsx b/src/app/(main)/teams/[teamId]/reports/utm/page.tsx
new file mode 100644
index 00000000..6070e7c5
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/reports/utm/page.tsx
@@ -0,0 +1,3 @@
+import Page from 'app/(main)/reports/utm/page';
+
+export default Page;

From 4b40b4e9cf3a846dc95baded5e82c7806f623f55 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Mon, 22 Apr 2024 13:17:24 -0700
Subject: [PATCH 2/5] stay in team context for website header links

---
 .../[teamId]/websites/[websiteId]/event-data/page.tsx    | 3 +++
 .../[teamId]/websites/[websiteId]/realtime/page.tsx      | 3 +++
 .../teams/[teamId]/websites/[websiteId]/reports/page.tsx | 3 +++
 src/app/(main)/websites/[websiteId]/WebsiteHeader.tsx    | 9 +++++++--
 4 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 src/app/(main)/teams/[teamId]/websites/[websiteId]/event-data/page.tsx
 create mode 100644 src/app/(main)/teams/[teamId]/websites/[websiteId]/realtime/page.tsx
 create mode 100644 src/app/(main)/teams/[teamId]/websites/[websiteId]/reports/page.tsx

diff --git a/src/app/(main)/teams/[teamId]/websites/[websiteId]/event-data/page.tsx b/src/app/(main)/teams/[teamId]/websites/[websiteId]/event-data/page.tsx
new file mode 100644
index 00000000..87de2abe
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/websites/[websiteId]/event-data/page.tsx
@@ -0,0 +1,3 @@
+import Page from 'app/(main)/websites/[websiteId]/event-data/page';
+
+export default Page;
diff --git a/src/app/(main)/teams/[teamId]/websites/[websiteId]/realtime/page.tsx b/src/app/(main)/teams/[teamId]/websites/[websiteId]/realtime/page.tsx
new file mode 100644
index 00000000..ffeaa928
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/websites/[websiteId]/realtime/page.tsx
@@ -0,0 +1,3 @@
+import Page from 'app/(main)/websites/[websiteId]/realtime/page';
+
+export default Page;
diff --git a/src/app/(main)/teams/[teamId]/websites/[websiteId]/reports/page.tsx b/src/app/(main)/teams/[teamId]/websites/[websiteId]/reports/page.tsx
new file mode 100644
index 00000000..9a97b9c5
--- /dev/null
+++ b/src/app/(main)/teams/[teamId]/websites/[websiteId]/reports/page.tsx
@@ -0,0 +1,3 @@
+import Page from 'app/(main)/websites/[websiteId]/reports/page';
+
+export default Page;
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteHeader.tsx b/src/app/(main)/websites/[websiteId]/WebsiteHeader.tsx
index 3d029250..dc0f4338 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteHeader.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteHeader.tsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import Favicon from 'components/common/Favicon';
-import { useMessages, useWebsite } from 'components/hooks';
+import { useMessages, useTeamUrl, useWebsite } from 'components/hooks';
 import Icons from 'components/icons';
 import ActiveUsers from 'components/metrics/ActiveUsers';
 import Link from 'next/link';
@@ -19,6 +19,7 @@ export function WebsiteHeader({
   children?: ReactNode;
 }) {
   const { formatMessage, labels } = useMessages();
+  const { renderTeamUrl } = useTeamUrl();
   const pathname = usePathname();
   const { data: website } = useWebsite(websiteId);
   const { name, domain } = website || {};
@@ -62,7 +63,11 @@ export function WebsiteHeader({
                 : pathname.match(/^\/websites\/[\w-]+$/);
 
               return (
-                <Link key={label} href={`/websites/${websiteId}${path}`} shallow={true}>
+                <Link
+                  key={label}
+                  href={renderTeamUrl(`/websites/${websiteId}${path}`)}
+                  shallow={true}
+                >
                   <Button
                     variant="quiet"
                     className={classNames({

From 64d9a196cc154a7f825e15818165c2b1a63c30a2 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Mon, 22 Apr 2024 13:31:58 -0700
Subject: [PATCH 3/5] renderteamURL on create report

---
 .../websites/[websiteId]/reports/WebsiteReportsPage.tsx      | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/reports/WebsiteReportsPage.tsx b/src/app/(main)/websites/[websiteId]/reports/WebsiteReportsPage.tsx
index 84ad57d0..051f6ed3 100644
--- a/src/app/(main)/websites/[websiteId]/reports/WebsiteReportsPage.tsx
+++ b/src/app/(main)/websites/[websiteId]/reports/WebsiteReportsPage.tsx
@@ -1,18 +1,19 @@
 'use client';
 import Link from 'next/link';
 import { Button, Flexbox, Icon, Icons, Text } from 'react-basics';
-import { useMessages } from 'components/hooks';
+import { useMessages, useTeamUrl } from 'components/hooks';
 import WebsiteHeader from '../WebsiteHeader';
 import ReportsDataTable from 'app/(main)/reports/ReportsDataTable';
 
 export function WebsiteReportsPage({ websiteId }) {
   const { formatMessage, labels } = useMessages();
+  const { renderTeamUrl } = useTeamUrl();
 
   return (
     <>
       <WebsiteHeader websiteId={websiteId} />
       <Flexbox alignItems="center" justifyContent="end">
-        <Link href={`/reports/create`}>
+        <Link href={renderTeamUrl('/reports/create')}>
           <Button variant="primary">
             <Icon>
               <Icons.Plus />

From fde2be490057d59fa3cb8c124d48a9074170f936 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Mon, 22 Apr 2024 14:03:47 -0700
Subject: [PATCH 4/5] add minute to UNIT_TYPES. Fix yup validations when
 all-time filter returne start date = end date

---
 src/lib/constants.ts                         | 2 +-
 src/lib/schema.ts                            | 2 +-
 src/pages/api/event-data/events.ts           | 2 +-
 src/pages/api/event-data/fields.ts           | 2 +-
 src/pages/api/event-data/stats.ts            | 2 +-
 src/pages/api/users/[userId]/usage.ts        | 2 +-
 src/pages/api/websites/[websiteId]/events.ts | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 66e17dfb..ac9c2e8d 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -30,7 +30,7 @@ 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'];
+export const UNIT_TYPES = ['year', 'month', 'hour', 'day', 'minute'];
 export const EVENT_COLUMNS = ['url', 'referrer', 'title', 'query', 'event'];
 
 export const SESSION_COLUMNS = [
diff --git a/src/lib/schema.ts b/src/lib/schema.ts
index c09d262a..5218af10 100644
--- a/src/lib/schema.ts
+++ b/src/lib/schema.ts
@@ -2,7 +2,7 @@ import * as yup from 'yup';
 
 export const dateRange = {
   startAt: yup.number().integer().required(),
-  endAt: yup.number().integer().moreThan(yup.ref('startAt')).required(),
+  endAt: yup.number().integer().min(yup.ref('startAt')).required(),
 };
 
 export const pageInfo = {
diff --git a/src/pages/api/event-data/events.ts b/src/pages/api/event-data/events.ts
index 19f0c8f1..bf0f409a 100644
--- a/src/pages/api/event-data/events.ts
+++ b/src/pages/api/event-data/events.ts
@@ -17,7 +17,7 @@ const schema = {
   GET: yup.object().shape({
     websiteId: yup.string().uuid().required(),
     startAt: yup.number().integer().required(),
-    endAt: yup.number().integer().moreThan(yup.ref('startAt')).required(),
+    endAt: yup.number().integer().min(yup.ref('startAt')).required(),
     event: yup.string(),
   }),
 };
diff --git a/src/pages/api/event-data/fields.ts b/src/pages/api/event-data/fields.ts
index b2af7511..4353ee73 100644
--- a/src/pages/api/event-data/fields.ts
+++ b/src/pages/api/event-data/fields.ts
@@ -17,7 +17,7 @@ const schema = {
   GET: yup.object().shape({
     websiteId: yup.string().uuid().required(),
     startAt: yup.number().integer().required(),
-    endAt: yup.number().integer().moreThan(yup.ref('startAt')).required(),
+    endAt: yup.number().integer().min(yup.ref('startAt')).required(),
     field: yup.string(),
   }),
 };
diff --git a/src/pages/api/event-data/stats.ts b/src/pages/api/event-data/stats.ts
index a2f9a113..7e440b88 100644
--- a/src/pages/api/event-data/stats.ts
+++ b/src/pages/api/event-data/stats.ts
@@ -16,7 +16,7 @@ const schema = {
   GET: yup.object().shape({
     websiteId: yup.string().uuid().required(),
     startAt: yup.number().integer().required(),
-    endAt: yup.number().integer().moreThan(yup.ref('startAt')).required(),
+    endAt: yup.number().integer().min(yup.ref('startAt')).required(),
   }),
 };
 
diff --git a/src/pages/api/users/[userId]/usage.ts b/src/pages/api/users/[userId]/usage.ts
index 72b33e3e..806b4128 100644
--- a/src/pages/api/users/[userId]/usage.ts
+++ b/src/pages/api/users/[userId]/usage.ts
@@ -26,7 +26,7 @@ const schema = {
   GET: yup.object().shape({
     id: yup.string().uuid().required(),
     startAt: yup.number().integer().required(),
-    endAt: yup.number().integer().moreThan(yup.ref<number>('startAt')).required(),
+    endAt: yup.number().integer().min(yup.ref<number>('startAt')).required(),
   }),
 };
 
diff --git a/src/pages/api/websites/[websiteId]/events.ts b/src/pages/api/websites/[websiteId]/events.ts
index d07fd28f..31132076 100644
--- a/src/pages/api/websites/[websiteId]/events.ts
+++ b/src/pages/api/websites/[websiteId]/events.ts
@@ -21,7 +21,7 @@ const schema = {
   GET: yup.object().shape({
     websiteId: yup.string().uuid().required(),
     startAt: yup.number().integer().required(),
-    endAt: yup.number().integer().moreThan(yup.ref('startAt')).required(),
+    endAt: yup.number().integer().min(yup.ref('startAt')).required(),
     unit: UnitTypeTest,
     timezone: TimezoneTest,
     url: yup.string(),

From cfbc4ebd72bbe45174a4689f2dd5947a0dab5079 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Tue, 23 Apr 2024 11:19:05 -0700
Subject: [PATCH 5/5] add filtering to event chart

---
 .../hooks/queries/useWebsiteEvents.ts         | 24 +++++++++-------
 src/pages/api/websites/[websiteId]/events.ts  | 28 +++++++++++++++----
 .../analytics/events/getEventMetrics.ts       |  6 ++--
 3 files changed, 40 insertions(+), 18 deletions(-)

diff --git a/src/components/hooks/queries/useWebsiteEvents.ts b/src/components/hooks/queries/useWebsiteEvents.ts
index 99281470..0cca1f95 100644
--- a/src/components/hooks/queries/useWebsiteEvents.ts
+++ b/src/components/hooks/queries/useWebsiteEvents.ts
@@ -1,18 +1,14 @@
-import useApi from './useApi';
-import { UseQueryOptions } from '@tanstack/react-query';
 import { useDateRange, useNavigation, useTimezone } from 'components/hooks';
 import { zonedTimeToUtc } from 'date-fns-tz';
+import useApi from './useApi';
 
-export function useWebsiteEvents(
-  websiteId: string,
-  options?: Omit<UseQueryOptions, 'queryKey' | 'queryFn'>,
-) {
+export function useWebsiteEvents(websiteId: string, options?: { [key: string]: string }) {
   const { get, useQuery } = useApi();
   const [dateRange] = useDateRange(websiteId);
   const { startDate, endDate, unit, offset } = dateRange;
   const { timezone } = useTimezone();
   const {
-    query: { url, event },
+    query: { url, referrer, os, browser, device, country, region, city, title, event },
   } = useNavigation();
 
   const params = {
@@ -20,14 +16,22 @@ export function useWebsiteEvents(
     endAt: +zonedTimeToUtc(endDate, timezone),
     unit,
     offset,
-    timezone,
     url,
+    referrer,
+    os,
+    browser,
+    device,
+    country,
+    region,
+    city,
+    title,
+    timezone,
     event,
   };
 
   return useQuery({
-    queryKey: ['events', { ...params }],
-    queryFn: () => get(`/websites/${websiteId}/events`, { ...params }),
+    queryKey: ['events', { websiteId, ...params }],
+    queryFn: () => get(`/websites/${websiteId}/events`, params),
     enabled: !!websiteId,
     ...options,
   });
diff --git a/src/pages/api/websites/[websiteId]/events.ts b/src/pages/api/websites/[websiteId]/events.ts
index 31132076..b8aabdad 100644
--- a/src/pages/api/websites/[websiteId]/events.ts
+++ b/src/pages/api/websites/[websiteId]/events.ts
@@ -1,6 +1,6 @@
 import { canViewWebsite } from 'lib/auth';
 import { useAuth, useCors, useValidate } from 'lib/middleware';
-import { getRequestDateRange } from 'lib/request';
+import { getRequestFilters, getRequestDateRange } from 'lib/request';
 import { NextApiRequestQueryBody, WebsiteMetric } from 'lib/types';
 import { TimezoneTest, UnitTypeTest } from 'lib/yup';
 import { NextApiResponse } from 'next';
@@ -15,6 +15,14 @@ export interface WebsiteEventsRequestQuery {
   unit?: string;
   timezone?: string;
   url: string;
+  referrer?: string;
+  title?: string;
+  os?: string;
+  browser?: string;
+  device?: string;
+  country?: string;
+  region: string;
+  city?: string;
 }
 
 const schema = {
@@ -25,6 +33,14 @@ const schema = {
     unit: UnitTypeTest,
     timezone: TimezoneTest,
     url: yup.string(),
+    referrer: yup.string(),
+    title: yup.string(),
+    os: yup.string(),
+    browser: yup.string(),
+    device: yup.string(),
+    country: yup.string(),
+    region: yup.string(),
+    city: yup.string(),
   }),
 };
 
@@ -36,7 +52,7 @@ export default async (
   await useAuth(req, res);
   await useValidate(schema, req, res);
 
-  const { websiteId, timezone, url } = req.query;
+  const { websiteId, timezone } = req.query;
   const { startDate, endDate, unit } = await getRequestDateRange(req);
 
   if (req.method === 'GET') {
@@ -44,13 +60,15 @@ export default async (
       return unauthorized(res);
     }
 
-    const events = await getEventMetrics(websiteId, {
+    const filters = {
+      ...getRequestFilters(req),
       startDate,
       endDate,
       timezone,
       unit,
-      url,
-    });
+    };
+
+    const events = await getEventMetrics(websiteId, filters);
 
     return ok(res, events);
   }
diff --git a/src/queries/analytics/events/getEventMetrics.ts b/src/queries/analytics/events/getEventMetrics.ts
index 53638fbd..32cccd3e 100644
--- a/src/queries/analytics/events/getEventMetrics.ts
+++ b/src/queries/analytics/events/getEventMetrics.ts
@@ -25,12 +25,12 @@ async function relationalQuery(websiteId: string, filters: QueryFilters) {
     `
     select
       event_name x,
-      ${getDateQuery('created_at', unit, timezone)} t,
+      ${getDateQuery('website_event.created_at', unit, timezone)} t,
       count(*) y
     from website_event
     ${joinSession}
-    where website_id = {{websiteId::uuid}}
-      and created_at between {{startDate}} and {{endDate}}
+    where website_event.website_id = {{websiteId::uuid}}
+      and website_event.created_at between {{startDate}} and {{endDate}}
       and event_type = {{eventType}}
       ${filterQuery}
     group by 1, 2