@copart/ops-tool-kit 1.10.0-alpha.1 → 1.10.0-alpha.11

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.1";
+const version$3 = "1.10.0-alpha.11";
 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$7 = {
+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$7, {
+    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 = {
@@ -22311,12 +22330,76 @@ var viewMapper = {
   RECOMMENDED_HELP_RESOURCES: views.HELP_ARTICLE,
   HOME: views.HOME,
   FAQS: views.FAQ,
-  RELEASE_NOTES: views.RELEASE_NOTE
+  RELEASE_NOTES: views.RELEASE_NOTE,
+  help_articles: views.HELP_ARTICLE,
+  faq: views.FAQ,
+  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}\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  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  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  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  list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper 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}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper 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  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  white-space: pre-wrap;\r\n  margin-top: 13px;\r\n  margin-bottom: 30px;\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--overFlowHidden {\r\n  overflow: hidden;\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}\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}\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";
+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,
@@ -22325,7 +22408,11 @@ 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();
+  console.log("+++articles in Article section=", articles);
+  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", {
@@ -22335,16 +22422,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);
@@ -22359,14 +22453,8 @@ var Home = function Home(_ref) {
       viewMore = _ref.viewMore,
       title = _ref.title,
       mihelpAppPath = _ref.mihelpAppPath,
-      setCurrentView = _ref.setCurrentView,
-      setcurrentArticle = _ref.setcurrentArticle;
-
-  var clickhandler = function clickhandler(view, id) {
-    setCurrentView(view);
-    setcurrentArticle(id);
-  };
-
+      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() {
@@ -22379,7 +22467,8 @@ var Home = function Home(_ref) {
       title: title,
       key: key,
       mihelpAppPath: mihelpAppPath,
-      clickhandler: clickhandler
+      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"
@@ -22387,7 +22476,7 @@ var Home = function Home(_ref) {
     return React__default["default"].createElement("li", {
       key: article.id,
       onClick: function onClick() {
-        return clickhandler(viewMapper[viewMoreType], article);
+        return articleClickhandler(viewMapper[viewMoreType], article);
       }
     }, React__default["default"].createElement("img", {
       src: contentType[viewMoreType].icon
@@ -22398,11 +22487,24 @@ var Home = function Home(_ref) {
 var SearchResults = function SearchResults(_ref) {
   var searchText = _ref.searchText,
       results = _ref.results,
-      contentType = _ref.contentType,
-      postTypeMapper = _ref.postTypeMapper;
+      articleClickhandler = _ref.articleClickhandler,
+      loading = _ref.loading;
+
+  var _useState = React.useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      mounted = _useState2[0],
+      setMounted = _useState2[1];
+
+  React.useEffect(function () {
+    if (loading && mounted === null) {
+      setMounted(false);
+    } else if (!loading && mounted === false) {
+      setMounted(true);
+    }
+  }, [loading]);
   return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_Help--searchResultsWrapper"
-  }, React__default["default"].createElement("h3", null, "Search results for \"", searchText, "\""), React__default["default"].createElement("div", {
+  }, React__default["default"].createElement("h3", null, mounted ? results.length ? "Search results for \"".concat(searchText, "\"") : 'No Results Found' : null), React__default["default"].createElement("div", {
     className: ""
   }, results.map(function (result) {
     return React__default["default"].createElement("div", {
@@ -22414,7 +22516,14 @@ var SearchResults = function SearchResults(_ref) {
       className: "utilities_ops-app-frame_Help_Help--searchTitle"
     }, React__default["default"].createElement("img", {
       src: contentType[postTypeMapper[result.post_type]].icon
-    }), React__default["default"].createElement("span", null, result.post_title.replace(/<\/?[^>]+(>|$)/g, ''))), React__default["default"].createElement("div", {
+    }), React__default["default"].createElement("span", {
+      onClick: function onClick() {
+        return articleClickhandler(viewMapper[result.post_type], result, result.post_type === 'faq');
+      },
+      dangerouslySetInnerHTML: {
+        __html: result.post_title.replace(/<\/?[^>]+(>|$)/g, '')
+      }
+    })), result.post_type === 'help_articles' && React__default["default"].createElement("div", {
       className: "utilities_ops-app-frame_Help_Help--likeswrapper"
     }, React__default["default"].createElement("span", {
       className: "utilities_ops-app-frame_Help_Help--like"
@@ -22432,7 +22541,7 @@ var SearchResults = function SearchResults(_ref) {
   })));
 };
 
-var css_248z$d = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n    line-height: 1.15;\r\n    -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n    margin: 0;\r\n    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n    font-size: 1rem;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n    color: #333;\r\n    background-color: #fff;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n    margin-top: .5rem;\r\n    margin-bottom: 1rem;\r\n    font-family: inherit;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n    color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n    font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n    font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n    font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n    font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n    font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n    font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n    margin-top: 0;\r\n    margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n    box-sizing: content-box;\r\n    height: 0;\r\n    overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n    font-family: monospace,monospace;\r\n    font-size: 1em;\r\n    white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n    background-color: transparent;\r\n    text-decoration: none;\r\n    color: var(--e-global-color-text);\r\n    color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n    color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n    color: inherit;\r\n    text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n    outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n    border-bottom: none;\r\n    -webkit-text-decoration: underline dotted;\r\n    text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n    font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n    font-family: monospace,monospace;\r\n    font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n    font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n    font-size: 75%;\r\n    line-height: 0;\r\n    position: relative;\r\n    vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n    bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n    top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n    border-style: none;\r\n    height: auto;\r\n    max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n    display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n    display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n    font-size: 16px;\r\n    color: #333;\r\n    line-height: 1.4;\r\n    font-style: italic;\r\n    font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n    display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    clip: rect(0,0,0,0);\r\n    white-space: nowrap;\r\n    border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n    display: inline-block;\r\n    line-height: 1;\r\n    vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n    font-family: inherit;\r\n    font-size: 1rem;\r\n    line-height: 1.5;\r\n    margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n    width: 100%;\r\n    border: 1px solid #666;\r\n    border-radius: 3px;\r\n    padding: .5rem 1rem;\r\n    transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n    border-color: #333;\r\n    outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n    overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n    text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n    width: auto;\r\n    -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n    border-style: none;\r\n    padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n    outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n    display: inline-block;\r\n    font-weight: 400;\r\n    color: #c36;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    background-color: transparent;\r\n    border: 1px solid #c36;\r\n    padding: .5rem 1rem;\r\n    font-size: 1rem;\r\n    border-radius: 3px;\r\n    transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n    outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n    color: #fff;\r\n    background-color: #c36;\r\n    text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n    cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n    padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n    box-sizing: border-box;\r\n    color: inherit;\r\n    display: table;\r\n    max-width: 100%;\r\n    padding: 0;\r\n    white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n    vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n    overflow: auto;\r\n    resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n    box-sizing: border-box;\r\n    padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n    height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n    -webkit-appearance: textfield;\r\n    outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n    -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n    -webkit-appearance: button;\r\n    font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n    display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n    background-color: transparent;\r\n    width: 100%;\r\n    margin-bottom: 15px;\r\n    font-size: .9em;\r\n    border-spacing: 0;\r\n    border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n    padding: 15px;\r\n    line-height: 1.5;\r\n    vertical-align: top;\r\n    border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n    font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n    font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n    border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n    background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n    background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n    border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n        font-size:.8em\r\n    }\r\n\r\n    .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n        padding: 7px;\r\n        line-height: 1.3\r\n    }\r\n\r\n    .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n        font-weight: 400\r\n    }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    border: 0;\r\n    outline: 0;\r\n    font-size: 100%;\r\n    vertical-align: baseline;\r\n    background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n    width: 100%;\r\n}\r\n";
+var css_248z$d = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n    line-height: 1.15;\r\n    -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n    margin: 0;\r\n    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n    font-size: 1rem;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n    color: #333;\r\n    background-color: #fff;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n    margin-top: .5rem;\r\n    margin-bottom: 1rem;\r\n    font-family: inherit;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n    color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n    font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n    font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n    font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n    font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n    font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n    font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n    margin-top: 0;\r\n    margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n    box-sizing: content-box;\r\n    height: 0;\r\n    overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n    font-family: monospace,monospace;\r\n    font-size: 1em;\r\n    white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n    background-color: transparent;\r\n    text-decoration: none;\r\n    color: var(--e-global-color-text);\r\n    color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n    color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n    color: inherit;\r\n    text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n    outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n    border-bottom: none;\r\n    -webkit-text-decoration: underline dotted;\r\n    text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n    font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n    font-family: monospace,monospace;\r\n    font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n    font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n    font-size: 75%;\r\n    line-height: 0;\r\n    position: relative;\r\n    vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n    bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n    top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n    border-style: none;\r\n    height: auto;\r\n    max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n    display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n    display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n    font-size: 16px;\r\n    color: #333;\r\n    line-height: 1.4;\r\n    font-style: italic;\r\n    font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n    display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    clip: rect(0,0,0,0);\r\n    white-space: nowrap;\r\n    border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n    display: inline-block;\r\n    line-height: 1;\r\n    vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n    font-family: inherit;\r\n    font-size: 1rem;\r\n    line-height: 1.5;\r\n    margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n    width: 100%;\r\n    border: 1px solid #666;\r\n    border-radius: 3px;\r\n    padding: .5rem 1rem;\r\n    transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n    border-color: #333;\r\n    outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n    overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n    text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n    width: auto;\r\n    -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n    border-style: none;\r\n    padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n    outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n    display: inline-block;\r\n    font-weight: 400;\r\n    color: #c36;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    background-color: transparent;\r\n    border: 1px solid #c36;\r\n    padding: .5rem 1rem;\r\n    font-size: 1rem;\r\n    border-radius: 3px;\r\n    transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n    outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n    color: #fff;\r\n    background-color: #c36;\r\n    text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n    cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n    padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n    box-sizing: border-box;\r\n    color: inherit;\r\n    display: table;\r\n    max-width: 100%;\r\n    padding: 0;\r\n    white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n    vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n    overflow: auto;\r\n    resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n    box-sizing: border-box;\r\n    padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n    height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n    -webkit-appearance: textfield;\r\n    outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n    -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n    -webkit-appearance: button;\r\n    font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n    display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n    background-color: transparent;\r\n    width: 100%;\r\n    margin-bottom: 15px;\r\n    font-size: .9em;\r\n    border-spacing: 0;\r\n    border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n    padding: 15px;\r\n    line-height: 1.5;\r\n    vertical-align: top;\r\n    border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n    font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n    font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n    border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n    background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n    background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n    border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n        font-size:.8em\r\n    }\r\n\r\n    .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n        padding: 7px;\r\n        line-height: 1.3\r\n    }\r\n\r\n    .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n        font-weight: 400\r\n    }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    border: 0;\r\n    outline: 0;\r\n    font-size: 100%;\r\n    vertical-align: baseline;\r\n    background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n    width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\r\n    opacity: 0.3;\r\n    pointer-events: none;\r\n  }\r\n";
 styleInject(css_248z$d);
 
 var css_248z$c = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n*  Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n  --wp-admin-theme-color: #007cba;\n  --wp-admin-theme-color--rgb: 0, 124, 186;\n  --wp-admin-theme-color-darker-10: #006ba1;\n  --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n  --wp-admin-theme-color-darker-20: #005a87;\n  --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n  --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n  :root {\n    --wp-admin-border-width-focus: 1.5px;\n  }\n}\n\n:root {\n  /* stylelint-disable function-comma-space-after */\n  /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n  background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n  background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n  background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n  background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n  background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n  background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n  background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n  background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n  background-color: #9b51e0;\n}\n:root .has-white-background-color {\n  background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n  background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n  background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n  background-color: #313131;\n}\n:root .has-black-background-color {\n  background-color: #000;\n}\n:root .has-pale-pink-color {\n  color: #f78da7;\n}\n:root .has-vivid-red-color {\n  color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n  color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n  color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n  color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n  color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n  color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n  color: #0693e3;\n}\n:root .has-vivid-purple-color {\n  color: #9b51e0;\n}\n:root .has-white-color {\n  color: #fff;\n}\n:root .has-very-light-gray-color {\n  color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n  color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n  color: #313131;\n}\n:root .has-black-color {\n  color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n  background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n  background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n  background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n  background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n  background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n  background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n  background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n  background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n  background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n  background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n  background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n  background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n  background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n  background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n  background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n  background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n  background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n  background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n  font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n  font-size: 1em;\n}\n\n.has-medium-font-size {\n  font-size: 1.25em;\n}\n\n.has-large-font-size {\n  font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n  font-size: 2.625em;\n}\n\n.has-text-align-center {\n  text-align: center;\n}\n\n.has-text-align-left {\n  /*rtl:ignore*/\n  text-align: left;\n}\n\n.has-text-align-right {\n  /*rtl:ignore*/\n  text-align: right;\n}\n\n#end-resizable-editor-section {\n  display: none;\n}\n\n.aligncenter {\n  clear: both;\n}\n\n.items-justified-left {\n  justify-content: flex-start;\n}\n\n.items-justified-center {\n  justify-content: center;\n}\n\n.items-justified-right {\n  justify-content: flex-end;\n}\n\n.items-justified-space-between {\n  justify-content: space-between;\n}\n\n.screen-reader-text {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n  background-color: #ddd;\n  clip: auto !important;\n  -webkit-clip-path: none;\n          clip-path: none;\n  color: #444;\n  display: block;\n  font-size: 1em;\n  height: auto;\n  left: 5px;\n  line-height: normal;\n  padding: 15px 23px 14px;\n  text-decoration: none;\n  top: 5px;\n  width: auto;\n  z-index: 100000;\n}";
@@ -22444,12 +22553,44 @@ styleInject(css_248z$b);
 var css_248z$a = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n*  Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n  display: none;\n}\n\n.wp-block-audio figcaption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .wp-block-audio figcaption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-code {\n  font-family: Menlo, Consolas, monaco, monospace;\n  color: #1e1e1e;\n  padding: 0.8em 1em;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n}\n\n.wp-block-embed figcaption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .wp-block-embed figcaption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.blocks-gallery-caption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .blocks-gallery-caption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-image figcaption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .wp-block-image figcaption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-pullquote {\n  border-top: 4px solid currentColor;\n  border-bottom: 4px solid currentColor;\n  margin-bottom: 1.75em;\n  color: currentColor;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer, .wp-block-pullquote__citation {\n  color: currentColor;\n  text-transform: uppercase;\n  font-size: 0.8125em;\n  font-style: normal;\n}\n\n.wp-block-quote {\n  border-left: 0.25em solid currentColor;\n  margin: 0 0 1.75em 0;\n  padding-left: 1em;\n}\n.wp-block-quote cite,\n.wp-block-quote footer {\n  color: currentColor;\n  font-size: 0.8125em;\n  position: relative;\n  font-style: normal;\n}\n.wp-block-quote.has-text-align-right {\n  border-left: none;\n  border-right: 0.25em solid currentColor;\n  padding-left: 0;\n  padding-right: 1em;\n}\n.wp-block-quote.has-text-align-center {\n  border: none;\n  padding-left: 0;\n}\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n  border: none;\n}\n\n.wp-block-search .wp-block-search__label {\n  font-weight: bold;\n}\n\n.wp-block-group.has-background {\n  padding: 1.25em 2.375em;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.wp-block-separator {\n  border: none;\n  border-bottom: 2px solid currentColor;\n  margin-left: auto;\n  margin-right: auto;\n  opacity: 0.4;\n}\n.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {\n  width: 100px;\n}\n.wp-block-separator.has-background:not(.is-style-dots) {\n  border-bottom: none;\n  height: 1px;\n}\n.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {\n  height: 2px;\n}\n\n.wp-block-table thead {\n  border-bottom: 3px solid;\n}\n.wp-block-table tfoot {\n  border-top: 3px solid;\n}\n.wp-block-table td,\n.wp-block-table th {\n  padding: 0.5em;\n  border: 1px solid;\n  word-break: normal;\n}\n.wp-block-table figcaption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .wp-block-table figcaption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-video figcaption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .wp-block-video figcaption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-template-part.has-background {\n  padding: 1.25em 2.375em;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n#end-resizable-editor-section {\n  display: none;\n}";
 styleInject(css_248z$a);
 
+var _styleModuleImportMap$8 = {
+  "../wordpressStyles.css": {
+    "helpArticleContent": "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent",
+    "sr-only": "utilities_ops-app-frame_Help_wordpressStyles--sr-only",
+    "helpArticle": "utilities_ops-app-frame_Help_wordpressStyles--helpArticle",
+    "nonInteractive": "utilities_ops-app-frame_Help_wordpressStyles--nonInteractive"
+  }
+};
+
 function HelpArticleContent(_ref) {
-  var content = _ref.content;
+  var article = _ref.article,
+      showQuestionSection = _ref.showQuestionSection,
+      children = _ref.children;
+  React.useEffect(function () {
+    var youtubeVideoEl = document.querySelector('.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube .wp-block-embed__wrapper');
+
+    if (youtubeVideoEl) {
+      var url = youtubeVideoEl.innerText;
+      youtubeVideoEl.innerHTML = '';
+      var videoId = url.slice(url.indexOf('v=')).replace('v=', '');
+      var embeddedUrl = "https://www.youtube.com/embed/".concat(videoId, "?feature=oembed");
+      var iframeEl = document.createElement('iframe');
+      iframeEl.setAttribute('loading', 'lazy');
+      iframeEl.setAttribute('width', '800');
+      iframeEl.setAttribute('height', '450');
+      iframeEl.setAttribute('frameborder', '0');
+      iframeEl.setAttribute('allowfullscreen', 'true');
+      iframeEl.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');
+      iframeEl.setAttribute('src', embeddedUrl);
+      youtubeVideoEl.appendChild(iframeEl);
+    }
+  }, [article]);
   return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
   }, React__default["default"].createElement("div", {
-    className: "elementor-kit-38"
+    className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$8, {
+      "handleMissingStyleName": "warn"
+    })
   }, React__default["default"].createElement("div", {
     className: "elementor elementor-1674 elementor-location-single post-5001700 help_articles type-help_articles status-publish hentry help_article_categories-process-documents applications_tax-g2-portal country-are country-bhr country-can country-gbr country-ind country-irl country-omn country-usa"
   }, React__default["default"].createElement("div", {
@@ -22469,156 +22610,53 @@ function HelpArticleContent(_ref) {
   }, React__default["default"].createElement("div", {
     className: "elementor-widget-container",
     dangerouslySetInnerHTML: {
-      __html: content
-    }
-  })))))))))));
-}
-
-var HelpArticle = function HelpArticle(_ref) {
-  var currentArticle = _ref.currentArticle,
-      modifyLinks = _ref.modifyLinks;
-  React.useEffect(function () {
-    modifyLinks();
-  }, [currentArticle]);
-  return React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--helpArticle"
-  }, React__default["default"].createElement("h3", null, currentArticle.title), React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--helpArticleWrapper"
-  }, React__default["default"].createElement(HelpArticleContent, {
-    content: currentArticle.content
-  })));
-};
-
-function ReleaseNoteContent(_ref) {
-  var content = _ref.content;
-  return React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
-  }, React__default["default"].createElement("div", {
-    className: "elementor-kit-38"
-  }, React__default["default"].createElement("div", {
-    className: "elementor-element elementor-element-8c17653 elementor-widget elementor-widget-theme-post-content"
-  }, React__default["default"].createElement("div", {
-    className: "elementor-widget-container",
-    dangerouslySetInnerHTML: {
-      __html: content
-    }
-  }))));
-}
-
-function Accordian(_ref) {
-  var question = _ref.question,
-      answer = _ref.answer,
-      isOpen = _ref.isOpen,
-      mihelpRef = _ref.mihelpRef;
-
-  var _useState = React.useState(Boolean(isOpen)),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var faqRef = React.useRef(null);
-  React.useEffect(function () {
-    if (isOpen) {
-      var offsetTop = faqRef.current.offsetTop;
-      mihelpRef.current.scroll({
-        top: offsetTop - 50,
-        behavior: 'smooth'
-      });
-    }
-  }, [isOpen]);
-  return React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--accordian"
-  }, React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--question",
-    onClick: function onClick() {
-      return setOpen(!open);
-    },
-    ref: faqRef
-  }, React__default["default"].createElement("p", {
-    style: {
-      color: open ? '#1D5AB9' : '#323130'
-    }
-  }, question), React__default["default"].createElement(coreComponents.Icon, {
-    name: "chevron_right",
-    variant: "material",
-    style: {
-      transform: open ? 'rotate(90deg)' : 'rotate(0deg)',
-      color: open ? '#1D5AB9' : '#DCDCDC'
+      __html: article.content
     }
-  })), React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--answer",
-    style: {
-      maxHeight: open ? '500px' : 0
-    }
-  }, React__default["default"].createElement(ReleaseNoteContent, {
-    content: answer
-  })));
+  })))))))))), React__default["default"].createElement(React__default["default"].Fragment, null, children));
 }
 
