refactor enums

Author: edwardgou-sentry

packages/tracing-internal/src/browser/metrics/index.ts

@@ -201,40 +201,33 @@ function _trackFID(): () => void {
   });
 }
 
-enum InteractionType {
-  Click = 'click',
-  Hover = 'hover',
-  Drag = 'drag',
-  Press = 'press',
-}
-
-const INP_ENTRY_MAP: Record<string, InteractionType> = {
-  click: InteractionType.Click,
-  pointerdown: InteractionType.Click,
-  pointerup: InteractionType.Click,
-  mousedown: InteractionType.Click,
-  mouseup: InteractionType.Click,
-  touchstart: InteractionType.Click,
-  touchend: InteractionType.Click,
-  mouseover: InteractionType.Hover,
-  mouseout: InteractionType.Hover,
-  mouseenter: InteractionType.Hover,
-  mouseleave: InteractionType.Hover,
-  pointerover: InteractionType.Hover,
-  pointerout: InteractionType.Hover,
-  pointerenter: InteractionType.Hover,
-  pointerleave: InteractionType.Hover,
-  dragstart: InteractionType.Drag,
-  dragend: InteractionType.Drag,
-  drag: InteractionType.Drag,
-  dragenter: InteractionType.Drag,
-  dragleave: InteractionType.Drag,
-  dragover: InteractionType.Drag,
-  drop: InteractionType.Drag,
-  keydown: InteractionType.Press,
-  keyup: InteractionType.Press,
-  keypress: InteractionType.Press,
-  input: InteractionType.Press,
+const INP_ENTRY_MAP: Record<string, 'click' | 'hover' | 'drag' | 'press'> = {
+  click: 'click',
+  pointerdown: 'click',
+  pointerup: 'click',
+  mousedown: 'click',
+  mouseup: 'click',
+  touchstart: 'click',
+  touchend: 'click',
+  mouseover: 'hover',
+  mouseout: 'hover',
+  mouseenter: 'hover',
+  mouseleave: 'hover',
+  pointerover: 'hover',
+  pointerout: 'hover',
+  pointerenter: 'hover',
+  pointerleave: 'hover',
+  dragstart: 'drag',
+  dragend: 'drag',
+  drag: 'drag',
+  dragenter: 'drag',
+  dragleave: 'drag',
+  dragover: 'drag',
+  drop: 'drag',
+  keydown: 'press',
+  keyup: 'press',
+  keypress: 'press',
+  input: 'press',
 };
 
 /** Starts tracking the Interaction to Next Paint on the current page. */
@@ -250,7 +243,7 @@ function _trackINP(interactionIdtoRouteNameMapping: InteractionRouteNameMapping)
     if (!entry || !client) {
       return;
     }
-    const InteractionType = INP_ENTRY_MAP[entry.name];
+    const interactionType = INP_ENTRY_MAP[entry.name];
     const options = client.getOptions();
     /** Build the INP span, create an envelope from the span, and then send the envelope */
     const startTime = msToSec((browserPerformanceTimeOrigin as number) + entry.startTime);
@@ -271,7 +264,7 @@ function _trackINP(interactionIdtoRouteNameMapping: InteractionRouteNameMapping)
     const span = new Span({
       startTimestamp: startTime,
       endTimestamp: startTime + duration,
-      op: `ui.interaction.${InteractionType}`,
+      op: `ui.interaction.${interactionType}`,
       name: htmlTreeAsString(entry.target),
       attributes: {
         release: options.release,