@copart/ops-tool-kit 1.12.17 → 1.12.18-alpha.1

package/dist/ops-tool-kit.js

@@ -47,7 +47,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$1 = "@copart/ops-tool-kit";
-const version$3 = "1.12.17";
+const version$3 = "1.12.18-alpha.1";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -307,6 +307,54 @@ function _createClass$2(e, r, t) {
     writable: !1
   }), e;
 }
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
 function _defineProperty$2(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -7088,38 +7136,6 @@ var values$1 = /*#__PURE__*/_curry1(function values(obj) {
 });
 var values$2 = values$1;
 
-/**
- * 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;
-
 /**
  * Checks if the input value is `null` or `undefined`.
  *
@@ -8908,51 +8924,6 @@ var sort = /*#__PURE__*/_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.
  *
@@ -21298,7 +21269,7 @@ FeedbackDialog.defaultProps = {
   }
 };
 
-var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n  background-color: var(--blue);\r\n  background-color: var(--blue);\r\n  height: 48px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  white-space: nowrap;\r\n  /* padding-top: env(safe-area-inset-top, 0px); */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: start;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n  margin: 0 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n  display: flex;\r\n  margin: 3px 0 0 16px;\r\n  grid-gap: 10px;\r\n  gap: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n  color: white;\r\n  font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n  color: white;\r\n  cursor: pointer;\r\n  font-size: 18px;\r\n  display: flex;\r\n  justify-content: center;\r\n  margin: 8px !important;\r\n  position: relative;\r\n  width: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\r\n  margin-right: 24px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\r\n  color: #fff;\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\r\n  color: #ffff00;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\r\n  width: auto;\r\n  grid-gap: 4px;\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  display: flex;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\r\n  width: auto;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  background: #fff;\r\n  color: #1D5AB9;\r\n  font-weight: 600;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  grid-gap: 8px;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  padding: 2px 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\r\n  color: #1D5AB9;\r\n  font-size: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n  display: flex;\r\n  color: white;\r\n  font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n  color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n  width: 6rem;\r\n  margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n  margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n  margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n  margin-top: -0.2rem;\r\n  margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n  display: inline;\r\n  display: initial;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'Open Sans';\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n    format('woff2');\r\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n  color: #fff;\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-weight: 600;\r\n  font-style: italic;\r\n  font-size: 14px;\r\n  position: relative;\r\n  left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n  display: flex;\r\n  color: white;\r\n  font-size: 13px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon {\r\n  /* margin-left: 10px;\r\n  margin-right: 7px; */\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  background: #fff;\r\n  color: #1D5AB9;\r\n  font-weight: 600;\r\n  border-radius: 4px;\r\n  box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\r\n  font-size: 14px;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  margin: 0 8px;\r\n  padding: 6px 20px 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\r\n  font-size: 18px;\r\n  color: #1D5AB9;\r\n}\r\n\r\n/* .searchIcon > div {\r\n  margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n  color: #fff;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n  color: white;\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n  background-color: white;\r\n  border-radius: 20px;\r\n  margin: 5px;\r\n  padding: 0px 10px;\r\n  height: 25px;\r\n  font-weight: bold;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n  border: 1px solid #1d5ab9;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n  color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n  background-color: white;\r\n  border-radius: 20px;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n  color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n  color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n  color: red;\r\n  margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n  margin-right: 5px;\r\n  margin-left: 5px;\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n  margin-left: 5px;\r\n  display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n  font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n  line-height: unset;\r\n  font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n  color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n  color: red;\r\n}\r\n\r\n/* .userMenu {\r\n  margin-left: 10px !important;\r\n  margin-right: 5px !important;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n  margin: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n  margin-left: 7px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n  margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n  cursor: pointer;\r\n  position: relative;\r\n  top: -2px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n  color: #fff;\r\n  font-size: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\r\n  background-color: #ef5350;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: 3px;\r\n  left: 13px;\r\n  width: 10px;\r\n  height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n  position: absolute;\r\n  background: #fff;\r\n  padding: 8px;\r\n  right: 30px;\r\n  top: -2px;\r\n  border-radius: 2px;\r\n  font-weight: 400;\r\n  font-size: 12px;\r\n  cursor: auto;\r\n  color: #000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 100%;\r\n  margin-top: -5px;\r\n  border-width: 5px;\r\n  border-style: solid;\r\n  border-color: transparent transparent transparent #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\r\n  color: #000;\r\n  font-size: 12px;\r\n  margin-left: 5px;\r\n  position: relative;\r\n  top: 1px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n  position: absolute;\r\n  display: flex;\r\n  width: 100vw;\r\n  bottom: 0;\r\n  z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 425px;\r\n  max-width: 425px;\r\n  background-color: white;\r\n  border: 0px solid;\r\n  padding: 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n  background-color: rgba(0,0,0,.5);\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: absolute;\r\n  top: 2px;\r\n  right: 510px;\r\n  height: 38px;\r\n  width: 38px;\r\n  background-color: white;\r\n  z-index: 11000;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\r\n  padding: 5px 7px;\r\n  background: #fff;\r\n  border-radius: 50%;\r\n  font-weight: 600;\r\n  color: #1d5ab9;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n  background: rgba(255, 255, 255, 0.40);\r\n  backdrop-filter: blur(20px);\r\n  position: absolute;\r\n  top: 50px;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  width: 100vw;\r\n  background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n  width: 425px;\r\n  max-width: 425px;\r\n  position: absolute;\r\n  right: 0;\r\n  /* height: calc(100vh - 100px); */\r\n  /* padding: 15px; */\r\n  background-color: white;\r\n  overflow-y: auto;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  /* .searchIcon {\r\n    margin-left: 5px;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .searchIcon > div {\r\n    margin-left: 2px;\r\n  } */\r\n\r\n  /* .userMenu {\r\n    margin-left: 3px !important;\r\n    margin-right: 3px !important;\r\n  } */\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n    margin-left: 3px !important;\r\n    margin-right: 3px !important;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n    margin-left: 2px;\r\n  }\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  top: 100px;\r\n  width: 100vw;\r\n  background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n  width: 425px;\r\n  max-width: 425px;\r\n  position: absolute;\r\n  right: 0;\r\n  /* height: calc(100vh - 100px); */\r\n  background-color: white;\r\n  overflow-y: auto;\r\n  padding: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar {\r\n  width: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-track {\r\n  background: #f1f1f1;\r\n  border-radius: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-thumb {\r\n  background-color: #888;\r\n  border-radius: 10px;\r\n  border: 3px solid #f1f1f1;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-thumb:hover {\r\n  background-color: #555;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n  background-color: #ef5350;\r\n  color: white;\r\n  font-size: 12px;\r\n  width: 1rem;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: -5px;\r\n  left: 11px;\r\n  height: 1rem;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n  width: 1.1rem;\r\n  height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n  width: 1.3rem;\r\n  height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n  cursor: pointer;\r\n  margin-left: 12px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n  width: 0px;\r\n  height: 0px;\r\n  border-left: 8px solid transparent;\r\n  border-right: 8px solid transparent;\r\n  border-bottom: 11px solid white;\r\n  position: absolute;\r\n  bottom: -13px;\r\n  right: 5px;\r\n}\r\n\r\n/* .arrowTipContainer.ideaNoteArrow {\r\n  right: 16px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\r\n  right: 3px;\r\n  bottom: -10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n  bottom: -12px;\r\n  right: 8px;\r\n  border-left: 7px solid transparent;\r\n  border-right: 7px solid transparent;\r\n  border-bottom: 10px solid white;\r\n}\r\n\r\n@media (max-width: 1366px) {\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n    width: 85%;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n    left: 12px;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n    right: 5px;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n    width: 85% !important;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\r\n    width: 85% !important;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n    display: none;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n    width: 85%;\r\n  }\r\n}";
+var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n  background-color: var(--blue);\r\n  background-color: var(--blue);\r\n  height: 48px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  white-space: nowrap;\r\n  /* padding-top: env(safe-area-inset-top, 0px); */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: start;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n  margin: 0 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n  display: flex;\r\n  margin: 3px 0 0 16px;\r\n  grid-gap: 10px;\r\n  gap: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n  color: white;\r\n  font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n  color: white;\r\n  cursor: pointer;\r\n  font-size: 18px;\r\n  display: flex;\r\n  justify-content: center;\r\n  margin: 8px !important;\r\n  position: relative;\r\n  width: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\r\n  margin-right: 24px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\r\n  color: #fff;\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\r\n  color: #ffff00;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\r\n  width: auto;\r\n  grid-gap: 4px;\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  display: flex;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\r\n  width: auto;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  background: #fff;\r\n  color: #1D5AB9;\r\n  font-weight: 600;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  grid-gap: 8px;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  padding: 2px 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\r\n  color: #1D5AB9;\r\n  font-size: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n  display: flex;\r\n  color: white;\r\n  font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n  color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n  width: 6rem;\r\n  margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n  margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n  margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n  margin-top: -0.2rem;\r\n  margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n  display: inline;\r\n  display: initial;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'Open Sans';\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n    format('woff2');\r\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n  color: #fff;\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-weight: 600;\r\n  font-style: italic;\r\n  font-size: 14px;\r\n  position: relative;\r\n  left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n  display: flex;\r\n  color: white;\r\n  font-size: 13px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon {\r\n  /* margin-left: 10px;\r\n  margin-right: 7px; */\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  background: #fff;\r\n  color: #1D5AB9;\r\n  font-weight: 600;\r\n  border-radius: 4px;\r\n  box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\r\n  font-size: 14px;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  margin: 0 8px;\r\n  padding: 6px 20px 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\r\n  font-size: 18px;\r\n  color: #1D5AB9;\r\n}\r\n\r\n/* .searchIcon > div {\r\n  margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n  color: #fff;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n  color: white;\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n  background-color: white;\r\n  border-radius: 20px;\r\n  margin: 5px;\r\n  padding: 0px 10px;\r\n  height: 25px;\r\n  font-weight: bold;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n  border: 1px solid #1d5ab9;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n  color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n  background-color: white;\r\n  border-radius: 20px;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n  color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n  color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n  color: red;\r\n  margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n  margin-right: 5px;\r\n  margin-left: 5px;\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n  margin-left: 5px;\r\n  display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n  font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n  line-height: unset;\r\n  font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n  color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n  color: red;\r\n}\r\n\r\n/* .userMenu {\r\n  margin-left: 10px !important;\r\n  margin-right: 5px !important;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n  margin: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n  margin-left: 7px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n  margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n  cursor: pointer;\r\n  position: relative;\r\n  top: -2px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n  color: #fff;\r\n  font-size: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\r\n  background-color: #ef5350;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: 3px;\r\n  left: 13px;\r\n  width: 10px;\r\n  height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n  position: absolute;\r\n  background: #fff;\r\n  padding: 8px;\r\n  right: 30px;\r\n  top: -2px;\r\n  border-radius: 2px;\r\n  font-weight: 400;\r\n  font-size: 12px;\r\n  cursor: auto;\r\n  color: #000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 100%;\r\n  margin-top: -5px;\r\n  border-width: 5px;\r\n  border-style: solid;\r\n  border-color: transparent transparent transparent #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\r\n  color: #000;\r\n  font-size: 12px;\r\n  margin-left: 5px;\r\n  position: relative;\r\n  top: 1px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n  position: absolute;\r\n  display: flex;\r\n  width: 100vw;\r\n  bottom: 0;\r\n  z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 425px;\r\n  max-width: 425px;\r\n  background-color: white;\r\n  border: 0px solid;\r\n  padding: 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n  background-color: rgba(0,0,0,.5);\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: absolute;\r\n  top: 2px;\r\n  right: 510px;\r\n  height: 38px;\r\n  width: 38px;\r\n  background-color: white;\r\n  z-index: 11000;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\r\n  padding: 5px 7px;\r\n  background: #fff;\r\n  border-radius: 50%;\r\n  font-weight: 600;\r\n  color: #1d5ab9;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n  background: rgba(255, 255, 255, 0.40);\r\n  backdrop-filter: blur(20px);\r\n  position: absolute;\r\n  top: 50px;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  width: 100vw;\r\n  background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n  width: 425px;\r\n  max-width: 425px;\r\n  position: absolute;\r\n  right: 0;\r\n  /* height: calc(100vh - 100px); */\r\n  /* padding: 15px; */\r\n  background-color: white;\r\n  overflow-y: auto;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  /* .searchIcon {\r\n    margin-left: 5px;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .searchIcon > div {\r\n    margin-left: 2px;\r\n  } */\r\n\r\n  /* .userMenu {\r\n    margin-left: 3px !important;\r\n    margin-right: 3px !important;\r\n  } */\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n    margin-left: 3px !important;\r\n    margin-right: 3px !important;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n    margin-left: 2px;\r\n  }\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  top: 100px;\r\n  width: 100vw;\r\n  background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n  width: 425px;\r\n  max-width: 425px;\r\n  position: absolute;\r\n  right: 0;\r\n  /* height: calc(100vh - 100px); */\r\n  background-color: white;\r\n  overflow-y: hidden;\r\n  padding: 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar {\r\n  width: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-track {\r\n  background: #f1f1f1;\r\n  border-radius: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-thumb {\r\n  background-color: #888;\r\n  border-radius: 10px;\r\n  border: 3px solid #f1f1f1;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-thumb:hover {\r\n  background-color: #555;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n  flex: 1;\r\n  min-height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n  background-color: #ef5350;\r\n  color: white;\r\n  font-size: 12px;\r\n  width: 1rem;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: -5px;\r\n  left: 11px;\r\n  height: 1rem;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n  width: 1.1rem;\r\n  height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n  width: 1.3rem;\r\n  height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n  cursor: pointer;\r\n  margin-left: 12px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n  width: 0px;\r\n  height: 0px;\r\n  border-left: 8px solid transparent;\r\n  border-right: 8px solid transparent;\r\n  border-bottom: 11px solid white;\r\n  position: absolute;\r\n  bottom: -13px;\r\n  right: 5px;\r\n}\r\n\r\n/* .arrowTipContainer.ideaNoteArrow {\r\n  right: 16px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\r\n  right: 3px;\r\n  bottom: -10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n  bottom: -12px;\r\n  right: 8px;\r\n  border-left: 7px solid transparent;\r\n  border-right: 7px solid transparent;\r\n  border-bottom: 10px solid white;\r\n}\r\n\r\n@media (max-width: 1366px) {\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n    width: 85%;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n    left: 12px;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n    right: 5px;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n    width: 85% !important;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\r\n    width: 85% !important;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n    display: none;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n    width: 85%;\r\n  }\r\n}";
 styleInject(css_248z$m);
 
 var LogOutMenu = function LogOutMenu(_ref) {
@@ -25542,15 +25513,39 @@ function addNotificationToViewedList(notification) {
   }
 }
 