-var Faq = function Faq(_ref) {
-  var faqs = _ref.faqs,
-      currentArticle = _ref.currentArticle,
-      mihelpRef = _ref.mihelpRef,
-      modifyLinks = _ref.modifyLinks;
-  React.useEffect(function () {
-    modifyLinks();
-  }, [faqs]);
-  var faqsByCategory = {};
-  faqs.forEach(function (faq) {
-    if (faqsByCategory[faq.category]) {
-      faqsByCategory[faq.category] = [].concat(_toConsumableArray(faqsByCategory[faq.category]), [faq]);
-    } else {
-      faqsByCategory[faq.category] = [faq];
-    }
-  });
-  return React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--faqContentWrapper"
-  }, React__default["default"].createElement("h3", null, "FAQs"), React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--faqsList"
-  }, Object.keys(faqsByCategory).map(function (category) {
-    return React__default["default"].createElement("div", {
-      className: "utilities_ops-app-frame_Help_Help--category"
-    }, React__default["default"].createElement("h3", null, category, " (", faqsByCategory[category].length, ")"), faqsByCategory[category].map(function (faq) {
-      return React__default["default"].createElement(Accordian, {
-        question: faq.question,
-        answer: faq.answer,
-        isOpen: faq.id === currentArticle.id,
-        mihelpRef: mihelpRef
-      });
-    }));
-  })));
+var Like = function Like() {
+  return React__default["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "14",
+    height: "12.727",
+    viewBox: "0 0 14 12.727"
+  }, React__default["default"].createElement("path", {
+    d: "M1.5,14.227H4.045V6.591H1.5Zm14-7a1.276,1.276,0,0,0-1.273-1.273H10.212l.6-2.908.019-.2a.958.958,0,0,0-.28-.675L9.881,1.5,5.694,5.694a1.244,1.244,0,0,0-.375.9v6.364a1.276,1.276,0,0,0,1.273,1.273h5.727a1.264,1.264,0,0,0,1.171-.776l1.922-4.486A1.257,1.257,0,0,0,15.5,8.5V7.285l-.006-.006Z",
+    transform: "translate(-1.5 -1.5)",
+    fill: "#2dce89"
+  }));
 };
