@copart/ops-tool-kit 1.10.0-alpha.7 → 1.10.0-alpha.9

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 const name$e = "@copart/ops-tool-kit";
-const version$3 = "1.10.0-alpha.7";
+const version$3 = "1.10.0-alpha.9";
 const main = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -11225,6 +11225,11 @@ var getDomain = function getDomain(url) {
     } else return 'copart.com';
   }
 };
+var dateDiffInDays = function dateDiffInDays(date1, date2) {
+  var diffInMilliseconds = Math.abs(date2 - date1);
+  var millisecondsPerDay = 24 * 60 * 60 * 1000;
+  return Math.floor(diffInMilliseconds / millisecondsPerDay);
+};
 
 var css_248z$k = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\r\n  margin: 80px 0 40px;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\r\n  width: 60px;\r\n  height: 60px;\r\n}\r\n";
 styleInject(css_248z$k);
@@ -22203,7 +22208,7 @@ FeedbackDialog.defaultProps = {
   }
 };
 
-var css_248z$g = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n  background-color: var(--blue);\r\n  background-color: var(--blue);\r\n  height: 64px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  white-space: nowrap;\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: space-between;\r\n  align-items: center;\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  flex-direction: column;\r\n  margin-left: 5px;\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  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\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 {\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--yardNumber {\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}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n  margin-left: 7px;\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.utilities_ops-app-frame_AppBarComponent_AppBar--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-left: 10px !important;\r\n  margin-right: 10px !important;\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}\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  margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n  position: absolute;\r\n  display: flex;\r\n  height: 100vh;\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--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: 402px;\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--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  bottom: -13px;\r\n  right: 3px;\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  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n    margin-left: 5px;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n    margin-left: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--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";
+var css_248z$g = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n  background-color: var(--blue);\r\n  background-color: var(--blue);\r\n  height: 64px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  white-space: nowrap;\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: space-between;\r\n  align-items: center;\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  flex-direction: column;\r\n  margin-left: 5px;\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  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\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 {\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--yardNumber {\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}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n  margin-left: 7px;\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.utilities_ops-app-frame_AppBarComponent_AppBar--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-left: 10px !important;\r\n  margin-right: 10px !important;\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}\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  margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n  color: #fff;\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: 0px;\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}\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  height: 100vh;\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--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: 402px;\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--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  bottom: -13px;\r\n  right: 3px;\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  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n    margin-left: 5px;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n    margin-left: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--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";
 styleInject(css_248z$g);
 
 var LogOutMenu = function LogOutMenu(_ref) {
@@ -22229,7 +22234,7 @@ var LogOutMenu = function LogOutMenu(_ref) {
 var css_248z$f = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\r\n  max-width: 80px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\r\n  max-width: 120px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\r\n  line-height: 0;\r\n}\r\n";
 styleInject(css_248z$f);
 
-var _styleModuleImportMap$9 = {
+var _styleModuleImportMap$a = {
   "./CopartLogo.css": {
     "CopartLogo": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo",
     "CopartLogoNew": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew",
@@ -22245,7 +22250,7 @@ var CopartLogo = function CopartLogo() {
     href: "/"
   }, React__namespace.createElement("img", {
     src: imageSrc,
-    className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$9, {
+    className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$a, {
       "handleMissingStyleName": "warn"
     })
   }));
@@ -22254,7 +22259,10 @@ var CopartLogo = function CopartLogo() {
 var Help = function Help(_ref) {
   var handleHelpClick = _ref.handleHelpClick,
       mihelpVisible = _ref.mihelpVisible,
-      mihelpIconRef = _ref.mihelpIconRef;
+      mihelpIconRef = _ref.mihelpIconRef,
+      showMihelpDot = _ref.showMihelpDot,
+      setShowMihelpTooltip = _ref.setShowMihelpTooltip,
+      showMihelpTooltip = _ref.showMihelpTooltip;
   return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
     ref: mihelpIconRef
@@ -22268,7 +22276,18 @@ var Help = function Help(_ref) {
     style: {
       bottom: '-14px'
     }
-  }));
+  }), showMihelpDot && React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot"
+  }), showMihelpTooltip && React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip"
+  }, "Access Latest Release Notes here", React__default["default"].createElement("span", {
+    onClick: function onClick() {
+      return setShowMihelpTooltip(false);
+    }
+  }, React__default["default"].createElement(coreComponents.Icon, {
+    name: "close",
+    variant: "material"
+  }))));
 };
 
 var contentType = {
@@ -22317,9 +22336,70 @@ var viewMapper = {
   release_notes: views.RELEASE_NOTE
 };
 
-var css_248z$e = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  top: 64px;\r\n  width: 100vw;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n  width: 50vw;\r\n  position: absolute;\r\n  right: 0;\r\n  height: calc(100vh - 64px);\r\n  padding: 15px;\r\n  background-color: white;\r\n  overflow-y: auto;\r\n  color: #323130;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n  font-weight: 600;\r\n  font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n  margin-bottom: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n  font-weight: 600;\r\n  font-size: 20px;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n  color: #1d5ab9;\r\n  margin-right: 5px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n  font-size: 10px;\r\n  position: relative;\r\n  top: -5px;\r\n  left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n  margin-top: 20px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n  color: #1d5ab9;\r\n  font-size: 10px;\r\n  position: relative;\r\n  top: -8px;\r\n  cursor: pointer;\r\n  left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n  list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  margin: 6px 0;\r\n  display: flex;\r\n  cursor: pointer;\r\n  width: -webkit-fit-content;\r\n  width: -moz-fit-content;\r\n  width: fit-content;\r\n  align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n  color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n  width: 17px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n  position: absolute;\r\n  width: 29px;\r\n  height: 29px;\r\n  background: #f3f2f1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  bottom: 1.5px;\r\n  right: 2px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n  width: 100%;\r\n  margin-top: 15px;\r\n  padding: 0px 10px;\r\n  height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n  width: 100%;\r\n  margin-top: 20px;\r\n  border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n  margin-top: 13px;\r\n  margin-bottom: 30px;\r\n  text-overflow: ellipsis;\r\n  width: 100%;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n  position: absolute;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n  position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n  overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n  opacity: 0.3;\r\n  pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n  color: #cbcbcb;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n  margin-left: 10px;\r\n  font-size: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n  font-size: 14px;\r\n  margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n  width: 18px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n  font-weight: 600;\r\n  font-size: 18px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n  color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n  width: 100%;\r\n  margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n  font-weight: 300;\r\n  font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n  width: 100%;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n  color: #1d5ab9;\r\n  font-weight: 600;\r\n  font-size: 24px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n  border-top: 1px solid #dcdcdc;\r\n  padding-top: 13px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n  font-weight: 400;\r\n  font-size: 20px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n  transition: all 0.2s ease-out;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  height: auto;\r\n  max-height: 0;\r\n  transition: max-height 0.2s ease-out;\r\n  overflow: hidden;\r\n  margin-top: 13px;\r\n  white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n    white-space: break-spaces;\r\n  } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n  margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n  margin-top: 10px;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n  width: 100%;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n  margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n  margin-top: 10px;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-top: 30px;\r\n  padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n  color: rgb(45, 206, 137);\r\n  font-weight: bold;\r\n  font-size: 16px;\r\n  margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n  width: 300px;\r\n  height: 100px;\r\n  resize: none;\r\n  display: block;\r\n  margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n  font-size: 18px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n  background-color: rgb(29, 90, 185);\r\n  color: #fff;\r\n  padding: 6px 12px;\r\n  cursor: pointer;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  color: #2dce89;\r\n  margin-right: 6px;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n  border: 1px solid #2dce89 !important;\r\n  padding: 5px;\r\n  height: 30px;\r\n  width: 30px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n  background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n  fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n  color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n  border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n  background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n  font-style: italic;\r\n  /* font-weight: 700; */\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n  font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n  font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n  width: 100%;\r\n  border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n  width: 100%;\r\n  border: 1px solid #dcdcdc;\r\n  padding: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-top: 50px;\r\n  position: relative;\r\n  text-align: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n  display: block;\r\n  text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n  font-size: 34px !important;\r\n  margin-bottom: 6px !important;\r\n  margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n  font-size: 14px !important;\r\n  margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n  position: relative;\r\n  top: 2px;\r\n  margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n  background-color: #1d5ab9;\r\n  color: #fff;\r\n  padding: 6px 12px;\r\n  font-weight: 600;\r\n  font-size: 12px;\r\n  cursor: pointer;\r\n  margin-top: 7px;\r\n  border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n  pointer-events: none;\r\n  cursor: default;\r\n  background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n  font-weight: 800 !important;\r\n  font-size: 20px !important;\r\n  line-height: 27px !important;\r\n  color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  color: #000100;\r\n  margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n  resize: none;\r\n  height: 125px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n  font-weight: 600;\r\n  color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n  color: #1d5ab9;\r\n  font-size: 20px !important;\r\n  margin-top: 12px;\r\n  margin-bottom: 20px !important;\r\n  font-weight: 600;\r\n}\r\n";
+var css_248z$e = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  top: 64px;\r\n  width: 100vw;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n  width: 50vw;\r\n  position: absolute;\r\n  right: 0;\r\n  height: calc(100vh - 64px);\r\n  padding: 15px;\r\n  background-color: white;\r\n  overflow-y: auto;\r\n  color: #323130;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n  font-weight: 600;\r\n  font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n  margin-bottom: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n  font-weight: 600;\r\n  font-size: 20px;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n  color: #1d5ab9;\r\n  margin-right: 5px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n  font-size: 10px;\r\n  position: relative;\r\n  top: -5px;\r\n  left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n  margin-top: 20px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n  color: #1d5ab9;\r\n  font-size: 10px;\r\n  position: relative;\r\n  top: -8px;\r\n  cursor: pointer;\r\n  left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n  list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  margin: 6px 0;\r\n  display: flex;\r\n  cursor: pointer;\r\n  width: -webkit-fit-content;\r\n  width: -moz-fit-content;\r\n  width: fit-content;\r\n  align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n  color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n  width: 17px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n  position: absolute;\r\n  width: 29px;\r\n  height: 29px;\r\n  background: #f3f2f1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  bottom: 1.5px;\r\n  right: 2px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n  width: 100%;\r\n  margin-top: 15px;\r\n  padding: 0px 10px;\r\n  height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n  width: 100%;\r\n  margin-top: 20px;\r\n  border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n  margin-top: 13px;\r\n  margin-bottom: 30px;\r\n  text-overflow: ellipsis;\r\n  width: 100%;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n  position: absolute;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n  position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n  overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n  opacity: 0.3;\r\n  pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n  color: #cbcbcb;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n  margin-left: 10px;\r\n  font-size: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n  font-size: 14px;\r\n  margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n  width: 18px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n  font-weight: 600;\r\n  font-size: 18px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n  color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n  width: 100%;\r\n  margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n  font-weight: 300;\r\n  font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n  width: 100%;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n  color: #1d5ab9;\r\n  font-weight: 600;\r\n  font-size: 24px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n  border-top: 1px solid #dcdcdc;\r\n  padding-top: 13px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n  font-weight: 400;\r\n  font-size: 20px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n  transition: all 0.2s ease-out;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  height: auto;\r\n  max-height: 0;\r\n  transition: max-height 0.2s ease-out;\r\n  overflow: hidden;\r\n  margin-top: 13px;\r\n  white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n    white-space: break-spaces;\r\n  } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n  margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n  margin-top: 10px;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n  width: 100%;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n  margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n  margin-top: 10px;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-top: 30px;\r\n  padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n  color: rgb(45, 206, 137);\r\n  font-weight: bold;\r\n  font-size: 16px;\r\n  margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n  width: 300px;\r\n  height: 100px;\r\n  resize: none;\r\n  display: block;\r\n  margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n  font-size: 18px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n  background-color: rgb(29, 90, 185);\r\n  color: #fff;\r\n  padding: 6px 12px;\r\n  cursor: pointer;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  color: #2dce89;\r\n  margin-right: 6px;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n  border: 1px solid #2dce89 !important;\r\n  padding: 5px;\r\n  height: 30px;\r\n  width: 30px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n  background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n  fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n  color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n  border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n  background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n  font-style: italic;\r\n  /* font-weight: 700; */\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n  font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n  font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n  width: 100%;\r\n  border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n  width: 100%;\r\n  border: 1px solid #dcdcdc;\r\n  padding: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-top: 50px;\r\n  position: relative;\r\n  text-align: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n  display: block;\r\n  text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n  font-size: 34px !important;\r\n  margin-bottom: 6px !important;\r\n  margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n  font-size: 14px !important;\r\n  margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n  position: relative;\r\n  top: 2px;\r\n  margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n  background-color: #1d5ab9;\r\n  color: #fff;\r\n  padding: 6px 12px;\r\n  font-weight: 600;\r\n  font-size: 12px;\r\n  cursor: pointer;\r\n  margin-top: 7px;\r\n  border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n  pointer-events: none;\r\n  cursor: default;\r\n  background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n  font-weight: 800 !important;\r\n  font-size: 20px !important;\r\n  line-height: 27px !important;\r\n  color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  color: #000100;\r\n  margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n  resize: none;\r\n  height: 125px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n  font-weight: 600;\r\n  color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n  color: #1d5ab9;\r\n  font-size: 20px !important;\r\n  margin-top: 12px;\r\n  margin-bottom: 20px !important;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\r\n  max-width: 700px;\r\n  min-width: 600px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  background: #edebe9;\r\n  padding: 10px 20px;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\r\n  padding: 20px 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\r\n  font-weight: 600;\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  -webkit-text-decoration-line: underline;\r\n          text-decoration-line: underline;\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\r\n  font-size: 10px;\r\n  position: relative;\r\n  top: -6px;\r\n  right: -1px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\r\n  padding: 22px;\r\n  background-color: #1d5ab9;\r\n  color: #fff;\r\n  font-size: 32px !important;\r\n  width: 100% !important;\r\n  border-radius: 10px;\r\n  align-items: center !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\r\n  color: #fff !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\r\n  width: 65px !important;\r\n  margin-right: 25px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\r\n  flex: 1;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  align-self: end;\r\n}\r\n";
 styleInject(css_248z$e);
 
+var _styleModuleImportMap$9 = {
+  "../Help.css": {
+    "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
+    "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
+    "title": "utilities_ops-app-frame_Help_Help--title",
+    "header": "utilities_ops-app-frame_Help_Help--header",
+    "close": "utilities_ops-app-frame_Help_Help--close",
+    "submitQuestionWrapper": "utilities_ops-app-frame_Help_Help--submitQuestionWrapper",
+    "subHeader": "utilities_ops-app-frame_Help_Help--subHeader",
+    "subHeaderTitle": "utilities_ops-app-frame_Help_Help--subHeaderTitle",
+    "back": "utilities_ops-app-frame_Help_Help--back",
+    "link": "utilities_ops-app-frame_Help_Help--link",
+    "helpResourcesWrapper": "utilities_ops-app-frame_Help_Help--helpResourcesWrapper",
+    "relatedResourcesWrapper": "utilities_ops-app-frame_Help_Help--relatedResourcesWrapper",
+    "viewMore": "utilities_ops-app-frame_Help_Help--viewMore",
+    "searchWrapper": "utilities_ops-app-frame_Help_Help--searchWrapper",
+    "mihelpSearch": "utilities_ops-app-frame_Help_Help--mihelpSearch",
+    "searchResultsWrapper": "utilities_ops-app-frame_Help_Help--searchResultsWrapper",
+    "searchResult": "utilities_ops-app-frame_Help_Help--searchResult",
+    "spinnerWrapper": "utilities_ops-app-frame_Help_Help--spinnerWrapper",
+    "overFlowHidden": "utilities_ops-app-frame_Help_Help--overFlowHidden",
+    "nonInteractive": "utilities_ops-app-frame_Help_Help--nonInteractive",
+    "searchTitlewrapper": "utilities_ops-app-frame_Help_Help--searchTitlewrapper",
+    "likeswrapper": "utilities_ops-app-frame_Help_Help--likeswrapper",
+    "like": "utilities_ops-app-frame_Help_Help--like",
+    "searchTitle": "utilities_ops-app-frame_Help_Help--searchTitle",
+    "faqContentWrapper": "utilities_ops-app-frame_Help_Help--faqContentWrapper",
+    "faqsList": "utilities_ops-app-frame_Help_Help--faqsList",
+    "category": "utilities_ops-app-frame_Help_Help--category",
+    "accordian": "utilities_ops-app-frame_Help_Help--accordian",
+    "question": "utilities_ops-app-frame_Help_Help--question",
+    "answer": "utilities_ops-app-frame_Help_Help--answer",
+    "releaseNote": "utilities_ops-app-frame_Help_Help--releaseNote",
+    "releaseNoteContent": "utilities_ops-app-frame_Help_Help--releaseNoteContent",
+    "helpArticle": "utilities_ops-app-frame_Help_Help--helpArticle",
+    "helpArticleWrapper": "utilities_ops-app-frame_Help_Help--helpArticleWrapper",
+    "articleFooter": "utilities_ops-app-frame_Help_Help--articleFooter",
+    "likeWrapper": "utilities_ops-app-frame_Help_Help--likeWrapper",
+    "likeTxt": "utilities_ops-app-frame_Help_Help--likeTxt",
+    "thanksText": "utilities_ops-app-frame_Help_Help--thanksText",
+    "feedbackWrapper": "utilities_ops-app-frame_Help_Help--feedbackWrapper",
+    "likebtnWrapper": "utilities_ops-app-frame_Help_Help--likebtnWrapper",
+    "active": "utilities_ops-app-frame_Help_Help--active",
+    "dislike": "utilities_ops-app-frame_Help_Help--dislike",
+    "dateWrapper": "utilities_ops-app-frame_Help_Help--dateWrapper",
+    "noFlex": "utilities_ops-app-frame_Help_Help--noFlex",
+    "submitBtn": "utilities_ops-app-frame_Help_Help--submitBtn",
+    "disable": "utilities_ops-app-frame_Help_Help--disable",
+    "CategoryWrapper": "utilities_ops-app-frame_Help_Help--CategoryWrapper",
+    "questionWrapper": "utilities_ops-app-frame_Help_Help--questionWrapper",
+    "highlightRed": "utilities_ops-app-frame_Help_Help--highlightRed",
+    "successMsg": "utilities_ops-app-frame_Help_Help--successMsg",
+    "releaseDialogContent": "utilities_ops-app-frame_Help_Help--releaseDialogContent",
+    "releaseDialogHeader": "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
+    "releaseDialogBody": "utilities_ops-app-frame_Help_Help--releaseDialogBody",
+    "releaseNoteActive": "utilities_ops-app-frame_Help_Help--releaseNoteActive",
+    "releaseTitle": "utilities_ops-app-frame_Help_Help--releaseTitle",
+    "checkNow": "utilities_ops-app-frame_Help_Help--checkNow"
+  }
+};
+
 var ArticleSection = function ArticleSection(_ref) {
   var getArticles = _ref.getArticles,
       handleRedirect = _ref.handleRedirect,
@@ -22328,7 +22408,10 @@ var ArticleSection = function ArticleSection(_ref) {
       redirectConstant = _ref.redirectConstant,
       title = _ref.title,
       mihelpAppPath = _ref.mihelpAppPath,
-      clickhandler = _ref.clickhandler;
+      clickhandler = _ref.clickhandler,
+      isLatestRelease = _ref.isLatestRelease;
+  var articles = getArticles();
+  var highlightRelease = isLatestRelease && title !== 'G2Portal' && articleDetails.type === 'RELEASE_NOTES' && articles.length === 1;
   return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_Help--helpResourcesWrapper"
   }, React__default["default"].createElement("h3", null, articleDetails.title, title === 'G2Portal' && articleDetails.type === 'RELEASE_NOTES' ? 's' : '', !(title === 'G2Portal' && articleDetails.type === 'RELEASE_NOTES') ? React__default["default"].createElement("span", {
@@ -22338,16 +22421,23 @@ var ArticleSection = function ArticleSection(_ref) {
   }, React__default["default"].createElement(coreComponents.Icon, {
     name: "open_in_new",
     variant: "material"
-  })) : null), React__default["default"].createElement("ul", null, getArticles().slice(0, 5).map(function (article, i) {
+  })) : null), React__default["default"].createElement("ul", null, articles.slice(0, 5).map(function (article, i) {
     return React__default["default"].createElement("li", {
       key: i,
       onClick: function onClick() {
         return clickhandler(viewMapper[articleDetails.type], article);
-      }
+      },
+      className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$9, {
+        "handleMissingStyleName": "warn"
+      })
     }, React__default["default"].createElement("img", {
       src: articleDetails.icon
-    }), article.title || article.question);
-  })), getArticles().length > 5 ? React__default["default"].createElement("span", {
+    }), React__default["default"].createElement("span", {
+      className: "utilities_ops-app-frame_Help_Help--releaseTitle"
+    }, article.title || article.question, highlightRelease && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("br", null), "is Live Now!")), highlightRelease && React__default["default"].createElement("span", {
+      className: "utilities_ops-app-frame_Help_Help--checkNow"
+    }, "Check Now!"));
+  })), articles.length > 5 ? React__default["default"].createElement("span", {
     className: "utilities_ops-app-frame_Help_Help--viewMore",
     onClick: function onClick() {
       return viewMore(articleDetails.type);
@@ -22362,7 +22452,8 @@ var Home = function Home(_ref) {
       viewMore = _ref.viewMore,
       title = _ref.title,
       mihelpAppPath = _ref.mihelpAppPath,
-      articleClickhandler = _ref.articleClickhandler;
+      articleClickhandler = _ref.articleClickhandler,
+      isLatestRelease = _ref.isLatestRelease;
   return !viewMoreType ? React__default["default"].createElement(React__default["default"].Fragment, null, Object.keys(contentType).map(function (key) {
     return React__default["default"].createElement(ArticleSection, {
       getArticles: function getArticles() {
@@ -22375,7 +22466,8 @@ var Home = function Home(_ref) {
       title: title,
       key: key,
       mihelpAppPath: mihelpAppPath,
-      clickhandler: articleClickhandler
+      clickhandler: articleClickhandler,
+      isLatestRelease: isLatestRelease
     });
   })) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_Help--helpResourcesWrapper"
@@ -22571,7 +22663,7 @@ var getFaqs = function getFaqs(helpContent) {
     if (key.includes('_question') && !faqObj.data[key].includes('field_')) {
       faqs.push({
         question: faqObj.data[key],
-        answer: faqObj.data["".concat(key.replace('question', ''), "answer")].replace(/\n/g, "<br>"),
+        answer: faqObj.data["".concat(key.replace('question', ''), "answer")].replace(/\n/g, '<br>'),
         category: faqObj.data["".concat(key.slice(0, key.indexOf('s_')), "_category")],
         id: i
       });
@@ -22579,32 +22671,43 @@ var getFaqs = function getFaqs(helpContent) {
   });
   return faqs;
 };
-var getReleaseNotes = function getReleaseNotes(helpContent) {
+var getReleaseNotes = function getReleaseNotes(helpContent, mihelpAppPath) {
   var releasenotes = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.releaseNotes) : [];
-  var releaseNotesByApp = {};
-  releasenotes.forEach(function (note) {
-    if (releaseNotesByApp[note.application]) {
-      releaseNotesByApp[note.application] = [].concat(_toConsumableArray(releaseNotesByApp[note.application]), [note]);
-    } else {
-      releaseNotesByApp[note.application] = [note];
-    }
-  });
-  var latestReleasesByApp = [];
-  Object.keys(releaseNotesByApp).forEach(function (app) {
-    if (releaseNotesByApp[app].length < 2) {
-      latestReleasesByApp.push(releaseNotesByApp[app][0]);
-      return;
-    }
 
-    var latestArticle = releaseNotesByApp[app][0];
-    releaseNotesByApp[app].forEach(function (release) {
+  if (!mihelpAppPath) {
+    var releaseNotesByApp = {};
+    releasenotes.forEach(function (note) {
+      if (releaseNotesByApp[note.application]) {
+        releaseNotesByApp[note.application] = [].concat(_toConsumableArray(releaseNotesByApp[note.application]), [note]);
+      } else {
+        releaseNotesByApp[note.application] = [note];
+      }
+    });
+    var latestReleasesByApp = [];
+    Object.keys(releaseNotesByApp).forEach(function (app) {
+      if (releaseNotesByApp[app].length < 2) {
+        latestReleasesByApp.push(releaseNotesByApp[app][0]);
+        return;
+      }
+
+      var latestArticle = releaseNotesByApp[app][0];
+      releaseNotesByApp[app].forEach(function (release) {
+        if (new Date(release.publishDate) > new Date(latestArticle.publishDate)) {
+          latestArticle = release;
+        }
+      });
+      latestReleasesByApp.push(latestArticle);
+    });
+    return latestReleasesByApp;
+  } else {
+    var latestArticle = releasenotes[0];
+    releasenotes.forEach(function (release) {
       if (new Date(release.publishDate) > new Date(latestArticle.publishDate)) {
         latestArticle = release;
       }
     });
-    latestReleasesByApp.push(latestArticle);
-  });
-  return latestReleasesByApp;
+    return [latestArticle];
+  }
 };
 var timer;
 var debounce = function debounce(fn, delay) {
@@ -22710,7 +22813,13 @@ var _styleModuleImportMap$7 = {
     "CategoryWrapper": "utilities_ops-app-frame_Help_Help--CategoryWrapper",
     "questionWrapper": "utilities_ops-app-frame_Help_Help--questionWrapper",
     "highlightRed": "utilities_ops-app-frame_Help_Help--highlightRed",
-    "successMsg": "utilities_ops-app-frame_Help_Help--successMsg"
+    "successMsg": "utilities_ops-app-frame_Help_Help--successMsg",
+    "releaseDialogContent": "utilities_ops-app-frame_Help_Help--releaseDialogContent",
+    "releaseDialogHeader": "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
+    "releaseDialogBody": "utilities_ops-app-frame_Help_Help--releaseDialogBody",
+    "releaseNoteActive": "utilities_ops-app-frame_Help_Help--releaseNoteActive",
+    "releaseTitle": "utilities_ops-app-frame_Help_Help--releaseTitle",
+    "checkNow": "utilities_ops-app-frame_Help_Help--checkNow"
   }
 };
 
@@ -23062,7 +23171,13 @@ var _styleModuleImportMap$6 = {
     "CategoryWrapper": "utilities_ops-app-frame_Help_Help--CategoryWrapper",
     "questionWrapper": "utilities_ops-app-frame_Help_Help--questionWrapper",
     "highlightRed": "utilities_ops-app-frame_Help_Help--highlightRed",
-    "successMsg": "utilities_ops-app-frame_Help_Help--successMsg"
+    "successMsg": "utilities_ops-app-frame_Help_Help--successMsg",
+    "releaseDialogContent": "utilities_ops-app-frame_Help_Help--releaseDialogContent",
+    "releaseDialogHeader": "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
+    "releaseDialogBody": "utilities_ops-app-frame_Help_Help--releaseDialogBody",
+    "releaseNoteActive": "utilities_ops-app-frame_Help_Help--releaseNoteActive",
+    "releaseTitle": "utilities_ops-app-frame_Help_Help--releaseTitle",
+    "checkNow": "utilities_ops-app-frame_Help_Help--checkNow"
   }
 };
 
@@ -23072,7 +23187,8 @@ var HelpSideBar = function HelpSideBar(_ref) {
       var mihelpAppPath = _ref.mihelpAppPath,
       mihelpRef = _ref.mihelpRef,
       setMihelpVisible = _ref.setMihelpVisible,
-      feedbackConfig = _ref.feedbackConfig;
+      feedbackConfig = _ref.feedbackConfig,
+      showMihelpDot = _ref.showMihelpDot;
 
   var _useState = React.useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -23160,8 +23276,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
   React.useEffect(function () {
     var appTitle = document.querySelector('.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle').innerText || 'G2Portal';
     setTitle(appTitle);
-    getHelpContent();
-    appendElementorStyles();
+    getHelpContent(); // appendElementorStyles()
   }, []);
   React.useEffect(function () {
     if (loading) {
@@ -23172,111 +23287,54 @@ var HelpSideBar = function HelpSideBar(_ref) {
     }
   }, [loading]);
 
-  var appendElementorStyles =
+  var getHelpContent =
   /*#__PURE__*/
   function () {
     var _ref2 = _asyncToGenerator(
     /*#__PURE__*/
     regenerator.mark(function _callee() {
-      var _storage$getItem$endp, url, response, style, css;
+      var _storage$getItem$endp, _response$data, country, app, url, response;
 
       return regenerator.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              url = (_storage$getItem$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.getMihelpCss;
-              _context.next = 4;
-              return axios.get(url, {
-                headers: {
-                  Authorization: storage$1.accessToken
-                }
-              });
-
-            case 4:
-              response = _context.sent;
-
-              if (response === null || response === void 0 ? void 0 : response.data) {
-                Object.keys(response === null || response === void 0 ? void 0 : response.data).forEach(function (key) {
-                  var link = document.createElement('link');
-                  link.rel = 'stylesheet';
-                  link.type = 'text/css';
-                  link.href = response === null || response === void 0 ? void 0 : response.data[key];
-                  document.head.appendChild(link);
-                });
-                style = document.createElement('style');
-                css = document.createTextNode(".elementor-1674 .elementor-element.elementor-element-e83e3ae{\n            width: 100% !important;\n            padding-right: 0 !important;\n            }\n            .elementor-1674 .elementor-element.elementor-element-e83e3ae > .elementor-element-populated{\n                border-style: none !important;\n            }\n            .elementor-1674 .elementor-element.elementor-element-efa7410 > .elementor-widget-container{\n                padding:0 !important;\n            }\n            .elementor-widget-container ul,.elementor-widget-container ol{\n                padding-left:40px !important;\n            }\n            .elementor-1674 .elementor-element.elementor-element-4a49924{\n                margin-top:0 !important;\n            }\n            .elementor-column-gap-default>.elementor-column>.elementor-element-populated{\n              padding:0 !important;\n            }");
-                style.appendChild(css);
-                document.head.appendChild(style);
-              }
-
-              _context.next = 11;
-              break;
-
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](0);
-              console.log('+++fetch error=', _context.t0);
-
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 8]]);
-    }));
-
-    return function appendElementorStyles() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var getHelpContent =
-  /*#__PURE__*/
-  function () {
-    var _ref3 = _asyncToGenerator(
-    /*#__PURE__*/
-    regenerator.mark(function _callee2() {
-      var _storage$getItem$endp2, _response$data, url, response;
-
-      return regenerator.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
               setLoading(true);
-              url = (_storage$getItem$endp2 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp2 === void 0 ? void 0 : _storage$getItem$endp2.getMihelpContent;
-              _context2.next = 5;
-              return axios.get("".concat(url, "?app=g2-portal&country=USA"), {
+              country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
+              app = mihelpAppPath || 'g2-portal';
+              url = (_storage$getItem$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.getMihelpContent;
+              _context.next = 7;
+              return axios.get("".concat(url, "?app=").concat(app, "&country=").concat(country), {
                 headers: {
                   Authorization: storage$1.accessToken
                 }
               });
 
-            case 5:
-              response = _context2.sent;
+            case 7:
+              response = _context.sent;
               setHelpContent(response === null || response === void 0 ? void 0 : response.data);
               setFaqs(response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.faqs[0]);
               setLoading(false);
-              _context2.next = 15;
+              _context.next = 17;
               break;
 
-            case 11:
-              _context2.prev = 11;
-              _context2.t0 = _context2["catch"](0);
+            case 13:
+              _context.prev = 13;
+              _context.t0 = _context["catch"](0);
               setLoading(false);
-              console.log('+++fetch error=', _context2.t0);
+              console.log('+++fetch error=', _context.t0);
 
-            case 15:
+            case 17:
             case "end":
-              return _context2.stop();
+              return _context.stop();
           }
         }
-      }, _callee2, null, [[0, 11]]);
+      }, _callee, null, [[0, 13]]);
     }));
 
     return function getHelpContent() {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
 
@@ -23297,19 +23355,19 @@ var HelpSideBar = function HelpSideBar(_ref) {
   var getSearchResults =
   /*#__PURE__*/
   function () {
-    var _ref4 = _asyncToGenerator(
+    var _ref3 = _asyncToGenerator(
     /*#__PURE__*/
-    regenerator.mark(function _callee3() {
-      var _storage$getItem$endp3, url, response;
+    regenerator.mark(function _callee2() {
+      var _storage$getItem$endp2, url, response;
 
-      return regenerator.wrap(function _callee3$(_context3) {
+      return regenerator.wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
-              _context3.prev = 0;
-              url = (_storage$getItem$endp3 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp3 === void 0 ? void 0 : _storage$getItem$endp3.mihelpSearch;
+              _context2.prev = 0;
+              url = (_storage$getItem$endp2 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp2 === void 0 ? void 0 : _storage$getItem$endp2.mihelpSearch;
               setLoading(true);
-              _context3.next = 5;
+              _context2.next = 5;
               return axios.get("".concat(url, "?s=").concat(searchText, "&country=USA"), {
                 headers: {
                   Authorization: storage$1.accessToken
@@ -23317,28 +23375,28 @@ var HelpSideBar = function HelpSideBar(_ref) {
               });
 
             case 5:
-              response = _context3.sent;
+              response = _context2.sent;
               setSearchResults(response.data.results);
               setLoading(false);
-              _context3.next = 14;
+              _context2.next = 14;
               break;
 
             case 10:
-              _context3.prev = 10;
-              _context3.t0 = _context3["catch"](0);
-              console.log(_context3.t0);
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](0);
+              console.log(_context2.t0);
               setLoading(false);
 
             case 14:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
         }
-      }, _callee3, null, [[0, 10]]);
+      }, _callee2, null, [[0, 10]]);
     }));
 
     return function getSearchResults() {
-      return _ref4.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
 
@@ -23356,7 +23414,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
         return getFaqs(helpContent);
 
       case contentType.RELEASE_NOTES.type:
-        return getReleaseNotes(helpContent);
+        return getReleaseNotes(helpContent, mihelpAppPath);
 
       default:
         return [];
@@ -23384,7 +23442,8 @@ var HelpSideBar = function HelpSideBar(_ref) {
           setCurrentView: setCurrentView,
           setcurrentArticle: setcurrentArticle,
           saveHistory: saveHistory,
-          articleClickhandler: articleClickhandler
+          articleClickhandler: articleClickhandler,
+          isLatestRelease: showMihelpDot
         });
 
       case views.HELP_ARTICLE:
@@ -23491,20 +23550,20 @@ var HelpSideBar = function HelpSideBar(_ref) {
   var articleClickhandler =
   /*#__PURE__*/
   function () {
-    var _ref5 = _asyncToGenerator(
+    var _ref4 = _asyncToGenerator(
     /*#__PURE__*/
-    regenerator.mark(function _callee4(view, article, isSearchFaq) {
-      var _storage$getItem$endp4, url, id, response;
+    regenerator.mark(function _callee3(view, article, isSearchFaq) {
+      var _storage$getItem$endp3, url, id, response;
 
-      return regenerator.wrap(function _callee4$(_context4) {
+      return regenerator.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
-              _context4.prev = 0;
+              _context3.prev = 0;
               setLoading(true);
-              url = (_storage$getItem$endp4 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp4 === void 0 ? void 0 : _storage$getItem$endp4.getMihelpArticle;
+              url = (_storage$getItem$endp3 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp3 === void 0 ? void 0 : _storage$getItem$endp3.getMihelpArticle;
               id = view === views.FAQ && !isSearchFaq ? faqs.id : article.id || article.ID;
-              _context4.next = 6;
+              _context3.next = 6;
               return axios.get("".concat(url, "/").concat(id), {
                 headers: {
                   Authorization: storage$1.accessToken
@@ -23512,7 +23571,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
               });
 
             case 6:
-              response = _context4.sent;
+              response = _context3.sent;
               saveHistory();
               setCurrentView(view);
 
@@ -23525,45 +23584,45 @@ var HelpSideBar = function HelpSideBar(_ref) {
 
               setLoading(false);
               setSearchText('');
-              _context4.next = 18;
+              _context3.next = 18;
               break;
 
             case 14:
-              _context4.prev = 14;
-              _context4.t0 = _context4["catch"](0);
+              _context3.prev = 14;
+              _context3.t0 = _context3["catch"](0);
               setLoading(false);
-              console.log('fetch articleClickhandler error=', _context4.t0);
+              console.log('fetch articleClickhandler error=', _context3.t0);
 
             case 18:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
         }
-      }, _callee4, null, [[0, 14]]);
+      }, _callee3, null, [[0, 14]]);
     }));
 
     return function articleClickhandler(_x, _x2, _x3) {
-      return _ref5.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
 
   var likeHandler =
   /*#__PURE__*/
   function () {
-    var _ref6 = _asyncToGenerator(
+    var _ref5 = _asyncToGenerator(
     /*#__PURE__*/
-    regenerator.mark(function _callee5(article) {
-      var _storage$getItem$endp5, _response$data2, url, id, response, modifiedArticle;
+    regenerator.mark(function _callee4(article) {
+      var _storage$getItem$endp4, _response$data2, url, id, response, modifiedArticle;
 
-      return regenerator.wrap(function _callee5$(_context5) {
+      return regenerator.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
-              _context5.prev = 0;
+              _context4.prev = 0;
               setLoading(true);
-              url = (_storage$getItem$endp5 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp5 === void 0 ? void 0 : _storage$getItem$endp5.mihelpLike;
+              url = (_storage$getItem$endp4 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp4 === void 0 ? void 0 : _storage$getItem$endp4.mihelpLike;
               id = article.id || article.ID;
-              _context5.next = 6;
+              _context4.next = 6;
               return axios.post("".concat(url, "/").concat(id), null, {
                 headers: {
                   Authorization: storage$1.accessToken
@@ -23571,7 +23630,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
               });
 
             case 6:
-              response = _context5.sent;
+              response = _context4.sent;
               modifiedArticle = _objectSpread2({}, currentArticle);
 
               if (response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.removedLike) {
@@ -23592,45 +23651,45 @@ var HelpSideBar = function HelpSideBar(_ref) {
 
               setcurrentArticle(modifiedArticle);
               setLoading(false);
-              _context5.next = 17;
+              _context4.next = 17;
               break;
 
             case 13:
-              _context5.prev = 13;
-              _context5.t0 = _context5["catch"](0);
+              _context4.prev = 13;
+              _context4.t0 = _context4["catch"](0);
               setLoading(false);
-              console.log('Like error', _context5.t0);
+              console.log('Like error', _context4.t0);
 
             case 17:
             case "end":
-              return _context5.stop();
+              return _context4.stop();
           }
         }
-      }, _callee5, null, [[0, 13]]);
+      }, _callee4, null, [[0, 13]]);
     }));
 
     return function likeHandler(_x4) {
-      return _ref6.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
 
   var dislikeHandler =
   /*#__PURE__*/
   function () {
-    var _ref7 = _asyncToGenerator(
+    var _ref6 = _asyncToGenerator(
     /*#__PURE__*/
-    regenerator.mark(function _callee6(article) {
-      var _storage$getItem$endp6, _response$data3, url, id, response, modifiedArticle;
+    regenerator.mark(function _callee5(article) {
+      var _storage$getItem$endp5, _response$data3, url, id, response, modifiedArticle;
 
-      return regenerator.wrap(function _callee6$(_context6) {
+      return regenerator.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
-              _context6.prev = 0;
+              _context5.prev = 0;
               setLoading(true);
-              url = (_storage$getItem$endp6 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp6 === void 0 ? void 0 : _storage$getItem$endp6.mihelpDisLike;
+              url = (_storage$getItem$endp5 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp5 === void 0 ? void 0 : _storage$getItem$endp5.mihelpDisLike;
               id = article.id || article.ID;
-              _context6.next = 6;
+              _context5.next = 6;
               return axios.post("".concat(url, "/").concat(id), null, {
                 headers: {
                   Authorization: storage$1.accessToken
@@ -23638,7 +23697,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
               });
 
             case 6:
-              response = _context6.sent;
+              response = _context5.sent;
               modifiedArticle = _objectSpread2({}, currentArticle);
 
               if (response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.removedDislike) {
@@ -23659,25 +23718,25 @@ var HelpSideBar = function HelpSideBar(_ref) {
 
               setcurrentArticle(modifiedArticle);
               setLoading(false);
-              _context6.next = 17;
+              _context5.next = 17;
               break;
 
             case 13:
-              _context6.prev = 13;
-              _context6.t0 = _context6["catch"](0);
+              _context5.prev = 13;
+              _context5.t0 = _context5["catch"](0);
               setLoading(false);
-              console.log('Like error', _context6.t0);
+              console.log('Like error', _context5.t0);
 
             case 17:
             case "end":
-              return _context6.stop();
+              return _context5.stop();
           }
         }
-      }, _callee6, null, [[0, 13]]);
+      }, _callee5, null, [[0, 13]]);
     }));
 
     return function dislikeHandler(_x5) {
-      return _ref7.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
 
@@ -23692,19 +23751,19 @@ var HelpSideBar = function HelpSideBar(_ref) {
   var submitFeedback =
   /*#__PURE__*/
   function () {
-    var _ref8 = _asyncToGenerator(
+    var _ref7 = _asyncToGenerator(
     /*#__PURE__*/
-    regenerator.mark(function _callee7(feedback) {
-      var _storage$getItem$endp7, url;
+    regenerator.mark(function _callee6(feedback) {
+      var _storage$getItem$endp6, url;
 
-      return regenerator.wrap(function _callee7$(_context7) {
+      return regenerator.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
               skipFeedback();
-              _context7.prev = 1;
-              url = (_storage$getItem$endp7 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp7 === void 0 ? void 0 : _storage$getItem$endp7.mihelpSubmitFeedback;
-              _context7.next = 5;
+              _context6.prev = 1;
+              url = (_storage$getItem$endp6 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp6 === void 0 ? void 0 : _storage$getItem$endp6.mihelpSubmitFeedback;
+              _context6.next = 5;
               return axios.post(url, {
                 message: feedback,
                 url: window.location.href,
@@ -23716,42 +23775,42 @@ var HelpSideBar = function HelpSideBar(_ref) {
               });
 
             case 5:
-              _context7.next = 10;
+              _context6.next = 10;
               break;
 
             case 7:
-              _context7.prev = 7;
-              _context7.t0 = _context7["catch"](1);
-              console.log('submitFeedback Error', _context7.t0);
+              _context6.prev = 7;
+              _context6.t0 = _context6["catch"](1);
+              console.log('submitFeedback Error', _context6.t0);
 
             case 10:
             case "end":
-              return _context7.stop();
+              return _context6.stop();
           }
         }
-      }, _callee7, null, [[1, 7]]);
+      }, _callee6, null, [[1, 7]]);
     }));
 
     return function submitFeedback(_x6) {
-      return _ref8.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
 
   var submitQuestion =
   /*#__PURE__*/
   function () {
-    var _ref9 = _asyncToGenerator(
+    var _ref8 = _asyncToGenerator(
     /*#__PURE__*/
-    regenerator.mark(function _callee8(question, category) {
-      var _storage$getItem$endp8, url;
+    regenerator.mark(function _callee7(question, category) {
+      var _storage$getItem$endp7, url;
 
-      return regenerator.wrap(function _callee8$(_context8) {
+      return regenerator.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
-              _context8.prev = 0;
-              url = (_storage$getItem$endp8 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp8 === void 0 ? void 0 : _storage$getItem$endp8.mihelpSubmitQuestion;
-              _context8.next = 4;
+              _context7.prev = 0;
+              url = (_storage$getItem$endp7 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp7 === void 0 ? void 0 : _storage$getItem$endp7.mihelpSubmitQuestion;
+              _context7.next = 4;
               return axios.post(url, {
                 question: question,
                 category: category,
@@ -23763,24 +23822,24 @@ var HelpSideBar = function HelpSideBar(_ref) {
               });
 
             case 4:
-              _context8.next = 9;
+              _context7.next = 9;
               break;
 
             case 6:
-              _context8.prev = 6;
-              _context8.t0 = _context8["catch"](0);
-              console.log('submitQuestion Error', _context8.t0);
+              _context7.prev = 6;
+              _context7.t0 = _context7["catch"](0);
+              console.log('submitQuestion Error', _context7.t0);
 
             case 9:
             case "end":
-              return _context8.stop();
+              return _context7.stop();
           }
         }
-      }, _callee8, null, [[0, 6]]);
+      }, _callee7, null, [[0, 6]]);
     }));
 
     return function submitQuestion(_x7, _x8) {
-      return _ref9.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
 
@@ -23912,6 +23971,8 @@ var _styleModuleImportMap$5 = {
     "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
     "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
     "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
+    "mihelpDot": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot",
+    "mihelpTooltip": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip",
     "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
     "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
     "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
@@ -26488,6 +26549,8 @@ var _styleModuleImportMap$4 = {
     "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
     "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
     "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
+    "mihelpDot": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot",
+    "mihelpTooltip": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip",
     "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
     "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
     "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
@@ -26576,7 +26639,10 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
       isIdeaNoteEnabled = props.isIdeaNoteEnabled,
       mihelpVisible = props.mihelpVisible,
       setMihelpVisible = props.setMihelpVisible,
-      mihelpIconRef = props.mihelpIconRef;
+      mihelpIconRef = props.mihelpIconRef,
+      showMihelpDot = props.showMihelpDot,
+      setShowMihelpTooltip = props.setShowMihelpTooltip,
+      showMihelpTooltip = props.showMihelpTooltip;
   var coreAppConfig = storage.getLocalItem('opsportal-core:config');
   var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
       showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
@@ -26758,7 +26824,10 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
           return setMihelpVisible(!mihelpVisible);
         },
         mihelpVisible: mihelpVisible,
-        mihelpIconRef: mihelpIconRef
+        mihelpIconRef: mihelpIconRef,
+        showMihelpDot: showMihelpDot,
+        setShowMihelpTooltip: setShowMihelpTooltip,
+        showMihelpTooltip: showMihelpTooltip
       });
     }
   }, {
@@ -26889,7 +26958,8 @@ var AppBar$1 = function AppBar(props) {
       showTitle = props.showTitle,
       title = props.title,
       getInnovationHubToken = props.getInnovationHubToken,
-      mihelpAppPath = props.mihelpAppPath;
+      mihelpAppPath = props.mihelpAppPath,
+      showMihelpDot = props.showMihelpDot;
 
   var _useWindowSize = useWindowSize(),
       width = _useWindowSize.width;
@@ -27112,7 +27182,8 @@ var AppBar$1 = function AppBar(props) {
     mihelpAppPath: mihelpAppPath,
     mihelpRef: mihelpRef,
     setMihelpVisible: setMihelpVisible,
-    feedbackConfig: props.feedbackConfig
+    feedbackConfig: props.feedbackConfig,
+    showMihelpDot: showMihelpDot
   }));
 };
 AppBar$1.defaultProps = {
@@ -32141,6 +32212,32 @@ var PrinterDialog = function PrinterDialog(_ref) {
   }, "Save"))) : null);
 };
 
+function LatestReleaseDialog(_ref) {
+  var release = _ref.release,
+      handleClose = _ref.handleClose,
+      mihelpAppPath = _ref.mihelpAppPath;
+  console.log('release in dialog=', release);
+  return React__default["default"].createElement("div", null, React__default["default"].createElement(coreComponents.Dialog, {
+    title: "What\u2019s New?",
+    isOpen: true,
+    dismiss: handleClose
+  }, React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--releaseDialogContent"
+  }, React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
+    onClick: function onClick() {
+      return handleRedirect(redirectContants.RELEASE_NOTES, mihelpAppPath);
+    }
+  }, React__default["default"].createElement("h3", null, release.title), React__default["default"].createElement("span", null, "All Release Notes", React__default["default"].createElement(coreComponents.Icon, {
+    name: "open_in_new",
+    variant: "material"
+  }))), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--releaseDialogBody"
+  }, React__default["default"].createElement(ReleaseNoteContent, {
+    content: release.content
+  })))));
+}
+
 var css_248z$2 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\r\n  background: var(--primaryBlue);\r\n  background: var(--primaryBlue);\r\n  color: var(--white);\r\n  color: var(--white);\r\n  height: 64px;\r\n  width: 100vw;\r\n  padding: 0 20px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\r\n  margin-bottom: 2px;\r\n}\r\n\r\nbutton[name='Clear Cookies'] {\r\n  font-size: 12px;\r\n  opacity: 0.5;\r\n  text-transform: uppercase;\r\n  color: #f00;\r\n  font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--left {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--right {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n";
 styleInject(css_248z$2);
 
@@ -32210,6 +32307,21 @@ var AppBar = function AppBar(_ref) {
       isPrinterDialogOpen = _useState4[0],
       setPrinterDialogOpen = _useState4[1];
 
+  var _useState5 = React.useState(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      latestRelease = _useState6[0],
+      setLatestRelease = _useState6[1];
+
+  var _useState7 = React.useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      showMihelpDot = _useState8[0],
+      setShowMihelpDot = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      showMihelpTooltip = _useState10[0],
+      setShowMihelpTooltip = _useState10[1];
+
   React.useEffect(function () {
     setMounted(true);
 
@@ -32220,6 +32332,12 @@ var AppBar = function AppBar(_ref) {
     window.addEventListener('localStorageChanged', onStorageChanged);
     window.addEventListener('sessionStorageChanged', onStorageChanged);
     setAppBarMounted(true);
+
+    if (history.location.pathname !== '/logout' && history.location.pathname !== '/login' && localStorage.getItem('login')) {
+      appendElementorStyles();
+      getLatestRelease();
+    }
+
     return function () {
       setMounted(false);
       window.removeEventListener('localStorageChanged', onStorageChanged);
@@ -32227,6 +32345,141 @@ var AppBar = function AppBar(_ref) {
     };
   }, []);
 
+  var appendElementorStyles =
+  /*#__PURE__*/
+  function () {
+    var _ref2 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee() {
+      var _storage$getItem$endp, url, response, style, css;
+
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              url = (_storage$getItem$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.getMihelpCss;
+              _context.next = 4;
+              return axios.get(url, {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 4:
+              response = _context.sent;
+
+              if (response === null || response === void 0 ? void 0 : response.data) {
+                Object.keys(response === null || response === void 0 ? void 0 : response.data).forEach(function (key) {
+                  var link = document.createElement('link');
+                  link.rel = 'stylesheet';
+                  link.type = 'text/css';
+                  link.href = response === null || response === void 0 ? void 0 : response.data[key];
+                  document.head.appendChild(link);
+                });
+                style = document.createElement('style');
+                css = document.createTextNode(".elementor-1674 .elementor-element.elementor-element-e83e3ae{\n            width: 100% !important;\n            padding-right: 0 !important;\n            }\n            .elementor-1674 .elementor-element.elementor-element-e83e3ae > .elementor-element-populated{\n                border-style: none !important;\n            }\n            .elementor-1674 .elementor-element.elementor-element-efa7410 > .elementor-widget-container{\n                padding:0 !important;\n            }\n            .elementor-widget-container ul,.elementor-widget-container ol{\n                padding-left:40px !important;\n            }\n            .elementor-1674 .elementor-element.elementor-element-4a49924{\n                margin-top:0 !important;\n            }\n            .elementor-column-gap-default>.elementor-column>.elementor-element-populated{\n              padding:0 !important;\n            }");
+                style.appendChild(css);
+                document.head.appendChild(style);
+              }
+
+              _context.next = 11;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              console.log('+++fetch error=', _context.t0);
+
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+
+    return function appendElementorStyles() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var getLatestRelease =
+  /*#__PURE__*/
+  function () {
+    var _ref3 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee2() {
+      var _storage$getItem$endp2, _response$data, country, app, url, response, _response$data2, _response$data3, _response$data3$relea, _latestReleaseFromSto, latestReleaseFromStorage, _response$data4, viewedDays;
+
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
+              app = mihelpAppPath || 'g2-portal';
+              url = (_storage$getItem$endp2 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp2 === void 0 ? void 0 : _storage$getItem$endp2.getMihelpLatestRelease;
+              _context2.next = 6;
+              return axios.get("".concat(url, "?app=").concat(app, "&country=").concat(country), {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 6:
+              response = _context2.sent;
+
+              if (response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.found) {
+                console.log(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.release);
+                latestReleaseFromStorage = storage$1.getLocalItem("g2-portal:latestRelease");
+
+                if ((response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : (_response$data3$relea = _response$data3.release) === null || _response$data3$relea === void 0 ? void 0 : _response$data3$relea.id) !== (latestReleaseFromStorage === null || latestReleaseFromStorage === void 0 ? void 0 : (_latestReleaseFromSto = latestReleaseFromStorage.release) === null || _latestReleaseFromSto === void 0 ? void 0 : _latestReleaseFromSto.id)) {
+                  setLatestRelease(response === null || response === void 0 ? void 0 : (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : _response$data4.release);
+                  setShowMihelpDot(true);
+                } else if (latestReleaseFromStorage === null || latestReleaseFromStorage === void 0 ? void 0 : latestReleaseFromStorage.viewedDate) {
+                  viewedDays = dateDiffInDays(new Date(latestReleaseFromStorage === null || latestReleaseFromStorage === void 0 ? void 0 : latestReleaseFromStorage.viewedDate), new Date());
+
+                  if (viewedDays < 7) {
+                    setShowMihelpDot(true);
+                  }
+                }
+              }
+
+              _context2.next = 13;
+              break;
+
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](0);
+              console.log('getLatestRelease error', _context2.t0);
+
+            case 13:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[0, 10]]);
+    }));
+
+    return function getLatestRelease() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var handleReleaseClose = function handleReleaseClose() {
+    var releasedata = {
+      release: latestRelease,
+      viewedDate: new Date()
+    };
+    storage$1.setLocalItem("g2-portal:latestRelease", releasedata);
+    setLatestRelease(null);
+    setShowMihelpTooltip(true);
+    setTimeout(function () {
+      setShowMihelpTooltip(false);
+    }, 5000);
+  };
+
   var handleSettingsItemClick = function handleSettingsItemClick(event, item) {
     if (item.key === 'debug') {
       localStorage.clear();
@@ -32313,6 +32566,7 @@ var AppBar = function AppBar(_ref) {
   } : _storage$chromePlugin;
   var placeholderNode = document.getElementById('AppBarPlaceholderDiv');
   var isAppEnabledTwilio = process.env.IS_TWILIO_ENABLED || false;
+  console.log('latest release=', latestRelease);
   return React__default["default"].createElement("div", null, React__default["default"].createElement(AppBar$1, {
     moduleName: "OPS PORTAL",
     isLoggedOn: storage$1.isAuthenticated,
@@ -32343,7 +32597,10 @@ var AppBar = function AppBar(_ref) {
     showTitle: showTitle,
     title: title,
     history: history,
-    mihelpAppPath: mihelpAppPath
+    mihelpAppPath: mihelpAppPath,
+    showMihelpDot: showMihelpDot,
+    setShowMihelpTooltip: setShowMihelpTooltip,
+    showMihelpTooltip: showMihelpTooltip
   }), storage$1.twilioEnabledStatus && isAppEnabledTwilio && isMounted && placeholderNode && storage$1.callCapsuleEnabledStatus && React__default["default"].createElement(Portal$2, {
     node: placeholderNode
   }, React__default["default"].createElement(CallCapsule, null)), isPrinterDialogOpen && React__default["default"].createElement(PrinterDialog, {
@@ -32351,6 +32608,10 @@ var AppBar = function AppBar(_ref) {
     handleClose: function handleClose() {
       return setPrinterDialogOpen(false);
     }
+  }), latestRelease && React__default["default"].createElement(LatestReleaseDialog, {
+    release: latestRelease,
+    handleClose: handleReleaseClose,
+    mihelpAppPath: mihelpAppPath
   }));
 };
 AppBar.defaultProps = {