@copart/ops-tool-kit 1.10.0-alpha.2 → 1.10.0-alpha.4

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.2";
+const version$3 = "1.10.0-alpha.4";
 const main = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -22229,7 +22229,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$8 = {
   "./CopartLogo.css": {
     "CopartLogo": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo",
     "CopartLogoNew": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew",
@@ -22245,7 +22245,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$8, {
       "handleMissingStyleName": "warn"
     })
   }));
@@ -22314,7 +22314,7 @@ var viewMapper = {
   RELEASE_NOTES: views.RELEASE_NOTE
 };
 
-var css_248z$e = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  top: 64px;\r\n  width: 100vw;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n  width: 50vw;\r\n  position: absolute;\r\n  right: 0;\r\n  height: calc(100vh - 64px);\r\n  padding: 15px;\r\n  background-color: white;\r\n  overflow-y: auto;\r\n  color: #323130;\r\n}\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  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";
+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  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.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  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--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--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  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  /* border-bottom: 1px solid #edebe9; */\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";
 styleInject(css_248z$e);
 
 var ArticleSection = function ArticleSection(_ref) {
@@ -22359,16 +22359,7 @@ var Home = function Home(_ref) {
       viewMore = _ref.viewMore,
       title = _ref.title,
       mihelpAppPath = _ref.mihelpAppPath,
-      setCurrentView = _ref.setCurrentView,
-      setcurrentArticle = _ref.setcurrentArticle,
-      saveHistory = _ref.saveHistory;
-
-  var clickhandler = function clickhandler(view, id) {
-    saveHistory();
-    setCurrentView(view);
-    setcurrentArticle(id);
-  };
-
+      articleClickhandler = _ref.articleClickhandler;
   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() {
@@ -22381,7 +22372,7 @@ var Home = function Home(_ref) {
       title: title,
       key: key,
       mihelpAppPath: mihelpAppPath,
-      clickhandler: clickhandler
+      clickhandler: articleClickhandler
     });
   })) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_Help--helpResourcesWrapper"
@@ -22389,7 +22380,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
@@ -22447,7 +22438,27 @@ var css_248z$a = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\
 styleInject(css_248z$a);
 
 function HelpArticleContent(_ref) {
-  var content = _ref.content;
+  var article = _ref.article,
+      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", {
@@ -22471,24 +22482,276 @@ function HelpArticleContent(_ref) {
   }, React__default["default"].createElement("div", {
     className: "elementor-widget-container",
     dangerouslySetInnerHTML: {
-      __html: content
+      __html: article.content
     }
-  })))))))))));
+  })))))))))), React__default["default"].createElement(React__default["default"].Fragment, null, children));
 }
 
