feat(User Interaction): Capture page and element info

- Capture page title and URL
- Capture element's position and dimensions

Author: booleanhunter

README.md

@@ -264,49 +264,4 @@ In-case you have both in your application, the data context passed via props wil
     | `track`  |   Yes    |                                   Callback that runs when above event occurs                                   | `(e, interactionResource: UserInteractionResource) => void` |
     | `data`   | Optional |           Can be used to provide some custom data. Accessible within `UserInteractionResource.data`            |                                               `Object<any>` |
 
-### Interfaces
-
-- #### `UserInteractionResource`
-    The `UserInteractionResource` object contains all properties from `BaseResource`, along with the following:
-
-```typescript
-type: typeof UserInteraction.TYPE; // "UserInteraction"
-action: UserInteraction.Action; // Type of the event, such as "onClick", "onChange"
-source: {
-    context: string; // To capture a "global" context of the event, such as "Landing page" or "Login form"
-    origin?: string;
-    component: string; // Name of the React component
-    element: {
-        currentTarget: string;
-        target: string;
-        innerHTML?: string;
-        innerText?: string;
-        value?: string;
-    };
-};
-data?: Object<any>; // Additional custom data that needs to be captured
-```
-
-- #### `BaseResource`
-
-```typescript
-app: {
-    version: string,
-};
-date: Date;
-browser: {
-    name: string,
-    version: string,
-    userAgent: string,
-    platform: string,
-    window: {
-        width: number,
-        height: number,
-    }
-};
-os: {
-    name: string,
-    version: string,
-};
-
 ```

dist/assets/index-BGLEp_jH.js renamed to dist/assets/index-RRjsM4OZ.js

@@ -13,10 +13,6 @@
     --dark-hl-5: #C586C0;
     --light-hl-6: #267F99;
     --dark-hl-6: #4EC9B0;
-    --light-hl-7: #000000;
-    --dark-hl-7: #C8C8C8;
-    --light-hl-8: #008000;
-    --dark-hl-8: #6A9955;
     --light-code-background: #FFFFFF;
     --dark-code-background: #1E1E1E;
 }
@@ -29,8 +25,6 @@
     --hl-4: var(--light-hl-4);
     --hl-5: var(--light-hl-5);
     --hl-6: var(--light-hl-6);
-    --hl-7: var(--light-hl-7);
-    --hl-8: var(--light-hl-8);
     --code-background: var(--light-code-background);
 } }
 
@@ -42,8 +36,6 @@
     --hl-4: var(--dark-hl-4);
     --hl-5: var(--dark-hl-5);
     --hl-6: var(--dark-hl-6);
-    --hl-7: var(--dark-hl-7);
-    --hl-8: var(--dark-hl-8);
     --code-background: var(--dark-code-background);
 } }
 
@@ -55,8 +47,6 @@
     --hl-4: var(--light-hl-4);
     --hl-5: var(--light-hl-5);
     --hl-6: var(--light-hl-6);
-    --hl-7: var(--light-hl-7);
-    --hl-8: var(--light-hl-8);
     --code-background: var(--light-code-background);
 }
 
@@ -68,8 +58,6 @@
     --hl-4: var(--dark-hl-4);
     --hl-5: var(--dark-hl-5);
     --hl-6: var(--dark-hl-6);
-    --hl-7: var(--dark-hl-7);
-    --hl-8: var(--dark-hl-8);
     --code-background: var(--dark-code-background);
 }
 
@@ -80,6 +68,4 @@
 .hl-4 { color: var(--hl-4); }
 .hl-5 { color: var(--hl-5); }
 .hl-6 { color: var(--hl-6); }
-.hl-7 { color: var(--hl-7); }
-.hl-8 { color: var(--hl-8); }
 pre, code { background: var(--code-background); }