@copart/ops-tool-kit 1.10.0-alpha.14 → 1.10.0-alpha.16

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.14";
+const version$3 = "1.10.0-alpha.16";
 const main = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -22238,7 +22238,7 @@ var LogOutMenu = function LogOutMenu(_ref) {
 var css_248z$g = ".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$g);
 
-var _styleModuleImportMap$a = {
+var _styleModuleImportMap$b = {
   "./CopartLogo.css": {
     "CopartLogo": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo",
     "CopartLogoNew": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew",
@@ -22254,7 +22254,7 @@ var CopartLogo = function CopartLogo() {
     href: "/"
   }, React__namespace.createElement("img", {
     src: imageSrc,
-    className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$a, {
+    className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$b, {
       "handleMissingStyleName": "warn"
     })
   }));
@@ -22471,7 +22471,7 @@ var unEscapeChars = function unEscapeChars(str) {
 var css_248z$f = ".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$f);
 
-var _styleModuleImportMap$9 = {
+var _styleModuleImportMap$a = {
   "../Help.css": {
     "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
     "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -22559,7 +22559,7 @@ var ArticleSection = function ArticleSection(_ref) {
       onClick: function onClick() {
         return clickhandler(viewMapper[articleDetails.type], article);
       },
-      className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$9, {
+      className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$a, {
         "handleMissingStyleName": "warn"
       })
     }, React__default["default"].createElement("img", {
@@ -22684,7 +22684,7 @@ styleInject(css_248z$c);
 var css_248z$b = "/**\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$b);
 
-var _styleModuleImportMap$8 = {
+var _styleModuleImportMap$9 = {
   "../wordpressStyles.css": {
     "helpArticleContent": "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent",
     "sr-only": "utilities_ops-app-frame_Help_wordpressStyles--sr-only",
@@ -22719,7 +22719,7 @@ function HelpArticleContent(_ref) {
   return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
   }, React__default["default"].createElement("div", {
-    className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$8, {
+    className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$9, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("div", {
@@ -22771,7 +22771,7 @@ var Dislike = function Dislike() {
   }));
 };
 
-var _styleModuleImportMap$7 = {
+var _styleModuleImportMap$8 = {
   "../Help.css": {
     "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
     "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -22880,7 +22880,7 @@ var HelpArticle = function HelpArticle(_ref) {
   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, {
+    className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$8, {
       "handleMissingStyleName": "warn"
     })
   }, currentArticle.title), React__default["default"].createElement("div", {
@@ -22889,7 +22889,7 @@ var HelpArticle = function HelpArticle(_ref) {
     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, {
+    className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$8, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("span", {
@@ -22897,7 +22897,7 @@ var HelpArticle = function HelpArticle(_ref) {
   }, !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, {
+    className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$8, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("span", {
@@ -22905,7 +22905,7 @@ var HelpArticle = function HelpArticle(_ref) {
       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, {
+    className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$8, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("span", {
@@ -22933,7 +22933,7 @@ var HelpArticle = function HelpArticle(_ref) {
   }, "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, {
+    className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$8, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("h3", null, "Related Help Resources"), React__default["default"].createElement("ul", null, currentArticle.relatedHelpResources.map(function (article) {
@@ -22946,7 +22946,7 @@ var HelpArticle = function HelpArticle(_ref) {
     }), article.post_title);
   }))), React__default["default"].createElement("div", {
     ref: questionSectionRef,
-    className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$7, {
+    className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$8, {
       "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", {
@@ -22993,7 +22993,7 @@ var HelpArticle = function HelpArticle(_ref) {
     }
   })), React__default["default"].createElement("span", {
     onClick: questionSubmitHandler,
-    className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$7, {
+    className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$8, {
       "handleMissingStyleName": "warn"
     })
   }, "Submit")) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("img", {
@@ -23129,7 +23129,7 @@ var ReleaseNote = function ReleaseNote(_ref) {
   })));
 };
 
-var _styleModuleImportMap$6 = {
+var _styleModuleImportMap$7 = {
   "./Help.css": {
     "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
     "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -23864,7 +23864,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
       width: getNotificationWrapperWidth()
     },
     ref: mihelpRef,
-    className: _getClassName("miHelpSideBar ".concat(!helpContent || showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$6, {
+    className: _getClassName("miHelpSideBar ".concat(!helpContent || showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$7, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("div", {
@@ -23906,7 +23906,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
     name: "open_in_new",
     variant: "material"
   }))), React__default["default"].createElement("div", {
-    className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$6, {
+    className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$7, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("input", {
@@ -23952,7 +23952,7 @@ var FeedbackButton = function FeedbackButton(props) {
   }));
 };
 
-var _styleModuleImportMap$5 = {
+var _styleModuleImportMap$6 = {
   "../AppBar.css": {
     "root": "utilities_ops-app-frame_AppBarComponent_AppBar--root",
     "leftItems": "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems",
@@ -24079,7 +24079,7 @@ var PhoneStatus = function PhoneStatus(_ref3) {
     onClick: function onClick() {
       if (!phoneStatusProcessing) togglePhoneAvailability();
     },
-    className: _getClassName(getPhoneStatusStyle(phoneStatus, theme), _styleModuleImportMap$5, {
+    className: _getClassName(getPhoneStatusStyle(phoneStatus, theme), _styleModuleImportMap$6, {
       "handleMissingStyleName": "warn"
     })
   }, phoneStatus === PHONE_STATUS.Available ? React__default["default"].createElement(PhoneAvailableIcon, {
@@ -26530,7 +26530,7 @@ var formatRole = function formatRole(role) {
   return capitalizeAndReplaceUnderscores(formatUK(role));
 };
 
-var _styleModuleImportMap$4 = {
+var _styleModuleImportMap$5 = {
   "./AppBar.css": {
     "root": "utilities_ops-app-frame_AppBarComponent_AppBar--root",
     "leftItems": "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems",
@@ -27099,7 +27099,7 @@ var AppBar$1 = function AppBar(props) {
   }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems"
   }, React__default["default"].createElement("div", {
-    className: _getClassName(enableNewToolkitFeatures ? "copartLogoNew" : "copartLogo", _styleModuleImportMap$4, {
+    className: _getClassName(enableNewToolkitFeatures ? "copartLogoNew" : "copartLogo", _styleModuleImportMap$5, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement(CopartLogo, null), !enableNewToolkitFeatures && !isAuthRoute ? React__default["default"].createElement("div", {
@@ -27313,7 +27313,7 @@ var getFlexDomain = function getFlexDomain() {
 var css_248z$5 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\r\n  width: '100%';\r\n   height: '100%';\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\r\n  position: relative;\r\n  z-index: 9999;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\r\n  border: 1px solid #233659;\r\n  border-radius: 8px !important;\r\n  overflow: hidden;\r\n  width: 560px;\r\n  height: 610px;\r\n  position: absolute;\r\n  top: 53px;\r\n  z-index: 100;\r\n  background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\r\n  border: 1px solid #233659;\r\n  border-radius: 20px !important;\r\n  overflow: hidden;\r\n  width: 98vw;\r\n  height: 610px;\r\n  position: absolute;\r\n  top: 53px;\r\n  left: -8.7em;\r\n  z-index: 100;\r\n  background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\r\n  display: flex;\r\n  background-color: #8eacdc;\r\n  border-radius: 30px;\r\n  justify-content: center;\r\n  padding: 2px 10px;\r\n  min-width: 300px;\r\n  min-height: 37px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  min-width: 125px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\r\n  font-size: 12px;\r\n  font-weight: bold;\r\n  color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\r\n  display: block;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\r\n  font-size: 10px;\r\n  color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading7{\r\n  font-size: 12px;\r\n  background: yellow;\r\n  border-radius: 20px;\r\n  padding: 0 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0 6px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0 6px;\r\n  min-width: 152px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\r\n  padding: 0 3px 5px 0;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\r\n  position: absolute;\r\n  top: 55px;\r\n  width: 100%;\r\n  left: 5em;\r\n  max-width: 202px;\r\n  padding: 15px;\r\n  background: #263238;\r\n  border-radius: 22.5px;\r\n  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\r\n  z-index: 10;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\r\n  width: 100%;\r\n  margin-bottom: 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\r\n  background: #37474f;\r\n  color: #cfd8dc;\r\n  padding: 5px;\r\n  border: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\r\n  outline: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn {\r\n  display: inline-block;\r\n  width: calc(33.33% - 10px);\r\n  font-size: 14px;\r\n  background: transparent;\r\n  border: none;\r\n  color: #cfd8dc;\r\n  padding: 10px 0;\r\n  text-align: center;\r\n  cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\r\n  margin: 0 15px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--visible {\r\n  visibility: visible;\r\n  overflow: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--hidden {\r\n  visibility: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\r\n  display: flex;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\r\n  margin-left: 40px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\r\n  width: 100%;\r\n  margin: 0;\r\n  outline: none;\r\n  border: none;\r\n  border-right: 1px solid #ddd;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\r\n  0% {\r\n    -webkit-transform: translate(2px, 1px) rotate(0deg);\r\n  }\r\n  10% {\r\n    -webkit-transform: translate(-1px, -2px) rotate(-1deg);\r\n  }\r\n  20% {\r\n    -webkit-transform: translate(-3px, 0px) rotate(1deg);\r\n  }\r\n  30% {\r\n    -webkit-transform: translate(0px, 2px) rotate(0deg);\r\n  }\r\n  40% {\r\n    -webkit-transform: translate(1px, -1px) rotate(1deg);\r\n  }\r\n  50% {\r\n    -webkit-transform: translate(-1px, 2px) rotate(-1deg);\r\n  }\r\n  60% {\r\n    -webkit-transform: translate(-3px, 1px) rotate(0deg);\r\n  }\r\n  70% {\r\n    -webkit-transform: translate(2px, 1px) rotate(-1deg);\r\n  }\r\n  80% {\r\n    -webkit-transform: translate(-1px, -1px) rotate(1deg);\r\n  }\r\n  90% {\r\n    -webkit-transform: translate(2px, 2px) rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: translate(1px, -2px) rotate(-1deg);\r\n  }\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--shake {\r\n  -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\r\n  -webkit-animation-duration: 1.3s;\r\n  -webkit-transform-origin: 50% 50%;\r\n  -webkit-animation-iteration-count: infinite;\r\n  -webkit-animation-timing-function: linear;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\r\n  position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\r\n  font-size: 9px;\r\n  position: absolute;\r\n  top: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--container {\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\r\n  border-radius: 40%;\r\n  cursor: pointer;\r\n  width: 28px;\r\n  height: 18px;\r\n  padding: 0px 11px;\r\n  background: #fff;\r\n  color: #666;\r\n  text-align: center;\r\n  font-size: 12px;\r\n  margin-bottom: 9px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  width: 16px;\r\n  height: 16px;\r\n  padding: 2px 2px 3px;\r\n  background: #e81010;\r\n  color: #fff;\r\n  text-align: center;\r\n  font-size: 8px;\r\n  position: absolute;\r\n  left: 18px;\r\n  top: -3px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\r\n  margin: 0 5px;\r\n  cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\r\n  outline: none !important\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--icon{\r\n  color: #000;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\r\n opacity:0.4;\r\n  cursor: not-allowed;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialog{\r\nwidth: 420px;\r\nheight: 115px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\r\n  position: absolute;\r\n    top: 35%;\r\n    left: 36%;\r\n    border: 1px solid rgb(204, 204, 204);\r\n    background: rgb(255, 255, 255);\r\n    overflow: auto;\r\n    border-radius: 4px;\r\n    outline: none;\r\n    padding: 0px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\r\n  background-color: #1d5ab9;\r\n  color: #fff;\r\n  padding: 10px 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\r\n padding: 20px 10px;\r\n text-align: center;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\r\n  margin: 5px;\r\n  text-align:right;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\r\n  color: #fff;\r\n  display: flex;\r\n  background-color: #dd392b;\r\n  border-radius: 7px;\r\n  justify-content: center;\r\n  min-width: 300px;\r\n  font-size: 12px;\r\n  margin: 0 25px -1px 25px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\r\n  position: absolute;\r\n  left:47%;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--opacity{\r\n  opacity: 0.5;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\r\n  position: absolute;\r\n  right: 2px;\r\n  top: 14px;\r\n  cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\r\n  margin-top: 7px;\r\n}";
 styleInject(css_248z$5);
 
-var _styleModuleImportMap$3 = {
+var _styleModuleImportMap$4 = {
   "./style.css": {
     "flex-iframe": "utilities_ops-app-frame_CallCapsule_style--flex-iframe",
     "flex-bar": "utilities_ops-app-frame_CallCapsule_style--flex-bar",
@@ -27782,7 +27782,7 @@ var IconComponent = function IconComponent(_ref) {
     role: "button",
     tabIndex: "0"
   }, React__default["default"].createElement("span", {
-    className: _getClassName(customStyle, _styleModuleImportMap$3, {
+    className: _getClassName(customStyle, _styleModuleImportMap$4, {
       "handleMissingStyleName": "warn"
     })
   }, fieldDisplay)));
@@ -30728,7 +30728,7 @@ var Warning = function Warning(_ref) {
   }))));
 };
 
-var _styleModuleImportMap$2 = {
+var _styleModuleImportMap$3 = {
   "./style.css": {
     "flex-iframe": "utilities_ops-app-frame_CallCapsule_style--flex-iframe",
     "flex-bar": "utilities_ops-app-frame_CallCapsule_style--flex-bar",
@@ -31026,7 +31026,7 @@ var CallerPill = function CallerPill(_ref8) {
       setWarning = _ref8.setWarning,
       setShowFlex = _ref8.setShowFlex;
   return React__default["default"].createElement("div", {
-    className: _getClassName("CallerPillCon ".concat(showSpinner ? ' opacity' : ''), _styleModuleImportMap$2, {
+    className: _getClassName("CallerPillCon ".concat(showSpinner ? ' opacity' : ''), _styleModuleImportMap$3, {
       "handleMissingStyleName": "warn"
     })
   }, !isEmpty$2(profileData) && !showReload && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(CallIndicator, {
@@ -31075,7 +31075,7 @@ var CallerPill = function CallerPill(_ref8) {
   }));
 };
 
-var _styleModuleImportMap$1 = {
+var _styleModuleImportMap$2 = {
   "./style.css": {
     "flex-iframe": "utilities_ops-app-frame_CallCapsule_style--flex-iframe",
     "flex-bar": "utilities_ops-app-frame_CallCapsule_style--flex-bar",
@@ -31179,7 +31179,7 @@ var Dialer = function Dialer(_ref) {
   };
 
   return React__default["default"].createElement("div", {
-    className: _getClassName("dialpadCon ".concat(opened ? 'visible' : 'hidden'), _styleModuleImportMap$1, {
+    className: _getClassName("dialpadCon ".concat(opened ? 'visible' : 'hidden'), _styleModuleImportMap$2, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("div", {
@@ -31271,7 +31271,7 @@ var voiceReducer = function voiceReducer(state, action) {
   }
 };
 
-var _styleModuleImportMap = {
+var _styleModuleImportMap$1 = {
   "./style.css": {
     "flex-iframe": "utilities_ops-app-frame_CallCapsule_style--flex-iframe",
     "flex-bar": "utilities_ops-app-frame_CallCapsule_style--flex-bar",
@@ -31941,7 +31941,7 @@ var CallCapsule = function CallCapsule() {
   }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--flex-bar"
   }, React__default["default"].createElement("div", {
-    className: _getClassName(shake ? 'shake' : '', _styleModuleImportMap, {
+    className: _getClassName(shake ? 'shake' : '', _styleModuleImportMap$1, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("div", {
@@ -31973,7 +31973,7 @@ var CallCapsule = function CallCapsule() {
     onOutBoundCall: onOutBoundCall,
     opened: dialerOpen
   }), !isFlexLoaded && React__default["default"].createElement("div", {
-    className: _getClassName("".concat(showFlex ? 'visible' : 'hidden', " ").concat(isFullScreen ? 'fullScreen' : 'iframeSection'), _styleModuleImportMap, {
+    className: _getClassName("".concat(showFlex ? 'visible' : 'hidden', " ").concat(isFullScreen ? 'fullScreen' : 'iframeSection'), _styleModuleImportMap$1, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("iframe", {
@@ -47473,9 +47473,18 @@ AutoRefresh.defaultProps = {
   version: ''
 };
 
-var css_248z = ".utilities_ContextualHelp_ContextualHelp--snippet {\r\n  padding: 15px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--title {\r\n  font-size: 24px;\r\n  color: #1d5ab9;\r\n  font-weight: 600;\r\n  margin-bottom: 5px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    color: #1d5ab9;\r\n    border-top: 3px solid #ccc;\r\n    margin-top: 10px;\r\n    font-size: 14px;\r\n    padding-top: 10px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p{\r\n    cursor: pointer;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p i{\r\n    font-size: 10px;\r\n    color: #1d5ab9;\r\n    position: relative;\r\n    top: -3px;\r\n}\r\n";
+var css_248z = ".utilities_ContextualHelp_ContextualHelp--snippet {\r\n  padding: 15px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--title {\r\n  font-size: 24px;\r\n  color: #1d5ab9;\r\n  font-weight: 600;\r\n  margin-bottom: 5px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  color: #1d5ab9;\r\n  border-top: 3px solid #ccc;\r\n  margin-top: 10px;\r\n  font-size: 14px;\r\n  padding-top: 10px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p {\r\n  cursor: pointer;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p i {\r\n  font-size: 10px;\r\n  color: #1d5ab9;\r\n  position: relative;\r\n  top: -3px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle.utilities_ContextualHelp_ContextualHelp--noLink {\r\n  justify-content: flex-end;\r\n}\r\n";
 styleInject(css_248z);
 
+var _styleModuleImportMap = {
+  "./ContextualHelp.css": {
+    "snippet": "utilities_ContextualHelp_ContextualHelp--snippet",
+    "title": "utilities_ContextualHelp_ContextualHelp--title",
+    "linkedArticle": "utilities_ContextualHelp_ContextualHelp--linkedArticle",
+    "noLink": "utilities_ContextualHelp_ContextualHelp--noLink"
+  }
+};
+
 function Snippet(_ref) {
   var article = _ref.article;
 
@@ -47504,13 +47513,13 @@ function Snippet(_ref) {
     dangerouslySetInnerHTML: {
       __html: article.title
     }
-  })), React__default["default"].createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: article.content
-    }
-  }), article.linkedArticle && React__default["default"].createElement("div", {
-    className: "utilities_ContextualHelp_ContextualHelp--linkedArticle"
-  }, React__default["default"].createElement("p", {
+  })), React__default["default"].createElement(HelpArticleContent, {
+    article: article
+  }), (article.linkedArticle || canEdit()) && React__default["default"].createElement("div", {
+    className: _getClassName("linkedArticle ".concat(!article.linkedArticle ? 'noLink' : ''), _styleModuleImportMap, {
+      "handleMissingStyleName": "warn"
+    })
+  }, article.linkedArticle && React__default["default"].createElement("p", {
     onClick: OpenLinkedArticle
   }, "Learn more", React__default["default"].createElement(coreComponents.Icon, {
     name: "open_in_new",