+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 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 sortedByLikes = sortedBySequence.sort((a, b) => {
+  //   return parseInt(b.likes) - parseInt(a.likes)
+  // })
+
+  var recomendedArticles = articles.filter(function (article) {
+    return article.recomended === 'true';
+  });
+  var sortedBySequence = recomendedArticles.sort(function (a, b) {
+    return parseInt(a.sequence) - parseInt(b.sequence);
+  });
+  return sortedBySequence;
+};
+var getFaqs = function getFaqs(helpContent) {
+  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 = [];
+  Object.keys(faqObj.data).forEach(function (key, i) {
+    if (key.includes('_question') && !faqObj.data[key].includes('field_')) {
+      faqs.push({
+        question: faqObj.data[key],
+        answer: faqObj.data["".concat(key.replace('question', ''), "answer")].replace(/\n/g, "<br>"),
+        category: faqObj.data["".concat(key.slice(0, key.indexOf('s_')), "_category")],
+        id: i
+      });
+    }
+  });
+  return faqs;
+};
+var getReleaseNotes = function getReleaseNotes(helpContent) {
+  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 (new Date(release.publishDate) > new Date(latestArticle.publishDate)) {
+        latestArticle = release;
+      }
+    });
+    latestReleasesByApp.push(latestArticle);
+  });
+  return latestReleasesByApp;
+};
+var timer;
+var debounce = function debounce(fn, delay) {
+  clearTimeout(timer);
+  timer = setTimeout(function () {
+    return fn();
+  }, delay);
+};
+var clearDebounceTimer = function clearDebounceTimer() {
+  clearTimeout(timer);
+};
+var handleRedirect = function handleRedirect(type, mihelpAppPath, currentArticle) {
+  var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
+  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
+  var uri;
+
+  switch (type) {
+    case redirectContants.OPEN_IN_NEW_TAB:
+      uri = currentArticle.url;
+      break;
+
+    case redirectContants.ALL_HELP_RESOURCES:
+      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
+      break;
+
+    case redirectContants.HELP_RESOURCES:
+      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#help-resources") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#help-resources");
+      break;
+
+    case redirectContants.FAQS:
+      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#faqs") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#faqs");
+      break;
+
+    case redirectContants.RELEASE_NOTES:
+      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#releases") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#releases");
+      break;
+  }
+
+  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$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",
+    "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",
+    "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"
+  }
+};
+
 var HelpArticle = function HelpArticle(_ref) {
   var currentArticle = _ref.currentArticle,
-      modifyLinks = _ref.modifyLinks;
+      modifyLinks = _ref.modifyLinks,
+      articleClickhandler = _ref.articleClickhandler,
+      likeHandler = _ref.likeHandler,
+      dislikeHandler = _ref.dislikeHandler,
+      skipFeedback = _ref.skipFeedback,
+      submitFeedback = _ref.submitFeedback;
+
+  var _useState = React.useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      feedback = _useState2[0],
+      setFeedback = _useState2[1];
+
   React.useEffect(function () {
     modifyLinks();
   }, [currentArticle]);
+
+  var submitHandler = function submitHandler() {
+    submitFeedback(feedback);
+    setFeedback('');
+  };
+
   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
-  })));
+    article: currentArticle
+  }, React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--articleFooter"
+  }, 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: submitHandler
+  }, "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, formatPublishDate(currentArticle.publishDate)))), currentArticle.relatedHelpResources && React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--relatedResourcesWrapper"
+  }, 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, true);
+      }
+    }, React__default["default"].createElement("img", {
+      src: "/assets/images/mihelpIcons/icon-helpresource.svg"
+    }), article.post_title);
+  })))))));
 };
 
 function ReleaseNoteContent(_ref) {
@@ -22606,103 +22869,6 @@ var ReleaseNote = function ReleaseNote(_ref) {
   })));
 };
 
