♻️ Introduce typebot v6 with events (#1013)

Closes #885

apps/builder/src/features/analytics/components/AnalyticsGraphContainer.tsx

@@ -15,20 +15,25 @@ import { GroupsCoordinatesProvider } from '@/features/graph/providers/GroupsCoor
 import { useTranslate } from '@tolgee/react'
 import { trpc } from '@/lib/trpc'
 import { isDefined } from '@typebot.io/lib'
+import { EventsCoordinatesProvider } from '@/features/graph/providers/EventsCoordinateProvider'
 
 export const AnalyticsGraphContainer = ({ stats }: { stats?: Stats }) => {
   const { t } = useTranslate()
   const { isOpen, onOpen, onClose } = useDisclosure()
   const { typebot, publishedTypebot } = useTypebot()
-  const { data } = trpc.analytics.getTotalAnswersInBlocks.useQuery(
+  const { data } = trpc.analytics.getTotalAnswers.useQuery(
+    {
+      typebotId: typebot?.id as string,
+    },
+    { enabled: isDefined(publishedTypebot) }
+  )
+
+  const { data: edgesData } = trpc.analytics.getTotalVisitedEdges.useQuery(
     {
       typebotId: typebot?.id as string,
     },
     { enabled: isDefined(publishedTypebot) }
   )
-  const startBlockId = publishedTypebot?.groups
-    .find((group) => group.blocks.at(0)?.type === 'start')
-    ?.blocks.at(0)?.id
 
   return (
     <Flex
@@ -44,28 +49,18 @@ export const AnalyticsGraphContainer = ({ stats }: { stats?: Stats }) => {
       h="full"
       justifyContent="center"
     >
-      {publishedTypebot &&
-      data?.totalAnswersInBlocks &&
-      stats &&
-      startBlockId ? (
+      {publishedTypebot && stats ? (
         <GraphProvider isReadOnly>
           <GroupsCoordinatesProvider groups={publishedTypebot?.groups}>
-            <Graph
-              flex="1"
-              typebot={publishedTypebot}
-              onUnlockProPlanClick={onOpen}
-              totalAnswersInBlocks={
-                startBlockId
-                  ? [
-                      {
-                        blockId: startBlockId,
-                        total: stats.totalViews,
-                      },
-                      ...data.totalAnswersInBlocks,
-                    ]
-                  : []
-              }
-            />
+            <EventsCoordinatesProvider events={publishedTypebot?.events}>
+              <Graph
+                flex="1"
+                typebot={publishedTypebot}
+                onUnlockProPlanClick={onOpen}
+                totalAnswers={data?.totalAnswers}
+                totalVisitedEdges={edgesData?.totalVisitedEdges}
+              />
+            </EventsCoordinatesProvider>
           </GroupsCoordinatesProvider>
         </GraphProvider>
       ) : (