feat(usepageactivetrigger): add page-reactivated type to Event (#77)

Add page-reactivated type to Events in order to separate from page-view. Change usePageActiveTrigger
according to this change.

Author: lucent1090

README.md

@@ -106,7 +106,14 @@ interface Event {
   elementTree: string[]; // The current list of rendered <TrackingElement /> down to the dispatched event
   component?: 'button' | 'link'; // Which primitive dispatched the event
   label?: string;
-  event: 'click' | 'view' | 'load' | 'page-view' | 'submit' | 'browser-back'; // This property is added internally based on the kind of event you dispatched.
+  event:
+    | 'click'
+    | 'view'
+    | 'load'
+    | 'page-view'
+    | 'page-reactivated'
+    | 'submit'
+    | 'browser-back'; // This property is added internally based on the kind of event you dispatched.
   timestamp: number; // This property is added internally when the dispatch function is called
   customParameters?: {
     [key: string]: any;

src/hooks/usePageActiveTrigger/usePageActiveTrigger.spec.tsx

@@ -35,7 +35,7 @@ describe('usePageActiveTrigger', () => {
 
       const expected = {
         app,
-        event: Events.pageView,
+        event: Events.pageReactivated,
         elementTree: [],
         timestamp: expect.any(Number)
       };

src/hooks/usePageActiveTrigger/usePageActiveTrigger.ts

@@ -18,7 +18,7 @@ import useVisibilityChange from '../useVisibilityChange';
 import { Events } from '../../types';
 
 const usePageActiveTrigger = (initial?: boolean) => {
-  const dispatch = useBaseTrigger(Events.pageView);
+  const dispatch = useBaseTrigger(Events.pageReactivated);
 
   useVisibilityChange((isVisible) => isVisible && dispatch({}), initial);
 };

src/types.ts

@@ -20,6 +20,7 @@ export enum Events {
   view = 'view',
   load = 'load',
   pageView = 'page-view',
+  pageReactivated = 'page-reactivated',
   submit = 'submit',
   browserBack = 'browser-back'
 }