Merge branch 'dev' into analytics

src/app/(main)/reports/[reportId]/FieldFilterEditForm.tsx

@@ -1,13 +1,7 @@
-import {
+import { useMemo, useState } from 'react';
-  useFilters,
+import { useFilters, useFormat, useMessages, useWebsiteValues } from '@/components/hooks';
-  useFormat,
-  useLocale,
-  useMessages,
-  useWebsiteValues,
-} from '@/components/hooks';
 import { OPERATORS } from '@/lib/constants';
 import { isEqualsOperator } from '@/lib/params';
-import { useMemo, useState } from 'react';
 import {
   Button,
   Dropdown,
@@ -61,7 +55,6 @@ export default function FieldFilterEditForm({
   const [selected, setSelected] = useState(isEquals ? value : '');
   const { filters } = useFilters();
   const { formatValue } = useFormat();
-  const { locale } = useLocale();
   const isDisabled = !operator || (isEquals && !selected) || (!isEquals && !value);
   const {
     data: values = [],
@@ -86,29 +79,17 @@ export default function FieldFilterEditForm({
   };
 
   const formattedValues = useMemo(() => {
-    if (!values) {
+    return values.reduce((obj: { [x: string]: string }, { value }: { value: string }) => {
-      return {};
+      obj[value] = formatValue(value, name);
-    }
-    const formatted = {};
-    const format = (val: string) => {
-      formatted[val] = formatValue(val, name);
-      return formatted[val];
-    };
 
-    if (values?.length !== 1) {
+      return obj;
-      const { compare } = new Intl.Collator(locale, { numeric: true });
+    }, {});
-      values.sort((a, b) => compare(formatted[a] ?? format(a), formatted[b] ?? format(b)));
+  }, [formatValue, name, values]);
-    } else {
-      format(values[0]);
-    }
-
-    return formatted;
-  }, [formatValue, locale, name, values]);
 
   const filteredValues = useMemo(() => {
     return value
       ? values.filter((n: string | number) =>
-          formattedValues[n].toLowerCase().includes(value.toLowerCase()),
+          formattedValues[n]?.toLowerCase()?.includes(value.toLowerCase()),
         )
       : values;
   }, [value, formattedValues]);

src/app/api/reports/revenue/route.ts

@@ -29,6 +29,7 @@ export async function GET(request: Request) {
 
 export async function POST(request: Request) {
   const schema = z.object({
+    currency: z.string(),
     ...reportParms,
     timezone: timezoneParam,
   });

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

@@ -131,35 +131,35 @@ function getChannels(data: { domain: string; query: string; visitors: number }[]
 
   for (const { domain, query, visitors } of data) {
     if (!domain && !query) {
-      channels.direct += visitors;
+      channels.direct += Number(visitors);
     }
 
     const prefix = /utm_medium=(.*cp.*|ppc|retargeting|paid.*)/.test(query) ? 'paid' : 'organic';
 
     if (SEARCH_DOMAINS.some(match(domain)) || /utm_medium=organic/.test(query)) {
-      channels[`${prefix}Search`] += visitors;
+      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`] += visitors;
+      channels[`${prefix}Social`] += Number(visitors);
     } else if (EMAIL_DOMAINS.some(match(domain)) || /utm_medium=(.*e[-_ ]?mail.*)/.test(query)) {
-      channels.email += visitors;
+      channels.email += Number(visitors);
     } else if (
       SHOPPING_DOMAINS.some(match(domain)) ||
       /utm_campaign=(.*(([^a-df-z]|^)shop|shopping).*)/.test(query)
     ) {
-      channels[`${prefix}Shopping`] += visitors;
+      channels[`${prefix}Shopping`] += Number(visitors);
     } else if (VIDEO_DOMAINS.some(match(domain)) || /utm_medium=(.*video.*)/.test(query)) {
-      channels[`${prefix}Video`] += visitors;
+      channels[`${prefix}Video`] += Number(visitors);
     } else if (PAID_AD_PARAMS.some(match(query))) {
-      channels.paidAds += visitors;
+      channels.paidAds += Number(visitors);
     } else if (/utm_medium=(referral|app|link)/.test(query)) {
-      channels.referral += visitors;
+      channels.referral += Number(visitors);
     } else if (/utm_medium=affiliate/.test(query)) {
-      channels.affiliate += visitors;
+      channels.affiliate += Number(visitors);
     } else if (/utm_(source|medium)=sms/.test(query)) {
-      channels.sms += visitors;
+      channels.sms += Number(visitors);
     }
   }
 

src/app/api/websites/[websiteId]/session-data/values/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 { getEventDataEvents } from '@/queries/sql/events/getEventDataEvents';
+import { parseRequest } from '@/lib/request';
+import { json, unauthorized } from '@/lib/response';
+import { getSessionDataValues } from '@/queries';
+import { z } from 'zod';
 
 export async function GET(
   request: Request,
@@ -20,7 +20,7 @@ export async function GET(
     return error();
   }
 
-  const { startAt, endAt, event } = query;
+  const { startAt, endAt, propertyName } = query;
   const { websiteId } = await params;
 
   if (!(await canViewWebsite(auth, websiteId))) {
@@ -30,10 +30,10 @@ export async function GET(
   const startDate = new Date(+startAt);
   const endDate = new Date(+endAt);
 
-  const data = await getEventDataEvents(websiteId, {
+  const data = await getSessionDataValues(websiteId, {
     startDate,
     endDate,
-    event,
+    propertyName,
   });
 
   return json(data);

src/components/input/WebsiteSelect.tsx

@@ -14,12 +14,12 @@ export function WebsiteSelect({
   onSelect?: (key: any) => void;
 }) {
   const { formatMessage, labels, messages } = useMessages();
-  const [query, setQuery] = useState('');
+  const [search, setSearch] = useState('');
   const [selectedId, setSelectedId] = useState<Key>(websiteId);
 
   const { data: website } = useWebsite(selectedId as string);
 
-  const queryResult = useWebsites({ teamId }, { query, pageSize: 5 });
+  const queryResult = useWebsites({ teamId }, { search, pageSize: 5 });
 
   const renderValue = () => {
     return website?.name;
@@ -35,7 +35,7 @@ export function WebsiteSelect({
   };
 
   const handleSearch = (value: string) => {
-    setQuery(value);
+    setSearch(value);
   };
 
   return (

src/components/metrics/ReferrersTable.tsx

@@ -87,7 +87,7 @@ export function ReferrersTable({ allowFilter, ...props }: ReferrersTableProps) {
         {...props}
         title={formatMessage(labels.referrers)}
         type="referrer"
-        metric={formatMessage(labels.views)}
+        metric={formatMessage(labels.visitors)}
         dataFilter={view === 'grouped' ? groupedFilter : undefined}
         renderLabel={renderLink}
       >

src/queries/sql/getChannelMetrics.ts

@@ -21,7 +21,7 @@ async function relationalQuery(websiteId: string, filters: QueryFilters) {
       referrer_query as query,
       count(distinct session_id) as visitors
     from website_event
-    where website_id = {websiteId:UUID}
+    where website_id = {{websiteId::uuid}}
         ${filterQuery}
         ${dateQuery}
     group by 1, 2

src/queries/sql/pageviews/getPageviewMetrics.ts

@@ -32,15 +32,17 @@ async function relationalQuery(
     websiteId,
     {
       ...filters,
+      eventType: column === 'event_name' ? EVENT_TYPE.customEvent : EVENT_TYPE.pageView,
     },
-    { joinSession: SESSION_COLUMNS.includes(type) },
+    { joinSession: SESSION_COLUMNS.includes(type) || column === 'referrer_domain' },
   );
 
   let entryExitQuery = '';
   let excludeDomain = '';
+
   if (column === 'referrer_domain') {
-    excludeDomain = `and website_event.referrer_domain != website_event.hostname
+    excludeDomain = `and website_event.referrer_domain != session.hostname
-      and website_event.referrer_domain is not null`;
+      and website_event.referrer_domain != ''`;
   }
 
   if (type === 'entry' || type === 'exit') {
@@ -53,6 +55,7 @@ async function relationalQuery(
         from website_event
         where website_event.website_id = {{websiteId::uuid}}
           and website_event.created_at between {{startDate}} and {{endDate}}
+          and event_type = {{eventType}}
         group by visit_id
       ) x
       on x.visit_id = website_event.visit_id
@@ -62,7 +65,8 @@ async function relationalQuery(
 
   return rawQuery(
     `
-    select ${column} x, count(*) y
+    select ${column} x,
+      ${column === 'referrer_domain' ? 'count(distinct website_event.session_id)' : 'count(*)'} as y
     from website_event
     ${joinSession}
     ${entryExitQuery}
@@ -101,7 +105,7 @@ async function clickhouseQuery(
     let entryExitQuery = '';
 
     if (column === 'referrer_domain') {
-      excludeDomain = `and referrer_domain != hostname and hostname != ''`;
+      excludeDomain = `and referrer_domain != hostname and referrer_domain != ''`;
     }
 
     if (type === 'entry' || type === 'exit') {
@@ -113,17 +117,20 @@ async function clickhouseQuery(
       from website_event
       where website_id = {websiteId:UUID}
         and created_at between {startDate:DateTime64} and {endDate:DateTime64}
+        and event_type = {eventType:UInt32}
       group by visit_id) x
       ON x.visit_id = website_event.visit_id
           and x.target_created_at = website_event.created_at`;
     }
 
     sql = `
-    select ${column} x, count(*) y
+    select ${column} x, 
+      ${column === 'referrer_domain' ? 'uniq(session_id)' : 'count(*)'} as y
     from website_event
     ${entryExitQuery}
     where website_id = {websiteId:UUID}
       and created_at between {startDate:DateTime64} and {endDate:DateTime64}
+      and event_type = {eventType:UInt32}
       ${excludeDomain}
       ${filterQuery}
     group by x
@@ -133,13 +140,13 @@ async function clickhouseQuery(
     `;
   } else {
     let groupByQuery = '';
+    let columnQuery = `arrayJoin(${column})`;
 
     if (column === 'referrer_domain') {
-      excludeDomain = `and t != hostname and hostname != ''`;
+      excludeDomain = `and t != hostname and t != ''`;
+      columnQuery = `session_id s, arrayJoin(${column})`;
     }
 
-    let columnQuery = `arrayJoin(${column})`;
-
     if (type === 'entry') {
       columnQuery = `visit_id x, argMinMerge(entry_url)`;
     }
@@ -154,12 +161,13 @@ async function clickhouseQuery(
 
     sql = `
     select g.t as x,
-      count(*) as y
+      ${column === 'referrer_domain' ? 'uniq(s)' : 'count(*)'} as y
     from (
       select ${columnQuery} as t
       from website_event_stats_hourly website_event
       where website_id = {websiteId:UUID}
         and created_at between {startDate:DateTime64} and {endDate:DateTime64}
+        and event_type = {eventType:UInt32}
         ${excludeDomain}
         ${filterQuery}
       ${groupByQuery}) as g

src/queries/sql/sessions/getSessionDataProperties.ts

@@ -25,13 +25,12 @@ async function relationalQuery(
     `
     select
         data_key as "propertyName",
-        count(*) as "total"
+        count(distinct d.session_id) as "total"
     from website_event e
-    left join session_data d
+    join session_data d 
         on d.session_id = e.session_id
-    where e.website_id = {{websiteId:uuid}}
+    where e.website_id = {{websiteId::uuid}}
       and e.created_at between {{startDate}} and {{endDate}}
-      and d.data_key is not null
         ${filterQuery}
     group by 1
     order by 2 desc
@@ -54,9 +53,9 @@ async function clickhouseQuery(
     `
     select
       data_key as propertyName,
-      count(*) as total
+      count(distinct d.session_id) as total
     from website_event e
-    left join session_data d 
+    join session_data d final
       on d.session_id = e.session_id
     where e.website_id = {websiteId:UUID}
       and e.created_at between {startDate:DateTime64} and {endDate:DateTime64}

src/queries/sql/sessions/getSessionDataValues.ts

@@ -27,11 +27,13 @@ async function relationalQuery(
         when data_type = 4 then ${getDateSQL('date_value', 'hour')} 
         else string_value
       end as "value",
-      count(*) as "total"
+      count(distinct d.session_id) as "total"
-    from session_data
+    from website_event e
-    where website_id = {{websiteId::uuid}}
+    join session_data d 
-      and created_at between {{startDate}} and {{endDate}}
+        on d.session_id = e.session_id
-      and data_key = {{propertyName}}
+    where e.website_id = {{websiteId::uuid}}
+      and e.created_at between {{startDate}} and {{endDate}}
+      and d.data_key = {{propertyName}}
     ${filterQuery}
     group by value
     order by 2 desc
@@ -54,11 +56,13 @@ async function clickhouseQuery(
       multiIf(data_type = 2, replaceAll(string_value, '.0000', ''),
               data_type = 4, toString(date_trunc('hour', date_value)),
               string_value) as "value",
-      count(*) as "total"
+      uniq(d.session_id) as "total"
-    from session_data final
+    from website_event e
-    where website_id = {websiteId:UUID}
+    join session_data d final
-      and created_at between {startDate:DateTime64} and {endDate:DateTime64}
+      on d.session_id = e.session_id
-      and data_key = {propertyName:String}
+    where e.website_id = {websiteId:UUID}
+      and e.created_at between {startDate:DateTime64} and {endDate:DateTime64}
+      and d.data_key = {propertyName:String}
     ${filterQuery}
     group by value
     order by 2 desc