-
-var ReleaseNote = function ReleaseNote(_ref) {
-  var currentArticle = _ref.currentArticle,
-      modifyLinks = _ref.modifyLinks;
-  React.useEffect(function () {
-    modifyLinks();
-  }, [currentArticle]);
-  return React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--releaseNote"
-  }, React__default["default"].createElement("h3", null, currentArticle.title), React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--releaseNoteContent"
-  }, React__default["default"].createElement(ReleaseNoteContent, {
-    content: currentArticle.content
-  })));
+var Dislike = function Dislike() {
+  return React__default["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "14",
+    height: "12.727",
+    viewBox: "0 0 14 12.727"
+  }, React__default["default"].createElement("path", {
+    d: "M10.409,4.5H4.682a1.264,1.264,0,0,0-1.171.776L1.589,9.763a1.257,1.257,0,0,0-.089.465v1.215l.006.006L1.5,11.5a1.276,1.276,0,0,0,1.273,1.273H6.788l-.6,2.908-.019.2a.958.958,0,0,0,.28.675l.675.668,4.194-4.194a1.265,1.265,0,0,0,.369-.9V5.773A1.276,1.276,0,0,0,10.409,4.5Zm2.545,0v7.636H15.5V4.5Z",
+    transform: "translate(-1.5 -4.5)",
+    fill: "#f5365c"
+  }));
 };
 
 var getRecommendedHelpArticles = function getRecommendedHelpArticles(helpContent) {
-  var articles = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.helpArticles) : []; // const sortedBySequence = articles.sort((a, b) => {
-  //   return parseInt(a.sequence) - parseInt(b.sequence)
-  // })
-  // const sortedByLikes = sortedBySequence.sort((a, b) => {
+  var articles = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.helpArticles) : []; // const sortedByLikes = sortedBySequence.sort((a, b) => {
   //   return parseInt(b.likes) - parseInt(a.likes)
   // })
 
   var recomendedArticles = articles.filter(function (article) {
     return article.recomended === 'true';
   });
