feat(customers): Filter replay playlist by personUUID in person feed canvas

Author: arthurdedeus

frontend/src/scenes/notebooks/Nodes/NotebookNodePlaylist.tsx

@@ -17,8 +17,9 @@ import {
 } from 'scenes/session-recordings/playlist/sessionRecordingsPlaylistLogic'
 import { urls } from 'scenes/urls'
 
-import { FilterType, RecordingUniversalFilters, ReplayTabs } from '~/types'
+import { AnyPropertyFilter, FilterType, RecordingUniversalFilters, ReplayTabs } from '~/types'
 
+import { notebookLogic } from '../Notebook/notebookLogic'
 import { NotebookNodeAttributeProperties, NotebookNodeProps, NotebookNodeType } from '../types'
 import { notebookNodeLogic } from './notebookNodeLogic'
 
@@ -28,11 +29,14 @@ const Component = ({
 }: NotebookNodeProps<NotebookNodePlaylistAttributes>): JSX.Element => {
     const { pinned, nodeId, universalFilters } = attributes
     const playerKey = `notebook-${nodeId}`
+    const { canvasFiltersOverride } = useValues(notebookLogic)
+    const personUUID = getPersonUUIDFromOverride(canvasFiltersOverride)
 
     const recordingPlaylistLogicProps: SessionRecordingPlaylistLogicProps = useMemo(
         () => ({
             logicKey: playerKey,
             filters: universalFilters,
+            ...(personUUID ? { personUUID } : {}),
             updateSearchParams: false,
             autoPlay: false,
             onFiltersChange: (newFilters) => updateAttributes({ universalFilters: newFilters }),
@@ -164,3 +168,10 @@ export function buildPlaylistContent(filters: Partial<FilterType>): JSONContent
         attrs: { filters },
     }
 }
+
+function getPersonUUIDFromOverride(override: AnyPropertyFilter[] | null): string | null {
+    if (!override || override.length === 0) {
+        return null
+    }
+    return override.find((filter) => filter.key === 'person_id')?.value as string
+}