-var getRecommendedHelpArticles = function getRecommendedHelpArticles(helpContent) {
-  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';
-  });
-  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 : '';
-  if (!faqData) return [];
-  var faqObj = JSON.parse(faqData.slice(faqData.indexOf('wp:acf/faq')).replace('wp:acf/faq', '').replace('/-->', '').trim());
-  var faqs = [];
-  Object.keys(faqObj.data).forEach(function (key, i) {
-    if (key.includes('_question') && !faqObj.data[key].includes('field_')) {
-      faqs.push({
-        question: faqObj.data[key],
-        answer: faqObj.data["".concat(key.replace('question', ''), "answer")].replace(/\n/g, "<br>"),
-        category: faqObj.data["".concat(key.slice(0, key.indexOf('s_')), "_category")],
-        id: i
-      });
-    }
-  });
-  return faqs;
-};
-var getReleaseNotes = function getReleaseNotes(helpContent) {
-  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 (new Date(release.publishDate) > new Date(latestArticle.publishDate)) {
-        latestArticle = release;
-      }
-    });
-    latestReleasesByApp.push(latestArticle);
-  });
-  return latestReleasesByApp;
-};
-var timer;
-var debounce = function debounce(fn, delay) {
-  clearTimeout(timer);
-  timer = setTimeout(function () {
-    return fn();
-  }, delay);
-};
-var clearDebounceTimer = function clearDebounceTimer() {
-  clearTimeout(timer);
-};
-var handleRedirect = function handleRedirect(type, mihelpAppPath, currentArticle) {
-  var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
-  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
-  var uri;
-
-  switch (type) {
-    case redirectContants.OPEN_IN_NEW_TAB:
-      uri = currentArticle.url;
-      break;
-
-    case redirectContants.ALL_HELP_RESOURCES:
-      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
-      break;
-
-    case redirectContants.HELP_RESOURCES:
-      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#help-resources") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#help-resources");
-      break;
-
-    case redirectContants.FAQS:
-      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#faqs") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#faqs");
-      break;
-
-    case redirectContants.RELEASE_NOTES:
-      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#releases") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#releases");
-      break;
-  }
-
-  window.open(uri, '_blank');
-};
-
 var _styleModuleImportMap$6 = {
   "./Help.css": {
     "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
@@ -22715,6 +22881,7 @@ var _styleModuleImportMap$6 = {
     "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",
@@ -22735,7 +22902,16 @@ 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"
   }
 };
 
@@ -22768,8 +22944,8 @@ var HelpSideBar = function HelpSideBar(_ref) {
 
   var _useState9 = React.useState(false),
       _useState10 = _slicedToArray(_useState9, 2),
-      searching = _useState10[0],
-      setSearching = _useState10[1];
+      loading = _useState10[0],
+      setLoading = _useState10[1];
 
   var _useState11 = React.useState(null),
       _useState12 = _slicedToArray(_useState11, 2),
@@ -22791,12 +22967,21 @@ var HelpSideBar = function HelpSideBar(_ref) {
       history = _useState18[0],
       setHistory = _useState18[1];
 
+  var spinnerRef = React.useRef();
   React.useEffect(function () {
     var appTitle = document.querySelector('.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle').innerText || 'G2Portal';
     setTitle(appTitle);
     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 =
   /*#__PURE__*/
@@ -22811,7 +22996,6 @@ var HelpSideBar = function HelpSideBar(_ref) {
           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, {
@@ -22822,7 +23006,6 @@ var HelpSideBar = function HelpSideBar(_ref) {
 
             case 4:
               response = _context.sent;
-              console.log('+++appendElementorStyles=', response);
 
               if (response === null || response === void 0 ? void 0 : response.data) {
                 Object.keys(response === null || response === void 0 ? void 0 : response.data).forEach(function (key) {
@@ -22838,20 +23021,20 @@ var HelpSideBar = function HelpSideBar(_ref) {
                 document.head.appendChild(style);
               }
 
-              _context.next = 12;
+              _context.next = 11;
               break;
 
-            case 9:
-              _context.prev = 9;
+            case 8:
+              _context.prev = 8;
               _context.t0 = _context["catch"](0);
               console.log('+++fetch error=', _context.t0);
 
-            case 12:
+            case 11:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 9]]);
+      }, _callee, null, [[0, 8]]);
     }));
 
     return function appendElementorStyles() {
@@ -22872,32 +23055,34 @@ var HelpSideBar = function HelpSideBar(_ref) {
           switch (_context2.prev = _context2.next) {
             case 0:
               _context2.prev = 0;
+              setLoading(true);
               url = (_storage$getItem$endp2 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp2 === void 0 ? void 0 : _storage$getItem$endp2.getMihelpContent;
-              _context2.next = 4;
+              _context2.next = 5;
               return axios.get("".concat(url, "?app=g2-portal&country=USA"), {
                 headers: {
                   Authorization: storage$1.accessToken
                 }
               });
 
-            case 4:
+            case 5:
               response = _context2.sent;
-              console.log('+++data=', response);
               setHelpContent(response === null || response === void 0 ? void 0 : response.data);
-              _context2.next = 12;
+              setLoading(false);
+              _context2.next = 14;
               break;
 
-            case 9:
-              _context2.prev = 9;
+            case 10:
+              _context2.prev = 10;
               _context2.t0 = _context2["catch"](0);
+              setLoading(false);
               console.log('+++fetch error=', _context2.t0);
 
-            case 12:
+            case 14:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[0, 9]]);
+      }, _callee2, null, [[0, 10]]);
     }));
 
     return function getHelpContent() {
@@ -22909,7 +23094,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
     if (searchText.length) {
       debounce(getSearchResults, 250);
     } else {
-      setSearching(false);
+      setLoading(false);
       clearDebounceTimer();
       setSearchResults([]);
     }
@@ -22929,7 +23114,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
             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);