-function filterOutViewedNotifications(notifications) {
-  var viewedNotifications = getViewedNotifications();
-  return notifications.filter(function (notification) {
-    return !viewedNotifications[notification.notificationId];
-  });
+// Removes entries whose endsAt has already passed.
+// endsAt is stored as a UTC string without Z (e.g. '2024-01-15 14:30:00'),
+// matching the end_date_ts_utc format used in generateQuery's Solr filter.
+// Any entry with endsAt < now will never be returned by the API again, so it
+// can be safely dropped.
+function pruneExpiredViewedNotifications() {
+  try {
+    var viewed = getViewedNotifications();
+    if (!viewed || _typeof$1(viewed) !== 'object' || Array.isArray(viewed)) return;
+    var entries = Object.entries(viewed);
+    if (!entries.length) return;
+    var now = new Date();
+    var pruned = Object.fromEntries(entries.filter(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        entry = _ref2[1];
+      if (!entry || !entry.endsAt) return false;
+      var endsAt = new Date(String(entry.endsAt).replace(' ', 'T') + 'Z');
+      return !isNaN(endsAt.getTime()) && endsAt > now;
+    }));
+    // Skip the write if nothing was pruned to avoid unnecessary localStorage I/O
+    if (Object.keys(pruned).length === entries.length) return;
+    localStorage.setItem('viewedNotifications', JSON.stringify(pruned));
+  } catch (err) {
+    console.error(err);
+  }
 }
