@copart/ops-tool-kit 1.8.1-alpha.1 → 1.8.1-alpha.2

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 const name$f = "@copart/ops-tool-kit";
-const version$5 = "1.8.1-alpha.1";
+const version$5 = "1.8.1-alpha.2";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -8697,6 +8697,42 @@ _curry1(function values(obj) {
 
 var values$1 = values;
 
+/**
+ * Makes an ascending comparator function out of a function that returns a value
+ * that can be compared with `<` and `>`.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.23.0
+ * @category Function
+ * @sig Ord b => (a -> b) -> a -> a -> Number
+ * @param {Function} fn A function of arity one that returns a value that can be compared
+ * @param {*} a The first item to be compared.
+ * @param {*} b The second item to be compared.
+ * @return {Number} `-1` if fn(a) < fn(b), `1` if fn(b) < fn(a), otherwise `0`
+ * @see R.descend
+ * @example
+ *
+ *      const byAge = R.ascend(R.prop('age'));
+ *      const people = [
+ *        { name: 'Emma', age: 70 },
+ *        { name: 'Peter', age: 78 },
+ *        { name: 'Mikhail', age: 62 },
+ *      ];
+ *      const peopleByYoungestFirst = R.sort(byAge, people);
+ *        //=> [{ name: 'Mikhail', age: 62 },{ name: 'Emma', age: 70 }, { name: 'Peter', age: 78 }]
+ */
+
+var ascend =
+/*#__PURE__*/
+_curry3(function ascend(fn, a, b) {
+  var aa = fn(a);
+  var bb = fn(b);
+  return aa < bb ? -1 : aa > bb ? 1 : 0;
+});
+
+var ascend$1 = ascend;
+
 /**
  * Makes a shallow clone of an object, setting or overriding the specified
  * property with the given value. Note that this copies and flattens prototype
@@ -10860,6 +10896,57 @@ _curry2(function sort(comparator, list) {
 
 var sort$1 = sort;
 
+/**
+ * Sorts a list according to a list of comparators.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.23.0
+ * @category Relation
+ * @sig [(a, a) -> Number] -> [a] -> [a]
+ * @param {Array} functions A list of comparator functions.
+ * @param {Array} list The list to sort.
+ * @return {Array} A new list sorted according to the comarator functions.
+ * @example
+ *
+ *      const alice = {
+ *        name: 'alice',
+ *        age: 40
+ *      };
+ *      const bob = {
+ *        name: 'bob',
+ *        age: 30
+ *      };
+ *      const clara = {
+ *        name: 'clara',
+ *        age: 40
+ *      };
+ *      const people = [clara, bob, alice];
+ *      const ageNameSort = R.sortWith([
+ *        R.descend(R.prop('age')),
+ *        R.ascend(R.prop('name'))
+ *      ]);
+ *      ageNameSort(people); //=> [alice, clara, bob]
+ */
+
+var sortWith =
+/*#__PURE__*/
+_curry2(function sortWith(fns, list) {
+  return Array.prototype.slice.call(list, 0).sort(function (a, b) {
+    var result = 0;
+    var i = 0;
+
+    while (result === 0 && i < fns.length) {
+      result = fns[i](a, b);
+      i += 1;
+    }
+
+    return result;
+  });
+});
+
+var sortWith$1 = sortWith;
+
 /**
  * Checks if a list starts with the provided sublist.
  *
@@ -11080,8 +11167,7 @@ var regexCountry = /\.co\.([a-z]{2})/;
 var regexCobaltCountry = /\.copart\.([a-z]{2})/;
 var isLogoutRoute = ['logout'].includes(getRouteName());
 var isAuthRoute = ['login', 'logout', ''].includes(getRouteName());
-var isCoreRoute = ['settings', 'home', 'webChat', ''].includes(getRouteName());
-var isIframeRoute = ['embedded-apps', 'embedded'].includes(getRouteName());
+var isCoreRoute = ['settings', 'home', 'webChat', 'embedded', ''].includes(getRouteName());
 var getDomain = function getDomain(url) {
   var country = url.match(regexCountry);
   var countryCode = (country && country.length > 1 && country[1] || 'US').toUpperCase();
@@ -35398,7 +35484,7 @@ function getNotificationSignatureToStore(notification) {
 
 function addNotificationToViewedList(notification) {
   try {
-    localStorage.setItem('viewedNotifications', _objectSpread2({}, getViewedNotifications(), _defineProperty({}, notification.notificationId, getNotificationSignatureToStore(notification))));
+    localStorage.setItem('viewedNotifications', JSON.stringify(_objectSpread2({}, getViewedNotifications(), _defineProperty({}, notification.notificationId, getNotificationSignatureToStore(notification)))));
   } catch (err) {
     console.error(err);
   }
@@ -35422,8 +35508,13 @@ function isOutOfRange(startDate, endDate) {
 function filterOutExpiredNotifications(notifications) {
   return filter$1(function (_ref) {
     var startsAt = _ref.startsAt,
-        endsAt = _ref.endsAt;
-    return isOutOfRange(startsAt, endsAt);
+        endsAt = _ref.endsAt,
+        absStartsAt = _ref.absStartsAt,
+        absEndsAt = _ref.absEndsAt,
+        timeZoneType = _ref.timeZoneType;
+    var startTime = timeZoneType === "RPTZ" ? absStartsAt : moment.utc(startsAt).local().format("YYYY-MM-DD HH:mm:ss");
+    var endTime = timeZoneType === "RPTZ" ? absEndsAt : moment.utc(endsAt).local().format("YYYY-MM-DD HH:mm:ss");
+    return isOutOfRange(startTime, endTime);
   })(notifications);
 }
 
@@ -35553,6 +35644,28 @@ function getLeafNodes(obj) {
     return [];
   }
 }
+
+function getPriorityCode(category) {
+  return {
+    alert: 0,
+    warning: 1,
+    success: 1,
+    information: 1
+  }[category.toLowerCase()];
+}
+
+function getDate(dateStr) {
+  return new Date(dateStr) || '';
+}
+
+function sortNotifications(notifications) {
+  try {
+    return sortWith$1([ascend$1(compose(getPriorityCode, prop$1('categoryDescription'))), descend$1(compose(getDate, prop$1('startsAt')))], notifications);
+  } catch (err) {
+    console.error(err);
+    return notifications;
+  }
+}
 var notificationKeysMapper = {
   applications: 'apps',
   facilities: 'facilities',
@@ -35659,20 +35772,20 @@ var useWindowSize = function useWindowSize() {
 };
 
 var alertBackgroundColorMapping = {
-  alert: '#f5f5cb',
-  warning: '#fab9b9',
+  alert: '#fab9b9',
+  warning: '#f5f5cb',
   information: '#c1dcf5',
   success: 'rgb(192 234 204 / 54%)'
 };
 var alertInfoColorMapping = {
-  alert: 'rgb(240 182 79)',
-  warning: 'var(--primaryRed)',
+  alert: 'var(--primaryRed)',
+  warning: 'rgb(240 182 79)',
   information: 'var(--blue)',
   success: 'rgb(50 179 55)'
 };
 var alertToIconMapping = {
-  alert: 'Warning',
-  warning: 'Info',
+  alert: 'Info',
+  warning: 'Warning',
   information: 'Info',
   success: 'Accept'
 };
@@ -35724,6 +35837,8 @@ var Banner = function Banner(_ref2) {
       dismissibleFlag = _ref2.dismissibleFlag,
       onDismiss = _ref2.onDismiss,
       startsAt = _ref2.startsAt,
+      absStartsAt = _ref2.absStartsAt,
+      timeZoneType = _ref2.timeZoneType,
       showSideBar = _ref2.showSideBar;
   var contentBarRef = React__default["default"].useRef(null);
 
@@ -35744,7 +35859,8 @@ var Banner = function Banner(_ref2) {
     setExpanded(false);
     contentBarRef.current && setIsContentOverFlow(contentBarRef.current.offsetHeight < contentBarRef.current.scrollHeight);
   }, [current]);
-  var timeDiff = getTimeDiff(startsAt);
+  var startTime = timeZoneType === "RPTZ" ? absStartsAt : moment.utc(startsAt).local().format("YYYY-MM-DD HH:mm:ss");
+  var timeDiff = getTimeDiff(startTime);
 
   var topNotificationBar = function topNotificationBar() {
     return React__default["default"].createElement("div", {
@@ -35866,7 +35982,7 @@ var Banner = function Banner(_ref2) {
         fontSize: '19px',
         color: alertInfoColorMapping[categoryDescription.toLowerCase()]
       }
-    })), React__default["default"].createElement("div", null, timeDiff, " -")), React__default["default"].createElement("div", null, showNavButtons && React__default["default"].createElement(Actions$1, {
+    })), React__default["default"].createElement("div", null, timeDiff)), React__default["default"].createElement("div", null, showNavButtons && React__default["default"].createElement(Actions$1, {
       onLeftButtonClick: onLeftButtonClick,
       count: count,
       current: current,
@@ -35915,7 +36031,7 @@ var Banner = function Banner(_ref2) {
   };
 
   var mainNotificationBar = function mainNotificationBar() {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, showSideBar ? sideNotificationBar() : width >= 760 ? topNotificationBar() : mobileNotificationBar());
+    return React__default["default"].createElement(React__default["default"].Fragment, null, showSideBar ? sideNotificationBar() : width >= 768 ? topNotificationBar() : mobileNotificationBar());
   };
 
   return mainNotificationBar();
@@ -41912,11 +42028,11 @@ var browser = {
   'version': version$3
 };
 
-function fetchG2Notifications(updateNotifications) {
-  var coreAppConfig = storage.getLocalItem('opsportal-core:config');
+function fetchG2Notifications(updateNotifications, updateAllNotificationsList) {
+  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
   var endpoints = coreAppConfig.endpoints;
   var headers = {
-    country: pathOr$1('', ['selectedCountryA3code'], storage.getSessionItem('dashboard'))
+    country: pathOr$1('', ['selectedCountryA3code'], storage$1.getSessionItem('dashboard'))
   };
   fetcher.get(endpoints.getG2Notifications, {
     headers: headers
@@ -41924,6 +42040,7 @@ function fetchG2Notifications(updateNotifications) {
     if (resp.status === 200) {
       var notificationsList = pathOr$1([], ['data', 'response'], resp);
       compose(updateNotifications, filterNotifications)(notificationsList);
+      updateAllNotificationsList(notificationsList);
     } else {
       console.log("Failed to Fetch Notifications");
     }
@@ -41932,13 +42049,20 @@ function fetchG2Notifications(updateNotifications) {
   });
 }
 
-function startWebSocketConnection(updateNotifications) {
-  var coreAppConfig = storage.getLocalItem('opsportal-core:config');
-  var webSocketURL = coreAppConfig.webSocketURL;
+function startWebSocketConnection(updateNotifications, updateAllNotificationsList) {
+  var _storage$getSessionIt, _storage$getSessionIt2;
+
+  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
+  var webSocketURL = "".concat(coreAppConfig.webSocketURL, "/").concat((_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.selectedYard);
+  browserCookies.set('notification_country', (_storage$getSessionIt2 = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt2 === void 0 ? void 0 : _storage$getSessionIt2.selectedCountryA3code, {
+    domain: '.copart.com'
+  });
+  var access_token = "bearer ".concat(storage$1.accessToken);
+  document.cookie = "notification_access_token=" + access_token + "; path=/;domain=.copart.com";
   var client = new browser.w3cwebsocket(webSocketURL);
 
   client.onerror = function (err) {
-    return console.log("this is the error- ".concat(err));
+    return console.log("error ", err);
   };
 
   client.onopen = function () {
@@ -41946,11 +42070,20 @@ function startWebSocketConnection(updateNotifications) {
   };
 
   client.onmessage = function (message) {
-    var notification = message.data ? [JSON.parse(message.data)] : []; //const newNotification = filterNotifications(notification)
+    var notification = [];
 
-    var newNotification = notification;
-    newNotification.length > 0 && updateNotifications(newNotification);
-  };
+    try {
+      notification = message.data ? [JSON.parse(message.data)] : [];
+      var newNotification = notification;
+      newNotification.length > 0 && compose(updateNotifications, filterNotifications)(newNotification);
+      updateAllNotificationsList(newNotification);
+    } catch (e) {
+      console.log(e);
+    }
+  }; // storage.accessToken
+
+
+  return client;
 }
 
 /******************************************************************************
@@ -49755,7 +49888,7 @@ var CountryFlag = function CountryFlag() {
 };
 
 var AppBar = function AppBar(_ref) {
-  var _storage$getSessionIt;
+  var _storage$getSessionIt, _storage$getSessionIt2;
 
   var history = _ref.history,
       setAppBarMounted = _ref.setAppBarMounted,
@@ -49879,12 +50012,43 @@ var AppBar = function AppBar(_ref) {
       notifications = _useState6[0],
       setNotifications = _useState6[1];
 
+  var _useState7 = React.useState([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      listOfAllNotifications = _useState8[0],
+      setListOfAllNotifications = _useState8[1];
+
+  var _useState9 = React.useState(),
+      _useState10 = _slicedToArray(_useState9, 2),
+      socketClient = _useState10[0],
+      setSocketClient = _useState10[1];
+
+  var _useState11 = React.useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      firebaseInitialized = _useState12[0],
+      setFirebaseinitialized = _useState12[1];
+
   var updateNotifications = function updateNotifications(newNotifications) {
     setNotifications(function (notifications) {
-      return [].concat(_toConsumableArray(notifications), _toConsumableArray(newNotifications));
+      return filterDuplicateAndSave(notifications, newNotifications);
     });
   };
 
+  var updateAllNotificationsList = function updateAllNotificationsList(newNotifications) {
+    setListOfAllNotifications(function (notifications) {
+      return filterDuplicateAndSave(notifications, newNotifications);
+    });
+  };
+
+  var filterDuplicateAndSave = function filterDuplicateAndSave(notifications, newNotifications) {
+    var notificationIds = newNotifications.map(function (notification) {
+      return notification.notificationId;
+    });
+    var filteredNewNotifications = notifications.filter(function (notification) {
+      return !notificationIds.includes(notification.notificationId);
+    });
+    return sortNotifications([].concat(_toConsumableArray(newNotifications), _toConsumableArray(filteredNewNotifications)));
+  };
+
   var dismissNotification = function dismissNotification(notification) {
     addNotificationToViewedList(notification);
     setNotifications(function (notifications) {
@@ -49895,11 +50059,38 @@ var AppBar = function AppBar(_ref) {
     });
   };
 
+  var selectedYard = (_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.selectedYard;
   React.useEffect(function () {
-    notificationsSource.includes('Nchan') && fetchG2Notifications(updateNotifications) && startWebSocketConnection(updateNotifications);
-    notificationsSource.includes('Firebase') && getFireBaseNotifications(updateNotifications);
-  }, []);
-  console.log("thisis");
+    setNotifications([]);
+    setListOfAllNotifications([]);
+    socketClient && socketClient.close();
+
+    if (history.location.pathname !== '/logout') {
+      if (notificationsSource.includes('Nchan')) {
+        fetchG2Notifications(updateNotifications, updateAllNotificationsList);
+        setSocketClient(startWebSocketConnection(updateNotifications, updateAllNotificationsList));
+      }
+
+      if (!firebaseInitialized && notificationsSource.includes('Firebase')) {
+        getFireBaseNotifications(updateNotifications);
+        setFirebaseinitialized(true);
+      }
+    }
+  }, [selectedYard]);
+  React.useEffect(function () {
+    var interval = setInterval(function () {
+      if (listOfAllNotifications.length) {
+        compose(updateNotifications, filterNotifications)(listOfAllNotifications);
+      }
+
+      if (notifications.length) {
+        setNotifications(filterOutExpiredNotifications(notifications));
+      }
+    }, 10000);
+    return function () {
+      clearInterval(interval);
+    };
+  }, [listOfAllNotifications, notifications]);
   var STACK = process.env.STACK || 'c';
   var modifiedSettings = SETTINGS_ITEMS;
   modifiedSettings[0]['name'] = storage$1.userName;
@@ -49920,7 +50111,7 @@ var AppBar = function AppBar(_ref) {
     userEmail: storage$1.userEmail,
     language: storage$1.activeLanguage,
     showSearchBar: false,
-    homeYard: (_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.homeYard,
+    homeYard: (_storage$getSessionIt2 = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt2 === void 0 ? void 0 : _storage$getSessionIt2.homeYard,
     logoutItems: modifiedSettings,
     countryCode: storage$1.activeCountry,
     yardNumber: storage$1.activeYardNumber,
@@ -50046,7 +50237,6 @@ styleInject(css_248z$1);
 var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
 var FAILED_AUTHENTICATION_CHECK_REASON = 'User is not authenticated. (Check localStorage.login.isAuthenticated.)';
 var AUTHENTICATED_AND_ON_CORE_ROUTE = 'Authenticated and entering core route.';
-var AUTHENTICATED_AND_ON_IFRAME_ROUTE = 'Authenticated and entering iframe route.';
 var PASS_BECAUSE_RESTRICTIONS_DISABLED = 'SecurityLevel and Yard restrictions disabled.';
 var PATH_NOT_FOUND = 'Tile/Path does not exist';
 var NO_TILE_PERMISSION = 'Could not verify user access for the tile.';
@@ -50175,14 +50365,6 @@ function (_React$PureComponent) {
                 return fetcher.getPermissions(appTile.appAuthName);
 
               case 20:
-                if (!isIframeRoute) {
-                  _context.next = 22;
-                  break;
-                }
-
-                return _context.abrupt("return", this.allowAccess(AUTHENTICATED_AND_ON_IFRAME_ROUTE));
-
-              case 22:
                 // If there are rules, evaluate and act accordingly.
                 tileConfigAccess = userHasAccess(appTile);
 
@@ -50192,7 +50374,7 @@ function (_React$PureComponent) {
                   this.denyAccess(NO_TILE_PERMISSION);
                 }
 
-              case 24:
+              case 22:
               case "end":
                 return _context.stop();
             }