@ginger-ai/ginger-react 0.0.3 → 0.0.4

package/dist/index.esm.js

@@ -225,6 +225,7 @@ const createDefaultMetrics = (fieldName, ltm) => ({
     started_at: 0,
     ended_at: 0,
     interaction_count: 0,
+    modifier_key_count: 0,
     characters_count: 0,
     paste_count: 0,
     autofill_count: 0,
@@ -268,7 +269,7 @@ const useEvent = ({ event_type, track_fields, request_id, }) => {
     const registeredFieldsIdRef = useRef(track_fields.map((field) => field.id));
     const trackedFieldMetricsRef = useRef({});
     const fieldFocusMetricsRef = useRef({});
-    const modifierKeysCountRef = useRef({});
+    const modifierKeysMapRef = useRef({});
     //  For key hold Time (How long each key is pressed)
     const activeKeysRef = useRef(new Map());
     const holdTimesRef = useRef({});
@@ -300,7 +301,7 @@ const useEvent = ({ event_type, track_fields, request_id, }) => {
     };
     const computeModifierKeysCount = (id, e) => {
         const key = e.key;
-        const modifierKeys = modifierKeysCountRef.current;
+        const modifierKeys = modifierKeysMapRef.current;
         if (MODIFIER_KEYS.includes(key)) {
             modifierKeys[id] = (modifierKeys[id] || 0) + 1;
         }
@@ -398,7 +399,7 @@ const useEvent = ({ event_type, track_fields, request_id, }) => {
         delete field[id];
     };
     const removeModifierMetric = (id) => {
-        const field = modifierKeysCountRef.current;
+        const field = modifierKeysMapRef.current;
         if (!field)
             return;
         delete field[id];
@@ -412,7 +413,7 @@ const useEvent = ({ event_type, track_fields, request_id, }) => {
     const resetFields = () => {
         trackedFieldMetricsRef.current = {};
         fieldFocusMetricsRef.current = {};
-        modifierKeysCountRef.current = {};
+        modifierKeysMapRef.current = {};
         holdTimesRef.current = {};
     };
     // Calculate distraction count
@@ -439,7 +440,8 @@ const useEvent = ({ event_type, track_fields, request_id, }) => {
             const id = field.field_name;
             const key_hold_times = holdTimesRef.current[id] || [];
             const flight_time = getFlightTime(id);
-            return { ...field, key_hold_times, flight_time };
+            const modifier_key_count = modifierKeysMapRef.current[id];
+            return { ...field, key_hold_times, flight_time, modifier_key_count };
         });
     }, []);
     const getFlightTime = (id) => {