@copart/ops-tool-kit 1.10.0-alpha.27 → 1.10.0-alpha.28

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$f = "@copart/ops-tool-kit";
-const version$5 = "1.10.0-alpha.27";
+const version$5 = "1.10.0-alpha.28";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -37153,6 +37153,21 @@ var SanitizeNotificationContent = function SanitizeNotificationContent(str) {
   var regex = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>|<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi;
   return str.replace(regex, '');
 };
+var throttle = function throttle(func, delay) {
+  var lastExecution = 0;
+  return function () {
+    var now = Date.now();
+
+    if (now - lastExecution >= delay) {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      func.apply(this, args);
+      lastExecution = now;
+    }
+  };
+};
 
 var useWindowSize = function useWindowSize() {
   var isClient = (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object';
@@ -41736,25 +41751,35 @@ var getFirebaseConfig = function getFirebaseConfig() {
 //   firebase.initializeApp(firebaseConfig)
 // }
 
-function attachHandlers(firebase, updateNotifications, updateAllFirebaseNotificationsList) {
+function attachHandlers(firebase, updateNotifications, updateAllFirebaseNotificationsList, throttledFunction) {
   var today = getTodayDate();
   firebase.database().ref().child('ops-news').orderByChild('ends_at').startAt(today).on('value', function (snapshot) {
-    compose(updateNotifications, filterNotificationsFireBase, mapNotifications, values$1)(snapshot.val());
-    setTimeout(function () {
-      compose(updateAllFirebaseNotificationsList, mapNotifications, values$1)(snapshot.val());
-    }, 500);
+    // compose(
+    //   updateNotifications,
+    //   filterNotificationsFireBase,
+    //   mapNotifications,
+    //   values,
+    // )(snapshot.val())
+    // setTimeout(()=>{
+    //   compose(updateAllFirebaseNotificationsList,mapNotifications,values)(snapshot.val())
+    // },500)
+    throttledFunction(updateNotifications, snapshot);
   });
 }
 
 var getFireBaseNotifications = function getFireBaseNotifications(updateNotifications, updateAllFirebaseNotificationsList) {
-  var firebaseConfig = getFirebaseConfig(); // connect(firebaseConfig)
+  var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 60;
+  var firebaseConfig = getFirebaseConfig();
+  var throttledFunction = throttle(function (updateNotifications, snapshot) {
+    compose(updateNotifications, filterNotificationsFireBase, mapNotifications, values$1)(snapshot.val());
+  }, delay * 1000); // connect(firebaseConfig)
 
   var firebase;
   Promise.resolve().then(function () { return index_esm$1; }).then(function (module) {
     firebase = module.default;
     Promise.resolve().then(function () { return index_esm; }).then(function (module) {
       firebase.initializeApp(firebaseConfig);
-      attachHandlers(firebase, updateNotifications, updateAllFirebaseNotificationsList);
+      attachHandlers(firebase, updateNotifications, updateAllFirebaseNotificationsList, throttledFunction);
     });
   });
 };
@@ -42187,14 +42212,17 @@ var AppBar = function AppBar(_ref) {
       setFirebaseinitialized = _useState20[1];
 
   var listOfAllNotificationsRef = React.useRef(listOfAllNotifications);
+  var socketRetryCountRef = React.useRef(0);
   React.useEffect(function () {
     listOfAllNotificationsRef.current = listOfAllNotifications;
   }, [listOfAllNotifications]);
 
   var updateNotifications = function updateNotifications(newNotifications) {
-    setNotifications(function (notifications) {
-      return filterDuplicateAndSave(notifications, newNotifications);
-    });
+    if (newNotifications.length) {
+      setNotifications(function (notifications) {
+        return filterDuplicateAndSave(notifications, newNotifications);
+      });
+    }
   };
 
   var filterOut = function filterOut(notifications, notificationToRemove) {
@@ -42331,11 +42359,10 @@ var AppBar = function AppBar(_ref) {
   };
 
   var selectedYard = (_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.selectedYard;
-  var socketRetryCount = 0;
 
   var reConnectSocket = function reConnectSocket() {
-    if (socketRetryCount < 15) {
-      socketRetryCount = socketRetryCount + 1;
+    if (socketRetryCountRef.current < 15) {
+      socketRetryCountRef.current = socketRetryCountRef.current + 1;
       socketClient && socketClient.close();
       setSocketClient(startWebSocketConnection(updateNotifications, updateAllNotificationsList, reConnectSocket));
     }
@@ -42344,7 +42371,7 @@ var AppBar = function AppBar(_ref) {
   var handleVisibilityChange = function handleVisibilityChange() {
     if (document.visibilityState === 'visible') {
       if (socketClient && socketClient.readyState !== WebSocket.OPEN) {
-        socketRetryCount = 0;
+        socketRetryCountRef.current = 0;
         reConnectSocket();
       }
     }
@@ -42383,7 +42410,8 @@ var AppBar = function AppBar(_ref) {
         }
 
         if (!firebaseInitialized && notificationsSource.includes('Firebase')) {
-          getFireBaseNotifications(updateNotifications, updateAllFirebaseNotificationsList);
+          var delay = coreAppConfig.firebaseTimerInSec || 60;
+          getFireBaseNotifications(updateNotifications, updateAllFirebaseNotificationsList, delay);
           setFirebaseinitialized(true);
         }
       }