@capillarytech/cap-ui-utils 1.4.3 → 1.4.5

package/index.js

@@ -5,4 +5,5 @@ export { default as utilsSessionStorageApi } from "./utils/utilsSessionStorageAp
 export { default as dateHelper } from "./utils/date/dateHelper";
 export { default as formatter } from "./utils/formatter";
 export { default as validationHelper } from "./utils/validationHelper";
+export { default as loadable, FORCE_REFRESH_NOTIFIER, FORCE_REFRESH_SECONDS } from './utils/loadable';
 export { default as GTMTracker } from './utils/gtmTracker';

package/package.json

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

package/utils/gtmTracker.js

@@ -23,7 +23,7 @@ export default class GTMTracker {
     });
   }
 
-  push = (eventType, eventObject) => window.dataLayer.push({ ...eventObject, event: eventType })
+  push = (eventType, eventObject = {}) => window.dataLayer.push({ ...eventObject, event: eventType })
 
   getUserGtmData = (userDetails = {}) => {
     try {

package/utils/loadable.js

@@ -0,0 +1,49 @@
+import { lazy } from 'react';
+
+export const FORCE_REFRESH_NOTIFIER = 'showForceRefreshNotifier';
+export const FORCE_REFRESH_SECONDS = 5;
+
+const reloadWithDelay = (delay = FORCE_REFRESH_SECONDS) =>
+  new Promise((resolve) => {
+    setTimeout(() => {
+      // reload page
+      resolve(window.location.reload());
+    }, delay * 1000);
+  });
+
+export const lazyWithRetry = (importFunction) =>
+  lazy(async () => {
+    // get refresh flag from session storage
+    const pageHasAlreadyBeenForceRefreshed = JSON.parse(
+      window.sessionStorage.getItem(
+        'page-has-been-force-refreshed'
+      ) || 'false'
+    );
+    try {
+      const component = await importFunction();
+      // set refresh flag to false once component is imported
+      window.sessionStorage.setItem(
+        'page-has-been-force-refreshed',
+        'false'
+      );
+      return component;
+    } catch (error) {
+      if (!pageHasAlreadyBeenForceRefreshed) {
+        // Assuming that the user is NOT on the latest version of the application.
+        window.sessionStorage.setItem(
+          'page-has-been-force-refreshed',
+          'true'
+        );
+        // Notify the main app to show notification if needed
+        window.postMessage(FORCE_REFRESH_NOTIFIER, window.location.origin);
+        // Let's refresh the page immediately.
+        return reloadWithDelay();
+      }
+      // The page has already been reloaded
+      // Assuming that user is already using the latest version of the application.
+      // Let's let the application crash and raise the error.
+      throw error;
+    }
+  });
+
+export default lazyWithRetry;