-  return recomendedArticles;
+  var sortedBySequence = recomendedArticles.sort(function (a, b) {
+    return parseInt(a.sequence) - parseInt(b.sequence);
+  });
+  return sortedBySequence;
 };
 var getFaqs = function getFaqs(helpContent) {
-  var faqData = !isNil$1(helpContent) ? helpContent.faqs[0].content : '';
+  var _helpContent$faqs$;
+
+  var faqData = !isNil$1(helpContent) ? (_helpContent$faqs$ = helpContent.faqs[0]) === null || _helpContent$faqs$ === void 0 ? void 0 : _helpContent$faqs$.content : '';
   if (!faqData) return [];
   var faqObj = JSON.parse(faqData.slice(faqData.indexOf('wp:acf/faq')).replace('wp:acf/faq', '').replace('/-->', '').trim());
   var faqs = [];
@@ -22626,7 +22664,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")],
+        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
       });
@@ -22634,32 +22672,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 ? [latestArticle] : [];
+  }
 };
 var timer;
 var debounce = function debounce(fn, delay) {
@@ -22700,19 +22749,34 @@ var handleRedirect = function handleRedirect(type, mihelpAppPath, currentArticle
 
   window.open(uri, '_blank');
 };
+var formatPublishDate = function formatPublishDate(publishdate) {
+  var date = new Date(publishdate);
+  var month = new Intl.DateTimeFormat('en', {
+    month: 'short'
+  }).format(date);
+  var day = new Intl.DateTimeFormat('en', {
+    day: '2-digit'
+  }).format(date);
+  var year = new Intl.DateTimeFormat('en', {
+    year: 'numeric'
+  }).format(date);
+  return "".concat(month, "-").concat(day, "-").concat(year);
+};
 
-var _styleModuleImportMap$6 = {
-  "./Help.css": {
+var _styleModuleImportMap$7 = {
+  "../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",
@@ -22720,6 +22784,7 @@ var _styleModuleImportMap$6 = {
     "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",
@@ -22733,44 +22798,426 @@ var _styleModuleImportMap$6 = {
     "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"
+    "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 HelpSideBar = function HelpSideBar(_ref) {
-  var getNotificationWrapperWidth = _ref.getNotificationWrapperWidth;
-      _ref.getTitle;
-      var mihelpAppPath = _ref.mihelpAppPath,
-      mihelpRef = _ref.mihelpRef,
-      setMihelpVisible = _ref.setMihelpVisible;
-
-  var _useState = React.useState(null),
+var HelpArticle = function HelpArticle(_ref) {
+  var currentArticle = _ref.currentArticle,
+      modifyLinks = _ref.modifyLinks,
+      articleClickhandler = _ref.articleClickhandler,
+      likeHandler = _ref.likeHandler,
+      dislikeHandler = _ref.dislikeHandler,
+      skipFeedback = _ref.skipFeedback,
+      submitFeedback = _ref.submitFeedback,
+      feedbackConfig = _ref.feedbackConfig,
+      submitQuestion = _ref.submitQuestion,
+      showQuestionSection = _ref.showQuestionSection,
+      setShowQuestionSection = _ref.setShowQuestionSection,
+      showSuccessSection = _ref.showSuccessSection,
+      setShowSuccessSection = _ref.setShowSuccessSection,
+      questionSectionRef = _ref.questionSectionRef;
+
+  var _useState = React.useState(''),
       _useState2 = _slicedToArray(_useState, 2),
-      helpContent = _useState2[0],
-      setHelpContent = _useState2[1];
+      feedback = _useState2[0],
+      setFeedback = _useState2[1];
 
   var _useState3 = React.useState(''),
       _useState4 = _slicedToArray(_useState3, 2),
-      searchText = _useState4[0],
-      setSearchText = _useState4[1];
+      question = _useState4[0],
+      setQuestion = _useState4[1];
 
-  var _useState5 = React.useState(''),
+  var _useState5 = React.useState('selectCategory'),
       _useState6 = _slicedToArray(_useState5, 2),
-      title = _useState6[0],
-      setTitle = _useState6[1];
+      category = _useState6[0],
+      setCategory = _useState6[1];
 
-  var _useState7 = React.useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      searchResults = _useState8[0],
-      setSearchResults = _useState8[1];
+  React.useEffect(function () {
+    modifyLinks();
+  }, [currentArticle]);
 
-  var _useState9 = React.useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      searching = _useState10[0],
-      setSearching = _useState10[1];
+  var feedbackSubmitHandler = function feedbackSubmitHandler() {
+    submitFeedback(feedback);
+    setFeedback('');
+  };
 
-  var _useState11 = React.useState(null),
-      _useState12 = _slicedToArray(_useState11, 2),
+  var questionSubmitHandler = function questionSubmitHandler() {
+    submitQuestion(question, category);
+    setShowSuccessSection(true);
+  };
+
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--helpArticle"
+  }, React__default["default"].createElement("h3", {
+    className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, currentArticle.title), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--helpArticleWrapper"
+  }, React__default["default"].createElement(HelpArticleContent, {
+    article: currentArticle,
+    showQuestionSection: showQuestionSection
+  }, React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
+    className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--likeWrapper"
+  }, !currentArticle.showFeedback ? React__default["default"].createElement(React__default["default"].Fragment, null, !currentArticle.showThanksText ? React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--likeTxt"
+  }, "Was this useful?") : null, React__default["default"].createElement("span", {
+    className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, React__default["default"].createElement("span", {
+    onClick: function onClick() {
+      return likeHandler(currentArticle);
+    }
+  }, React__default["default"].createElement(Like, null)), React__default["default"].createElement("span", null, currentArticle.likes)), React__default["default"].createElement("span", {
+    className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, React__default["default"].createElement("span", {
+    onClick: function onClick() {
+      return dislikeHandler(currentArticle);
+    }
+  }, React__default["default"].createElement(Dislike, null)), React__default["default"].createElement("span", null, currentArticle.dislikes)), currentArticle.showThanksText ? React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--thanksText"
+  }, "Thanks for your feedback!") : null) : React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--feedbackWrapper"
+  }, React__default["default"].createElement("h5", null, "Sorry! Tell us how can we improve it?"), React__default["default"].createElement("textarea", {
+    placeholder: "Write feedback message...",
+    maxLength: "500",
+    spellCheck: "false",
+    value: feedback,
+    onChange: function onChange(e) {
+      return setFeedback(e.target.value);
+    }
+  }), React__default["default"].createElement("div", {
+    className: ""
+  }, React__default["default"].createElement("span", {
+    onClick: feedbackSubmitHandler
+  }, "Submit"), React__default["default"].createElement("span", {
+    onClick: skipFeedback
+  }, "Skip")))), React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--dateWrapper"
+  }, React__default["default"].createElement("b", null, "Last updated on:"), ' ', React__default["default"].createElement("span", null, currentArticle.updatedDate ? formatPublishDate(currentArticle.updatedDate) : null))), currentArticle.relatedHelpResources && React__default["default"].createElement("div", {
+    className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, React__default["default"].createElement("h3", null, "Related Help Resources"), React__default["default"].createElement("ul", null, currentArticle.relatedHelpResources.map(function (article) {
+    return React__default["default"].createElement("li", {
+      onClick: function onClick() {
+        return articleClickhandler(views.HELP_ARTICLE, article);
+      }
+    }, React__default["default"].createElement("img", {
+      src: "/assets/images/mihelpIcons/icon-helpresource.svg"
+    }), article.post_title);
+  }))), React__default["default"].createElement("div", {
+    ref: questionSectionRef,
+    className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, !showQuestionSection ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("h2", null, "Got more questions?"), React__default["default"].createElement("p", null, "If these resources are not enough to satisfy your queries then"), React__default["default"].createElement("p", null, React__default["default"].createElement("b", null, "Feel free to submit your question here.")), React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--submitBtn",
+    onClick: function onClick() {
+      return setShowQuestionSection(true);
+    }
+  }, "Submit Question")) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--close"
+  }, React__default["default"].createElement(coreComponents.IconButton, {
+    onClick: function onClick() {
+      return setShowQuestionSection(false);
+    }
+  }, React__default["default"].createElement(coreComponents.Icon, {
+    name: "close",
+    variant: "material"
+  }))), !showSuccessSection ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("h3", null, "Submit your Question"), React__default["default"].createElement("p", null, "If you have an", ' ', React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--highlightRed"
+  }, "innovation idea"), " or a", ' ', React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--highlightRed"
+  }, "suggestion"), ", click on the", ' ', React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--highlightRed"
+  }, "light bulb"), React__default["default"].createElement("img", {
+    src: "/assets/images/mihelpIcons/icon-bulb.svg"
+  }), " on top right of the G2 portal. For anything else, please proceed below."), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--CategoryWrapper"
+  }, React__default["default"].createElement("label", null, "Category"), React__default["default"].createElement("select", {
+    value: category,
+    onChange: function onChange(e) {
+      return setCategory(e.target.value);
+    }
+  }, React__default["default"].createElement("option", {
+    value: "selectCategory"
+  }, "- select category -"), feedbackConfig.issueTypeOptions.map(function (option) {
+    return React__default["default"].createElement("option", {
+      value: option.value
+    }, option.value);
+  }))), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--questionWrapper"
+  }, React__default["default"].createElement("label", null, "Your Question"), React__default["default"].createElement("textarea", {
+    value: question,
+    onChange: function onChange(e) {
+      return setQuestion(e.target.value);
+    }
+  })), React__default["default"].createElement("span", {
+    onClick: questionSubmitHandler,
+    className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, "Submit")) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("img", {
+    src: "/assets/images/mihelpIcons/icon-success.svg",
+    style: {
+      marginTop: '50px'
+    }
+  }), React__default["default"].createElement("p", {
+    className: "utilities_ops-app-frame_Help_Help--successMsg"
+  }, "Thanks! Your question submitted successfully"), React__default["default"].createElement("span", {
+    style: {
+      marginBottom: '12px'
+    }
+  }, "Due to Covid-19 Pandemic, 72 hours is the minimum response time for your question."), React__default["default"].createElement("span", {
+    style: {
+      marginBottom: '100px'
+    }
+  }, React__default["default"].createElement("b", null, "Feel free to explore other help resources and FAQs to avoid waiting time.")))))))));
+};
+
+function ReleaseNoteContent(_ref) {
+  var content = _ref.content;
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-kit-38"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-element elementor-element-8c17653 elementor-widget elementor-widget-theme-post-content"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-widget-container",
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }))));
+}
+
+function Accordian(_ref) {
+  var question = _ref.question,
+      answer = _ref.answer,
+      isOpen = _ref.isOpen,
+      mihelpRef = _ref.mihelpRef;
+
+  var _useState = React.useState(Boolean(isOpen)),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var faqRef = React.useRef(null);
+  React.useEffect(function () {
+    if (isOpen) {
+      var offsetTop = faqRef.current.offsetTop;
+      mihelpRef.current.scroll({
+        top: offsetTop - 50,
+        behavior: 'smooth'
+      });
+    }
+  }, [isOpen]);
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--accordian"
+  }, React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--question",
+    onClick: function onClick() {
+      return setOpen(!open);
+    },
+    ref: faqRef
+  }, React__default["default"].createElement("p", {
+    style: {
+      color: open ? '#1D5AB9' : '#323130'
+    }
+  }, question), React__default["default"].createElement(coreComponents.Icon, {
+    name: "chevron_right",
+    variant: "material",
+    style: {
+      transform: open ? 'rotate(90deg)' : 'rotate(0deg)',
+      color: open ? '#1D5AB9' : '#DCDCDC'
+    }
+  })), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--answer",
+    style: {
+      maxHeight: open ? '500px' : 0
+    }
+  }, React__default["default"].createElement(ReleaseNoteContent, {
+    content: answer
+  })));
+}
+
+var Faq = function Faq(_ref) {
+  var faqs = _ref.faqs,
+      currentArticle = _ref.currentArticle,
+      mihelpRef = _ref.mihelpRef,
+      modifyLinks = _ref.modifyLinks;
+  React.useEffect(function () {
+    modifyLinks();
+  }, [faqs]);
+  var faqsByCategory = {};
+  faqs.forEach(function (faq) {
+    if (faqsByCategory[faq.category]) {
+      faqsByCategory[faq.category] = [].concat(_toConsumableArray(faqsByCategory[faq.category]), [faq]);
+    } else {
+      faqsByCategory[faq.category] = [faq];
+    }
+  });
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--faqContentWrapper"
+  }, React__default["default"].createElement("h3", null, "FAQs"), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--faqsList"
+  }, Object.keys(faqsByCategory).map(function (category) {
+    return React__default["default"].createElement("div", {
+      className: "utilities_ops-app-frame_Help_Help--category"
+    }, React__default["default"].createElement("h3", null, category, " (", faqsByCategory[category].length, ")"), faqsByCategory[category].map(function (faq) {
+      return React__default["default"].createElement(Accordian, {
+        question: faq.question,
+        answer: faq.answer,
+        isOpen: faq.id === currentArticle.id,
+        mihelpRef: mihelpRef
+      });
+    }));
+  })));
+};
+
+var ReleaseNote = function ReleaseNote(_ref) {
+  var currentArticle = _ref.currentArticle,
+      modifyLinks = _ref.modifyLinks;
+  React.useEffect(function () {
+    modifyLinks();
+  }, [currentArticle]);
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--releaseNote"
+  }, React__default["default"].createElement("h3", null, currentArticle.title), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--releaseNoteContent"
+  }, React__default["default"].createElement(ReleaseNoteContent, {
+    content: currentArticle.content
+  })));
+};
+
+var _styleModuleImportMap$6 = {
+  "./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 HelpSideBar = function HelpSideBar(_ref) {
+  var getNotificationWrapperWidth = _ref.getNotificationWrapperWidth;
+      _ref.getTitle;
+      var mihelpAppPath = _ref.mihelpAppPath,
+      mihelpRef = _ref.mihelpRef,
+      setMihelpVisible = _ref.setMihelpVisible,
+      feedbackConfig = _ref.feedbackConfig,
+      showMihelpDot = _ref.showMihelpDot;
+
+  var _useState = React.useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      helpContent = _useState2[0],
+      setHelpContent = _useState2[1];
+
+  var _useState3 = React.useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      searchText = _useState4[0],
+      setSearchText = _useState4[1];
+
+  var _useState5 = React.useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      title = _useState6[0],
+      setTitle = _useState6[1];
+
+  var _useState7 = React.useState([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      searchResults = _useState8[0],
+      setSearchResults = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      loading = _useState10[0],
+      setLoading = _useState10[1];
+
+  var _useState11 = React.useState(null),
+      _useState12 = _slicedToArray(_useState11, 2),
       viewMoreType = _useState12[0],
       setViewMoreType = _useState12[1];
 
@@ -22784,264 +23231,621 @@ var HelpSideBar = function HelpSideBar(_ref) {
       currentArticle = _useState16[0],
       setcurrentArticle = _useState16[1];
 
+  var _useState17 = React.useState([]),
+      _useState18 = _slicedToArray(_useState17, 2),
+      history = _useState18[0],
+      setHistory = _useState18[1];
+
+  var _useState19 = React.useState(false),
+      _useState20 = _slicedToArray(_useState19, 2),
+      showQuestionSection = _useState20[0],
+      setShowQuestionSection = _useState20[1];
+
+  var _useState21 = React.useState(false),
+      _useState22 = _slicedToArray(_useState21, 2),
+      showSuccessSection = _useState22[0],
+      setShowSuccessSection = _useState22[1];
+
+  var _useState23 = React.useState(false),
+      _useState24 = _slicedToArray(_useState23, 2),
+      backClicked = _useState24[0],
+      setBackClicked = _useState24[1];
+
+  var _useState25 = React.useState(null),
+      _useState26 = _slicedToArray(_useState25, 2),
+      faqs = _useState26[0],
+      setFaqs = _useState26[1];
+
+  var _useState27 = React.useState(null),
+      _useState28 = _slicedToArray(_useState27, 2),
+      selectedFaq = _useState28[0],
+      setSelectedFaq = _useState28[1];
+
+  var spinnerRef = React.useRef();
+  var questionSectionRef = React.useRef();
+  React.useEffect(function () {
+    if (!showQuestionSection) {
+      setShowSuccessSection(false);
+    } else {
+      var offsetTop = questionSectionRef.current.offsetTop;
+      mihelpRef.current.scroll({
+        top: offsetTop - 50,
+        behavior: 'smooth'
+      });
+    }
+  }, [showQuestionSection]);
   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) {
+      var diff = mihelpRef.current.scrollHeight - mihelpRef.current.offsetHeight;
+      spinnerRef.current.style.bottom = "-".concat(diff, "px");
+      var svgRef = spinnerRef.current.querySelector('svg');
+      svgRef.style.bottom = "".concat(mihelpRef.current.offsetHeight / 2 - 25, "px");
+    }
+  }, [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$getLocalItem, _response$data, country, app, url, response;
 
       return regenerator.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              // const url = '/mihelpservices/elementor/css'
-              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, {
+              setLoading(true);
+              country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
+              app = mihelpAppPath || 'g2-portal';
+              url = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.getMihelpContent;
+              _context.next = 7;
+              return axios.get("".concat(url, "?app=").concat(app, "&country=").concat(country), {
                 headers: {
                   Authorization: storage$1.accessToken
                 }
               });
 
-            case 4:
+            case 7:
               response = _context.sent;
-              console.log('+++appendElementorStyles=', response);
+              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);
+              _context.next = 17;
+              break;
 
-              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            }");
-                style.appendChild(css);
-                document.head.appendChild(style);
+            case 13:
+              _context.prev = 13;
+              _context.t0 = _context["catch"](0);
+              setLoading(false);
+              console.log('+++fetch error=', _context.t0);
+
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 13]]);
+    }));
+
+    return function getHelpContent() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  React.useEffect(function () {
+    if (!backClicked) {
+      if (searchText.length) {
+        debounce(getSearchResults, 250);
+      } else {
+        setLoading(false);
+        clearDebounceTimer();
+        setSearchResults([]);
+      }
+    } else {
+      setBackClicked(false);
+    }
+  }, [searchText]);
+
+  var getSearchResults =
+  /*#__PURE__*/
+  function () {
+    var _ref3 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee2() {
+      var _storage$getLocalItem2, url, response;
+
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              url = (_storage$getLocalItem2 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.mihelpSearch;
+              setLoading(true);
+              _context2.next = 5;
+              return axios.get("".concat(url, "?s=").concat(searchText, "&country=USA"), {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 5:
+              response = _context2.sent;
+              setSearchResults(response.data.results);
+              setLoading(false);
+              _context2.next = 14;
+              break;
+
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](0);
+              console.log(_context2.t0);
+              setLoading(false);
+
+            case 14:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[0, 10]]);
+    }));
+
+    return function getSearchResults() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var viewMore = function viewMore(type) {
+    saveHistory();
+    setViewMoreType(type);
+  };
+
+  var getArticles = function getArticles(type) {
+    console.log('+++getArticles type=', type);
+
+    switch (type) {
+      case contentType.RECOMMENDED_HELP_RESOURCES.type:
+        return getRecommendedHelpArticles(helpContent);
+
+      case contentType.FAQS.type:
+        return getFaqs(helpContent);
+
+      case contentType.RELEASE_NOTES.type:
+        return getReleaseNotes(helpContent, mihelpAppPath);
+
+      default:
+        return [];
+    }
+  };
+
+  var handleBackDropClick = function handleBackDropClick(e) {
+    var _e$target, _e$target$className;
+
+    if (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$className = _e$target.className) === null || _e$target$className === void 0 ? void 0 : _e$target$className.includes('backdrop')) {
+      setMihelpVisible(false);
+    }
+  };
+
+  var renderView = function renderView() {
+    switch (currentView) {
+      case views.HOME:
+        return React__default["default"].createElement(Home, {
+          viewMoreType: viewMoreType,
+          getArticles: getArticles,
+          handleRedirect: handleRedirect,
+          viewMore: viewMore,
+          title: title,
+          mihelpAppPath: mihelpAppPath,
+          setCurrentView: setCurrentView,
+          setcurrentArticle: setcurrentArticle,
+          saveHistory: saveHistory,
+          articleClickhandler: articleClickhandler,
+          isLatestRelease: showMihelpDot
+        });
+
+      case views.HELP_ARTICLE:
+        return currentArticle ? React__default["default"].createElement(HelpArticle, {
+          currentArticle: currentArticle,
+          modifyLinks: modifyLinks,
+          articleClickhandler: articleClickhandler,
+          likeHandler: likeHandler,
+          dislikeHandler: dislikeHandler,
+          skipFeedback: skipFeedback,
+          submitFeedback: submitFeedback,
+          feedbackConfig: feedbackConfig,
+          submitQuestion: submitQuestion,
+          showQuestionSection: showQuestionSection,
+          setShowQuestionSection: setShowQuestionSection,
+          showSuccessSection: showSuccessSection,
+          setShowSuccessSection: setShowSuccessSection,
+          questionSectionRef: questionSectionRef
+        }) : null;
+
+      case views.FAQ:
+        return selectedFaq ? React__default["default"].createElement(Faq, {
+          faqs: getFaqs({
+            faqs: [faqs]
+          }),
+          currentArticle: selectedFaq,
+          mihelpRef: mihelpRef,
+          modifyLinks: modifyLinks
+        }) : null;
+
+      case views.RELEASE_NOTE:
+        return currentArticle ? React__default["default"].createElement(ReleaseNote, {
+          currentArticle: currentArticle,
+          modifyLinks: modifyLinks
+        }) : null;
+
+      default:
+        return null;
+    }
+  };
+
+  var backHandler = function backHandler() {
+    if (!history.length) return;
+
+    if (searchText.length) {
+      setSearchText('');
+      setSearchResults([]);
+      return;
+    }
+
+    var previousHistory = history[0];
+    setViewMoreType(previousHistory.viewMoreType);
+    setCurrentView(previousHistory.currentView);
+    setcurrentArticle(previousHistory.currentArticle);
+    setFaqs(previousHistory.faqs);
+    setSelectedFaq(previousHistory.selectedFaq);
+    setSearchText(previousHistory.searchText);
+    setSearchResults(previousHistory.searchResults);
+    setBackClicked(true);
+
+    var newHistory = _toConsumableArray(history);
+
+    newHistory.shift();
+    setHistory(newHistory);
+  };
+
+  var modifyLinks = function modifyLinks() {
+    var links = mihelpRef.current.getElementsByTagName('a');
+
+    for (var i = 0; i < links.length; i++) {
+      links[i].setAttribute('target', '_blank');
+    }
+  };
+
+  var saveHistory = function saveHistory() {
+    var _previousHistory;
+
+    var previousHistory = (_previousHistory = {
+      searchResults: searchResults,
+      searchText: searchText,
+      viewMoreType: viewMoreType,
+      currentView: currentView,
+      currentArticle: currentArticle,
+      faqs: faqs,
+      selectedFaq: selectedFaq
+    }, _defineProperty(_previousHistory, "searchText", searchText), _defineProperty(_previousHistory, "searchResults", searchResults), _previousHistory);
+    setHistory([previousHistory].concat(_toConsumableArray(history)));
+  };
+
+  var handleTitleClick = function handleTitleClick() {
+    if (viewMoreType || currentView !== views.HOME) {
+      setSearchText('');
+      setSearchResults([]);
+      setLoading(false);
+      setViewMoreType(null);
+      setCurrentView(views.HOME);
+      setcurrentArticle(null);
+      setFaqs(helpContent === null || helpContent === void 0 ? void 0 : helpContent.faqs[0]);
+      setSelectedFaq(null);
+      setHistory([]);
+    }
+  };
+
+  var articleClickhandler =
+  /*#__PURE__*/
+  function () {
+    var _ref4 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee3(view, article, isSearchFaq) {
+      var _storage$getLocalItem3, url, id, response;
+
+      return regenerator.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              setLoading(true);
+              url = (_storage$getLocalItem3 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem3 === void 0 ? void 0 : _storage$getLocalItem3.getMihelpArticle;
+              id = view === views.FAQ && !isSearchFaq ? faqs.id : article.id || article.ID;
+              _context3.next = 6;
+              return axios.get("".concat(url, "/").concat(id), {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 6:
+              response = _context3.sent;
+              saveHistory();
+              setCurrentView(view);
+
+              if (view === views.FAQ) {
+                setFaqs(response === null || response === void 0 ? void 0 : response.data);
+                setSelectedFaq(article);
+              } else {
+                setcurrentArticle(response === null || response === void 0 ? void 0 : response.data);
+              }
+
+              setLoading(false);
+              setSearchText('');
+              _context3.next = 18;
+              break;
+
+            case 14:
+              _context3.prev = 14;
+              _context3.t0 = _context3["catch"](0);
+              setLoading(false);
+              console.log('fetch articleClickhandler error=', _context3.t0);
+
+            case 18:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[0, 14]]);
+    }));
+
+    return function articleClickhandler(_x, _x2, _x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  var likeHandler =
+  /*#__PURE__*/
+  function () {
+    var _ref5 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee4(article) {
+      var _storage$getLocalItem4, _response$data2, url, id, response, modifiedArticle;
+
+      return regenerator.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.prev = 0;
+              setLoading(true);
+              url = (_storage$getLocalItem4 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem4 === void 0 ? void 0 : _storage$getLocalItem4.mihelpLike;
+              id = article.id || article.ID;
+              _context4.next = 6;
+              return axios.post("".concat(url, "/").concat(id), null, {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 6:
+              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) {
+                modifiedArticle.liked = false;
+                modifiedArticle.likes -= 1;
+                modifiedArticle.showThanksText = false;
+              } else {
+                modifiedArticle.liked = true;
+                modifiedArticle.likes += 1;
+
+                if (modifiedArticle.disliked) {
+                  modifiedArticle.disliked = false;
+                  modifiedArticle.dislikes -= 1;
+                }
+
+                modifiedArticle.showThanksText = true;
+              }
+
+              setcurrentArticle(modifiedArticle);
+              setLoading(false);
+              _context4.next = 17;
+              break;
+
+            case 13:
+              _context4.prev = 13;
+              _context4.t0 = _context4["catch"](0);
+              setLoading(false);
+              console.log('Like error', _context4.t0);
+
+            case 17:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4, null, [[0, 13]]);
+    }));
+
+    return function likeHandler(_x4) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  var dislikeHandler =
+  /*#__PURE__*/
+  function () {
+    var _ref6 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee5(article) {
+      var _storage$getLocalItem5, _response$data3, url, id, response, modifiedArticle;
+
+      return regenerator.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.prev = 0;
+              setLoading(true);
+              url = (_storage$getLocalItem5 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem5 === void 0 ? void 0 : _storage$getLocalItem5.mihelpDisLike;
+              id = article.id || article.ID;
+              _context5.next = 6;
+              return axios.post("".concat(url, "/").concat(id), null, {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 6:
+              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) {
+                modifiedArticle.disliked = false;
+                modifiedArticle.dislikes -= 1;
+                modifiedArticle.showThanksText = false;
+              } else {
+                modifiedArticle.disliked = true;
+                modifiedArticle.dislikes += 1;
+
+                if (modifiedArticle.liked) {
+                  modifiedArticle.liked = false;
+                  modifiedArticle.likes -= 1;
+                }
+
+                modifiedArticle.showFeedback = true;
               }
 
-              _context.next = 12;
+              setcurrentArticle(modifiedArticle);
+              setLoading(false);
+              _context5.next = 17;
               break;
 
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](0);
-              console.log('+++fetch error=', _context.t0);
+            case 13:
+              _context5.prev = 13;
+              _context5.t0 = _context5["catch"](0);
+              setLoading(false);
+              console.log('Like error', _context5.t0);
 
-            case 12:
+            case 17:
             case "end":
-              return _context.stop();
+              return _context5.stop();
           }
         }
-      }, _callee, null, [[0, 9]]);
+      }, _callee5, null, [[0, 13]]);
     }));
 