+              setLoading(true);
               _context3.next = 5;
               return axios.get("".concat(url, "?s=").concat(searchText, "&country=USA"), {
                 headers: {
@@ -22939,24 +23124,23 @@ var HelpSideBar = function HelpSideBar(_ref) {
 
             case 5:
               response = _context3.sent;
-              console.log('+++response=', response.data.results);
               setSearchResults(response.data.results);
-              setSearching(false);
-              _context3.next = 15;
+              setLoading(false);
+              _context3.next = 14;
               break;
 
-            case 11:
-              _context3.prev = 11;
+            case 10:
+              _context3.prev = 10;
               _context3.t0 = _context3["catch"](0);
               console.log(_context3.t0);
-              setSearching(false);
+              setLoading(false);
 
-            case 15:
+            case 14:
             case "end":
               return _context3.stop();
           }
         }
-      }, _callee3, null, [[0, 11]]);
+      }, _callee3, null, [[0, 10]]);
     }));
 
     return function getSearchResults() {
@@ -22986,7 +23170,9 @@ var HelpSideBar = function HelpSideBar(_ref) {
   };
 
   var handleBackDropClick = function handleBackDropClick(e) {
-    if (e.target.className.includes('backdrop')) {
+    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);
     }
   };
@@ -23003,14 +23189,20 @@ var HelpSideBar = function HelpSideBar(_ref) {
           mihelpAppPath: mihelpAppPath,
           setCurrentView: setCurrentView,
           setcurrentArticle: setcurrentArticle,
-          saveHistory: saveHistory
+          saveHistory: saveHistory,
+          articleClickhandler: articleClickhandler
         });
 
       case views.HELP_ARTICLE:
