feat(withTracking): Listen to onChange event listener

- get value for input element
- add value property to userInteractionResource only when the value is present

Author: booleanhunter

src/library/user-analytics/lib/resources/userInteractionResource.ts

@@ -33,7 +33,8 @@ export namespace UserInteraction {
     export const TYPE = "UserInteraction";
 
     export type Action =
-    | "onClick";
+    | "onClick" 
+    | "onChange"
 
     export interface Tracker {
         action: Action;

src/library/user-analytics/react/components/withTracking.tsx

@@ -28,6 +28,7 @@ export function withTracking (
             tracker: UserInteraction.Tracker,
         ) {
             const targetNode = e.target as HTMLElement;
+            const value = getValueFromNode(e);
             const userInteractionResource = UserInteraction.generateResource(
                 dataContext.app,
                 tracker.action,
@@ -40,7 +41,9 @@ export function withTracking (
                         target: targetNode.nodeName || e.currentTarget.nodeName,
                         innerHTML: targetNode.innerHTML,
                         innerText: targetNode.innerText,
-                        value: "",
+                        ...(value && {
+                            value,
+                        }),
                     },
                 },
                 tracker.data,
@@ -66,3 +69,12 @@ export function withTracking (
         );
     };
 };
+
+function getValueFromNode(e: React.SyntheticEvent) {
+
+    if (e.currentTarget.nodeName === "INPUT") {
+        const currentTarget = e.target as HTMLInputElement;
+        return currentTarget.value
+    }
+}
+