From 066fabce06d3a9fedb3bdc0bf8666bcb6e55ccb0 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Date: Tue, 6 Feb 2024 17:48:31 +0100
Subject: [PATCH] =?UTF-8?q?:children=5Fcrossing:=20(results)=20Add=20time?=
 =?UTF-8?q?=20filter=20to=20results=20table=20as=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/builder/src/components/DropdownList.tsx  |   2 +-
 .../components/inputs/VariableSearchInput.tsx |   3 +-
 .../src/features/analytics/api/getStats.ts    |  89 +++++++++++
 .../src/features/analytics/api/router.ts      |   2 +
 .../components/AnalyticsGraphContainer.tsx    |  20 ++-
 .../analytics/components/StatsCards.tsx       |  20 +--
 .../components/TimeFilterDropdown.tsx         |  26 ++++
 .../src/features/results/ResultsProvider.tsx  |   4 +
 .../src/features/results/api/getResults.ts    |  14 ++
 .../results/components/ResultsPage.tsx        |  43 ++++--
 .../components/ResultsTableContainer.tsx      |  12 +-
 .../results/components/table/ResultsTable.tsx |  11 ++
 .../features/results/hooks/useResultsQuery.ts |  12 +-
 .../src/features/results/hooks/useStats.ts    |  22 ---
 .../typebots/[typebotId]/analytics/stats.ts   |   1 +
 .../[typebotId]/results/analytics.tsx         |   2 +-
 .../api-reference/analytics/get-stats.mdx     |   4 +
 apps/docs/mint.json                           |   4 +
 apps/docs/openapi/builder.json                | 140 ++++++++++++++++++
 packages/schemas/features/answer.ts           |  12 +-
 20 files changed, 376 insertions(+), 67 deletions(-)
 create mode 100644 apps/builder/src/features/analytics/api/getStats.ts
 create mode 100644 apps/builder/src/features/analytics/components/TimeFilterDropdown.tsx
 delete mode 100644 apps/builder/src/features/results/hooks/useStats.ts
 create mode 100644 apps/docs/api-reference/analytics/get-stats.mdx

diff --git a/apps/builder/src/components/DropdownList.tsx b/apps/builder/src/components/DropdownList.tsx
index b17fd2b56..bab7be190 100644
--- a/apps/builder/src/components/DropdownList.tsx
+++ b/apps/builder/src/components/DropdownList.tsx
@@ -79,7 +79,7 @@ export const DropdownList = <T extends Item>({
           )}
         </FormLabel>
       )}
-      <Menu isLazy placement="bottom-end" matchWidth>
+      <Menu isLazy>
         <MenuButton
           as={Button}
           rightIcon={<ChevronLeftIcon transform={'rotate(-90deg)'} />}
