fix(ui) uxt fixes

tahayk · Dec 7, 2023 · 99ed87c · 99ed87c
1 parent 6975282
commit 99ed87c
Show file tree

Hide file tree

Showing 14 changed files with 68 additions and 30 deletions.
diff --git a/frontend/app/components/Session/Player/LivePlayer/LivePlayerBlock.tsx b/frontend/app/components/Session/Player/LivePlayer/LivePlayerBlock.tsx
@@ -18,7 +18,7 @@ function LivePlayerBlock(props: IProps) {
   return (
     <div className={cn(styles.playerBlock, 'flex flex-col', 'overflow-x-hidden')} style={{ zIndex: undefined, minWidth: isMultiview ? '100%' : undefined }}>
       {shouldShowSubHeader ? (
-        <SubHeader  />
+        <SubHeader live />
       ) : null}
       <Player
         fullView={fullView}

diff --git a/frontend/app/components/Session/WebPlayer.tsx b/frontend/app/components/Session/WebPlayer.tsx
@@ -112,6 +112,10 @@ function WebPlayer(props: any) {
     [params.sessionId]
   );
 
+  useEffect(() => {
+    setActiveTab('EVENTS')
+  }, [uxtestingStore.isUxt()])
+
   const onNoteClose = () => {
     setNoteItem(undefined);
     contextValue.player.play();

diff --git a/frontend/app/components/Session_/EventsBlock/EventGroupWrapper.js b/frontend/app/components/Session_/EventsBlock/EventGroupWrapper.js
@@ -59,7 +59,7 @@ class EventGroupWrapper extends React.Component {
       presentInSearch,
       isNote,
       isTabChange,
-      filterOutNote
+      filterOutNote,
     } = this.props;
     const isLocation = event.type === TYPES.LOCATION;
     const isUtxEvent = event.type === TYPES.UTX_EVENT;

diff --git a/frontend/app/components/Session_/EventsBlock/EventsBlock.tsx b/frontend/app/components/Session_/EventsBlock/EventsBlock.tsx
@@ -65,7 +65,7 @@ function EventsBlock(props: IProps) {
   const usedEvents = React.useMemo(() => {
     if (tabStates !== undefined) {
       tabChangeEvents.forEach((ev) => {
-        const urlsList = tabStates[ev.tabId].urlsList;
+        const urlsList = tabStates[ev.tabId]?.urlsList || [];
         let found = false;
         let i = urlsList.length - 1;
         while (!found && i >= 0) {
@@ -180,7 +180,7 @@ function EventsBlock(props: IProps) {
       <div className={cn(styles.header, 'p-4')}>
         {uxtestingStore.isUxt() ? (
           <div style={{ width: 240, height: 130 }} className={'relative'}>
-            <video className={'z-20 fixed'} autoPlay controls src={props.utxVideo} width={240} />
+            <video className={'z-20 fixed'} muted autoPlay controls src={props.utxVideo} width={240} />
             <div style={{ top: '40%', left: '50%', transform: 'translate(-50%, -50%)' }} className={'absolute z-10'}>No video</div>
           </div>
         ) : null}

diff --git a/frontend/app/components/Session_/EventsBlock/UtxEvent.tsx b/frontend/app/components/Session_/EventsBlock/UtxEvent.tsx
@@ -1,15 +1,19 @@
 import React from 'react'
 import { durationFromMsFormatted } from "App/date";
+import { Tooltip } from 'antd'
 
 function UtxEvent({ event }: any) {
   return (
     <div className={'flex flex-col'}>
-      <div className={'border border-gray-light rounded bg-teal-light py-2 px-4 m-4 shadow'}>
-        <div className={'w-full flex items-center justify-between'}>
-          <div className={'bg-white rounded border border-gray-light px-2'}>{event.title}</div>
-          <div className={'color-gray-medium'}>{durationFromMsFormatted(event.duration)}</div>
+      <div className={'border border-gray-light rounded bg-teal-light pt-2 pb-1 px-4 m-4 shadow'}>
+        <div className={'w-full flex items-center gap-2'}>
+          <div className={'bg-white rounded border border-gray-light px-2'}>Task {event.indexNum}</div>
+          <Tooltip title={event.description}>
+            <div className={'text-disabled-text underline-dashed cursor-pointer'}>instructions</div>
+          </Tooltip>
+          <div className={'color-gray-medium ml-auto'}>{durationFromMsFormatted(event.duration)}</div>
         </div>
-        {event.description && <div className="font-semibold">{event.description}</div>}
+        <div className="font-semibold">{event.title}</div>
       </div>
       {event.comment ? (
         <div className={'border border-gray-light rounded bg-cyan py-2 px-4 mx-4 mb-4 shadow'}>

diff --git a/frontend/app/components/Session_/Subheader.js b/frontend/app/components/Session_/Subheader.js
@@ -87,7 +87,10 @@ function SubHeader(props) {
 
   return (
     <>
-      <div className="w-full px-4 flex items-center border-b relative">
+      <div
+        className="w-full px-4 flex items-center border-b relative"
+        style={{ background: uxtestingStore.isUxt() ? props.live ? '#F6FFED' : '#EBF4F5' : undefined }}
+      >
         {showWarning ? (
           <div
             className="px-3 py-1 border border-gray-light drop-shadow-md rounded bg-active-blue flex items-center justify-between"

diff --git a/frontend/app/components/ui/SVG.tsx b/frontend/app/components/ui/SVG.tsx
@@ -181,7 +181,7 @@ const SVG = (props: Props) => {
     case 'event/code': return <svg viewBox="0 0 576 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="m228.5 511.8-25-7.1c-3.2-.9-5-4.2-4.1-7.4L340.1 4.4c.9-3.2 4.2-5 7.4-4.1l25 7.1c3.2.9 5 4.2 4.1 7.4L235.9 507.6c-.9 3.2-4.3 5.1-7.4 4.2zm-75.6-125.3 18.5-20.9c1.9-2.1 1.6-5.3-.5-7.1L49.9 256l121-102.5c2.1-1.8 2.4-5 .5-7.1l-18.5-20.9c-1.8-2.1-5-2.3-7.1-.4L1.7 252.3c-2.3 2-2.3 5.5 0 7.5L145.8 387c2.1 1.8 5.3 1.6 7.1-.5zm277.3.4 144.1-127.2c2.3-2 2.3-5.5 0-7.5L430.2 125.1c-2.1-1.8-5.2-1.6-7.1.4l-18.5 20.9c-1.9 2.1-1.6 5.3.5 7.1l121 102.5-121 102.5c-2.1 1.8-2.4 5-.5 7.1l18.5 20.9c1.8 2.1 5 2.3 7.1.4z"/></svg>;
     case 'event/i-cursor': return <svg viewBox="0 0 192 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M96 38.223C75.091 13.528 39.824 1.336 6.191.005 2.805-.129 0 2.617 0 6.006v20.013c0 3.191 2.498 5.847 5.686 5.989C46.519 33.825 80 55.127 80 80v160H38a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h42v160c0 24.873-33.481 46.175-74.314 47.992-3.188.141-5.686 2.797-5.686 5.989v20.013c0 3.389 2.806 6.135 6.192 6.002C40.03 510.658 75.193 498.351 96 473.777c20.909 24.695 56.176 36.887 89.809 38.218 3.386.134 6.191-2.612 6.191-6.001v-20.013c0-3.191-2.498-5.847-5.686-5.989C145.481 478.175 112 456.873 112 432V272h42a6 6 0 0 0 6-6v-20a6 6 0 0 0-6-6h-42V80c0-24.873 33.481-46.175 74.314-47.992 3.188-.142 5.686-2.798 5.686-5.989V6.006c0-3.389-2.806-6.135-6.192-6.002C151.97 1.342 116.807 13.648 96 38.223z"/></svg>;
     case 'event/input': return <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 2a.5.5 0 0 1 .5-.5c.862 0 1.573.287 2.06.566.174.099.321.198.44.286.119-.088.266-.187.44-.286A4.165 4.165 0 0 1 10.5 1.5a.5.5 0 0 1 0 1c-.638 0-1.177.213-1.564.434a3.49 3.49 0 0 0-.436.294V7.5H9a.5.5 0 0 1 0 1h-.5v4.272c.1.08.248.187.436.294.387.221.926.434 1.564.434a.5.5 0 0 1 0 1 4.165 4.165 0 0 1-2.06-.566A4.561 4.561 0 0 1 8 13.65a4.561 4.561 0 0 1-.44.285 4.165 4.165 0 0 1-2.06.566.5.5 0 0 1 0-1c.638 0 1.177-.213 1.564-.434.188-.107.335-.214.436-.294V8.5H7a.5.5 0 0 1 0-1h.5V3.228a3.49 3.49 0 0 0-.436-.294A3.166 3.166 0 0 0 5.5 2.5.5.5 0 0 1 5 2z"/><path d="M10 5h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4v1h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4v1zM6 5V4H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v-1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4z"/></svg>;
-    case 'event/input_hesitation': return <svg viewBox="0 0 32 32" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><path fill="transparent" d="M0 0h32v32H0z"/><path fill="transparent" d="M-.34-.647h32.155v32.155H-.34z"/><path d="M27.796 9.401a2.01 2.01 0 0 1 2.01 2.01v10.048a2.01 2.01 0 0 1-2.01 2.01H3.68a2.01 2.01 0 0 1-2.01-2.01V11.411A2.01 2.01 0 0 1 3.68 9.4h24.116ZM3.68 7.391a4.02 4.02 0 0 0-4.02 4.02v10.048a4.02 4.02 0 0 0 4.02 4.02h24.116a4.02 4.02 0 0 0 4.02-4.02V11.411a4.02 4.02 0 0 0-4.02-4.02H3.68Z"/><path d="M25.786 19.952a.503.503 0 0 1 .503-.503h1.005a.503.503 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502h-1.005a.503.503 0 0 1-.503-.502v-1.005Zm0-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503h-1.005a.502.502 0 0 1-.503-.503v-1.005Zm-10.048 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H16.24a.502.502 0 0 1-.502-.503v-1.005Zm4.02 0a.502.502 0 0 1 .502-.502h3.014a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H20.26a.502.502 0 0 1-.503-.503v-1.005Zm2.009 4.02a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H22.27a.503.503 0 0 1-.502-.502v-1.005Zm-10.049-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H12.22a.502.502 0 0 1-.503-.503v-1.005Zm-4.019 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.503H8.201a.502.502 0 0 1-.502-.503v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H4.182a.502.502 0 0 1-.502-.503v-1.005Zm22.107-4.019a.503.503 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H22.27a.502.502 0 0 1-.502-.502v-1.005Zm-4.018 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.503.503 0 0 1-.502.502H18.25a.503.503 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.502H14.23a.502.502 0 0 1-.502-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.502-.502v-1.005Zm-6.028 0a.502.502 0 0 1 .502-.502h3.015a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H4.182a.502.502 0 0 1-.502-.502v-1.005Zm0 8.039a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H4.182a.503.503 0 0 1-.502-.502v-1.005Zm4.02 0a.503.503 0 0 1 .501-.503h11.054a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H8.2a.503.503 0 0 1-.502-.502v-1.005Z"/><path fill="transparent" d="M7.738.063h16v16h-16z"/><path d="m17.432 7.21-.004.004-.598.612h-.001c-.248.252-.493.523-.666.888-.118.25-.194.527-.23.85h-.354c.04-.53.273-1.008.63-1.37l.823-.836c.34-.333.54-.794.54-1.295 0-1.01-.824-1.833-1.833-1.833-.836 0-1.545.565-1.764 1.333h-.345a2.167 2.167 0 0 1 4.276.5c0 .45-.184.857-.474 1.147ZM15.739.897a7.17 7.17 0 0 0-7.167 7.166 7.17 7.17 0 0 0 7.167 7.167 7.17 7.17 0 0 0 7.167-7.167A7.17 7.17 0 0 0 15.739.897Zm-.167 11.333v-.333h.334v.333h-.334Z" stroke="#fff"/></svg>;
+    case 'event/input_hesitation': return <svg viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><path fill="transparent" d="M0 0h32v32H0z"/><path fill="transparent" d="M-.34-.647h32.155v32.155H-.34z"/><path d="M27.796 9.401a2.01 2.01 0 0 1 2.01 2.01v10.048a2.01 2.01 0 0 1-2.01 2.01H3.68a2.01 2.01 0 0 1-2.01-2.01V11.411A2.01 2.01 0 0 1 3.68 9.4h24.116ZM3.68 7.391a4.02 4.02 0 0 0-4.02 4.02v10.048a4.02 4.02 0 0 0 4.02 4.02h24.116a4.02 4.02 0 0 0 4.02-4.02V11.411a4.02 4.02 0 0 0-4.02-4.02H3.68Z" fillOpacity=".54"/><path d="M25.786 19.952a.503.503 0 0 1 .503-.503h1.005a.503.503 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502h-1.005a.503.503 0 0 1-.503-.502v-1.005Zm0-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503h-1.005a.502.502 0 0 1-.503-.503v-1.005Zm-10.048 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H16.24a.502.502 0 0 1-.502-.503v-1.005Zm4.02 0a.502.502 0 0 1 .502-.502h3.014a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H20.26a.502.502 0 0 1-.503-.503v-1.005Zm2.009 4.02a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H22.27a.503.503 0 0 1-.502-.502v-1.005Zm-10.049-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H12.22a.502.502 0 0 1-.503-.503v-1.005Zm-4.019 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.503H8.201a.502.502 0 0 1-.502-.503v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H4.182a.502.502 0 0 1-.502-.503v-1.005Zm22.107-4.019a.503.503 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H22.27a.502.502 0 0 1-.502-.502v-1.005Zm-4.018 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.503.503 0 0 1-.502.502H18.25a.503.503 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.502H14.23a.502.502 0 0 1-.502-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.502-.502v-1.005Zm-6.028 0a.502.502 0 0 1 .502-.502h3.015a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H4.182a.502.502 0 0 1-.502-.502v-1.005Zm0 8.039a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H4.182a.503.503 0 0 1-.502-.502v-1.005Zm4.02 0a.503.503 0 0 1 .501-.503h11.054a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H8.2a.503.503 0 0 1-.502-.502v-1.005Z"/><path fill="transparent" d="M7.738.063h16v16h-16z"/><path d="m17.432 7.21-.004.004-.598.612h-.001c-.248.252-.493.523-.666.888-.118.25-.194.527-.23.85h-.354c.04-.53.273-1.008.63-1.37l.823-.836c.34-.333.54-.794.54-1.295 0-1.01-.824-1.833-1.833-1.833-.836 0-1.545.565-1.764 1.333h-.345a2.167 2.167 0 0 1 4.276.5c0 .45-.184.857-.474 1.147ZM15.739.897a7.17 7.17 0 0 0-7.167 7.166 7.17 7.17 0 0 0 7.167 7.167 7.17 7.17 0 0 0 7.167-7.167A7.17 7.17 0 0 0 15.739.897Zm-.167 11.333v-.333h.334v.333h-.334Z" fillOpacity=".87" stroke="#fff"/></svg>;
     case 'event/link': return <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.001 1.001 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 0 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 0 0-4.243-4.243L6.586 4.672z"/></svg>;
     case 'event/location': return <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z"/></svg>;
     case 'event/mouse_thrashing': return <svg viewBox="0 0 32 32" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><path fill="transparent" d="M0 0h32v32H0z"/><g opacity=".5"><path fill="transparent" d="M15.225-3.633 37.32 6.27l-9.903 22.096L5.32 18.463z"/><path d="m18.722 2.844 10.6 10.955a1.045 1.045 0 0 1-.706 1.77l-4.363.184-.512.021.182.48 2.151 5.648a1.046 1.046 0 0 1-1.954.746L21.97 17l-.182-.48-.398.325-3.379 2.765a1.046 1.046 0 0 1-1.707-.851l.622-15.231a1.046 1.046 0 0 1 1.796-.685Z" stroke="#000" strokeWidth=".74"/></g><path clipRule="evenodd" d="M8.25 5.522A1.913 1.913 0 0 0 5.761 8.01l7.653 19.132a1.913 1.913 0 0 0 3.487.143l2.64-5.278 5.774 5.777a1.913 1.913 0 1 0 2.705-2.707L22.245 19.3l5.28-2.639a1.914 1.914 0 0 0-.145-3.485L8.25 5.522Z"/><path d="M3.838 12.892a1.153 1.153 0 0 0-1.126 1.796l9.578 13.815a1.153 1.153 0 0 0 2.068-.386l1.135-4.68.134-.55.48.301 5.645 3.54L3.838 12.892Zm0 0 16.608 2.592-16.608-2.592Zm19.138 11.88-5.648-3.539-.48-.3.438-.36 3.716-3.061a1.152 1.152 0 0 0-.555-2.028l2.529 9.289Zm0 0a1.153 1.153 0 0 1-1.224 1.956l1.224-1.955Z" stroke="#000" strokeWidth=".816" opacity=".3"/></svg>;

diff --git a/frontend/app/svg/icons/event/input_hesitation.svg b/frontend/app/svg/icons/event/input_hesitation.svg
diff --git a/frontend/app/types/session/event.ts b/frontend/app/types/session/event.ts
@@ -241,6 +241,7 @@ export class UtxEvent {
   taskId: number;
   timestamp: number;
   title: string;
+  indexNum: number;
 
   constructor(event: Record<string, any>) {
     Object.assign(this, {
@@ -254,6 +255,7 @@ export class UtxEvent {
       taskId: event.taskId,
       timestamp: event.timestamp,
       title: event.title,
+      indexNum: event.indexNum,
     });
   }
 }
diff --git a/frontend/app/types/session/session.ts b/frontend/app/types/session/session.ts
@@ -365,16 +365,22 @@ export default class Session {
     const utxDoneEvents = userTestingEvents.filter(e => e.status === 'done' && e.title).map(e => ({ ...e, type: 'UTX_EVENT', key: e.signal_id }))
     const rawEvents: (EventData & { key: number })[] = [];
 
+    let utxIndexNum = 0;
     if (sessionEvents.length) {
       const eventsWithUtx = mergeEventLists(sessionEvents, utxDoneEvents)
       eventsWithUtx.forEach((event, k) => {
+        const isRawUtx = 'allow_typing' in event
+        if (isRawUtx) {
+          utxIndexNum += 1;
+          event.indexNum = utxIndexNum;
+        }
         const time = event.timestamp - this.startedAt;
         if (event.type !== TYPES.CONSOLE && time <= this.durationSeconds) {
           const EventClass = SessionEvent({ ...event, time, key: k });
           if (EventClass) {
             events.push(EventClass);
           }
-          rawEvents.push({ ...event, time, key: k });
+          rawEvents.push({ ...event, time, key: k,  });
         }
       });
     }

diff --git a/tracker/tracker/package.json b/tracker/tracker/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "11.0.1-6",
+  "version": "11.0.1-11",
   "keywords": [
     "logging",
     "replay"

diff --git a/tracker/tracker/src/main/app/index.ts b/tracker/tracker/src/main/app/index.ts
@@ -308,8 +308,6 @@ export default class App {
         }
       }
     }
-
-    this.uxtManager = new UserTestManager(this, uxtStorageKey)
   }
 
   private _debug(context: string, e: any) {
@@ -710,6 +708,7 @@ export default class App {
         }
         this.restartAttempts = 0
 
+        this.uxtManager = new UserTestManager(this, uxtStorageKey)
         let uxtId: number | undefined
         const savedUxtTag = this.localStorage.getItem(uxtStorageKey)
         if (savedUxtTag) {