-    return function appendElementorStyles() {
-      return _ref2.apply(this, arguments);
+    return function dislikeHandler(_x5) {
+      return _ref6.apply(this, arguments);
     };
   }();
 
-  var getHelpContent =
+  var skipFeedback = function skipFeedback() {
+    var modifiedArticle = _objectSpread2({}, currentArticle);
+
+    modifiedArticle.showFeedback = false;
+    modifiedArticle.showThanksText = true;
+    setcurrentArticle(modifiedArticle);
+  };
+
+  var submitFeedback =
   /*#__PURE__*/
   function () {
-    var _ref3 = _asyncToGenerator(
+    var _ref7 = _asyncToGenerator(
     /*#__PURE__*/
-    regenerator.mark(function _callee2() {
-      var _storage$getItem$endp2, url, response;
+    regenerator.mark(function _callee6(feedback) {
+      var _storage$getLocalItem6, url;
 
-      return regenerator.wrap(function _callee2$(_context2) {
+      return regenerator.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
-              _context2.prev = 0;
-              url = (_storage$getItem$endp2 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp2 === void 0 ? void 0 : _storage$getItem$endp2.getMihelpContent;
-              _context2.next = 4;
-              return axios.get("".concat(url, "?app=g2-portal&country=USA"), {
+              skipFeedback();
+              _context6.prev = 1;
+              url = (_storage$getLocalItem6 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem6 === void 0 ? void 0 : _storage$getLocalItem6.mihelpSubmitFeedback;
+              _context6.next = 5;
+              return axios.post(url, {
+                message: feedback,
+                url: window.location.href,
+                userAgent: navigator.userAgent
+              }, {
                 headers: {
                   Authorization: storage$1.accessToken
                 }
               });
 
-            case 4:
-              response = _context2.sent;
-              console.log('+++data=', response);
-              setHelpContent(response === null || response === void 0 ? void 0 : response.data);
-              _context2.next = 12;
+            case 5:
+              _context6.next = 10;
               break;
 
-            case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2["catch"](0);
-              console.log('+++fetch error=', _context2.t0);
+            case 7:
+              _context6.prev = 7;
+              _context6.t0 = _context6["catch"](1);
+              console.log('submitFeedback Error', _context6.t0);
 
-            case 12:
+            case 10:
             case "end":
-              return _context2.stop();
+              return _context6.stop();
           }
         }
-      }, _callee2, null, [[0, 9]]);
+      }, _callee6, null, [[1, 7]]);
     }));
 
-    return function getHelpContent() {
-      return _ref3.apply(this, arguments);
+    return function submitFeedback(_x6) {
+      return _ref7.apply(this, arguments);
     };
   }();
 
-  React.useEffect(function () {
-    if (searchText.length) {
-      debounce(getSearchResults, 250);
-    } else {
-      setSearching(false);
-      clearDebounceTimer();
-      setSearchResults([]);
-    }
-  }, [searchText]);
-
-  var getSearchResults =
+  var submitQuestion =
   /*#__PURE__*/
   function () {
-    var _ref4 = _asyncToGenerator(
+    var _ref8 = _asyncToGenerator(
     /*#__PURE__*/
-    regenerator.mark(function _callee3() {
-      var _storage$getItem$endp3, url, response;
+    regenerator.mark(function _callee7(question, category) {
+      var _storage$getLocalItem7, url;
 
-      return regenerator.wrap(function _callee3$(_context3) {
+      return regenerator.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context7.prev = _context7.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;
-              setSearching(true);
-              _context3.next = 5;
-              return axios.get("".concat(url, "?s=").concat(searchText, "&country=USA"), {
+              _context7.prev = 0;
+              url = (_storage$getLocalItem7 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem7 === void 0 ? void 0 : _storage$getLocalItem7.mihelpSubmitQuestion;
+              _context7.next = 4;
+              return axios.post(url, {
+                question: question,
+                category: category,
+                app: title
+              }, {
                 headers: {
                   Authorization: storage$1.accessToken
                 }
               });
 
-            case 5:
-              response = _context3.sent;
-              console.log('+++response=', response.data.results);
-              setSearchResults(response.data.results);
-              setSearching(false);
-              _context3.next = 15;
+            case 4:
+              _context7.next = 9;
               break;
 
-            case 11:
-              _context3.prev = 11;
-              _context3.t0 = _context3["catch"](0);
-              console.log(_context3.t0);
-              setSearching(false);
+            case 6:
+              _context7.prev = 6;
+              _context7.t0 = _context7["catch"](0);
+              console.log('submitQuestion Error', _context7.t0);
 
-            case 15:
+            case 9:
             case "end":
-              return _context3.stop();
+              return _context7.stop();
           }
         }
-      }, _callee3, null, [[0, 11]]);
+      }, _callee7, null, [[0, 6]]);
     }));
 
-    return function getSearchResults() {
-      return _ref4.apply(this, arguments);
+    return function submitQuestion(_x7, _x8) {
+      return _ref8.apply(this, arguments);
     };
   }();
 
-  var viewMore = function viewMore(type) {
-    setViewMoreType(type);
-  };
-
-  var getArticles = function getArticles(type) {
-    switch (type) {
-      case contentType.RECOMMENDED_HELP_RESOURCES.type:
-        return getRecommendedHelpArticles(helpContent);
-
-      case contentType.FAQS.type:
-        return getFaqs(helpContent);
-
-      case contentType.RELEASE_NOTES.type:
-        return getReleaseNotes(helpContent);
-
-      default:
-        return [];
-    }
-  };
-
-  var handleBackDropClick = function handleBackDropClick(e) {
-    if (e.target.className.includes('backdrop')) {
-      setMihelpVisible(false);
-    }
-  };
-
-  var renderView = function renderView() {
-    switch (currentView) {
-      case views.HOME:
-        return React__default["default"].createElement(Home, {
-          viewMoreType: viewMoreType,
-          getArticles: getArticles,
-          handleRedirect: handleRedirect,
-          viewMore: viewMore,
-          title: title,
-          mihelpAppPath: mihelpAppPath,
-          setCurrentView: setCurrentView,
-          setcurrentArticle: setcurrentArticle
-        });
-
-      case views.HELP_ARTICLE:
-        return React__default["default"].createElement(HelpArticle, {
-          currentArticle: currentArticle,
-          modifyLinks: modifyLinks
-        });
-
-      case views.FAQ:
-        return React__default["default"].createElement(Faq, {
-          faqs: getArticles(contentType.FAQS.type),
-          currentArticle: currentArticle,
-          mihelpRef: mihelpRef,
-          modifyLinks: modifyLinks
-        });
-
-      case views.RELEASE_NOTE:
-        return React__default["default"].createElement(ReleaseNote, {
-          currentArticle: currentArticle,
-          modifyLinks: modifyLinks
-        });
-
-      default:
-        return React__default["default"].createElement(Home, {
-          viewMoreType: viewMoreType,
-          getArticles: getArticles,
-          handleRedirect: handleRedirect,
-          viewMore: viewMore,
-          title: title,
-          mihelpAppPath: mihelpAppPath
-        });
-    }
-  };
-
-  var backHandler = function backHandler() {
-    setViewMoreType(null);
-    setCurrentView(views.HOME);
-  };
-
-  var modifyLinks = function modifyLinks() {
-    var links = mihelpRef.current.getElementsByTagName('a');
-
-    for (var i = 0; i < links.length; i++) {
-      links[i].setAttribute('target', '_blank');
-    }
-  };
-
   return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_Help--backdrop",
     onClick: handleBackDropClick
@@ -23050,13 +23854,18 @@ var HelpSideBar = function HelpSideBar(_ref) {
       width: getNotificationWrapperWidth()
     },
     ref: mihelpRef,
-    className: _getClassName("miHelpSideBar ".concat(!helpContent ? 'overFlowHidden' : ''), _styleModuleImportMap$6, {
+    className: _getClassName("miHelpSideBar ".concat(!helpContent || showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$6, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_Help--header"
   }, React__default["default"].createElement("span", {
-    className: "utilities_ops-app-frame_Help_Help--title"
+    className: "utilities_ops-app-frame_Help_Help--title",
+    style: {
+      color: viewMoreType || currentView !== views.HOME ? '#1D5AB9' : '#323130',
+      cursor: viewMoreType || currentView !== views.HOME ? 'pointer' : 'auto'
+    },
+    onClick: handleTitleClick
   }, title), React__default["default"].createElement("span", {
     className: "utilities_ops-app-frame_Help_Help--close"
   }, React__default["default"].createElement(coreComponents.IconButton, {
@@ -23083,11 +23892,13 @@ var HelpSideBar = function HelpSideBar(_ref) {
       var type = currentView === views.HOME ? redirectContants.ALL_HELP_RESOURCES : currentView === views.FAQ ? redirectContants.FAQS : redirectContants.OPEN_IN_NEW_TAB;
       handleRedirect(type, mihelpAppPath, currentArticle);
     }
-  }, currentView === views.HOME ? 'All Help Resources' : 'Open New Tab', React__default["default"].createElement(coreComponents.Icon, {
+  }, currentView === views.HOME ? 'All Help Resources' : 'Open In New Tab', React__default["default"].createElement(coreComponents.Icon, {
     name: "open_in_new",
     variant: "material"
   }))), React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--searchWrapper"
+    className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$6, {
+      "handleMissingStyleName": "warn"
+    })
   }, React__default["default"].createElement("input", {
     type: "text",
     className: "utilities_ops-app-frame_Help_Help--mihelpSearch",
@@ -23103,10 +23914,11 @@ var HelpSideBar = function HelpSideBar(_ref) {
   }, "X") : null), !searchText.length ? renderView() : React__default["default"].createElement(SearchResults, {
     searchText: searchText,
     results: searchResults,
-    contentType: contentType,
-    postTypeMapper: postTypeMapper
-  }), (!helpContent || searching) && React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--spinnerWrapper"
+    articleClickhandler: articleClickhandler,
+    loading: loading
+  }), (!helpContent || loading) && React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--spinnerWrapper",
+    ref: spinnerRef
   }, React__default["default"].createElement(coreComponents.Spinner, {
     size: "60px"
   }))));
@@ -23162,6 +23974,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",
@@ -25738,6 +26552,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",
@@ -25826,7 +26642,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;
@@ -26008,7 +26827,10 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
           return setMihelpVisible(!mihelpVisible);
         },
         mihelpVisible: mihelpVisible,
-        mihelpIconRef: mihelpIconRef
+        mihelpIconRef: mihelpIconRef,
+        showMihelpDot: showMihelpDot,
+        setShowMihelpTooltip: setShowMihelpTooltip,
+        showMihelpTooltip: showMihelpTooltip
       });
     }
   }, {
@@ -26139,7 +26961,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;
@@ -26361,7 +27184,9 @@ var AppBar$1 = function AppBar(props) {
     getTitle: getTitle,
     mihelpAppPath: mihelpAppPath,
     mihelpRef: mihelpRef,
-    setMihelpVisible: setMihelpVisible
+    setMihelpVisible: setMihelpVisible,
+    feedbackConfig: props.feedbackConfig,
+    showMihelpDot: showMihelpDot
   }));
 };
 AppBar$1.defaultProps = {
@@ -31390,6 +32215,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);
 
@@ -31459,6 +32310,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);
 
@@ -31469,6 +32335,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);
@@ -31476,6 +32348,141 @@ var AppBar = function AppBar(_ref) {
     };
   }, []);
 
+  var appendElementorStyles =
+  /*#__PURE__*/
+  function () {
+    var _ref2 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee() {
+      var _storage$getLocalItem, url, response, style, css;
+
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              url = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.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$endp, _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$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.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();
@@ -31562,6 +32569,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,
@@ -31592,7 +32600,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, {
@@ -31600,6 +32611,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 = {