diff --git a/apps/builder/src/components/inputs/VariableSearchInput.tsx b/apps/builder/src/components/inputs/VariableSearchInput.tsx
index a4a6bdbb4..f4e9bbcde 100644
--- a/apps/builder/src/components/inputs/VariableSearchInput.tsx
+++ b/apps/builder/src/components/inputs/VariableSearchInput.tsx
@@ -213,9 +213,9 @@ export const VariableSearchInput = ({
         <Popover
           isOpen={isOpen}
           initialFocusRef={inputRef}
-          matchWidth
           isLazy
           offset={[0, 2]}
+          placement="auto-start"
         >
           <PopoverAnchor>
             <Input
@@ -239,6 +239,7 @@ export const VariableSearchInput = ({
               shadow="lg"
               onMouseDown={(e) => e.stopPropagation()}
               onPointerDown={(e) => e.stopPropagation()}
+              minW="250px"
             >
               {isCreateVariableButtonDisplayed && (
                 <Button
diff --git a/apps/builder/src/features/analytics/api/getStats.ts b/apps/builder/src/features/analytics/api/getStats.ts
new file mode 100644
index 000000000..e38efc026
--- /dev/null
+++ b/apps/builder/src/features/analytics/api/getStats.ts
@@ -0,0 +1,89 @@
+import prisma from '@typebot.io/lib/prisma'
+import { authenticatedProcedure } from '@/helpers/server/trpc'
+import { TRPCError } from '@trpc/server'
+import { z } from 'zod'
+import { canReadTypebots } from '@/helpers/databaseRules'
+import { Stats, statsSchema } from '@typebot.io/schemas'
+import { defaultTimeFilter, timeFilterValues } from '../constants'
+import { parseDateFromTimeFilter } from '../helpers/parseDateFromTimeFilter'
+
+export const getStats = authenticatedProcedure
+  .meta({
+    openapi: {
+      method: 'GET',
+      path: '/v1/typebots/{typebotId}/analytics/stats',
+      protect: true,
+      summary: 'Get results stats',
+      tags: ['Analytics'],
+    },
+  })
+  .input(
+    z.object({
+      typebotId: z.string(),
+      timeFilter: z.enum(timeFilterValues).default(defaultTimeFilter),
+    })
+  )
+  .output(z.object({ stats: statsSchema }))
+  .query(async ({ input: { typebotId, timeFilter }, ctx: { user } }) => {
+    const typebot = await prisma.typebot.findFirst({
+      where: canReadTypebots(typebotId, user),
+      select: { publishedTypebot: true, id: true },
+    })
+    if (!typebot?.publishedTypebot)
+      throw new TRPCError({
+        code: 'NOT_FOUND',
+        message: 'Published typebot not found',
+      })
+
+    const date = parseDateFromTimeFilter(timeFilter)
+
+    const [totalViews, totalStarts, totalCompleted] = await prisma.$transaction(
+      [
+        prisma.result.count({
+          where: {
+            typebotId: typebot.id,
+            isArchived: false,
+            createdAt: date
+              ? {
+                  gte: date,
+                }
+              : undefined,
+          },
+        }),
+        prisma.result.count({
+          where: {
+            typebotId: typebot.id,
+            isArchived: false,
+            hasStarted: true,
+            createdAt: date
+              ? {
+                  gte: date,
+                }
+              : undefined,
+          },
+        }),
+        prisma.result.count({
+          where: {
+            typebotId: typebot.id,
+            isArchived: false,
+            isCompleted: true,
+            createdAt: date
+              ? {
+                  gte: date,
+                }
+              : undefined,
+          },
+        }),
+      ]
+    )
+
+    const stats: Stats = {
+      totalViews,
+      totalStarts,
+      totalCompleted,
+    }
+
+    return {
+      stats,
+    }
+  })
diff --git a/apps/builder/src/features/analytics/api/router.ts b/apps/builder/src/features/analytics/api/router.ts
index d51c3d0ae..937d9c174 100644
--- a/apps/builder/src/features/analytics/api/router.ts
+++ b/apps/builder/src/features/analytics/api/router.ts
@@ -1,8 +1,10 @@
 import { router } from '@/helpers/server/trpc'
 import { getTotalAnswers } from './getTotalAnswers'
 import { getTotalVisitedEdges } from './getTotalVisitedEdges'
+import { getStats } from './getStats'
 
 export const analyticsRouter = router({
   getTotalAnswers,
   getTotalVisitedEdges,
+  getStats,
 })
diff --git a/apps/builder/src/features/analytics/components/AnalyticsGraphContainer.tsx b/apps/builder/src/features/analytics/components/AnalyticsGraphContainer.tsx
index 3598bf53d..cf7439e42 100644
--- a/apps/builder/src/features/analytics/components/AnalyticsGraphContainer.tsx
+++ b/apps/builder/src/features/analytics/components/AnalyticsGraphContainer.tsx
@@ -6,7 +6,7 @@ import {
 } from '@chakra-ui/react'
 import { useTypebot } from '@/features/editor/providers/TypebotProvider'
 import { Stats } from '@typebot.io/schemas'
-import React, { useState } from 'react'
+import React from 'react'
 import { StatsCards } from './StatsCards'
 import { ChangePlanModal } from '@/features/billing/components/ChangePlanModal'
 import { Graph } from '@/features/graph/components/Graph'
@@ -15,14 +15,22 @@ import { useTranslate } from '@tolgee/react'
 import { trpc } from '@/lib/trpc'
 import { isDefined } from '@typebot.io/lib'
 import { EventsCoordinatesProvider } from '@/features/graph/providers/EventsCoordinateProvider'
-import { defaultTimeFilter, timeFilterValues } from '../constants'
+import { timeFilterValues } from '../constants'
 
-export const AnalyticsGraphContainer = ({ stats }: { stats?: Stats }) => {
+type Props = {
+  timeFilter: (typeof timeFilterValues)[number]
+  onTimeFilterChange: (timeFilter: (typeof timeFilterValues)[number]) => void
+  stats?: Stats
+}
+
+export const AnalyticsGraphContainer = ({
+  timeFilter,
+  onTimeFilterChange,
+  stats,
+}: Props) => {
   const { t } = useTranslate()
   const { isOpen, onOpen, onClose } = useDisclosure()
   const { typebot, publishedTypebot } = useTypebot()
-  const [timeFilter, setTimeFilter] =
-    useState<(typeof timeFilterValues)[number]>(defaultTimeFilter)
   const { data } = trpc.analytics.getTotalAnswers.useQuery(
     {
       typebotId: typebot?.id as string,
@@ -85,7 +93,7 @@ export const AnalyticsGraphContainer = ({ stats }: { stats?: Stats }) => {
         stats={stats}
         pos="absolute"
         timeFilter={timeFilter}
-        setTimeFilter={setTimeFilter}
+        onTimeFilterChange={onTimeFilterChange}
       />
     </Flex>
   )
diff --git a/apps/builder/src/features/analytics/components/StatsCards.tsx b/apps/builder/src/features/analytics/components/StatsCards.tsx
index f077fa697..2552ec71e 100644
--- a/apps/builder/src/features/analytics/components/StatsCards.tsx
+++ b/apps/builder/src/features/analytics/components/StatsCards.tsx
@@ -10,8 +10,8 @@ import {
 } from '@chakra-ui/react'
 import { Stats } from '@typebot.io/schemas'
 import React from 'react'
-import { DropdownList } from '@/components/DropdownList'
-import { timeFilterLabels, timeFilterValues } from '../constants'
+import { timeFilterValues } from '../constants'
+import { TimeFilterDropdown } from './TimeFilterDropdown'
 
 const computeCompletionRate =
   (notAvailableLabel: string) =>
@@ -23,12 +23,12 @@ const computeCompletionRate =
 export const StatsCards = ({
   stats,
   timeFilter,
-  setTimeFilter,
+  onTimeFilterChange,
   ...props
 }: {
   stats?: Stats
   timeFilter: (typeof timeFilterValues)[number]
-  setTimeFilter: (timeFilter: (typeof timeFilterValues)[number]) => void
+  onTimeFilterChange: (timeFilter: (typeof timeFilterValues)[number]) => void
 } & GridProps) => {
   const { t } = useTranslate()
   const bg = useColorModeValue('white', 'gray.900')
@@ -69,15 +69,9 @@ export const StatsCards = ({
           <Skeleton w="50%" h="10px" mt="2" />
         )}
       </Stat>
-      <DropdownList
-        items={Object.entries(timeFilterLabels).map(([value, label]) => ({
-          label,
-          value,
-        }))}
-        currentItem={timeFilter}
-        onItemSelect={(val) =>
-          setTimeFilter(val as (typeof timeFilterValues)[number])
-        }
+      <TimeFilterDropdown
+        timeFilter={timeFilter}
+        onTimeFilterChange={onTimeFilterChange}
         backgroundColor="white"
         boxShadow="md"
       />
diff --git a/apps/builder/src/features/analytics/components/TimeFilterDropdown.tsx b/apps/builder/src/features/analytics/components/TimeFilterDropdown.tsx
new file mode 100644
index 000000000..6ba70f035
--- /dev/null
+++ b/apps/builder/src/features/analytics/components/TimeFilterDropdown.tsx
@@ -0,0 +1,26 @@
+import { DropdownList } from '@/components/DropdownList'
+import { timeFilterLabels, timeFilterValues } from '../constants'
+import { ButtonProps } from '@chakra-ui/react'
+
+type Props = {
+  timeFilter: (typeof timeFilterValues)[number]
+  onTimeFilterChange: (timeFilter: (typeof timeFilterValues)[number]) => void
+} & ButtonProps
+
+export const TimeFilterDropdown = ({
+  timeFilter,
+  onTimeFilterChange,
+  ...props
+}: Props) => (
+  <DropdownList
+    items={Object.entries(timeFilterLabels).map(([value, label]) => ({
+      label,
+      value,
+    }))}
+    currentItem={timeFilter}
+    onItemSelect={(val) =>
+      onTimeFilterChange(val as (typeof timeFilterValues)[number])
+    }
+    {...props}
+  />
+)
diff --git a/apps/builder/src/features/results/ResultsProvider.tsx b/apps/builder/src/features/results/ResultsProvider.tsx
index 95c3c7160..69e762246 100644
--- a/apps/builder/src/features/results/ResultsProvider.tsx
+++ b/apps/builder/src/features/results/ResultsProvider.tsx
@@ -14,6 +14,7 @@ import { LogicBlockType } from '@typebot.io/schemas/features/blocks/logic/consta
 import { parseResultHeader } from '@typebot.io/lib/results/parseResultHeader'
 import { convertResultsToTableData } from '@typebot.io/lib/results/convertResultsToTableData'
 import { parseCellContent } from './helpers/parseCellContent'
+import { timeFilterValues } from '../analytics/constants'
 
 const resultsContext = createContext<{
   resultsList: { results: ResultWithAnswers[] }[] | undefined
@@ -30,11 +31,13 @@ const resultsContext = createContext<{
 }>({})
 
 export const ResultsProvider = ({
+  timeFilter,
   children,
   typebotId,
   totalResults,
   onDeleteResults,
 }: {
+  timeFilter: (typeof timeFilterValues)[number]
   children: ReactNode
   typebotId: string
   totalResults: number
@@ -43,6 +46,7 @@ export const ResultsProvider = ({
   const { publishedTypebot } = useTypebot()
   const { showToast } = useToast()
   const { data, fetchNextPage, hasNextPage, refetch } = useResultsQuery({
+    timeFilter,
     typebotId,
     onError: (error) => {
       showToast({ description: error })
diff --git a/apps/builder/src/features/results/api/getResults.ts b/apps/builder/src/features/results/api/getResults.ts
index 1b6dbc4a8..ddbe2e2d9 100644
--- a/apps/builder/src/features/results/api/getResults.ts
+++ b/apps/builder/src/features/results/api/getResults.ts
@@ -4,6 +4,11 @@ import { TRPCError } from '@trpc/server'
 import { resultWithAnswersSchema } from '@typebot.io/schemas'
 import { z } from 'zod'
 import { isReadTypebotForbidden } from '@/features/typebot/helpers/isReadTypebotForbidden'
+import {
+  timeFilterValues,
+  defaultTimeFilter,
+} from '@/features/analytics/constants'
+import { parseDateFromTimeFilter } from '@/features/analytics/helpers/parseDateFromTimeFilter'
 
 const maxLimit = 100
 
@@ -26,6 +31,7 @@ export const getResults = authenticatedProcedure
         ),
       limit: z.coerce.number().min(1).max(maxLimit).default(50),
       cursor: z.string().optional(),
+      timeFilter: z.enum(timeFilterValues).default(defaultTimeFilter),
     })
   )
   .output(
@@ -70,6 +76,9 @@ export const getResults = authenticatedProcedure
     })
     if (!typebot || (await isReadTypebotForbidden(typebot, user)))
       throw new TRPCError({ code: 'NOT_FOUND', message: 'Typebot not found' })
+
+    const date = parseDateFromTimeFilter(input.timeFilter)
+
     const results = await prisma.result.findMany({
       take: limit + 1,
       cursor: cursor ? { id: cursor } : undefined,
@@ -77,6 +86,11 @@ export const getResults = authenticatedProcedure
         typebotId: typebot.id,
         hasStarted: true,
         isArchived: false,
+        createdAt: date
+          ? {
+              gte: date,
+            }
+          : undefined,
       },
       orderBy: {
         createdAt: 'desc',
diff --git a/apps/builder/src/features/results/components/ResultsPage.tsx b/apps/builder/src/features/results/components/ResultsPage.tsx
index f4b6d2361..9568d2151 100644
--- a/apps/builder/src/features/results/components/ResultsPage.tsx
+++ b/apps/builder/src/features/results/components/ResultsPage.tsx
@@ -14,11 +14,15 @@ import {
 } from '@chakra-ui/react'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { useMemo } from 'react'
-import { useStats } from '../hooks/useStats'
+import { useMemo, useState } from 'react'
 import { ResultsProvider } from '../ResultsProvider'
 import { ResultsTableContainer } from './ResultsTableContainer'
 import { TypebotNotFoundPage } from '@/features/editor/components/TypebotNotFoundPage'
+import { trpc } from '@/lib/trpc'
+import {
+  defaultTimeFilter,
+  timeFilterValues,
+} from '@/features/analytics/constants'
 
 export const ResultsPage = () => {
   const router = useRouter()
@@ -32,18 +36,25 @@ export const ResultsPage = () => {
     router.pathname.endsWith('analytics') ? '#f4f5f8' : 'white',
     router.pathname.endsWith('analytics') ? 'gray.850' : 'gray.900'
   )
+  const [timeFilter, setTimeFilter] =
+    useState<(typeof timeFilterValues)[number]>(defaultTimeFilter)
+
   const { showToast } = useToast()
 
-  const { stats, mutate } = useStats({
-    typebotId: publishedTypebot?.typebotId,
-    onError: (err) => showToast({ title: err.name, description: err.message }),
-  })
+  const { data: { stats } = {}, refetch } = trpc.analytics.getStats.useQuery(
+    {
+      typebotId: publishedTypebot?.typebotId as string,
+      timeFilter,
+    },
+    {
+      enabled: !!publishedTypebot,
+      onError: (err) => showToast({ description: err.message }),
+    }
+  )
 
-  const handleDeletedResults = (total: number) => {
+  const handleDeletedResults = () => {
     if (!stats) return
-    mutate({
-      stats: { ...stats, totalStarts: stats.totalStarts - total },
-    })
+    refetch()
   }
 
   if (is404) return <TypebotNotFoundPage />
@@ -100,14 +111,22 @@ export const ResultsPage = () => {
           {workspace &&
             publishedTypebot &&
             (isAnalytics ? (
-              <AnalyticsGraphContainer stats={stats} />
+              <AnalyticsGraphContainer
+                stats={stats}
+                timeFilter={timeFilter}
+                onTimeFilterChange={setTimeFilter}
+              />
             ) : (
               <ResultsProvider
+                timeFilter={timeFilter}
                 typebotId={publishedTypebot.typebotId}
                 totalResults={stats?.totalStarts ?? 0}
                 onDeleteResults={handleDeletedResults}
               >
-                <ResultsTableContainer />
+                <ResultsTableContainer
+                  timeFilter={timeFilter}
+                  onTimeFilterChange={setTimeFilter}
+                />
               </ResultsProvider>
             ))}
         </Flex>
diff --git a/apps/builder/src/features/results/components/ResultsTableContainer.tsx b/apps/builder/src/features/results/components/ResultsTableContainer.tsx
index 89c53cdfa..7a620d7aa 100644
--- a/apps/builder/src/features/results/components/ResultsTableContainer.tsx
+++ b/apps/builder/src/features/results/components/ResultsTableContainer.tsx
@@ -6,8 +6,16 @@ import { useResults } from '../ResultsProvider'
 import { ResultModal } from './ResultModal'
 import { ResultsTable } from './table/ResultsTable'
 import { useRouter } from 'next/router'
+import { timeFilterValues } from '@/features/analytics/constants'
 
-export const ResultsTableContainer = () => {
+type Props = {
+  timeFilter: (typeof timeFilterValues)[number]
+  onTimeFilterChange: (timeFilter: (typeof timeFilterValues)[number]) => void
+}
+export const ResultsTableContainer = ({
+  timeFilter,
+  onTimeFilterChange,
+}: Props) => {
   const { query } = useRouter()
   const {
     flatResults: results,
@@ -61,8 +69,10 @@ export const ResultsTableContainer = () => {
           data={tableData}
           onScrollToBottom={fetchNextPage}
           hasMore={hasNextPage}
+          timeFilter={timeFilter}
           onLogOpenIndex={handleLogOpenIndex}
           onResultExpandIndex={handleResultExpandIndex}
+          onTimeFilterChange={onTimeFilterChange}
         />
       )}
     </Stack>
diff --git a/apps/builder/src/features/results/components/table/ResultsTable.tsx b/apps/builder/src/features/results/components/table/ResultsTable.tsx
index 3595f6699..68a80c058 100644
--- a/apps/builder/src/features/results/components/table/ResultsTable.tsx
+++ b/apps/builder/src/features/results/components/table/ResultsTable.tsx
@@ -31,12 +31,16 @@ import { IndeterminateCheckbox } from './IndeterminateCheckbox'
 import { colors } from '@/lib/theme'
 import { HeaderIcon } from '../HeaderIcon'
 import { parseColumnsOrder } from '@typebot.io/lib/results/parseColumnsOrder'
+import { TimeFilterDropdown } from '@/features/analytics/components/TimeFilterDropdown'
+import { timeFilterValues } from '@/features/analytics/constants'
 
 type ResultsTableProps = {
   resultHeader: ResultHeaderCell[]
   data: TableData[]
   hasMore?: boolean
   preferences?: ResultsTablePreferences
+  timeFilter: (typeof timeFilterValues)[number]
+  onTimeFilterChange: (timeFilter: (typeof timeFilterValues)[number]) => void
   onScrollToBottom: () => void
   onLogOpenIndex: (index: number) => () => void
   onResultExpandIndex: (index: number) => () => void
@@ -47,6 +51,8 @@ export const ResultsTable = ({
   data,
   hasMore,
   preferences,
+  timeFilter,
+  onTimeFilterChange,
   onScrollToBottom,
   onLogOpenIndex,
   onResultExpandIndex,
@@ -222,6 +228,11 @@ export const ResultsTable = ({
             onClearSelection={() => setRowSelection({})}
           />
         )}
+        <TimeFilterDropdown
+          timeFilter={timeFilter}
+          onTimeFilterChange={onTimeFilterChange}
+          size="sm"
+        />
         <TableSettingsButton
           resultHeader={resultHeader}
           columnVisibility={columnsVisibility}
diff --git a/apps/builder/src/features/results/hooks/useResultsQuery.ts b/apps/builder/src/features/results/hooks/useResultsQuery.ts
index 8c27bc8f4..1feb67e77 100644
--- a/apps/builder/src/features/results/hooks/useResultsQuery.ts
+++ b/apps/builder/src/features/results/hooks/useResultsQuery.ts
@@ -1,15 +1,17 @@
+import { timeFilterValues } from '@/features/analytics/constants'
 import { trpc } from '@/lib/trpc'
 
-export const useResultsQuery = ({
-  typebotId,
-  onError,
-}: {
+type Params = {
+  timeFilter: (typeof timeFilterValues)[number]
   typebotId: string
   onError?: (error: string) => void
-}) => {
+}
+
+export const useResultsQuery = ({ timeFilter, typebotId, onError }: Params) => {
   const { data, error, fetchNextPage, hasNextPage, refetch } =
     trpc.results.getResults.useInfiniteQuery(
       {
+        timeFilter,
         typebotId,
       },
       {
diff --git a/apps/builder/src/features/results/hooks/useStats.ts b/apps/builder/src/features/results/hooks/useStats.ts
deleted file mode 100644
index 9c57dbe79..000000000
--- a/apps/builder/src/features/results/hooks/useStats.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Stats } from '@typebot.io/schemas'
-import { fetcher } from '@/helpers/fetcher'
-import useSWR from 'swr'
-
-export const useStats = ({
-  typebotId,
-  onError,
-}: {
-  typebotId?: string
-  onError: (error: Error) => void
-}) => {
-  const { data, error, mutate } = useSWR<{ stats: Stats }, Error>(
-    typebotId ? `/api/typebots/${typebotId}/analytics/stats` : null,
-    fetcher
-  )
-  if (error) onError(error)
-  return {
-    stats: data?.stats,
-    isLoading: !error && !data,
-    mutate,
-  }
-}
diff --git a/apps/builder/src/pages/api/typebots/[typebotId]/analytics/stats.ts b/apps/builder/src/pages/api/typebots/[typebotId]/analytics/stats.ts
index a367337d9..d6df76ea9 100644
--- a/apps/builder/src/pages/api/typebots/[typebotId]/analytics/stats.ts
+++ b/apps/builder/src/pages/api/typebots/[typebotId]/analytics/stats.ts
@@ -5,6 +5,7 @@ import { canReadTypebots } from '@/helpers/databaseRules'
 import { getAuthenticatedUser } from '@/features/auth/helpers/getAuthenticatedUser'
 import { methodNotAllowed, notAuthenticated } from '@typebot.io/lib/api'
 
+// TODO: Delete, as it has been migrated to tRPC
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   const user = await getAuthenticatedUser(req, res)
   if (!user) return notAuthenticated(res)
diff --git a/apps/builder/src/pages/typebots/[typebotId]/results/analytics.tsx b/apps/builder/src/pages/typebots/[typebotId]/results/analytics.tsx
index 509e0837b..8665098a3 100644
--- a/apps/builder/src/pages/typebots/[typebotId]/results/analytics.tsx
+++ b/apps/builder/src/pages/typebots/[typebotId]/results/analytics.tsx
@@ -8,7 +8,7 @@ const AnalyticsPage = ResultsPage
 export const getServerSideProps = async (
   context: GetServerSidePropsContext
 ) => {
-  if (!env.NEXT_PUBLIC_POSTHOG_KEY)
+  if (!env.NEXT_PUBLIC_POSTHOG_KEY || env.NEXT_PUBLIC_E2E_TEST)
     return {
       props: {},
     }
diff --git a/apps/docs/api-reference/analytics/get-stats.mdx b/apps/docs/api-reference/analytics/get-stats.mdx
new file mode 100644
index 000000000..234ddac37
--- /dev/null
+++ b/apps/docs/api-reference/analytics/get-stats.mdx
@@ -0,0 +1,4 @@
+---
+title: 'Get stats'
+openapi: GET /v1/typebots/{typebotId}/analytics/stats
+---
diff --git a/apps/docs/mint.json b/apps/docs/mint.json
index 8105fd605..5f37c3474 100644
--- a/apps/docs/mint.json
+++ b/apps/docs/mint.json
@@ -288,6 +288,10 @@
         "api-reference/results/list-logs"
       ]
     },
+    {
+      "group": "Analytics",
+      "pages": ["api-reference/analytics/get-stats"]
+    },
     {
       "group": "Folder",
       "pages": [
diff --git a/apps/docs/openapi/builder.json b/apps/docs/openapi/builder.json
index 6036e251c..cb793fe8e 100644
--- a/apps/docs/openapi/builder.json
+++ b/apps/docs/openapi/builder.json
@@ -2900,6 +2900,131 @@
         }
       }
     },
+    "/v1/typebots/{typebotId}/analytics/stats": {
+      "get": {
+        "operationId": "analytics-getStats",
+        "summary": "Get results stats",
+        "tags": [
+          "Analytics"
+        ],
+        "security": [
+          {
+            "Authorization": []
+          }
+        ],
+        "parameters": [
+          {
+            "in": "path",
+            "name": "typebotId",
+            "schema": {
+              "type": "string"
+            },
+            "required": true
+          },
+          {
+            "in": "query",
+            "name": "timeFilter",
+            "schema": {
+              "type": "string",
+              "enum": [
+                "today",
+                "last7Days",
+                "last30Days",
+                "yearToDate",
+                "allTime"
+              ],
+              "default": "today"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Successful response",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "object",
+                  "properties": {
+                    "stats": {
+                      "type": "object",
+                      "properties": {
+                        "totalViews": {
+                          "type": "number"
+                        },
+                        "totalStarts": {
+                          "type": "number"
+                        },
+                        "totalCompleted": {
+                          "type": "number"
+                        }
+                      },
+                      "required": [
+                        "totalViews",
+                        "totalStarts",
+                        "totalCompleted"
+                      ]
+                    }
+                  },
+                  "required": [
+                    "stats"
+                  ]
+                }
+              }
+            }
+          },
+          "400": {
+            "description": "Invalid input data",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/error.BAD_REQUEST"
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Authorization not provided",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/error.UNAUTHORIZED"
+                }
+              }
+            }
+          },
+          "403": {
+            "description": "Insufficient access",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/error.FORBIDDEN"
+                }
+              }
+            }
+          },
+          "404": {
+            "description": "Not found",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/error.NOT_FOUND"
+                }
+              }
+            }
+          },
+          "500": {
+            "description": "Internal server error",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/error.INTERNAL_SERVER_ERROR"
+                }
+              }
+            }
+          }
+        }
+      }
+    },
     "/v1/workspaces": {
       "get": {
         "operationId": "workspace-listWorkspaces",
@@ -10851,6 +10976,21 @@
             "schema": {
               "type": "string"
             }
+          },
+          {
+            "in": "query",
+            "name": "timeFilter",
+            "schema": {
+              "type": "string",
+              "enum": [
+                "today",
+                "last7Days",
+                "last30Days",
+                "yearToDate",
+                "allTime"
+              ],
+              "default": "today"
+            }
           }
         ],
         "responses": {
diff --git a/packages/schemas/features/answer.ts b/packages/schemas/features/answer.ts
index 094007f1e..5bbe50caa 100644
--- a/packages/schemas/features/answer.ts
+++ b/packages/schemas/features/answer.ts
@@ -24,11 +24,13 @@ export const answerInputSchema = answerSchema
     storageUsed: z.number().nullish(),
   }) satisfies z.ZodType<Prisma.AnswerUncheckedUpdateInput>
 
-export type Stats = {
-  totalViews: number
-  totalStarts: number
-  totalCompleted: number
-}
+export const statsSchema = z.object({
+  totalViews: z.number(),
+  totalStarts: z.number(),
+  totalCompleted: z.number(),
+})
+
+export type Stats = z.infer<typeof statsSchema>
 
 export type Answer = z.infer<typeof answerSchema>