-function isOutOfRange(startDate, endDate) {
-  var current = new Date();
-  return new Date(startDate) < current && current < new Date(endDate);
+
+// Parses a UTC date string like '2024-01-15 14:30:00' (no Z suffix) into a Date object.
+// startsAt/endsAt come from the API with the T and Z stripped, so we restore them here.
+function parseAsUTCDate(dateStr) {
+  if (!dateStr) return null;
+  var d = new Date(String(dateStr).replace(' ', 'T') + 'Z');
+  return isNaN(d.getTime()) ? null : d;
 }
 var getLocalEndTime = function getLocalEndTime(notification) {
   var endsAt = notification.endsAt,
@@ -25561,76 +25556,99 @@ var getLocalEndTime = function getLocalEndTime(notification) {
   if (isRecipientTimeZone && endDateTimeZone !== 'UTC') {
     return endsAt;
   }
-  return moment.utc(endsAt).local().format('YYYY-MM-DD HH:mm:ss');
+  var d = parseAsUTCDate(endsAt);
+  if (!d) return null;
+  var pad = function pad(n) {
+    return String(n).padStart(2, '0');
+  };
+  return "".concat(d.getFullYear(), "-").concat(pad(d.getMonth() + 1), "-").concat(pad(d.getDate()), " ").concat(pad(d.getHours()), ":").concat(pad(d.getMinutes()), ":").concat(pad(d.getSeconds()));
 };
 function filterOutExpiredNotifications(notifications) {
+  var now = new Date();
   return filter$1(function (_ref) {
     var startsAt = _ref.startsAt,
       endsAt = _ref.endsAt,
       timeZoneType = _ref.timeZoneType,
       endDateTimeZone = _ref.endDateTimeZone;
-    var startTime = timeZoneType === 'Recipient TimeZone' || timeZoneType === 'RPTZ' ? startsAt : moment.utc(startsAt).local().format('YYYY-MM-DD HH:mm:ss');
+    var isRecipientTZ = timeZoneType === 'Recipient TimeZone' || timeZoneType === 'RPTZ';
+    var startDate = isRecipientTZ ? new Date(String(startsAt).replace(' ', 'T')) : parseAsUTCDate(startsAt);
     var localEndTime = getLocalEndTime({
       endsAt: endsAt,
       timeZoneType: timeZoneType,
       endDateTimeZone: endDateTimeZone
     });
-    if (!localEndTime) return false;
-    return isOutOfRange(startTime, localEndTime);
+    if (!localEndTime || !startDate) return false;
+    var endDate = new Date(String(localEndTime).replace(' ', 'T'));
+    return startDate < now && now < endDate;
   })(notifications);
 }
-function filterOutNotificationForOtherApps(notifications) {
-  var currentApp = window.location.pathname === '/' ? 'home' : window.location.pathname;
-  var tilesConfig = storage$1.getLocalItem('opsportal-core:config').tiles || [];
-  var tile = tilesConfig.find(function (item) {
-    return item.path === currentApp || "".concat(item.path, "/") === currentApp || currentApp.startsWith(item.path);
-  }) || {};
-  return notifications.filter(function (notification) {
-    var targetApps = pathOr$1(null, ['targetAudience', 'targetApplications'])(notification);
-    var apps = pathOr$1([], [0, 'applications'])(targetApps);
-    if (currentApp === 'home') {
-      return targetApps === null || apps.includes("Ops Home");
-    } else {
-      return targetApps === null || apps.includes(tile.title || '');
-    }
-  });
-}
-function filterOutNotificationByAudience(notifications) {
-  var userEmail = storage$1.userEmail;
-  var yardNumber = storage$1.activeYardNumber;
-  // const countryCodes = window.location.hostname.includes('.com') ? ["USA", "CAN"] : ["ARE", "OMN", "BHR", "IRL", "GBR"]
-  return notifications.filter(function (notification) {
-    // if (!countryCodes.includes(notification.countryCode)) return false
-    var targets = pathOr$1([], ['targetAudience', 'targets'], notification);
-    if (!targets.length) return true;
-    return targets.some(function (target) {
-      switch (target.type) {
-        case 'users':
-          var usersList = pathOr$1([], ['emails'])(target);
-          return usersList.includes(userEmail);
-        case 'groups':
-          var groups = pathOr$1([], ['groups'])(target);
-          return groups.some(function (group) {
-            var users = pathOr$1([], ['users'])(group);
-            return users.includes(userEmail) || users.includes('*');
-          });
-        case 'yards':
-          var yards = pathOr$1([], ['yards'], target);
-          return yards.includes(yardNumber);
-        default:
-          return false;
-      }
-    });
-  });
-}
-function filterOutInActiveNotification(notifications) {
-  return notifications.filter(function (notification) {
-    return (notification === null || notification === void 0 ? void 0 : notification.status) === 'A';
-  });
-}
 function filterNotifications(notifications) {
   try {
-    return compose(filterOutInActiveNotification, filterOutNotificationByAudience, filterOutViewedNotifications, filterOutExpiredNotifications, filterOutNotificationForOtherApps)(notifications);
+    // filterOutViewedNotifications
+    var viewedNotifications = getViewedNotifications();
+    // filterOutExpiredNotifications
+    var now = new Date();
+    // // Audience and app filtering removed — Solr query targets channel_names directly
+    // // filterOutNotificationByAudience
+    // const userEmail = storage.userEmail
+    // const yardNumber = storage.activeYardNumber
+    // // filterOutNotificationForOtherApps
+    // let currentApp = window.location.pathname === '/' ? 'home' : window.location.pathname
+    // const tilesConfig = storage.getLocalItem('opsportal-core:config').tiles || []
+    // const tile = tilesConfig.find(
+    //   (item) =>
+    //     item.path === currentApp ||
+    //     `${item.path}/` === currentApp ||
+    //     currentApp.startsWith(item.path),
+    // ) || {}
+
+    return notifications.filter(function (notification) {
+      // filterOutInActiveNotification
+      if ((notification === null || notification === void 0 ? void 0 : notification.status) !== 'A') return false;
+
+      // filterOutViewedNotifications
+      if (viewedNotifications[notification.notificationId]) return false;
+
+      // filterOutExpiredNotifications
+      var startsAt = notification.startsAt,
+        endsAt = notification.endsAt,
+        timeZoneType = notification.timeZoneType,
+        endDateTimeZone = notification.endDateTimeZone;
+      var isRecipientTZ = timeZoneType === 'Recipient TimeZone' || timeZoneType === 'RPTZ';
+      var startDate = isRecipientTZ ? new Date(String(startsAt).replace(' ', 'T')) : parseAsUTCDate(startsAt);
+      var endDate = !endsAt ? null : isRecipientTZ && endDateTimeZone !== 'UTC' ? new Date(String(endsAt).replace(' ', 'T')) : parseAsUTCDate(endsAt);
+      if (!endDate || !startDate || !(startDate < now && now < endDate)) return false;
+
+      // // filterOutNotificationForOtherApps — handled by channel_names in Solr query
+      // const targetApps = pathOr(null, ['targetAudience', 'targetApplications'])(notification)
+      // const apps = pathOr([], [0, 'applications'])(targetApps)
+      // const appMatch =
+      //   currentApp === 'home'
+      //     ? targetApps === null || apps.includes('Ops Home')
+      //     : targetApps === null || apps.includes(tile.title || '')
+      // if (!appMatch) return false
+
+      // // filterOutNotificationByAudience — handled by channel_names in Solr query
+      // const targets = pathOr([], ['targetAudience', 'targets'], notification)
+      // if (!targets.length) return true
+      // return targets.some((target) => {
+      //   switch (target.type) {
+      //     case 'users':
+      //       return pathOr([], ['emails'])(target).includes(userEmail)
+      //     case 'groups':
+      //       return pathOr([], ['groups'])(target).some((group) => {
+      //         const users = pathOr([], ['users'])(group)
+      //         return users.includes(userEmail) || users.includes('*')
+      //       })
+      //     case 'yards':
+      //       return pathOr([], ['yards'], target).includes(yardNumber)
+      //     default:
+      //       return false
+      //   }
+      // })
+
+      return true;
+    });
   } catch (err) {
     console.error(err);
     return notifications;
@@ -25645,23 +25663,21 @@ function getPriorityCode(category) {
   }[category.toLowerCase()];
 }
 function sortNotifications(notifications) {
-  var newNotifications = clone$1(notifications);
-  var notificationsWithStartTs = newNotifications.map(function (n) {
-    var isRecipientTimeZone = n.timeZoneType === 'Recipient TimeZone' || n.timeZoneType === 'RPTZ';
-    var localStart = isRecipientTimeZone ? n.startsAt : moment.utc(n.startsAt).local().format('YYYY-MM-DD HH:mm:ss');
-    var startTimestamp = localStart ? new Date(localStart).getTime() : 0;
-    return _objectSpread2(_objectSpread2({}, n), {}, {
-      _startTimestamp: startTimestamp
-    });
-  });
-  var dateSortedNotifications = notificationsWithStartTs.sort(function (a, b) {
-    return b._startTimestamp - a._startTimestamp;
-  });
   try {
-    return sortWith$1([ascend$1(compose(getPriorityCode, prop$1('categoryDescription')))], dateSortedNotifications);
+    return _toConsumableArray(notifications).map(function (n) {
+      var isRecipientTZ = n.timeZoneType === 'Recipient TimeZone' || n.timeZoneType === 'RPTZ';
+      var startDate = isRecipientTZ ? new Date(String(n.startsAt).replace(' ', 'T')) : parseAsUTCDate(n.startsAt);
+      return _objectSpread2(_objectSpread2({}, n), {}, {
+        _startTimestamp: startDate ? startDate.getTime() : 0,
+        _priorityCode: getPriorityCode(n.categoryDescription)
+      });
+    }).sort(function (a, b) {
+      var priorityDiff = (a._priorityCode != null ? a._priorityCode : 99) - (b._priorityCode != null ? b._priorityCode : 99);
+      return priorityDiff !== 0 ? priorityDiff : b._startTimestamp - a._startTimestamp;
+    });
   } catch (err) {
     console.error(err);
-    return dateSortedNotifications;
+    return _toConsumableArray(notifications);
   }
 }
 startsWith$1('http://');
@@ -25693,9 +25709,10 @@ var getTimeDiff = function getTimeDiff(startsAt) {
   }
   return '';
 };
+var SANITIZE_REGEX = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>|<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi;
 var SanitizeNotificationContent = function SanitizeNotificationContent(str) {
-  var regex = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>|<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi;
-  return str.replace(regex, '');
+  SANITIZE_REGEX.lastIndex = 0;
+  return str.replace(SANITIZE_REGEX, '');
 };
 
 var useWindowSize = function useWindowSize() {
@@ -26063,6 +26080,31 @@ var Banner = function Banner(props) {
   return mainNotificationBar();
 };
 
+var ESTIMATED_ITEM_HEIGHT = 80;
+var OVERSCAN = 3;
+function buildOffsets(count, itemHeights) {
+  var offsets = new Array(count + 1);
+  offsets[0] = 0;
+  for (var i = 0; i < count; i++) {
+    offsets[i + 1] = offsets[i] + (itemHeights[i] || ESTIMATED_ITEM_HEIGHT) + 6;
+  }
+  return offsets;
+}
+
+// Binary search: find the last index whose offset is <= scrollTop
+function findStartIndex(offsets, scrollTop) {
+  var lo = 0;
+  var hi = offsets.length - 2;
+  while (lo < hi) {
+    var mid = lo + hi + 1 >> 1;
+    if (offsets[mid] <= scrollTop) {
+      lo = mid;
+    } else {
+      hi = mid - 1;
+    }
+  }
+  return lo;
+}
 var Notifications = function Notifications(_ref) {
   var notifications = _ref.notifications,
     _onDismiss = _ref.onDismiss;
@@ -26093,6 +26135,79 @@ var Notifications = function Notifications(_ref) {
     }
     setLast(notifications.length - 1);
   }, [notifications]);
+
+  // Virtualizer state for the sidebar list
+  var scrollRef = React.useRef(null);
+  var itemHeightsRef = React.useRef({});
+  var _useState5 = React.useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    scrollTop = _useState6[0],
+    setScrollTop = _useState6[1];
+  var _useState7 = React.useState(600),
+    _useState8 = _slicedToArray(_useState7, 2),
+    viewportHeight = _useState8[0],
+    setViewportHeight = _useState8[1];
+  var rafPendingRef = React.useRef(false);
+  var _useState9 = React.useState(0),
+    _useState0 = _slicedToArray(_useState9, 2),
+    forceUpdate = _useState0[1];
+  React.useEffect(function () {
+    var el = scrollRef.current;
+    if (!el) return;
+    var handleScroll = function handleScroll() {
+      return setScrollTop(el.scrollTop);
+    };
+    var ro = new ResizeObserver(function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          setViewportHeight(entry.contentRect.height);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    el.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    ro.observe(el);
+    return function () {
+      el.removeEventListener('scroll', handleScroll);
+      ro.disconnect();
+    };
+  }, [showSideBar]);
+
+  // Ref callback: measures rendered item height and triggers a rAF-batched re-render
+  // when the measured height differs from the cached value.
+  var measureItem = React.useCallback(function (index) {
+    return function (node) {
+      if (!node) return;
+      var height = node.getBoundingClientRect().height;
+      if (itemHeightsRef.current[index] === height) return;
+      itemHeightsRef.current[index] = height;
+      if (!rafPendingRef.current) {
+        rafPendingRef.current = true;
+        requestAnimationFrame(function () {
+          rafPendingRef.current = false;
+          forceUpdate(function (n) {
+            return n + 1;
+          });
+        });
+      }
+    };
+  }, []);
+  var count = notifications.length;
+  var offsets = buildOffsets(count, itemHeightsRef.current);
+  var totalHeight = offsets[count];
+  var rawStart = findStartIndex(offsets, scrollTop);
+  var startIdx = Math.max(0, rawStart - OVERSCAN);
+  var endRaw = rawStart;
+  while (endRaw < count && offsets[endRaw] < scrollTop + viewportHeight) endRaw++;
+  var endIdx = Math.min(count - 1, endRaw + OVERSCAN);
   var notification = notifications[i];
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isNil$1(notification) && !showSideBar ? /*#__PURE__*/React__default["default"].createElement(Banner, _extends$1({
     current: i + 1,
@@ -26110,21 +26225,45 @@ var Notifications = function Notifications(_ref) {
     notificationsTopContainerRef: notificationsTopContainerRef,
     mobileNotificationsTopContainerRef: mobileNotificationsTopContainerRef,
     setNotificationHeightFlag: setNotificationHeightFlag
-  })) : null, notifications.length > 0 && showSideBar ? notifications.map(function (notification) {
-    return /*#__PURE__*/React__default["default"].createElement(Banner, _extends$1({
-      key: notification.notificationId,
+  })) : null, count > 0 && showSideBar ? /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: scrollRef,
+    style: {
+      height: '100%',
+      overflowY: 'auto',
+      overflowX: 'hidden'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      height: totalHeight,
+      position: 'relative',
+      width: '100%'
+    }
+  }, Array.from({
+    length: endIdx - startIdx + 1
+  }, function (_, rel) {
+    var index = startIdx + rel;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      key: notifications[index].notificationId || index,
+      ref: measureItem(index),
+      style: {
+        position: 'absolute',
+        top: offsets[index],
+        left: 0,
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Banner, _extends$1({
       current: i + 1,
       count: notifications.length,
       showNavButtons: false,
       onDismiss: function onDismiss() {
-        return _onDismiss(notification);
+        return _onDismiss(notifications[index]);
       }
-    }, notification, {
+    }, notifications[index], {
       showSideBar: showSideBar,
       ActionComponent: ActionComponent,
       saveActionComponentState: saveActionComponentState
-    }));
-  }) : null);
+    })));
+  }))) : null);
 };
 
 var capitalizeAndReplaceUnderscores = function capitalizeAndReplaceUnderscores(role) {
@@ -28970,26 +29109,9 @@ var getCurrentApp = function getCurrentApp() {
   return app;
 };
 var buildTargetingClause = function buildTargetingClause(yardNumber, email) {
-  encodeURIComponent(getCurrentApp());
-  // const clauses = [
-  //   `(facilities:${yardNumber} AND -user_details:* AND -applications:* AND -group_user_details:*)`,
-  //   `(-facilities:* AND user_details:"${email}" AND -applications:* AND -group_user_details:*)`,
-  //   `(-facilities:* AND -user_details:* AND applications:"${app}" AND -group_user_details:*)`,
-  //   `(-facilities:* AND -user_details:* AND -applications:* AND group_user_details:"${email}")`,
-  //   `(facilities:${yardNumber} AND user_details:"${email}" AND -applications:* AND -group_user_details:*)`,
-  //   `(facilities:${yardNumber} AND -user_details:* AND applications:"${app}" AND -group_user_details:*)`,
-  //   `(facilities:${yardNumber} AND -user_details:* AND -applications:* AND group_user_details:"${email}")`,
-  //   `(-facilities:* AND user_details:"${email}" AND applications:"${app}" AND -group_user_details:*)`,
-  //   `(-facilities:* AND user_details:"${email}" AND -applications:* AND group_user_details:"${email}")`,
-  //   `(-facilities:* AND -user_details:* AND applications:"${app}" AND group_user_details:"${email}")`,
-  //   `(facilities:${yardNumber} AND user_details:"${email}" AND applications:"${app}" AND -group_user_details:*)`,
-  //   `(facilities:${yardNumber} AND user_details:"${email}" AND -applications:* AND group_user_details:"${email}")`,
-  //   `(facilities:${yardNumber} AND -user_details:* AND applications:"${app}" AND group_user_details:"${email}")`,
-  //   `(-facilities:* AND user_details:"${email}" AND applications:"${app}" AND group_user_details:"${email}")`,
-  //   `(facilities:${yardNumber} AND user_details:"${email}" AND applications:"${app}" AND group_user_details:"${email}")`,
-  // ]
-  // return clauses.join(' OR ')
-  return "(facilities:".concat(yardNumber, " OR user_details:\"").concat(email, "\" OR group_user_details:\"").concat(email, "\")");
+  var app = encodeURIComponent(getCurrentApp());
+  var clauses = ["(channel_names:".concat(yardNumber, ")"), "(channel_names:\"".concat(email, "\")"), "(channel_names:\"".concat(app, "\")"), "(channel_names:\"".concat(yardNumber, "%7C").concat(app, "\")"), "(channel_names:\"".concat(email, "%7C").concat(app, "\")")];
+  return clauses.join(' OR ');
 };
 var generateQuery = function generateQuery(yardNumber, email) {
   var startDateTs = moment(new Date()).add(1, 'days').local().format('YYYY-MM-DDTHH:mm:ss[Z]');
@@ -28997,7 +29119,7 @@ var generateQuery = function generateQuery(yardNumber, email) {
   var startDateTsUTC = moment.utc(new Date()).add(1, 'days').format('YYYY-MM-DDTHH:mm:ss[Z]');
   var EndDateTsUTC = moment.utc(new Date()).format('YYYY-MM-DDTHH:mm:ss[Z]');
   var targetingClause = buildTargetingClause(yardNumber, email);
-  return "fq=(".concat(targetingClause, ")&fq=((start_date_timezone:\"UTC\" AND end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTsUTC, "] AND end_date_ts_utc:[").concat(EndDateTsUTC, " TO *]) OR (!start_date_timezone:\"UTC\" AND !end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTs, "] AND end_date_ts_utc:[").concat(EndDateTs, " TO *]) OR (!start_date_timezone:\"UTC\" AND end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTs, "] AND end_date_ts_utc:[").concat(EndDateTsUTC, " TO *]))&fq=status:A&rows=10000&q=*:*");
+  return "fq=(".concat(targetingClause, ")&fq=((start_date_timezone:\"UTC\" AND end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTsUTC, "] AND end_date_ts_utc:[").concat(EndDateTsUTC, " TO *]) OR (!start_date_timezone:\"UTC\" AND !end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTs, "] AND end_date_ts_utc:[").concat(EndDateTs, " TO *]) OR (!start_date_timezone:\"UTC\" AND end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTs, "] AND end_date_ts_utc:[").concat(EndDateTsUTC, " TO *]))&fq=status:A&rows=1000&q=*:*");
 };
 var generateTargets = function generateTargets(notification) {
   var targets = [];
@@ -29081,6 +29203,9 @@ function fetchG2Notifications(updateNotifications, updateAllNotificationsList) {
     });
     compose(updateNotifications, filterNotifications)(modifiedNotifications);
     updateAllNotificationsList(modifiedNotifications, true);
