@copart/ops-tool-kit 1.8.1-alpha.32 → 1.8.1-alpha.34

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$f = "@copart/ops-tool-kit";
-const version$5 = "1.8.1-alpha.32";
+const version$5 = "1.8.1-alpha.34";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -29079,7 +29079,7 @@ function (_React$Component) {
   return SettingsView;
 }(React__default["default"].Component);
 
-var css_248z$6 = ".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: 0px 5px;\r\n  font-size: 13px;\r\n  width: 95%;\r\n  display: flex;\r\n  align-items: end;\r\n  grid-gap: 20px;\r\n  gap: 20px\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\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}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\r\n  color: #171717;\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}\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: 3;\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}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n  display: flex;\r\n  color: #6c7a89;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n  font-size: 12px;\r\n  margin-bottom: 5px;\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: 16px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\r\n  position: relative;\r\n  right: -4px;\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}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer i{\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer i{\r\n  font-size: 16px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n  flex-direction: column;\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: 0px 5px;\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}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\r\n  color: #171717;\r\n}";
+var css_248z$6 = ".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: 0px 5px;\r\n  font-size: 13px;\r\n  width: 95%;\r\n  display: flex;\r\n  align-items: end;\r\n  grid-gap: 20px;\r\n  gap: 20px\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\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}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\r\n  color: #171717;\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}\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: 3;\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}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n  display: flex;\r\n  color: #6c7a89;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n  font-size: 12px;\r\n  margin-bottom: 5px;\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: 16px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\r\n  position: relative;\r\n  right: -4px;\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}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer i{\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer i{\r\n  font-size: 16px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n  flex-direction: column;\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: 0px 5px;\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}\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 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}";
 styleInject(css_248z$6);
 
 var _nodeResolve_empty = {};
@@ -35467,6 +35467,10 @@ var getTimeDiff = function getTimeDiff(startsAt) {
 
   return '';
 };
+var SanitizeNotificationContent = function SanitizeNotificationContent(str) {
+  var regex = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>|<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi;
+  return str.replace(regex, '');
+};
 
 var useWindowSize = function useWindowSize() {
   var isClient = (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object';
@@ -35575,7 +35579,8 @@ var Banner = function Banner(props) {
       action = notification.action,
       content = notification.content,
       sourceApplication = notification.sourceApplication,
-      categoryDescription = notification.categoryDescription;
+      categoryDescription = notification.categoryDescription,
+      feedUrl = notification.feedUrl;
   var contentBarRef = React__default["default"].useRef(null);
 
   var _React$useState = React__default["default"].useState('false'),
@@ -35630,13 +35635,21 @@ var Banner = function Banner(props) {
     })), React__default["default"].createElement("div", null, sourceApplication && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff)), React__default["default"].createElement("div", {
       className: "utilities_ops-announcements_Banner--notificationBarContentBox",
       ref: contentBarRef,
-      dangerouslySetInnerHTML: {
-        __html: content
-      },
       style: _objectSpread2({}, expanded && {
         WebkitLineClamp: 'unset'
       })
-    })), action && ActionComponent && React__default["default"].createElement("div", {
+    }, React__default["default"].createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: SanitizeNotificationContent(content)
+      }
+    }), action && ActionComponent && React__default["default"].createElement("a", {
+      href: feedUrl,
+      target: "_blank",
+      className: "utilities_ops-announcements_Banner--feedUrl"
+    }, React__default["default"].createElement(coreComponents.Icon, {
+      name: "open_in_new",
+      variant: "material"
+    })))), action && ActionComponent && React__default["default"].createElement("div", {
       style: {
         minWidth: '20%'
       }
@@ -35688,11 +35701,19 @@ var Banner = function Banner(props) {
         color: '#6c7a89'
       }
     }, sourceApplication && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff), React__default["default"].createElement("div", {
-      className: "utilities_ops-announcements_Banner--appBarContentBox",
+      className: "utilities_ops-announcements_Banner--appBarContentBox"
+    }, React__default["default"].createElement("span", {
       dangerouslySetInnerHTML: {
-        __html: content
+        __html: SanitizeNotificationContent(content)
       }
-    }), action && ActionComponent && React__default["default"].createElement("div", null, React__default["default"].createElement(ActionComponent, {
+    }), action && ActionComponent && React__default["default"].createElement("a", {
+      href: feedUrl,
+      target: "_blank",
+      className: "utilities_ops-announcements_Banner--feedUrl"
+    }, React__default["default"].createElement(coreComponents.Icon, {
+      name: "open_in_new",
+      variant: "material"
+    }))), action && ActionComponent && React__default["default"].createElement("div", null, React__default["default"].createElement(ActionComponent, {
       notification: notification,
       saveActionComponentState: saveActionComponentState
     }))), dismissibleFlag && React__default["default"].createElement("div", {
@@ -35770,13 +35791,21 @@ var Banner = function Banner(props) {
     })))), React__default["default"].createElement("div", null, React__default["default"].createElement("div", {
       className: "utilities_ops-announcements_Banner--tabNotificationBarContentBox",
       ref: contentBarRef,
-      dangerouslySetInnerHTML: {
-        __html: content
-      },
       style: _objectSpread2({}, expanded && {
         WebkitLineClamp: 'unset'
       })
-    }), action && ActionComponent && React__default["default"].createElement("div", {
+    }, React__default["default"].createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: SanitizeNotificationContent(content)
+      }
+    }), action && ActionComponent && React__default["default"].createElement("a", {
+      href: feedUrl,
+      target: "_blank",
+      className: "utilities_ops-announcements_Banner--feedUrl"
+    }, React__default["default"].createElement(coreComponents.Icon, {
+      name: "open_in_new",
+      variant: "material"
+    }))), action && ActionComponent && React__default["default"].createElement("div", {
       style: {
         marginTop: '8px'
       }
@@ -40314,6 +40343,14 @@ var AppBar = function AppBar(_ref) {
       return notification;
     });
     setNotifications(updatedNotifications);
+    var updatedListOfAllNotifications = listOfAllNotifications.map(function (notification) {
+      if (notification.notificationId === id) {
+        notification.actionComponentState = componentState;
+      }
+
+      return notification;
+    });
+    setListOfAllNotifications(updatedListOfAllNotifications);
   };
 
   var selectedYard = (_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.selectedYard;