-        return React__default["default"].createElement(HelpArticle, {
+        return currentArticle ? React__default["default"].createElement(HelpArticle, {
           currentArticle: currentArticle,
-          modifyLinks: modifyLinks
-        });
+          modifyLinks: modifyLinks,
+          articleClickhandler: articleClickhandler,
+          likeHandler: likeHandler,
+          dislikeHandler: dislikeHandler,
+          skipFeedback: skipFeedback,
+          submitFeedback: submitFeedback
+        }) : null;
 
       case views.FAQ:
         return React__default["default"].createElement(Faq, {
@@ -23021,26 +23213,17 @@ var HelpSideBar = function HelpSideBar(_ref) {
         });
 
       case views.RELEASE_NOTE:
-        return React__default["default"].createElement(ReleaseNote, {
+        return currentArticle ? React__default["default"].createElement(ReleaseNote, {
           currentArticle: currentArticle,
           modifyLinks: modifyLinks
-        });
+        }) : null;
 
       default:
-        return React__default["default"].createElement(Home, {
-          viewMoreType: viewMoreType,
-          getArticles: getArticles,
-          handleRedirect: handleRedirect,
-          viewMore: viewMore,
-          title: title,
-          mihelpAppPath: mihelpAppPath
-        });
+        return null;
     }
   };
 
   var backHandler = function backHandler() {
-    // setViewMoreType(null)
-    // setCurrentView(views.HOME)
     if (!history.length) return;
     var previousHistory = history[0];
     setViewMoreType(previousHistory.viewMoreType);
@@ -23073,10 +23256,10 @@ var HelpSideBar = function HelpSideBar(_ref) {
   };
 
   var handleTitleClick = function handleTitleClick() {
-    if (currentView !== views.HOME) {
+    if (viewMoreType || currentView !== views.HOME) {
       setSearchText('');
       setSearchResults('');
-      setSearching(false);
+      setLoading(false);
       setViewMoreType(null);
       setCurrentView(views.HOME);
       setcurrentArticle(null);
@@ -23084,6 +23267,262 @@ var HelpSideBar = function HelpSideBar(_ref) {
     }
   };
 
+  var articleClickhandler =
+  /*#__PURE__*/
+  function () {
+    var _ref5 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee4(view, article, fetchArticle) {
+      var _storage$getItem$endp4, url, id, response;
+
+      return regenerator.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              if (!(view !== views.FAQ)) {
+                _context4.next = 20;
+                break;
+              }
+
+              _context4.prev = 1;
+              setLoading(true);
+              url = (_storage$getItem$endp4 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp4 === void 0 ? void 0 : _storage$getItem$endp4.getMihelpArticle;
+              id = article.id || article.ID;
+              _context4.next = 7;
+              return axios.get("".concat(url, "/").concat(id), {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 7:
+              response = _context4.sent;
+              // setHelpContent(response?.data)
+              saveHistory();
+              setCurrentView(view);
+              setcurrentArticle(response === null || response === void 0 ? void 0 : response.data);
+              setLoading(false);
+              _context4.next = 18;
+              break;
+
+            case 14:
+              _context4.prev = 14;
+              _context4.t0 = _context4["catch"](1);
+              setLoading(false);
+              console.log('fetch articleClickhandler error=', _context4.t0);
+
+            case 18:
+              _context4.next = 23;
+              break;
+
+            case 20:
+              saveHistory();
+              setCurrentView(view);
+              setcurrentArticle(article);
+
+            case 23:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4, null, [[1, 14]]);
+    }));
+
+    return function articleClickhandler(_x, _x2, _x3) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  var likeHandler =
+  /*#__PURE__*/
+  function () {
+    var _ref6 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee5(article) {
+      var _storage$getItem$endp5, _response$data, 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$getItem$endp5 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp5 === void 0 ? void 0 : _storage$getItem$endp5.mihelpLike;
+              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$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.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);
+              _context5.next = 17;
+              break;
+
+            case 13:
+              _context5.prev = 13;
+              _context5.t0 = _context5["catch"](0);
+              setLoading(false);
+              console.log('Like error', _context5.t0);
+
+            case 17:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5, null, [[0, 13]]);
+    }));
+
+    return function likeHandler(_x4) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  var dislikeHandler =
+  /*#__PURE__*/
+  function () {
+    var _ref7 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee6(article) {
+      var _storage$getItem$endp6, _response$data2, url, id, response, modifiedArticle;
+
+      return regenerator.wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              _context6.prev = 0;
+              setLoading(true);
+              url = (_storage$getItem$endp6 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp6 === void 0 ? void 0 : _storage$getItem$endp6.mihelpDisLike;
+              id = article.id || article.ID;
+              _context6.next = 6;
+              return axios.post("".concat(url, "/").concat(id), null, {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 6:
+              response = _context6.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.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;
+              }
+
+              setcurrentArticle(modifiedArticle);
+              setLoading(false);
+              _context6.next = 17;
+              break;
+
+            case 13:
+              _context6.prev = 13;
+              _context6.t0 = _context6["catch"](0);
+              setLoading(false);
+              console.log('Like error', _context6.t0);
+
+            case 17:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee6, null, [[0, 13]]);
+    }));
+
+    return function dislikeHandler(_x5) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+
+  var skipFeedback = function skipFeedback() {
+    var modifiedArticle = _objectSpread2({}, currentArticle);
+
+    modifiedArticle.showFeedback = false;
+    modifiedArticle.showThanksText = true;
+    setcurrentArticle(modifiedArticle);
+  };
+
+  var submitFeedback =
+  /*#__PURE__*/
+  function () {
+    var _ref8 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee7(feedback) {
+      var _storage$getItem$endp7, url;
+
+      return regenerator.wrap(function _callee7$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              skipFeedback();
+              _context7.prev = 1;
+              url = (_storage$getItem$endp7 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp7 === void 0 ? void 0 : _storage$getItem$endp7.mihelpSubmitFeedback;
+              _context7.next = 5;
+              return axios.post(url, {
+                message: feedback,
+                url: window.location.href,
+                userAgent: navigator.userAgent
+              }, {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 5:
+              _context7.next = 10;
+              break;
+
+            case 7:
+              _context7.prev = 7;
+              _context7.t0 = _context7["catch"](1);
+              console.log('submitFeedback Error', _context7.t0);
+
+            case 10:
+            case "end":
+              return _context7.stop();
+          }
+        }
+      }, _callee7, null, [[1, 7]]);
+    }));
+
+    return function submitFeedback(_x6) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+
   return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_Help--backdrop",
     onClick: handleBackDropClick
@@ -23100,8 +23539,8 @@ var HelpSideBar = function HelpSideBar(_ref) {
   }, React__default["default"].createElement("span", {
     className: "utilities_ops-app-frame_Help_Help--title",
     style: {
-      color: currentView !== views.HOME ? '#1D5AB9' : '#323130',
-      cursor: currentView !== views.HOME ? 'pointer' : 'auto'
+      color: viewMoreType || currentView !== views.HOME ? '#1D5AB9' : '#323130',
+      cursor: viewMoreType || currentView !== views.HOME ? 'pointer' : 'auto'
     },
     onClick: handleTitleClick
   }, title), React__default["default"].createElement("span", {
@@ -23152,8 +23591,9 @@ var HelpSideBar = function HelpSideBar(_ref) {
     results: searchResults,
     contentType: contentType,
     postTypeMapper: postTypeMapper
-  }), (!helpContent || searching) && React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_Help_Help--spinnerWrapper"
+  }), (!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"
   }))));