+    // Prune expired entries from viewedNotifications after the main logic
+    // settles. Deferred so it never blocks the notifications render.
+    setTimeout(pruneExpiredViewedNotifications, 0);
   }).catch(function (e) {
     console.log(e);
   });
@@ -29091,7 +29216,10 @@ function startWebSocketConnection(updateNotifications, updateAllNotificationsLis
   var onOpen = callbacks.onOpen,
     onClose = callbacks.onClose;
   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, ",").concat(storage$1.userEmail, ",").concat(encodeURIComponent(getCurrentApp()));
+  var currentApp = encodeURIComponent(getCurrentApp());
+  var selectedYard = (_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.selectedYard;
+  var userEmail = storage$1.userEmail;
+  var webSocketURL = "".concat(coreAppConfig.webSocketURL, "/").concat(selectedYard, ",").concat(userEmail, ",").concat(currentApp, ",").concat(selectedYard, "|").concat(currentApp, ",").concat(userEmail, "|").concat(currentApp);
   var domain = window.location.hostname.slice(window.location.hostname.indexOf('.copart'));
   var selectedCountryA3code = (_storage$getSessionIt2 = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt2 === void 0 ? void 0 : _storage$getSessionIt2.selectedCountryA3code;
   var notificationCountry = selectedCountryA3code;