@capillarytech/cap-ui-utils 1.0.4 → 1.0.6

package/GA/index.js

@@ -1,23 +1,53 @@
 import ReactGA from 'react-ga';
-import ttiPolyfill from 'tti-polyfill';
-import { startTracking, stopTracking } from './utils/timeTracker';
+// import ttiPolyfill from 'tti-polyfill';
+import timeTracker from './utils/timeTracker';
+import tracker from './utils/tracker';
+import routeTrackerWrapper from './utils/routeTrackerWrapper';
+import isEmpty from '../utils/isEmpty';
+
+import warn from '../utils/console/warn';
+import log from '../utils/console/log';
 import { trackException } from './utils/tracker';
 
-ReactGA.initialize('UA-152081629-1');
+function _initialize(GAConfigs) {
+  if (!GAConfigs.accessKey) {
+    warn("Cannot initialize GA without accessKey");
+    return;
+  }
+  if(GAConfigs.accessKey) {
+    ReactGA.initialize(GAConfigs.accessKey,{debug: true,}); //UA-152081629-1
+  }
+  log("Cap GA initialized");
+}
+function initialize(GAConfigs) {
+  if (isEmpty(GAConfigs)) {
+    warn("Cannot initialize empty object");
+    return;
+  }
+  for ( const config in GAConfigs) {
+    if (isEmpty(GAConfigs[config])) {
+      warn("Config is empty");
+      return;
+    }
+  }
+  _initialize(GAConfigs);
+  return true;
+}
 
 //Track Error
 window.addEventListener('error', function(e) {
-  trackException(`UI Error ${e.message}`);
+  tracker.trackException(`UI Error ${e.message}`);
 });
 
 //Track windo Active and inActive time.
 window.addEventListener('visibilitychange', function() {
+  const { startTracking, stopTracking } = timeTracker;
   document.hidden ? stopTracking() : startTracking();
 });
 
-ttiPolyfill.getFirstConsistentlyInteractive().then(tti => {
-  console.log('performance tti', tti);
-});
+// ttiPolyfill.getFirstConsistentlyInteractive().then(tti => {
+//   console.log('performance tti', tti);
+// });
 
 const callback = list => {
   list.getEntries().forEach(entry => {
@@ -42,3 +72,10 @@ observer.observe({ entryTypes: ['navigation'] });
 var perfData = window.performance.timing;
 var pageLoadTime = perfData.loadEventEnd - perfData.navigationStart;
 console.log('Performance metrics', perfData, pageLoadTime);
+
+export default{
+  initialize,
+  timeTracker,
+  tracker,
+  routeTrackerWrapper
+}

package/GA/utils/routeTrackerWrapper.js

@@ -1,39 +1,19 @@
 import React, { useEffect } from 'react';
 import ReactGA from 'react-ga';
-// import path from '../config/path';
 
-// const rootPath = path.publicPath;
-
-// const getPageUrl = (component, pageUrl) => {
-//   switch (component) {
-//     case 'createCampaign':
-//       return `${rootPath}/${pageUrl.split('/')[3]}`;
-//     case 'messageSummary':
-//       return `${rootPath}/campaign/message/view`;
-//     case 'campaignMessage':
-//       return `${rootPath}/campaign/message/${pageUrl.split('/')[6]}`;
-//     case 'campaignReports':
-//       return `${rootPath}/campaign/reports`;
-//     case 'CampaignDetails':
-//       return `${rootPath}/campaign`;
-//     default:
-//       return pageUrl;
-//   }
-// };
-// const withTracker = (WrappedComponent, options = {}, getPageUrl) => {
-  const trackPage = pageUrl => {
+const routeTrackerWrapper = ({WrappedComponent, options = {}, url}) => {
+  const trackPage = (pageUrl,history) => {
     const { component } = options;
-    const pageView = component ? getPageUrl(component, pageUrl) : pageUrl;
+    const pageView = component ? url : pageUrl;
     ReactGA.pageview(pageView);
   };
-
   const HOC = props => {
-    useEffect(() => trackPage(props.location.pathname), [
-      props.location.pathname,
+    useEffect(() => trackPage(props.history.location.pathname,props.history), [
+      props.history.location.pathname,
     ]);
     return <WrappedComponent {...props} />;
   };
   return HOC;
 };
 
-export default withTracker;
+export default routeTrackerWrapper;

package/GA/utils/timeTracker.js

@@ -1,9 +1,10 @@
-import { trackEvent } from './reactGa';
 
+// import ReactGA from 'react-ga';
+import tracker from './tracker'
 let trackableEvents = {};
 let trackingStoppedAt = 0;
 let windowWasInActive = false;
-
+const {trackEvent}= tracker;
 let addInactiveTimeToEvents = inActiveInterval => {
   Object.keys(trackableEvents).map(function(key) {
     console.log('tracker', 'adjusted timing for', key);
@@ -11,12 +12,11 @@ let addInactiveTimeToEvents = inActiveInterval => {
   });
 };
 
-export function startTimer(event) {
+function startTimer(event) {
   console.log('tracker', 'Started timer for ', event);
   trackableEvents[event] = Date.now();
 }
-
-export function stopTimer(event, options) {
+function stopTimer(event, options) {
   const timeTaken = Date.now() - (trackableEvents[event] || 0);
   delete trackableEvents[event];
   console.log('tracker', 'stopped timer for ', event, timeTaken, options);
@@ -32,13 +32,13 @@ export function stopTimer(event, options) {
   return timeTaken;
 }
 
-export function stopTracking() {
+function stopTracking() {
   trackingStoppedAt = Date.now();
   windowWasInActive = true;
   console.log('tracker', 'window is inactive');
 }
 
-export function startTracking() {
+function startTracking() {
   if (!windowWasInActive) {
     return false;
   }
@@ -48,3 +48,10 @@ export function startTracking() {
   windowWasInActive = false;
   addInactiveTimeToEvents(inActiveInterval);
 }
+
+export default {
+  startTimer,
+  stopTimer,
+  stopTracking,
+  startTracking,
+}

package/GA/utils/tracker.js

@@ -1,14 +1,23 @@
 import ReactGA from 'react-ga';
 
-export function trackEvent() {}
+function trackEvent(options) {
+  ReactGA.event(options);
+}
 
-export function trackTiming() {}
+function trackTiming() {}
 
-export function trackPageView() {}
+function trackPageView() {}
 
-export function trackException(description, fatal = true) {
+function trackException(description, fatal = true) {
   ReactGA.exception({
     description,
     fatal,
   });
 }
+
+export default {
+  trackException,
+  trackPageView,
+  trackTiming,
+  trackEvent
+}

package/index.js

@@ -1 +1,2 @@
-export { default as Auth } from './auth';
+export { default as Auth } from './auth';
+export { default as GA } from './GA';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/cap-ui-utils",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Utility functions shared accross all the modules",
   "main": "index.js",
   "scripts": {