@capillarytech/cap-ui-utils 1.2.6 → 1.3.0

package/GA/index.js

@@ -67,11 +67,12 @@ const loadPerformanceTracking = module =>{
     // Time to Interactive metric is essentially how long it takes for a user to be able to interact with your site.
     // Time to Interactive is defined as the point at which the layout has stabilized, key webfonts are visible, 
     // and the main thread is available enough to handle user input.
-    ttiPolyfill.getFirstConsistentlyInteractive().then((tti = 0) => {
+    ttiPolyfill.getFirstConsistentlyInteractive().then(tti => {
+      const val = !tti ? 0 : tti;
       ReactGA.timing({
         category: "Time to Interactive",
         variable: module,
-        value: Math.round(tti.toFixed(2))
+        value: Math.round((val).toFixed(2))
       })
     });
   }catch(e){
@@ -144,8 +145,6 @@ const getCallerName = () => {
   return nameTrace !== null ? nameTrace[1] || nameTrace[2] : '';
 }
 
-
-
 export default{
   initialize,
   timeTracker,
@@ -153,4 +152,4 @@ export default{
   routeTrackerWrapper,
   setCustomDimension,
   getCallerName,
-}
+}

package/index.js

@@ -1,2 +1,4 @@
 export { default as Auth } from './auth';
 export { default as GA } from './GA';
+export { default as multipleOrgSwitch } from './utils/multipleOrgSwitch';
+export * as utilsSessionStorageApi from './utils/utilsSessionStorageApi';

package/package.json

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

package/utils/multipleOrgSwitch.js

@@ -0,0 +1,70 @@
+import { saveSessionItem, clearSessionItem } from './utilsSessionStorageApi';
+import {saveItem, clearItem} from './utilsLocalStorageApi';
+
+const logNewTab = (BugsnagClient) => {
+    //adding new tab entry into storage
+    const sessionTabs = filterObjectByKeyName('tab_', sessionStorage);
+    if (Object.keys(sessionTabs).length > 0)
+      removeTabsFromStorage(sessionTabs, BugsnagClient);
+    const hash = Date.now();
+    saveSessionItem(`tab_${hash}`, true, BugsnagClient);
+    saveItem(`tab_${hash}`, true);
+};
+
+const removeTabsFromStorage = (tabs, BugsnagClient) => {
+    for (const key in tabs) {
+      if (tabs.hasOwnProperty(key)) {
+        clearItem(key);
+        clearSessionItem(key, BugsnagClient);
+      }
+    }
+  };
+
+const filterObjectByKeyName = (substring, object) => {
+    const filteredObject = Object.keys(object)
+      .filter(function(key) {
+        return key.indexOf(substring) === 0;
+      })
+      .reduce(function(newData, key) {
+        newData[key] = object[key];
+        return newData;
+      }, {});
+    return filteredObject;
+};
+
+const getOrgNameFromId = (orgId, proxyOrgList) => {
+  const orgObj = proxyOrgList.find(proxyOrg => proxyOrg['orgID'] == orgId);
+  const orgName = (orgObj && orgObj.orgName) || orgId;
+  return orgName;
+};
+
+const tabBeforeUnloadEventHandler = () => {
+  const sessionTabs = filterObjectByKeyName('tab_', sessionStorage);
+  removeTabsFromStorage(sessionTabs);
+};
+
+const utilsHandleStorageChange = (e, requiredKey) => {
+  const { oldValue, newValue, key: changedKey} = e;
+  if( changedKey === requiredKey && oldValue && newValue && oldValue !== newValue ){
+    return true;
+  }
+  return false;
+}
+
+const isMultipleTabsOpen = () => {
+  const openTabs = filterObjectByKeyName('tab_', localStorage);
+  if (Object.keys(openTabs).length > 1){
+    return true;
+  }
+  return false;
+}
+
+export default {
+  logNewTab,
+  removeTabsFromStorage,
+  filterObjectByKeyName,
+  getOrgNameFromId,
+  tabBeforeUnloadEventHandler,
+  utilsHandleStorageChange,
+  isMultipleTabsOpen
+}

package/utils/utilsLocalStorageApi.js

@@ -0,0 +1,29 @@
+export const loadItem = key => {
+  try {
+    const serializedState = localStorage.getItem(key);
+    if (serializedState === null) {
+      return undefined;
+    }
+    return JSON.parse(serializedState);
+  } catch (err) {
+    return undefined;
+  }
+};
+
+export const saveItem = (key, value) => {
+  try {
+    const serializedState = JSON.stringify(value);
+    localStorage.setItem(key, serializedState);
+  } catch (err) {
+    // Ignoring write error as of now
+  }
+};
+
+export const clearItem = key => {
+  try {
+    localStorage.removeItem(key);
+    return true;
+  } catch (err) {
+    return false;
+  }
+};

package/utils/utilsSessionStorageApi.js

@@ -0,0 +1,32 @@
+export const loadSessionItem = (key, BugsnagClient)  => {
+  try {
+    const serializedState = sessionStorage.getItem(key);
+    if (serializedState === null) {
+      return undefined;
+    }
+    return JSON.parse(serializedState);
+  } catch (err) {
+      
+    BugsnagClient.notify(err);
+  }
+};
+
+export const saveSessionItem = (key, value, BugsnagClient) => {
+  try {
+    const serializedState = JSON.stringify(value);
+    sessionStorage.setItem(key, serializedState);
+  } catch (err) {
+    BugsnagClient.notify(err);
+    // Ignoring write error as of now
+  }
+};
+
+export const clearSessionItem = (key, BugsnagClient) => {
+  try {
+    sessionStorage.removeItem(key);
+    return true;
+  } catch (err) {
+    BugsnagClient.notify(err);
+    return false;
+  }
+};