@copart/ops-tool-kit 1.12.18-alpha.4 → 1.12.18-alpha.6

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.18-alpha.4";
+const version$3 = "1.12.18-alpha.6";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -198,25 +198,6 @@ var setup = (function (_ref) {
       warn: devLog('warn')
     };
   }();
-  global.setUpInstana = function () {
-    var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    var isCoreApp = arguments.length > 1 ? arguments[1] : undefined;
-    //devOnly.log('Instana setting up.')
-    if (key && !(process.env.NODE_ENV !== "production") && isCoreApp) {
-      (function (i, s, o, g, r, a, m) {
-        i['InstanaEumObject'] = r;
-        i[r] = i[r] || function () {
-          (i[r].q = i[r].q || []).push(arguments);
-        }, i[r].l = 1 * new Date();
-        a = s.createElement(o), m = s.getElementsByTagName(o)[0];
-        a.async = 1;
-        a.src = g;
-        m.parentNode.insertBefore(a, m);
-      })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum');
-      ineum('reportingUrl', 'https://eum-us-west-2.instana.io');
-      ineum('apiKey', key);
-    }
-  };
 });
 
 function styleInject(css, ref) {
@@ -9342,9 +9323,6 @@ var ConfigFetcher = /*#__PURE__*/function (_React$Component) {
             case 2:
               config = _context.v;
               storage$1.setItem('config', config);
-              if (config.instanaKey) {
-                window.setUpInstana(config.instanaKey, isCoreApp);
-              }
               this.setState(function (state) {
                 return {
                   gotConfig: true
@@ -25486,7 +25464,7 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React__default["default"].Component);
 
-var css_248z$9 = ".utilities_ops-announcements_Banner--appBarContentBox {\r\n  word-break: break-all;\r\n  white-space: pre-wrap;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContent {\r\n  padding: 10px 10px;\r\n  font-size: 13px;\r\n  width: 95%;\r\n  display: flex;\r\n  align-items: center;\r\n  grid-gap: 20px;\r\n  gap: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBar {\r\n  display: flex;\r\n  color: #6c7a89;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  width: 90%;\r\n  font-size: 12px;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBar b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\r\n  color: white;\r\n  width: 26px;\r\n  min-height: 26px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n  /* font-weight: 600; */\r\n  /* autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n  /* autoprefixer: on */\r\n  font-size: 12px;\r\n  color: #201f1e;\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox * {\r\n  display: inline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox a {\r\n  text-decoration: underline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n  width: 95%;\r\n  /* font-weight: 600; */\r\n  /* autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n  /* autoprefixer: on */\r\n  font-size: 12px;\r\n  padding: 5px 5px;\r\n  min-height: 20px;\r\n  padding: 4px 5px 3px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox i {\r\n  font-size: 20px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  grid-gap: 10px;\r\n  gap: 10px;\r\n  font-size: 12px;\r\n  align-items: center;\r\n  padding: 0px 10px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i {\r\n  position: relative;\r\n  right: -4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationCountContainer {\r\n  width: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  /* padding: 10px 10px; */\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  min-height: 40px;\r\n  width: 100%;\r\n  /* padding-top: env(safe-area-inset-top, 0px);\r\n  position: sticky;\r\n  top: 0; */\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar.utilities_ops-announcements_Banner--notificationContainer {\r\n  padding: 8px 6px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n  color: white;\r\n  width: 52px;\r\n  min-height: 52px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationInfoBox {\r\n  color: white;\r\n  width: 20px;\r\n  height: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 6px;\r\n}\r\n.utilities_ops-announcements_Banner--notificationBarBtn {\r\n  width: 52px;\r\n  min-height: 52px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--notificationBarBtn {\r\n  width: auto;\r\n  min-height: auto;\r\n  align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer i {\r\n  font-size: 22px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--notificationBarBtn i {\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n  flex-direction: column;\r\n  /* padding: 10px 10px; */\r\n  grid-gap: 0px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar i {\r\n  font-size: 13px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--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: 13px solid white;\r\n  position: absolute;\r\n  top: 51px;\r\n  right: 50px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper {\r\n  padding-right: 10px;\r\n  font-size: 12px;\r\n  flex: 1 1 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 4px;\r\n  gap: 4px;\r\n  margin-top: 5px;\r\n  max-width: 100%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--appBarContentWrapper {\r\n  padding-left: 10px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl {\r\n  text-decoration: none !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl i {\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  color: #1d5ab9;\r\n  left: 2px;\r\n  position: relative;\r\n  top: 2px;\r\n  margin-right: 3px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroup {\r\n  border: 1px solid #e1dfdd;\r\n  border-radius: 8px;\r\n  padding: 12px;\r\n  margin-bottom: 12px;\r\n  background-color: #ffffff;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupHeader {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 10px;\r\n  min-height: 28px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupHeaderWithBack {\r\n  position: relative;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupHeaderTitle {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationBackBtn {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n          transform: translateY(-50%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0;\r\n  margin: 0;\r\n  border: none;\r\n  background: none;\r\n  color: #3261bd;\r\n  cursor: pointer;\r\n  width: 28px;\r\n  height: 28px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationBackBtn i {\r\n  font-size: 18px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupAppIcon {\r\n  width: 20px;\r\n  height: 20px;\r\n  -o-object-fit: contain;\r\n     object-fit: contain;\r\n  -webkit-filter: invert(24%) sepia(100%) saturate(1350%) hue-rotate(201deg) brightness(96%) contrast(93%);\r\n          filter: invert(24%) sepia(100%) saturate(1350%) hue-rotate(201deg) brightness(96%) contrast(93%);\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupAppIconPlaceholder {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 4px;\r\n  background-color: #deecf9;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupAppName {\r\n  color: #3261bd;\r\n  color: var(--Type-Copart-Neue-Rest, #3261bd);\r\n  font-family: 'Segoe UI', SegoeUI, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 20px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupList {\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRow {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  padding: 8px 10px;\r\n  border-radius: 4px;\r\n  min-height: 36px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowIcon {\r\n  color: white;\r\n  width: 20px;\r\n  height: 20px;\r\n  min-width: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-top: 1px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowContent {\r\n  flex: 1;\r\n  min-width: 0;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #201f1e;\r\n  line-height: 1.35;\r\n  word-break: break-word;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowContent * {\r\n  display: inline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowMeta {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  grid-gap: 4px;\r\n  gap: 4px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowLink {\r\n  text-decoration: none;\r\n  line-height: 1;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowLink i {\r\n  font-size: 16px;\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowTime {\r\n  font-size: 11px;\r\n  color: #605e5c;\r\n  font-weight: 400;\r\n  white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationViewAll {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n  width: 100%;\r\n  margin-top: 10px;\r\n  padding: 0;\r\n  border: none;\r\n  background: none;\r\n  color: #0f4cab;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationViewAll i {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n}\r\n\r\n@media (max-width: 1760px) {\r\n  .utilities_ops-announcements_Banner--notificationBarContent input {\r\n    width: 331px !important;\r\n  }\r\n}\r\n";
+var css_248z$9 = ".utilities_ops-announcements_Banner--appBarContentBox {\r\n  word-break: break-word;\r\n  word-wrap: anywhere;\r\n  white-space: pre-wrap;\r\n  font-weight: 600;\r\n  max-width: 100%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContent {\r\n  padding: 10px 10px;\r\n  font-size: 13px;\r\n  width: 95%;\r\n  display: flex;\r\n  align-items: center;\r\n  grid-gap: 20px;\r\n  gap: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBar {\r\n  display: flex;\r\n  color: #6c7a89;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  width: 90%;\r\n  font-size: 12px;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBar b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\r\n  color: white;\r\n  width: 26px;\r\n  min-height: 26px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n  /* font-weight: 600; */\r\n  /* autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n  /* autoprefixer: on */\r\n  font-size: 12px;\r\n  color: #201f1e;\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox * {\r\n  display: inline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox a {\r\n  text-decoration: underline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n  width: 95%;\r\n  /* font-weight: 600; */\r\n  /* autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n  /* autoprefixer: on */\r\n  font-size: 12px;\r\n  padding: 5px 5px;\r\n  min-height: 20px;\r\n  padding: 4px 5px 3px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox i {\r\n  font-size: 20px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  grid-gap: 10px;\r\n  gap: 10px;\r\n  font-size: 12px;\r\n  align-items: center;\r\n  padding: 0px 10px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i {\r\n  position: relative;\r\n  right: -4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationCountContainer {\r\n  width: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  /* padding: 10px 10px; */\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  min-height: 40px;\r\n  width: 100%;\r\n  /* padding-top: env(safe-area-inset-top, 0px);\r\n  position: sticky;\r\n  top: 0; */\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar.utilities_ops-announcements_Banner--notificationContainer {\r\n  padding: 8px 6px;\r\n  min-width: 0;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n  color: white;\r\n  width: 52px;\r\n  min-height: 52px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationInfoBox {\r\n  color: white;\r\n  width: 20px;\r\n  height: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 6px;\r\n}\r\n.utilities_ops-announcements_Banner--notificationBarBtn {\r\n  width: 52px;\r\n  min-height: 52px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--notificationBarBtn {\r\n  width: auto;\r\n  min-height: auto;\r\n  align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer i {\r\n  font-size: 22px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--notificationBarBtn i {\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n  flex-direction: column;\r\n  /* padding: 10px 10px; */\r\n  grid-gap: 0px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar i {\r\n  font-size: 13px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--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: 13px solid white;\r\n  position: absolute;\r\n  top: 51px;\r\n  right: 50px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper {\r\n  padding-right: 10px;\r\n  font-size: 12px;\r\n  flex: 1 1 0%;\r\n  min-width: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 4px;\r\n  gap: 4px;\r\n  margin-top: 5px;\r\n  max-width: 100%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBarNotificationMeta {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  min-width: 0;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--appBarContentWrapper {\r\n  padding-left: 10px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl {\r\n  text-decoration: none !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl i {\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  color: #1d5ab9;\r\n  left: 2px;\r\n  position: relative;\r\n  top: 2px;\r\n  margin-right: 3px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroup {\r\n  border: 1px solid #e1dfdd;\r\n  border-radius: 8px;\r\n  padding: 12px;\r\n  margin-bottom: 12px;\r\n  background-color: #ffffff;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupHeader {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 10px;\r\n  min-height: 28px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupHeaderWithBack {\r\n  position: relative;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupHeaderTitle {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationBackBtn {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n          transform: translateY(-50%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0;\r\n  margin: 0;\r\n  border: none;\r\n  background: none;\r\n  color: #3261bd;\r\n  cursor: pointer;\r\n  width: 28px;\r\n  height: 28px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationBackBtn i {\r\n  font-size: 18px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupAppIcon {\r\n  width: 20px;\r\n  height: 20px;\r\n  -o-object-fit: contain;\r\n     object-fit: contain;\r\n  -webkit-filter: invert(24%) sepia(100%) saturate(1350%) hue-rotate(201deg) brightness(96%) contrast(93%);\r\n          filter: invert(24%) sepia(100%) saturate(1350%) hue-rotate(201deg) brightness(96%) contrast(93%);\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupAppIconPlaceholder {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 4px;\r\n  background-color: #deecf9;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupAppName {\r\n  color: #3261bd;\r\n  color: var(--Type-Copart-Neue-Rest, #3261bd);\r\n  font-family: 'Segoe UI', SegoeUI, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 20px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupList {\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRow {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  padding: 8px 10px;\r\n  border-radius: 4px;\r\n  min-height: 36px;\r\n  min-width: 0;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowIcon {\r\n  color: white;\r\n  width: 20px;\r\n  height: 20px;\r\n  min-width: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-top: 1px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowContent {\r\n  flex: 1;\r\n  min-width: 0;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #201f1e;\r\n  line-height: 1.35;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowText {\r\n  word-break: break-word;\r\n  word-wrap: anywhere;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowText * {\r\n  display: inline;\r\n  word-wrap: inherit;\r\n  word-break: inherit;\r\n  white-space: inherit;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowMeta {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  grid-gap: 4px;\r\n  gap: 4px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowLink {\r\n  text-decoration: none;\r\n  line-height: 1;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowLink i {\r\n  font-size: 16px;\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowTime {\r\n  font-size: 11px;\r\n  color: #605e5c;\r\n  font-weight: 400;\r\n  white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationViewAll {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n  width: 100%;\r\n  margin-top: 10px;\r\n  padding: 0;\r\n  border: none;\r\n  background: none;\r\n  color: #0f4cab;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationViewAll i {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n}\r\n\r\n@media (max-width: 1760px) {\r\n  .utilities_ops-announcements_Banner--notificationBarContent input {\r\n    width: 331px !important;\r\n  }\r\n}\r\n";
 styleInject(css_248z$9);
 
 function getViewedNotifications() {
@@ -25685,6 +25663,11 @@ function groupNotificationsByApp(notifications) {
     }
     groupMap.get(appName).push(notification);
   });
+  groupOrder.sort(function (a, b) {
+    return a.localeCompare(b, undefined, {
+      sensitivity: 'base'
+    });
+  });
   return groupOrder.map(function (appName) {
     var all = groupMap.get(appName);
     return {
@@ -25995,7 +25978,8 @@ var Banner = function Banner(props) {
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "utilities_ops-announcements_Banner--sideNotificationRowContent"
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "utilities_ops-announcements_Banner--sideNotificationRowText",
       dangerouslySetInnerHTML: {
         __html: SanitizeNotificationContent(content)
       }
@@ -26032,9 +26016,7 @@ var Banner = function Banner(props) {
         borderLeft: "2px solid ".concat(categoryColor)
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        display: 'flex'
-      }
+      className: "utilities_ops-announcements_Banner--sideBarNotificationMeta"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "utilities_ops-announcements_Banner--sideNotificationInfoBox",
       style: {
@@ -26190,6 +26172,7 @@ var _styleModuleImportMap$4 = {
     "tabNotificationBar": "utilities_ops-announcements_Banner--tabNotificationBar",
     "arrowTipContainer": "utilities_ops-announcements_Banner--arrowTipContainer",
     "appBarContentWrapper": "utilities_ops-announcements_Banner--appBarContentWrapper",
+    "sideBarNotificationMeta": "utilities_ops-announcements_Banner--sideBarNotificationMeta",
     "feedUrl": "utilities_ops-announcements_Banner--feedUrl",
     "sideNotificationGroup": "utilities_ops-announcements_Banner--sideNotificationGroup",
     "sideNotificationGroupHeader": "utilities_ops-announcements_Banner--sideNotificationGroupHeader",
@@ -26203,6 +26186,7 @@ var _styleModuleImportMap$4 = {
     "sideNotificationRow": "utilities_ops-announcements_Banner--sideNotificationRow",
     "sideNotificationRowIcon": "utilities_ops-announcements_Banner--sideNotificationRowIcon",
     "sideNotificationRowContent": "utilities_ops-announcements_Banner--sideNotificationRowContent",
+    "sideNotificationRowText": "utilities_ops-announcements_Banner--sideNotificationRowText",
     "sideNotificationRowMeta": "utilities_ops-announcements_Banner--sideNotificationRowMeta",
     "sideNotificationRowLink": "utilities_ops-announcements_Banner--sideNotificationRowLink",
     "sideNotificationRowTime": "utilities_ops-announcements_Banner--sideNotificationRowTime",