@copart/ops-tool-kit 1.8.1-alpha.3 → 1.8.1-alpha.5

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 const name$f = "@copart/ops-tool-kit";
-const version$5 = "1.8.1-alpha.3";
+const version$5 = "1.8.1-alpha.5";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -22163,7 +22163,7 @@ FeedbackDialog.defaultProps = {
   }
 };
 
-var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n  background-color: var(--blue);\n  background-color: var(--blue);\n  height: 64px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\n  display: flex;\n  flex-direction: column;\n  margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\n  color: white;\n  font-size: 11px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\n  display: flex;\n  color: white;\n  font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\n  color: white;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n  width: 6rem;\n  margin-top: 0rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\n  margin-top: 0.6rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\n  margin-top: 0.4rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\n  margin-top: -0.2rem;\n  margin-left: 2rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n  display: inline;\n  display: initial;\n}\n\n@font-face {\n  font-family: 'Open Sans';\n  font-style: italic;\n  font-weight: 600;\n  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\n    format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\n  color: #fff;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n  font-style: italic;\n  font-size: 14px;\n  position: relative;\n  left: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\n  display: flex;\n  color: white;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n  margin-left: 10px;\n  margin-right: 7px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n  margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\n  color: white;\n  cursor: default;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n  background-color: white;\n  border-radius: 20px;\n  margin: 5px;\n  padding: 0px 10px;\n  height: 25px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\n  border: 1px solid #1d5ab9;\n  justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\n  color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n  background-color: white;\n  border-radius: 20px;\n  display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n  color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\n  color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\n  color: red;\n  margin: 5px 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\n  margin-right: 5px;\n  margin-left: 5px;\n  width: 24px;\n  height: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\n  margin-left: 5px;\n  display: inline-flex;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\n  font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\n  line-height: unset;\n  font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\n  color: green;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n  margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n  color: red;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n  margin-left: 10px !important;\n  margin-right: 5px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n  margin-left: 10px !important;\n  margin-right: 10px !important;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n  margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\n  margin: 0 !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\n  width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\n  cursor: pointer;\n  position: relative;\n  top: 2px;\n  margin-left: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n  color: #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n  position: absolute;\n  display: flex;\n  height: 100vh;\n  width: 100vw;\n  bottom: 0;\n  z-index: 10000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\n  background-color: rgba(0,0,0,.5);\n  width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 2px;\n  right: 402px;\n  height: 38px;\n  width: 38px;\n  background-color: white;\n  z-index: 11000;\n  cursor: pointer;\n}\n\n@media only screen and (max-width: 1024px) {\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n    margin-right: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n    margin-left: 5px;\n    margin-right: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n    margin-left: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n    margin-left: 3px !important;\n    margin-right: 3px !important;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n    margin-left: 3px !important;\n    margin-right: 3px !important;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n    margin-left: 2px;\n  }\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\n{\n  position: absolute;\n  z-index: 10000;\n  height: 100vh;\n  top: 64px;\n  width: 100vw;\n  background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\n{\n  width: 50vw;\n  position: absolute;\n  right: 0;\n  height: 90vh;\n  padding: 15px;\n  background-color: white;\n  overflow-y: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\n  font-size: 18px;\n  font-weight: 600;\n  padding-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\n  display: flex;\n  flex-direction: column;\n  grid-gap: 10px;\n  gap: 10px;\n  justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n  background-color: #ef5350;\n  color: white;\n  font-size: 12px;\n  width: 1.25rem;\n  border-radius: 50%;\n  text-align: center;\n  position: absolute;\n  top: 2px;\n  left: 8px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\n  cursor: pointer;\n  margin-left: 12px;\n  position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\n  width: 0px;\n  height: 0px;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  border-bottom: 13px solid white;\n  position: absolute;\n  bottom: -13px;\n  right: 3px;\n}\n";
+var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n  background-color: var(--blue);\n  background-color: var(--blue);\n  height: 64px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\n  display: flex;\n  flex-direction: column;\n  margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\n  color: white;\n  font-size: 11px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\n  display: flex;\n  color: white;\n  font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\n  color: white;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n  width: 6rem;\n  margin-top: 0rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\n  margin-top: 0.6rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\n  margin-top: 0.4rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\n  margin-top: -0.2rem;\n  margin-left: 2rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n  display: inline;\n  display: initial;\n}\n\n@font-face {\n  font-family: 'Open Sans';\n  font-style: italic;\n  font-weight: 600;\n  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\n    format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\n  color: #fff;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n  font-style: italic;\n  font-size: 14px;\n  position: relative;\n  left: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\n  display: flex;\n  color: white;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n  margin-left: 10px;\n  margin-right: 7px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n  margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\n  color: white;\n  cursor: default;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n  background-color: white;\n  border-radius: 20px;\n  margin: 5px;\n  padding: 0px 10px;\n  height: 25px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\n  border: 1px solid #1d5ab9;\n  justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\n  color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n  background-color: white;\n  border-radius: 20px;\n  display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n  color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\n  color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\n  color: red;\n  margin: 5px 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\n  margin-right: 5px;\n  margin-left: 5px;\n  width: 24px;\n  height: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\n  margin-left: 5px;\n  display: inline-flex;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\n  font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\n  line-height: unset;\n  font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\n  color: green;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n  margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n  color: red;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n  margin-left: 10px !important;\n  margin-right: 5px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n  margin-left: 10px !important;\n  margin-right: 10px !important;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n  margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\n  margin: 0 !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\n  width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\n  cursor: pointer;\n  position: relative;\n  top: 2px;\n  margin-left: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n  color: #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n  position: absolute;\n  display: flex;\n  height: 100vh;\n  width: 100vw;\n  bottom: 0;\n  z-index: 10000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\n  background-color: rgba(0,0,0,.5);\n  width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 2px;\n  right: 402px;\n  height: 38px;\n  width: 38px;\n  background-color: white;\n  z-index: 11000;\n  cursor: pointer;\n}\n\n@media only screen and (max-width: 1024px) {\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n    margin-right: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n    margin-left: 5px;\n    margin-right: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n    margin-left: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n    margin-left: 3px !important;\n    margin-right: 3px !important;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n    margin-left: 3px !important;\n    margin-right: 3px !important;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n    margin-left: 2px;\n  }\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\n{\n  position: absolute;\n  z-index: 10000;\n  height: 100vh;\n  top: 64px;\n  width: 100vw;\n  background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\n{\n  width: 50vw;\n  position: absolute;\n  right: 0;\n  height: calc(100vh - 64px);\n  padding: 15px;\n  background-color: white;\n  overflow-y: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\n  font-size: 18px;\n  font-weight: 600;\n  padding-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\n  display: flex;\n  flex-direction: column;\n  grid-gap: 5px;\n  gap: 5px;\n  justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n  background-color: #ef5350;\n  color: white;\n  font-size: 12px;\n  width: 1rem;\n  border-radius: 50%;\n  position: absolute;\n  top: 2px;\n  left: 8px;\n  height: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\n  cursor: pointer;\n  margin-left: 12px;\n  position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\n  width: 0px;\n  height: 0px;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  border-bottom: 13px solid white;\n  position: absolute;\n  bottom: -13px;\n  right: 3px;\n}\n";
 styleInject(css_248z$c);
 
 var LogOutMenu = function LogOutMenu(_ref) {
@@ -24775,7 +24775,7 @@ function (_React$Component) {
   return SettingsView;
 }(React__default["default"].Component);
 
-var css_248z$6 = ".utilities_ops-announcements_Banner--appBarContentBox {\n  word-break: break-all;\n  white-space: pre-wrap;\n  font-weight: 600;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContent {\n  padding: 0px 5px;\n  font-size: 13px;\n  display: flex;\n  grid-gap: 8px;\n  gap: 8px;\n  width: 90%;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\n  display: flex;\n  color: #6c7a89;\n  grid-gap: 10px;\n  gap: 10px;\n  width: 90%;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  width: 90%;\n  font-weight: 600;\n  /* autoprefixer: off */\n  -webkit-box-orient: vertical;\n  /* autoprefixer: on */\n}\n\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  overflow: hidden;\n  width: 95%;\n  font-weight: 600;\n  /* autoprefixer: off */\n  -webkit-box-orient: vertical;\n  /* autoprefixer: on */\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox {\n  display: flex;\n  color: #6c7a89;\n  grid-gap: 6px;\n  gap: 6px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  grid-gap: 5px;\n  gap: 5px;\n  font-size: 13px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer {\n  display: flex;\n  flex-direction: row;\n  padding: 10px 10px;\n  grid-gap: 5px;\n  gap: 5px;\n  min-height: 40px;\n  width: 100%;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\n  flex-direction: column;\n}\n\n.utilities_ops-announcements_Banner--arrowTipContainer {\n  width: 0px;\n  height: 0px;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  border-bottom: 13px solid white;\n  position: absolute;\n  top: 51px;\n  right: 50px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper {\n  padding: 0px 5px;\n  font-size: 13px;\n  flex: 1 1 0%;\n  display: flex;\n  flex-direction: column;\n  grid-gap: 4px;\n  gap: 4px;\n}";
+var css_248z$6 = ".utilities_ops-announcements_Banner--appBarContentBox {\n  word-break: break-all;\n  white-space: pre-wrap;\n  font-weight: 600;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContent {\n  padding: 0px 5px;\n  font-size: 13px;\n  /* display: flex;\n  gap: 8px; */\n  width: 95%;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\n  display: flex;\n  color: #6c7a89;\n  grid-gap: 8px;\n  gap: 8px;\n  width: 90%;\n  font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\n  color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  font-weight: 600;\n  /* autoprefixer: off */\n  -webkit-box-orient: vertical;\n  /* autoprefixer: on */\n  font-size: 12px;\n  color: #201F1E;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  overflow: hidden;\n  width: 95%;\n  font-weight: 600;\n  /* autoprefixer: off */\n  -webkit-box-orient: vertical;\n  /* autoprefixer: on */\n  font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox {\n  display: flex;\n  color: #6c7a89;\n  grid-gap: 6px;\n  gap: 6px;\n  font-size: 12px;\n  margin-bottom: 5px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox b{\n  color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox i{\n  font-size: 16px !important;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  grid-gap: 5px;\n  gap: 5px;\n  font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\n  position: relative;\n  right: -4px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer {\n  display: flex;\n  flex-direction: row;\n  padding: 10px 10px;\n  grid-gap: 5px;\n  gap: 5px;\n  min-height: 40px;\n  width: 100%;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer i{\n  font-size: 20px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer i{\n  font-size: 16px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\n  flex-direction: column;\n}\n\n.utilities_ops-announcements_Banner--arrowTipContainer {\n  width: 0px;\n  height: 0px;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  border-bottom: 13px solid white;\n  position: absolute;\n  top: 51px;\n  right: 50px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper {\n  padding: 0px 5px;\n  font-size: 12px;\n  flex: 1 1 0%;\n  display: flex;\n  flex-direction: column;\n  grid-gap: 4px;\n  gap: 4px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\n  color: #171717;\n}";
 styleInject(css_248z$6);
 
 var moment = createCommonjsModule(function (module, exports) {
@@ -35509,11 +35509,9 @@ function filterOutExpiredNotifications(notifications) {
   return filter$1(function (_ref) {
     var startsAt = _ref.startsAt,
         endsAt = _ref.endsAt,
-        absStartsAt = _ref.absStartsAt,
-        absEndsAt = _ref.absEndsAt,
         timeZoneType = _ref.timeZoneType;
-    var startTime = timeZoneType === "RPTZ" ? absStartsAt : moment.utc(startsAt).local().format("YYYY-MM-DD HH:mm:ss");
-    var endTime = timeZoneType === "RPTZ" ? absEndsAt : moment.utc(endsAt).local().format("YYYY-MM-DD HH:mm:ss");
+    var startTime = timeZoneType === "Recipient TimeZone" || timeZoneType === "RPTZ" ? startsAt : moment.utc(startsAt).local().format("YYYY-MM-DD HH:mm:ss");
+    var endTime = timeZoneType === "Recipient TimeZone" || timeZoneType === "RPTZ" ? endsAt : moment.utc(endsAt).local().format("YYYY-MM-DD HH:mm:ss");
     return isOutOfRange(startTime, endTime);
   })(notifications);
 }
@@ -35526,10 +35524,10 @@ function filterOutNotificationForOtherAppsFirebase(notifications) {
 }
 
 function filterOutNotificationForOtherApps(notifications) {
-  var currentApp = window.location.pathname === '/' ? 'home' : window.location.pathname.split('/')[1];
+  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 === "/".concat(currentApp);
+    return item.path === currentApp;
   }) || {};
   return notifications.filter(function (notification) {
     var targetApps = pathOr$1(null, ['targetAudience', 'targetApplications'])(notification);
@@ -35660,7 +35658,7 @@ function getDate(dateStr) {
 
 function sortNotifications(notifications) {
   try {
-    return sortWith$1([ascend$1(compose(getPriorityCode, prop$1('categoryDescription'))), descend$1(compose(getDate, prop$1('timeZoneType') === "SPTZ" ? moment.utc(prop$1('startsAt')).local().format("YYYY-MM-DD HH:mm:ss") : prop$1('absStartsAt')))], notifications);
+    return sortWith$1([ascend$1(compose(getPriorityCode, prop$1('categoryDescription'))), descend$1(compose(getDate, prop$1('timeZoneType') === "SPTZ" || prop$1('timeZoneType') === "Specific TimeZone" ? moment.utc(prop$1('startsAt')).local().format("YYYY-MM-DD HH:mm:ss") : prop$1('startsAt')))], notifications);
   } catch (err) {
     console.error(err);
     return notifications;
@@ -35801,26 +35799,26 @@ var Actions$1 = function Actions(_ref) {
     className: "utilities_ops-announcements_Banner--navBtnContainer"
   }, React__default["default"].createElement("span", {
     onClick: onLeftButtonClick,
-    style: {
-      marginTop: '3px'
-    }
+    className: "utilities_ops-announcements_Banner--notificationLeftBtn"
   }, React__default["default"].createElement(coreComponents.Icon, {
     name: "arrow_back_ios",
     variant: "material",
     style: {
-      fontSize: '13px',
+      fontSize: '16px',
       cursor: 'pointer'
     }
-  })), count > 1 && React__default["default"].createElement("div", null, React__default["default"].createElement("span", null, "".concat(current, "/").concat(count))), React__default["default"].createElement("span", {
-    onClick: onRightButtonClick,
+  })), count > 1 && React__default["default"].createElement("div", null, React__default["default"].createElement("span", {
     style: {
-      marginTop: '3px'
+      position: 'relative',
+      top: '1px'
     }
+  }, "".concat(current, "/").concat(count))), React__default["default"].createElement("span", {
+    onClick: onRightButtonClick
   }, React__default["default"].createElement(coreComponents.Icon, {
     name: "arrow_forward_ios",
     variant: "material",
     style: {
-      fontSize: '13px',
+      fontSize: '16px',
       cursor: 'pointer'
     }
   }))));
@@ -35828,6 +35826,7 @@ var Actions$1 = function Actions(_ref) {
 
 var Banner = function Banner(_ref2) {
   var content = _ref2.content,
+      sourceApplication = _ref2.sourceApplication,
       categoryDescription = _ref2.categoryDescription,
       count = _ref2.count,
       current = _ref2.current,
@@ -35836,9 +35835,9 @@ var Banner = function Banner(_ref2) {
       onRightButtonClick = _ref2.onRightButtonClick,
       dismissibleFlag = _ref2.dismissibleFlag,
       onDismiss = _ref2.onDismiss,
-      startsAt = _ref2.startsAt,
-      absStartsAt = _ref2.absStartsAt,
-      timeZoneType = _ref2.timeZoneType,
+      startsAt = _ref2.startsAt;
+      _ref2.absStartsAt;
+      var timeZoneType = _ref2.timeZoneType,
       showSideBar = _ref2.showSideBar;
   var contentBarRef = React__default["default"].useRef(null);
 
@@ -35857,9 +35856,11 @@ var Banner = function Banner(_ref2) {
 
   React__default["default"].useEffect(function () {
     setExpanded(false);
-    contentBarRef.current && setIsContentOverFlow(contentBarRef.current.offsetHeight < contentBarRef.current.scrollHeight);
+    setTimeout(function () {
+      contentBarRef.current && setIsContentOverFlow(contentBarRef.current.offsetHeight < contentBarRef.current.scrollHeight);
+    }, 30);
   }, [current]);
-  var startTime = timeZoneType === "RPTZ" ? absStartsAt : moment.utc(startsAt).local().format("YYYY-MM-DD HH:mm:ss");
+  var startTime = timeZoneType === "Recipient TimeZone" || timeZoneType === "RPTZ" ? startsAt : moment.utc(startsAt).local().format("YYYY-MM-DD HH:mm:ss");
   var timeDiff = getTimeDiff(startTime);
 
   var topNotificationBar = function topNotificationBar() {
@@ -35883,7 +35884,7 @@ var Banner = function Banner(_ref2) {
         fontSize: '19px',
         color: alertInfoColorMapping[categoryDescription.toLowerCase()]
       }
-    })), React__default["default"].createElement("div", null, timeDiff, " -")), React__default["default"].createElement("div", {
+    })), 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: {
@@ -35901,11 +35902,8 @@ var Banner = function Banner(_ref2) {
       }
     }, React__default["default"].createElement(coreComponents.Icon, {
       name: expanded ? 'keyboard_double_arrow_up' : 'keyboard_double_arrow_down',
-      variant: "material",
-      style: {
-        fontSize: '15px'
-      }
-    })), dismissibleFlag && React__default["default"].createElement("div", {
+      variant: "material"
+    })), (dismissibleFlag === true || dismissibleFlag === "true") && React__default["default"].createElement("div", {
       style: {
         cursor: 'pointer',
         marginLeft: 'auto'
@@ -35913,10 +35911,7 @@ var Banner = function Banner(_ref2) {
       onClick: onDismiss
     }, React__default["default"].createElement(coreComponents.Icon, {
       name: "close",
-      variant: "material",
-      style: {
-        fontSize: '15px'
-      }
+      variant: "material"
     })));
   };
 
@@ -35933,7 +35928,7 @@ var Banner = function Banner(_ref2) {
     }, React__default["default"].createElement(coreComponents.Icon, {
       name: alertToIconMapping[categoryDescription.toLowerCase()],
       style: {
-        fontSize: '18px',
+        fontSize: '16px',
         color: alertInfoColorMapping[categoryDescription.toLowerCase()]
       }
     })), React__default["default"].createElement("div", {
@@ -35942,7 +35937,7 @@ var Banner = function Banner(_ref2) {
       style: {
         color: '#6c7a89'
       }
-    }, timeDiff, " -"), React__default["default"].createElement("div", {
+    }, 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",
       dangerouslySetInnerHTML: {
         __html: content
@@ -35972,17 +35967,18 @@ var Banner = function Banner(_ref2) {
     }, React__default["default"].createElement("div", {
       style: {
         display: 'flex',
-        gap: '5px'
+        gap: '5px',
+        minHeight: '27px'
       }
     }, React__default["default"].createElement("div", {
       className: "utilities_ops-announcements_Banner--tabNotificationInfoBox"
     }, React__default["default"].createElement("div", null, React__default["default"].createElement(coreComponents.Icon, {
       name: alertToIconMapping[categoryDescription.toLowerCase()],
       style: {
-        fontSize: '19px',
+        fontSize: '16px',
         color: alertInfoColorMapping[categoryDescription.toLowerCase()]
       }
-    })), React__default["default"].createElement("div", null, timeDiff)), React__default["default"].createElement("div", null, showNavButtons && React__default["default"].createElement(Actions$1, {
+    })), React__default["default"].createElement("div", null, sourceApplication && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff)), React__default["default"].createElement("div", null, showNavButtons && React__default["default"].createElement(Actions$1, {
       onLeftButtonClick: onLeftButtonClick,
       count: count,
       current: current,
@@ -36048,7 +36044,10 @@ var Notifications$1 = function Notifications(_ref) {
       i = _useState2[0],
       setI = _useState2[1];
 
-  var last = notifications.length - 1;
+  var _useState3 = React.useState(notifications.length - 1),
+      _useState4 = _slicedToArray(_useState3, 2),
+      last = _useState4[0],
+      setLast = _useState4[1];
 
   var onLeftButtonClick = function onLeftButtonClick() {
     return i === 0 ? setI(last) : setI(i - 1);
@@ -36058,6 +36057,13 @@ var Notifications$1 = function Notifications(_ref) {
     return i === last ? setI(0) : setI(i + 1);
   };
 
+  React.useEffect(function () {
+    if (notifications.length && notifications.length - 1 < i) {
+      setI(notifications.length - 1);
+    }
+
+    setLast(notifications.length - 1);
+  }, [notifications]);
   var notification = notifications[i];
   return React__default["default"].createElement(React__default["default"].Fragment, null, !isNil$1(notification) && !showSideBar ? React__default["default"].createElement(Banner, _extends({
     current: i + 1,
@@ -36694,6 +36700,12 @@ var AppBar$1 = function AppBar(props) {
     return width > 760 ? '40vw' : width > 500 ? '70vw' : '80vw';
   };
 
+  var closeSidebar = function closeSidebar(e) {
+    if (e.target.className.includes("sideBarWrapper")) {
+      setNotificationsVisible(false);
+    }
+  };
+
   return React__default["default"].createElement("div", {
     "data-e2e": "cc-AppBar",
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--root"
@@ -36799,7 +36811,8 @@ var AppBar$1 = function AppBar(props) {
       backgroundColor: 'white'
     }
   })), notificationsVisible && React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper"
+    className: "utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper",
+    onClick: closeSidebar
   }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv",
     style: {
@@ -42028,24 +42041,90 @@ var browser = {
   'version': version$3
 };
 
+var generateQuery = function generateQuery(yardNumber, email) {
+  var startDateTs = moment(new Date()).add(1, 'days').local().format("YYYY-MM-DDTHH:mm:ss[Z]");
+  var EndDateTs = moment(new Date()).local().format("YYYY-MM-DDTHH:mm:ss[Z]");
+  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 countryCode = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
+  return "fq=(facilities:".concat(yardNumber, " OR user_details:\"").concat(email, "\")&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=(operating_country_a3_code:\"").concat(countryCode, "\")&fq=status:A&rows=10000&q=*:*");
+};
+
+var generateTargets = function generateTargets(notification) {
+  var targets = [];
+  notification.destination_type.map(function (type) {
+    switch (type) {
+      case "yards":
+        targets.push({
+          type: "yards",
+          yards: notification.facilities
+        });
+        break;
+
+      case "users":
+        targets.push({
+          type: "users",
+          emails: notification.user_details
+        });
+        break;
+
+      case "groups":
+        targets.push({
+          type: "groups",
+          groups: [{
+            name: notification.group_details[0],
+            users: notification.group_user_details
+          }]
+        });
+        break;
+
+      default:
+        return;
+    }
+  });
+  return targets;
+}; //url encode the query string
+
+
 function fetchG2Notifications(updateNotifications, updateAllNotificationsList) {
   var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
   var endpoints = coreAppConfig.endpoints;
+  var query = generateQuery(storage$1.activeYardNumber, storage$1.userEmail);
   var headers = {
-    country: pathOr$1('', ['selectedCountryA3code'], storage$1.getSessionItem('dashboard'))
+    collection: "notifications",
+    serviceName: "notification",
+    Country: storage$1.getSessionItem('dashboard', 'selectedCountryA3code')
   };
-  fetcher.get(endpoints.getG2Notifications, {
+  fetcher.get("".concat(endpoints.getG2NotificationsSolr, "?").concat(query), {
     headers: headers
-  }).then(function (resp) {
-    if (resp.status === 200) {
-      var notificationsList = pathOr$1([], ['data', 'response'], resp);
-      compose(updateNotifications, filterNotifications)(notificationsList);
-      updateAllNotificationsList(notificationsList);
-    } else {
-      console.log("Failed to Fetch Notifications");
-    }
-  }).catch(function (err) {
-    console.log(err);
+  }).then(function (res) {
+    var notificationsList = pathOr$1([], ['data', 'response', 'docs'], res);
+    var modifiedNotifications = notificationsList.map(function (notification) {
+      notification.startsAt = notification.start_date_ts_utc && notification.start_date_ts_utc.replace("T", " ").replace("Z", "");
+      notification.endsAt = notification.end_date_ts_utc && notification.end_date_ts_utc.replace("T", " ").replace("Z", "");
+      notification.categoryCode = notification.category_code;
+      notification.categoryDescription = notification.category_description;
+      notification.content = notification.notification_content;
+      notification.countryCode = notification.operating_country_a3_code;
+      notification.dismissibleFlag = notification.dismissal_flag;
+      notification.feedUrl = notification.feed_url;
+      notification.notificationId = notification.notification_id;
+      notification.sourceApplication = notification.source_application;
+      notification.sourcePlatform = notification.source_platform;
+      notification.timeZoneType = notification.timezone_type;
+      notification.targetAudience = {
+        targetApplications: notification.applications ? [{
+          platform: notification.source_platform,
+          applications: notification.applications
+        }] : null,
+        targets: _toConsumableArray(generateTargets(notification))
+      };
+      return notification;
+    });
+    compose(updateNotifications, filterNotifications)(modifiedNotifications);
+    updateAllNotificationsList(modifiedNotifications);
+  }).catch(function (e) {
+    console.log(e);
   });
 }
 
@@ -49898,7 +49977,8 @@ var AppBar = function AppBar(_ref) {
       setAppBarMounted = _ref.setAppBarMounted,
       onSettingsSaved = _ref.onSettingsSaved,
       showTitle = _ref.showTitle,
-      title = _ref.title;
+      title = _ref.title,
+      pathname = _ref.pathname;
   SETTINGS_ITEMS[0].name = storage$1.userName; // Escape hatch for forceUpdate function
 
   var _useReducer = React.useReducer(function (x) {
@@ -50080,7 +50160,7 @@ var AppBar = function AppBar(_ref) {
         setFirebaseinitialized(true);
       }
     }
-  }, [selectedYard]);
+  }, [selectedYard, pathname]);
   React.useEffect(function () {
     var interval = setInterval(function () {
       if (listOfAllNotifications.length) {
@@ -50484,7 +50564,8 @@ var AppFrame = function AppFrame(props) {
       return location.reload();
     },
     showTitle: props.showTitle || true,
-    title: props.appTitle
+    title: props.appTitle,
+    pathname: props.location.pathname
   })), React__default["default"].createElement(Breadcrumbs, {
     history: props.history,
     pathname: window.location.pathname