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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
33
33
  var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
34
34
 
35
35
  const name$e = "@copart/ops-tool-kit";
36
- const version$3 = "1.10.0-alpha.3";
36
+ const version$3 = "1.10.0-alpha.5";
37
37
  const main = "dist/ops-tool-kit.js";
38
38
  const style = "dist/ops-tool-kit.css";
39
39
  const files = [
@@ -22229,7 +22229,7 @@ var LogOutMenu = function LogOutMenu(_ref) {
22229
22229
  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";
22230
22230
  styleInject(css_248z$f);
22231
22231
 
22232
- var _styleModuleImportMap$7 = {
22232
+ var _styleModuleImportMap$9 = {
22233
22233
  "./CopartLogo.css": {
22234
22234
  "CopartLogo": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo",
22235
22235
  "CopartLogoNew": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew",
@@ -22245,7 +22245,7 @@ var CopartLogo = function CopartLogo() {
22245
22245
  href: "/"
22246
22246
  }, React__namespace.createElement("img", {
22247
22247
  src: imageSrc,
22248
- className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$7, {
22248
+ className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$9, {
22249
22249
  "handleMissingStyleName": "warn"
22250
22250
  })
22251
22251
  }));
@@ -22314,7 +22314,7 @@ var viewMapper = {
22314
22314
  RELEASE_NOTES: views.RELEASE_NOTE
22315
22315
  };
22316
22316
 
22317
- 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 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 align-items: flex-start;\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";
22317
+ var css_248z$e = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 64px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 50vw;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 64px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n font-weight: 600;\r\n font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n font-weight: 600;\r\n font-size: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n color: #1d5ab9;\r\n margin-right: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -5px;\r\n left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n margin-top: 20px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n color: #1d5ab9;\r\n font-size: 10px;\r\n position: relative;\r\n top: -8px;\r\n cursor: pointer;\r\n left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n width: 17px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n position: absolute;\r\n width: 29px;\r\n height: 29px;\r\n background: #f3f2f1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n bottom: 1.5px;\r\n right: 2px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n width: 100%;\r\n margin-top: 15px;\r\n padding: 0px 10px;\r\n height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n width: 100%;\r\n margin-top: 20px;\r\n border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n 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--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}\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\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";
22318
22318
  styleInject(css_248z$e);
22319
22319
 
22320
22320
  var ArticleSection = function ArticleSection(_ref) {
@@ -22359,16 +22359,7 @@ var Home = function Home(_ref) {
22359
22359
  viewMore = _ref.viewMore,
22360
22360
  title = _ref.title,
22361
22361
  mihelpAppPath = _ref.mihelpAppPath,
22362
- setCurrentView = _ref.setCurrentView,
22363
- setcurrentArticle = _ref.setcurrentArticle,
22364
- saveHistory = _ref.saveHistory;
22365
-
22366
- var clickhandler = function clickhandler(view, id) {
22367
- saveHistory();
22368
- setCurrentView(view);
22369
- setcurrentArticle(id);
22370
- };
22371
-
22362
+ articleClickhandler = _ref.articleClickhandler;
22372
22363
  return !viewMoreType ? React__default["default"].createElement(React__default["default"].Fragment, null, Object.keys(contentType).map(function (key) {
22373
22364
  return React__default["default"].createElement(ArticleSection, {
22374
22365
  getArticles: function getArticles() {
@@ -22381,7 +22372,7 @@ var Home = function Home(_ref) {
22381
22372
  title: title,
22382
22373
  key: key,
22383
22374
  mihelpAppPath: mihelpAppPath,
22384
- clickhandler: clickhandler
22375
+ clickhandler: articleClickhandler
22385
22376
  });
22386
22377
  })) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
22387
22378
  className: "utilities_ops-app-frame_Help_Help--helpResourcesWrapper"
@@ -22389,7 +22380,7 @@ var Home = function Home(_ref) {
22389
22380
  return React__default["default"].createElement("li", {
22390
22381
  key: article.id,
22391
22382
  onClick: function onClick() {
22392
- return clickhandler(viewMapper[viewMoreType], article);
22383
+ return articleClickhandler(viewMapper[viewMoreType], article);
22393
22384
  }
22394
22385
  }, React__default["default"].createElement("img", {
22395
22386
  src: contentType[viewMoreType].icon
@@ -22434,7 +22425,7 @@ var SearchResults = function SearchResults(_ref) {
22434
22425
  })));
22435
22426
  };
22436
22427
 
22437
- var css_248z$d = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n margin: 0;\r\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #333;\r\n background-color: #fff;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n margin-top: .5rem;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n margin-top: 0;\r\n margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n font-family: monospace,monospace;\r\n font-size: 1em;\r\n white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n color: var(--e-global-color-text);\r\n color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n color: inherit;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n border-bottom: none;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n font-family: monospace,monospace;\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n border-style: none;\r\n height: auto;\r\n max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n font-size: 16px;\r\n color: #333;\r\n line-height: 1.4;\r\n font-style: italic;\r\n font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n font-family: inherit;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n width: 100%;\r\n border: 1px solid #666;\r\n border-radius: 3px;\r\n padding: .5rem 1rem;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n border-color: #333;\r\n outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n width: auto;\r\n -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n display: inline-block;\r\n font-weight: 400;\r\n color: #c36;\r\n text-align: center;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border: 1px solid #c36;\r\n padding: .5rem 1rem;\r\n font-size: 1rem;\r\n border-radius: 3px;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n color: #fff;\r\n background-color: #c36;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n box-sizing: border-box;\r\n color: inherit;\r\n display: table;\r\n max-width: 100%;\r\n padding: 0;\r\n white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n overflow: auto;\r\n resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n box-sizing: border-box;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n background-color: transparent;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n font-size: .9em;\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n padding: 15px;\r\n line-height: 1.5;\r\n vertical-align: top;\r\n border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n font-size:.8em\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n padding: 7px;\r\n line-height: 1.3\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n font-weight: 400\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n border: 0;\r\n outline: 0;\r\n font-size: 100%;\r\n vertical-align: baseline;\r\n background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n width: 100%;\r\n}\r\n";
22428
+ var css_248z$d = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n margin: 0;\r\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #333;\r\n background-color: #fff;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n margin-top: .5rem;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n margin-top: 0;\r\n margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n font-family: monospace,monospace;\r\n font-size: 1em;\r\n white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n color: var(--e-global-color-text);\r\n color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n color: inherit;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n border-bottom: none;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n font-family: monospace,monospace;\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n border-style: none;\r\n height: auto;\r\n max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n font-size: 16px;\r\n color: #333;\r\n line-height: 1.4;\r\n font-style: italic;\r\n font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n font-family: inherit;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n width: 100%;\r\n border: 1px solid #666;\r\n border-radius: 3px;\r\n padding: .5rem 1rem;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n border-color: #333;\r\n outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n width: auto;\r\n -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n display: inline-block;\r\n font-weight: 400;\r\n color: #c36;\r\n text-align: center;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border: 1px solid #c36;\r\n padding: .5rem 1rem;\r\n font-size: 1rem;\r\n border-radius: 3px;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n color: #fff;\r\n background-color: #c36;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n box-sizing: border-box;\r\n color: inherit;\r\n display: table;\r\n max-width: 100%;\r\n padding: 0;\r\n white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n overflow: auto;\r\n resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n box-sizing: border-box;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n background-color: transparent;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n font-size: .9em;\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n padding: 15px;\r\n line-height: 1.5;\r\n vertical-align: top;\r\n border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n font-size:.8em\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n padding: 7px;\r\n line-height: 1.3\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n font-weight: 400\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n border: 0;\r\n outline: 0;\r\n font-size: 100%;\r\n vertical-align: baseline;\r\n background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n";
22438
22429
  styleInject(css_248z$d);
22439
22430
 
22440
22431
  var css_248z$c = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
@@ -22446,8 +22437,19 @@ styleInject(css_248z$b);
22446
22437
  var css_248z$a = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-audio figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-audio figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-code {\n font-family: Menlo, Consolas, monaco, monospace;\n color: #1e1e1e;\n padding: 0.8em 1em;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\n.wp-block-embed figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-embed figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.blocks-gallery-caption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .blocks-gallery-caption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-image figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-image figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-pullquote {\n border-top: 4px solid currentColor;\n border-bottom: 4px solid currentColor;\n margin-bottom: 1.75em;\n color: currentColor;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer, .wp-block-pullquote__citation {\n color: currentColor;\n text-transform: uppercase;\n font-size: 0.8125em;\n font-style: normal;\n}\n\n.wp-block-quote {\n border-left: 0.25em solid currentColor;\n margin: 0 0 1.75em 0;\n padding-left: 1em;\n}\n.wp-block-quote cite,\n.wp-block-quote footer {\n color: currentColor;\n font-size: 0.8125em;\n position: relative;\n font-style: normal;\n}\n.wp-block-quote.has-text-align-right {\n border-left: none;\n border-right: 0.25em solid currentColor;\n padding-left: 0;\n padding-right: 1em;\n}\n.wp-block-quote.has-text-align-center {\n border: none;\n padding-left: 0;\n}\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n border: none;\n}\n\n.wp-block-search .wp-block-search__label {\n font-weight: bold;\n}\n\n.wp-block-group.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.wp-block-separator {\n border: none;\n border-bottom: 2px solid currentColor;\n margin-left: auto;\n margin-right: auto;\n opacity: 0.4;\n}\n.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {\n width: 100px;\n}\n.wp-block-separator.has-background:not(.is-style-dots) {\n border-bottom: none;\n height: 1px;\n}\n.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {\n height: 2px;\n}\n\n.wp-block-table thead {\n border-bottom: 3px solid;\n}\n.wp-block-table tfoot {\n border-top: 3px solid;\n}\n.wp-block-table td,\n.wp-block-table th {\n padding: 0.5em;\n border: 1px solid;\n word-break: normal;\n}\n.wp-block-table figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-table figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-video figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-video figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-template-part.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#end-resizable-editor-section {\n display: none;\n}";
22447
22438
  styleInject(css_248z$a);
22448
22439
 
22440
+ var _styleModuleImportMap$8 = {
22441
+ "../wordpressStyles.css": {
22442
+ "helpArticleContent": "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent",
22443
+ "sr-only": "utilities_ops-app-frame_Help_wordpressStyles--sr-only",
22444
+ "helpArticle": "utilities_ops-app-frame_Help_wordpressStyles--helpArticle",
22445
+ "nonInteractive": "utilities_ops-app-frame_Help_wordpressStyles--nonInteractive"
22446
+ }
22447
+ };
22448
+
22449
22449
  function HelpArticleContent(_ref) {
22450
- var content = _ref.content;
22450
+ var article = _ref.article,
22451
+ showQuestionSection = _ref.showQuestionSection,
22452
+ children = _ref.children;
22451
22453
  React.useEffect(function () {
22452
22454
  var youtubeVideoEl = document.querySelector('.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube .wp-block-embed__wrapper');
22453
22455
 
@@ -22466,11 +22468,13 @@ function HelpArticleContent(_ref) {
22466
22468
  iframeEl.setAttribute('src', embeddedUrl);
22467
22469
  youtubeVideoEl.appendChild(iframeEl);
22468
22470
  }
22469
- }, [content]);
22471
+ }, [article]);
22470
22472
  return React__default["default"].createElement("div", {
22471
22473
  className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
22472
22474
  }, React__default["default"].createElement("div", {
22473
- className: "elementor-kit-38"
22475
+ className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$8, {
22476
+ "handleMissingStyleName": "warn"
22477
+ })
22474
22478
  }, React__default["default"].createElement("div", {
22475
22479
  className: "elementor elementor-1674 elementor-location-single post-5001700 help_articles type-help_articles status-publish hentry help_article_categories-process-documents applications_tax-g2-portal country-are country-bhr country-can country-gbr country-ind country-irl country-omn country-usa"
22476
22480
  }, React__default["default"].createElement("div", {
@@ -22490,24 +22494,383 @@ function HelpArticleContent(_ref) {
22490
22494
  }, React__default["default"].createElement("div", {
22491
22495
  className: "elementor-widget-container",
22492
22496
  dangerouslySetInnerHTML: {
22493
- __html: content
22497
+ __html: article.content
22494
22498
  }
22495
- })))))))))));
22499
+ })))))))))), React__default["default"].createElement(React__default["default"].Fragment, null, children));
22496
22500
  }
22497
22501
 
22502
+ var Like = function Like() {
22503
+ return React__default["default"].createElement("svg", {
22504
+ xmlns: "http://www.w3.org/2000/svg",
22505
+ width: "14",
22506
+ height: "12.727",
22507
+ viewBox: "0 0 14 12.727"
22508
+ }, React__default["default"].createElement("path", {
22509
+ 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",
22510
+ transform: "translate(-1.5 -1.5)",
22511
+ fill: "#2dce89"
22512
+ }));
22513
+ };
22514
+ var Dislike = function Dislike() {
22515
+ return React__default["default"].createElement("svg", {
22516
+ xmlns: "http://www.w3.org/2000/svg",
22517
+ width: "14",
22518
+ height: "12.727",
22519
+ viewBox: "0 0 14 12.727"
22520
+ }, React__default["default"].createElement("path", {
22521
+ 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",
22522
+ transform: "translate(-1.5 -4.5)",
22523
+ fill: "#f5365c"
22524
+ }));
22525
+ };
22526
+
22527
+ var getRecommendedHelpArticles = function getRecommendedHelpArticles(helpContent) {
22528
+ var articles = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.helpArticles) : []; // const sortedByLikes = sortedBySequence.sort((a, b) => {
22529
+ // return parseInt(b.likes) - parseInt(a.likes)
22530
+ // })
22531
+
22532
+ var recomendedArticles = articles.filter(function (article) {
22533
+ return article.recomended === 'true';
22534
+ });
22535
+ var sortedBySequence = recomendedArticles.sort(function (a, b) {
22536
+ return parseInt(a.sequence) - parseInt(b.sequence);
22537
+ });
22538
+ return sortedBySequence;
22539
+ };
22540
+ var getFaqs = function getFaqs(helpContent) {
22541
+ var _helpContent$faqs$;
22542
+
22543
+ var faqData = !isNil$1(helpContent) ? (_helpContent$faqs$ = helpContent.faqs[0]) === null || _helpContent$faqs$ === void 0 ? void 0 : _helpContent$faqs$.content : '';
22544
+ if (!faqData) return [];
22545
+ var faqObj = JSON.parse(faqData.slice(faqData.indexOf('wp:acf/faq')).replace('wp:acf/faq', '').replace('/-->', '').trim());
22546
+ var faqs = [];
22547
+ Object.keys(faqObj.data).forEach(function (key, i) {
22548
+ if (key.includes('_question') && !faqObj.data[key].includes('field_')) {
22549
+ faqs.push({
22550
+ question: faqObj.data[key],
22551
+ answer: faqObj.data["".concat(key.replace('question', ''), "answer")].replace(/\n/g, "<br>"),
22552
+ category: faqObj.data["".concat(key.slice(0, key.indexOf('s_')), "_category")],
22553
+ id: i
22554
+ });
22555
+ }
22556
+ });
22557
+ return faqs;
22558
+ };
22559
+ var getReleaseNotes = function getReleaseNotes(helpContent) {
22560
+ var releasenotes = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.releaseNotes) : [];
22561
+ var releaseNotesByApp = {};
22562
+ releasenotes.forEach(function (note) {
22563
+ if (releaseNotesByApp[note.application]) {
22564
+ releaseNotesByApp[note.application] = [].concat(_toConsumableArray(releaseNotesByApp[note.application]), [note]);
22565
+ } else {
22566
+ releaseNotesByApp[note.application] = [note];
22567
+ }
22568
+ });
22569
+ var latestReleasesByApp = [];
22570
+ Object.keys(releaseNotesByApp).forEach(function (app) {
22571
+ if (releaseNotesByApp[app].length < 2) {
22572
+ latestReleasesByApp.push(releaseNotesByApp[app][0]);
22573
+ return;
22574
+ }
22575
+
22576
+ var latestArticle = releaseNotesByApp[app][0];
22577
+ releaseNotesByApp[app].forEach(function (release) {
22578
+ if (new Date(release.publishDate) > new Date(latestArticle.publishDate)) {
22579
+ latestArticle = release;
22580
+ }
22581
+ });
22582
+ latestReleasesByApp.push(latestArticle);
22583
+ });
22584
+ return latestReleasesByApp;
22585
+ };
22586
+ var timer;
22587
+ var debounce = function debounce(fn, delay) {
22588
+ clearTimeout(timer);
22589
+ timer = setTimeout(function () {
22590
+ return fn();
22591
+ }, delay);
22592
+ };
22593
+ var clearDebounceTimer = function clearDebounceTimer() {
22594
+ clearTimeout(timer);
22595
+ };
22596
+ var handleRedirect = function handleRedirect(type, mihelpAppPath, currentArticle) {
22597
+ var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
22598
+ var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
22599
+ var uri;
22600
+
22601
+ switch (type) {
22602
+ case redirectContants.OPEN_IN_NEW_TAB:
22603
+ uri = currentArticle.url;
22604
+ break;
22605
+
22606
+ case redirectContants.ALL_HELP_RESOURCES:
22607
+ uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
22608
+ break;
22609
+
22610
+ case redirectContants.HELP_RESOURCES:
22611
+ 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");
22612
+ break;
22613
+
22614
+ case redirectContants.FAQS:
22615
+ uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#faqs") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#faqs");
22616
+ break;
22617
+
22618
+ case redirectContants.RELEASE_NOTES:
22619
+ uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#releases") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#releases");
22620
+ break;
22621
+ }
22622
+
22623
+ window.open(uri, '_blank');
22624
+ };
22625
+ var formatPublishDate = function formatPublishDate(publishdate) {
22626
+ var date = new Date(publishdate);
22627
+ var month = new Intl.DateTimeFormat('en', {
22628
+ month: 'short'
22629
+ }).format(date);
22630
+ var day = new Intl.DateTimeFormat('en', {
22631
+ day: '2-digit'
22632
+ }).format(date);
22633
+ var year = new Intl.DateTimeFormat('en', {
22634
+ year: 'numeric'
22635
+ }).format(date);
22636
+ return "".concat(month, "-").concat(day, "-").concat(year);
22637
+ };
22638
+
22639
+ var _styleModuleImportMap$7 = {
22640
+ "../Help.css": {
22641
+ "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
22642
+ "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
22643
+ "title": "utilities_ops-app-frame_Help_Help--title",
22644
+ "header": "utilities_ops-app-frame_Help_Help--header",
22645
+ "close": "utilities_ops-app-frame_Help_Help--close",
22646
+ "submitQuestionWrapper": "utilities_ops-app-frame_Help_Help--submitQuestionWrapper",
22647
+ "subHeader": "utilities_ops-app-frame_Help_Help--subHeader",
22648
+ "subHeaderTitle": "utilities_ops-app-frame_Help_Help--subHeaderTitle",
22649
+ "back": "utilities_ops-app-frame_Help_Help--back",
22650
+ "link": "utilities_ops-app-frame_Help_Help--link",
22651
+ "helpResourcesWrapper": "utilities_ops-app-frame_Help_Help--helpResourcesWrapper",
22652
+ "relatedResourcesWrapper": "utilities_ops-app-frame_Help_Help--relatedResourcesWrapper",
22653
+ "viewMore": "utilities_ops-app-frame_Help_Help--viewMore",
22654
+ "searchWrapper": "utilities_ops-app-frame_Help_Help--searchWrapper",
22655
+ "mihelpSearch": "utilities_ops-app-frame_Help_Help--mihelpSearch",
22656
+ "searchResultsWrapper": "utilities_ops-app-frame_Help_Help--searchResultsWrapper",
22657
+ "searchResult": "utilities_ops-app-frame_Help_Help--searchResult",
22658
+ "spinnerWrapper": "utilities_ops-app-frame_Help_Help--spinnerWrapper",
22659
+ "overFlowHidden": "utilities_ops-app-frame_Help_Help--overFlowHidden",
22660
+ "nonInteractive": "utilities_ops-app-frame_Help_Help--nonInteractive",
22661
+ "searchTitlewrapper": "utilities_ops-app-frame_Help_Help--searchTitlewrapper",
22662
+ "likeswrapper": "utilities_ops-app-frame_Help_Help--likeswrapper",
22663
+ "like": "utilities_ops-app-frame_Help_Help--like",
22664
+ "searchTitle": "utilities_ops-app-frame_Help_Help--searchTitle",
22665
+ "faqContentWrapper": "utilities_ops-app-frame_Help_Help--faqContentWrapper",
22666
+ "faqsList": "utilities_ops-app-frame_Help_Help--faqsList",
22667
+ "category": "utilities_ops-app-frame_Help_Help--category",
22668
+ "accordian": "utilities_ops-app-frame_Help_Help--accordian",
22669
+ "question": "utilities_ops-app-frame_Help_Help--question",
22670
+ "answer": "utilities_ops-app-frame_Help_Help--answer",
22671
+ "releaseNote": "utilities_ops-app-frame_Help_Help--releaseNote",
22672
+ "releaseNoteContent": "utilities_ops-app-frame_Help_Help--releaseNoteContent",
22673
+ "helpArticle": "utilities_ops-app-frame_Help_Help--helpArticle",
22674
+ "helpArticleWrapper": "utilities_ops-app-frame_Help_Help--helpArticleWrapper",
22675
+ "articleFooter": "utilities_ops-app-frame_Help_Help--articleFooter",
22676
+ "likeWrapper": "utilities_ops-app-frame_Help_Help--likeWrapper",
22677
+ "likeTxt": "utilities_ops-app-frame_Help_Help--likeTxt",
22678
+ "thanksText": "utilities_ops-app-frame_Help_Help--thanksText",
22679
+ "feedbackWrapper": "utilities_ops-app-frame_Help_Help--feedbackWrapper",
22680
+ "likebtnWrapper": "utilities_ops-app-frame_Help_Help--likebtnWrapper",
22681
+ "active": "utilities_ops-app-frame_Help_Help--active",
22682
+ "dislike": "utilities_ops-app-frame_Help_Help--dislike",
22683
+ "dateWrapper": "utilities_ops-app-frame_Help_Help--dateWrapper",
22684
+ "noFlex": "utilities_ops-app-frame_Help_Help--noFlex",
22685
+ "submitBtn": "utilities_ops-app-frame_Help_Help--submitBtn",
22686
+ "disable": "utilities_ops-app-frame_Help_Help--disable",
22687
+ "CategoryWrapper": "utilities_ops-app-frame_Help_Help--CategoryWrapper",
22688
+ "questionWrapper": "utilities_ops-app-frame_Help_Help--questionWrapper",
22689
+ "highlightRed": "utilities_ops-app-frame_Help_Help--highlightRed",
22690
+ "successMsg": "utilities_ops-app-frame_Help_Help--successMsg"
22691
+ }
22692
+ };
22693
+
22498
22694
  var HelpArticle = function HelpArticle(_ref) {
22499
22695
  var currentArticle = _ref.currentArticle,
22500
- modifyLinks = _ref.modifyLinks;
22696
+ modifyLinks = _ref.modifyLinks,
22697
+ articleClickhandler = _ref.articleClickhandler,
22698
+ likeHandler = _ref.likeHandler,
22699
+ dislikeHandler = _ref.dislikeHandler,
22700
+ skipFeedback = _ref.skipFeedback,
22701
+ submitFeedback = _ref.submitFeedback,
22702
+ feedbackConfig = _ref.feedbackConfig,
22703
+ submitQuestion = _ref.submitQuestion,
22704
+ showQuestionSection = _ref.showQuestionSection,
22705
+ setShowQuestionSection = _ref.setShowQuestionSection,
22706
+ showSuccessSection = _ref.showSuccessSection,
22707
+ setShowSuccessSection = _ref.setShowSuccessSection,
22708
+ questionSectionRef = _ref.questionSectionRef;
22709
+
22710
+ var _useState = React.useState(''),
22711
+ _useState2 = _slicedToArray(_useState, 2),
22712
+ feedback = _useState2[0],
22713
+ setFeedback = _useState2[1];
22714
+
22715
+ var _useState3 = React.useState(''),
22716
+ _useState4 = _slicedToArray(_useState3, 2),
22717
+ question = _useState4[0],
22718
+ setQuestion = _useState4[1];
22719
+
22720
+ var _useState5 = React.useState('selectCategory'),
22721
+ _useState6 = _slicedToArray(_useState5, 2),
22722
+ category = _useState6[0],
22723
+ setCategory = _useState6[1];
22724
+
22501
22725
  React.useEffect(function () {
22502
22726
  modifyLinks();
22503
22727
  }, [currentArticle]);
22728
+
22729
+ var feedbackSubmitHandler = function feedbackSubmitHandler() {
22730
+ submitFeedback(feedback);
22731
+ setFeedback('');
22732
+ };
22733
+
22734
+ var questionSubmitHandler = function questionSubmitHandler() {
22735
+ submitQuestion(question, category);
22736
+ setShowSuccessSection(true);
22737
+ };
22738
+
22504
22739
  return React__default["default"].createElement("div", {
22505
22740
  className: "utilities_ops-app-frame_Help_Help--helpArticle"
22506
- }, React__default["default"].createElement("h3", null, currentArticle.title), React__default["default"].createElement("div", {
22741
+ }, React__default["default"].createElement("h3", {
22742
+ className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$7, {
22743
+ "handleMissingStyleName": "warn"
22744
+ })
22745
+ }, currentArticle.title), React__default["default"].createElement("div", {
22507
22746
  className: "utilities_ops-app-frame_Help_Help--helpArticleWrapper"
22508
22747
  }, React__default["default"].createElement(HelpArticleContent, {
22509
- content: currentArticle.content
22510
- })));
22748
+ article: currentArticle,
22749
+ showQuestionSection: showQuestionSection
22750
+ }, React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
22751
+ className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$7, {
22752
+ "handleMissingStyleName": "warn"
22753
+ })
22754
+ }, React__default["default"].createElement("span", {
22755
+ className: "utilities_ops-app-frame_Help_Help--likeWrapper"
22756
+ }, !currentArticle.showFeedback ? React__default["default"].createElement(React__default["default"].Fragment, null, !currentArticle.showThanksText ? React__default["default"].createElement("span", {
22757
+ className: "utilities_ops-app-frame_Help_Help--likeTxt"
22758
+ }, "Was this useful?") : null, React__default["default"].createElement("span", {
22759
+ className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$7, {
22760
+ "handleMissingStyleName": "warn"
22761
+ })
22762
+ }, React__default["default"].createElement("span", {
22763
+ onClick: function onClick() {
22764
+ return likeHandler(currentArticle);
22765
+ }
22766
+ }, React__default["default"].createElement(Like, null)), React__default["default"].createElement("span", null, currentArticle.likes)), React__default["default"].createElement("span", {
22767
+ className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$7, {
22768
+ "handleMissingStyleName": "warn"
22769
+ })
22770
+ }, React__default["default"].createElement("span", {
22771
+ onClick: function onClick() {
22772
+ return dislikeHandler(currentArticle);
22773
+ }
22774
+ }, React__default["default"].createElement(Dislike, null)), React__default["default"].createElement("span", null, currentArticle.dislikes)), currentArticle.showThanksText ? React__default["default"].createElement("span", {
22775
+ className: "utilities_ops-app-frame_Help_Help--thanksText"
22776
+ }, "Thanks for your feedback!") : null) : React__default["default"].createElement("div", {
22777
+ className: "utilities_ops-app-frame_Help_Help--feedbackWrapper"
22778
+ }, React__default["default"].createElement("h5", null, "Sorry! Tell us how can we improve it?"), React__default["default"].createElement("textarea", {
22779
+ placeholder: "Write feedback message...",
22780
+ maxLength: "500",
22781
+ spellCheck: "false",
22782
+ value: feedback,
22783
+ onChange: function onChange(e) {
22784
+ return setFeedback(e.target.value);
22785
+ }
22786
+ }), React__default["default"].createElement("div", {
22787
+ className: ""
22788
+ }, React__default["default"].createElement("span", {
22789
+ onClick: feedbackSubmitHandler
22790
+ }, "Submit"), React__default["default"].createElement("span", {
22791
+ onClick: skipFeedback
22792
+ }, "Skip")))), React__default["default"].createElement("span", {
22793
+ className: "utilities_ops-app-frame_Help_Help--dateWrapper"
22794
+ }, 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", {
22795
+ className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$7, {
22796
+ "handleMissingStyleName": "warn"
22797
+ })
22798
+ }, React__default["default"].createElement("h3", null, "Related help resources"), React__default["default"].createElement("ul", null, currentArticle.relatedHelpResources.map(function (article) {
22799
+ return React__default["default"].createElement("li", {
22800
+ onClick: function onClick() {
22801
+ return articleClickhandler(views.HELP_ARTICLE, article, true);
22802
+ }
22803
+ }, React__default["default"].createElement("img", {
22804
+ src: "/assets/images/mihelpIcons/icon-helpresource.svg"
22805
+ }), article.post_title);
22806
+ }))), React__default["default"].createElement("div", {
22807
+ ref: questionSectionRef,
22808
+ className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$7, {
22809
+ "handleMissingStyleName": "warn"
22810
+ })
22811
+ }, !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", {
22812
+ className: "utilities_ops-app-frame_Help_Help--submitBtn",
22813
+ onClick: function onClick() {
22814
+ return setShowQuestionSection(true);
22815
+ }
22816
+ }, "Submit Question")) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("span", {
22817
+ className: "utilities_ops-app-frame_Help_Help--close"
22818
+ }, React__default["default"].createElement(coreComponents.IconButton, {
22819
+ onClick: function onClick() {
22820
+ return setShowQuestionSection(false);
22821
+ }
22822
+ }, React__default["default"].createElement(coreComponents.Icon, {
22823
+ name: "close",
22824
+ variant: "material"
22825
+ }))), !showSuccessSection ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("h3", null, "Submit your Question"), React__default["default"].createElement("p", null, "If you have an", ' ', React__default["default"].createElement("span", {
22826
+ className: "utilities_ops-app-frame_Help_Help--highlightRed"
22827
+ }, "innovation idea"), " or a", ' ', React__default["default"].createElement("span", {
22828
+ className: "utilities_ops-app-frame_Help_Help--highlightRed"
22829
+ }, "suggestion"), ", click on the", ' ', React__default["default"].createElement("span", {
22830
+ className: "utilities_ops-app-frame_Help_Help--highlightRed"
22831
+ }, "light bulb"), React__default["default"].createElement("img", {
22832
+ src: "/assets/images/mihelpIcons/icon-bulb.svg"
22833
+ }), " on top right of the G2 portal. For anything else, please proceed below."), React__default["default"].createElement("div", {
22834
+ className: "utilities_ops-app-frame_Help_Help--CategoryWrapper"
22835
+ }, React__default["default"].createElement("label", null, "Category"), React__default["default"].createElement("select", {
22836
+ value: category,
22837
+ onChange: function onChange(e) {
22838
+ return setCategory(e.target.value);
22839
+ }
22840
+ }, React__default["default"].createElement("option", {
22841
+ value: "selectCategory"
22842
+ }, "- select category -"), feedbackConfig.issueTypeOptions.map(function (option) {
22843
+ return React__default["default"].createElement("option", {
22844
+ value: option.value
22845
+ }, option.value);
22846
+ }))), React__default["default"].createElement("div", {
22847
+ className: "utilities_ops-app-frame_Help_Help--questionWrapper"
22848
+ }, React__default["default"].createElement("label", null, "Your Question"), React__default["default"].createElement("textarea", {
22849
+ value: question,
22850
+ onChange: function onChange(e) {
22851
+ return setQuestion(e.target.value);
22852
+ }
22853
+ })), React__default["default"].createElement("span", {
22854
+ onClick: questionSubmitHandler,
22855
+ className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$7, {
22856
+ "handleMissingStyleName": "warn"
22857
+ })
22858
+ }, "Submit")) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("img", {
22859
+ src: "/assets/images/mihelpIcons/icon-success.svg",
22860
+ style: {
22861
+ marginTop: '50px'
22862
+ }
22863
+ }), React__default["default"].createElement("p", {
22864
+ className: "utilities_ops-app-frame_Help_Help--successMsg"
22865
+ }, "Thanks! Your question submitted successfully"), React__default["default"].createElement("span", {
22866
+ style: {
22867
+ marginBottom: '12px'
22868
+ }
22869
+ }, "Due to Covid-19 Pandemic, 72 hours is the minimum response time for your question."), React__default["default"].createElement("span", {
22870
+ style: {
22871
+ marginBottom: '100px'
22872
+ }
22873
+ }, React__default["default"].createElement("b", null, "Feel free to explore other help resources and FAQs to avoid waiting time.")))))))));
22511
22874
  };
22512
22875
 
22513
22876
  function ReleaseNoteContent(_ref) {
@@ -22625,105 +22988,6 @@ var ReleaseNote = function ReleaseNote(_ref) {
22625
22988
  })));
22626
22989
  };
22627
22990
 
22628
- var getRecommendedHelpArticles = function getRecommendedHelpArticles(helpContent) {
22629
- var articles = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.helpArticles) : []; // const sortedByLikes = sortedBySequence.sort((a, b) => {
22630
- // return parseInt(b.likes) - parseInt(a.likes)
22631
- // })
22632
-
22633
- var recomendedArticles = articles.filter(function (article) {
22634
- return article.recomended === 'true';
22635
- });
22636
- var sortedBySequence = recomendedArticles.sort(function (a, b) {
22637
- return parseInt(a.sequence) - parseInt(b.sequence);
22638
- });
22639
- return sortedBySequence;
22640
- };
22641
- var getFaqs = function getFaqs(helpContent) {
22642
- var _helpContent$faqs$;
22643
-
22644
- var faqData = !isNil$1(helpContent) ? (_helpContent$faqs$ = helpContent.faqs[0]) === null || _helpContent$faqs$ === void 0 ? void 0 : _helpContent$faqs$.content : '';
22645
- if (!faqData) return [];
22646
- var faqObj = JSON.parse(faqData.slice(faqData.indexOf('wp:acf/faq')).replace('wp:acf/faq', '').replace('/-->', '').trim());
22647
- var faqs = [];
22648
- Object.keys(faqObj.data).forEach(function (key, i) {
22649
- if (key.includes('_question') && !faqObj.data[key].includes('field_')) {
22650
- faqs.push({
22651
- question: faqObj.data[key],
22652
- answer: faqObj.data["".concat(key.replace('question', ''), "answer")].replace(/\n/g, "<br>"),
22653
- category: faqObj.data["".concat(key.slice(0, key.indexOf('s_')), "_category")],
22654
- id: i
22655
- });
22656
- }
22657
- });
22658
- return faqs;
22659
- };
22660
- var getReleaseNotes = function getReleaseNotes(helpContent) {
22661
- var releasenotes = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.releaseNotes) : [];
22662
- var releaseNotesByApp = {};
22663
- releasenotes.forEach(function (note) {
22664
- if (releaseNotesByApp[note.application]) {
22665
- releaseNotesByApp[note.application] = [].concat(_toConsumableArray(releaseNotesByApp[note.application]), [note]);
22666
- } else {
22667
- releaseNotesByApp[note.application] = [note];
22668
- }
22669
- });
22670
- var latestReleasesByApp = [];
22671
- Object.keys(releaseNotesByApp).forEach(function (app) {
22672
- if (releaseNotesByApp[app].length < 2) {
22673
- latestReleasesByApp.push(releaseNotesByApp[app][0]);
22674
- return;
22675
- }
22676
-
22677
- var latestArticle = releaseNotesByApp[app][0];
22678
- releaseNotesByApp[app].forEach(function (release) {
22679
- if (new Date(release.publishDate) > new Date(latestArticle.publishDate)) {
22680
- latestArticle = release;
22681
- }
22682
- });
22683
- latestReleasesByApp.push(latestArticle);
22684
- });
22685
- return latestReleasesByApp;
22686
- };
22687
- var timer;
22688
- var debounce = function debounce(fn, delay) {
22689
- clearTimeout(timer);
22690
- timer = setTimeout(function () {
22691
- return fn();
22692
- }, delay);
22693
- };
22694
- var clearDebounceTimer = function clearDebounceTimer() {
22695
- clearTimeout(timer);
22696
- };
22697
- var handleRedirect = function handleRedirect(type, mihelpAppPath, currentArticle) {
22698
- var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
22699
- var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
22700
- var uri;
22701
-
22702
- switch (type) {
22703
- case redirectContants.OPEN_IN_NEW_TAB:
22704
- uri = currentArticle.url;
22705
- break;
22706
-
22707
- case redirectContants.ALL_HELP_RESOURCES:
22708
- uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
22709
- break;
22710
-
22711
- case redirectContants.HELP_RESOURCES:
22712
- 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");
22713
- break;
22714
-
22715
- case redirectContants.FAQS:
22716
- uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#faqs") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#faqs");
22717
- break;
22718
-
22719
- case redirectContants.RELEASE_NOTES:
22720
- uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#releases") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#releases");
22721
- break;
22722
- }
22723
-
22724
- window.open(uri, '_blank');
22725
- };
22726
-
22727
22991
  var _styleModuleImportMap$6 = {
22728
22992
  "./Help.css": {
22729
22993
  "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
@@ -22731,11 +22995,13 @@ var _styleModuleImportMap$6 = {
22731
22995
  "title": "utilities_ops-app-frame_Help_Help--title",
22732
22996
  "header": "utilities_ops-app-frame_Help_Help--header",
22733
22997
  "close": "utilities_ops-app-frame_Help_Help--close",
22998
+ "submitQuestionWrapper": "utilities_ops-app-frame_Help_Help--submitQuestionWrapper",
22734
22999
  "subHeader": "utilities_ops-app-frame_Help_Help--subHeader",
22735
23000
  "subHeaderTitle": "utilities_ops-app-frame_Help_Help--subHeaderTitle",
22736
23001
  "back": "utilities_ops-app-frame_Help_Help--back",
22737
23002
  "link": "utilities_ops-app-frame_Help_Help--link",
22738
23003
  "helpResourcesWrapper": "utilities_ops-app-frame_Help_Help--helpResourcesWrapper",
23004
+ "relatedResourcesWrapper": "utilities_ops-app-frame_Help_Help--relatedResourcesWrapper",
22739
23005
  "viewMore": "utilities_ops-app-frame_Help_Help--viewMore",
22740
23006
  "searchWrapper": "utilities_ops-app-frame_Help_Help--searchWrapper",
22741
23007
  "mihelpSearch": "utilities_ops-app-frame_Help_Help--mihelpSearch",
@@ -22743,6 +23009,7 @@ var _styleModuleImportMap$6 = {
22743
23009
  "searchResult": "utilities_ops-app-frame_Help_Help--searchResult",
22744
23010
  "spinnerWrapper": "utilities_ops-app-frame_Help_Help--spinnerWrapper",
22745
23011
  "overFlowHidden": "utilities_ops-app-frame_Help_Help--overFlowHidden",
23012
+ "nonInteractive": "utilities_ops-app-frame_Help_Help--nonInteractive",
22746
23013
  "searchTitlewrapper": "utilities_ops-app-frame_Help_Help--searchTitlewrapper",
22747
23014
  "likeswrapper": "utilities_ops-app-frame_Help_Help--likeswrapper",
22748
23015
  "like": "utilities_ops-app-frame_Help_Help--like",
@@ -22756,7 +23023,23 @@ var _styleModuleImportMap$6 = {
22756
23023
  "releaseNote": "utilities_ops-app-frame_Help_Help--releaseNote",
22757
23024
  "releaseNoteContent": "utilities_ops-app-frame_Help_Help--releaseNoteContent",
22758
23025
  "helpArticle": "utilities_ops-app-frame_Help_Help--helpArticle",
22759
- "helpArticleWrapper": "utilities_ops-app-frame_Help_Help--helpArticleWrapper"
23026
+ "helpArticleWrapper": "utilities_ops-app-frame_Help_Help--helpArticleWrapper",
23027
+ "articleFooter": "utilities_ops-app-frame_Help_Help--articleFooter",
23028
+ "likeWrapper": "utilities_ops-app-frame_Help_Help--likeWrapper",
23029
+ "likeTxt": "utilities_ops-app-frame_Help_Help--likeTxt",
23030
+ "thanksText": "utilities_ops-app-frame_Help_Help--thanksText",
23031
+ "feedbackWrapper": "utilities_ops-app-frame_Help_Help--feedbackWrapper",
23032
+ "likebtnWrapper": "utilities_ops-app-frame_Help_Help--likebtnWrapper",
23033
+ "active": "utilities_ops-app-frame_Help_Help--active",
23034
+ "dislike": "utilities_ops-app-frame_Help_Help--dislike",
23035
+ "dateWrapper": "utilities_ops-app-frame_Help_Help--dateWrapper",
23036
+ "noFlex": "utilities_ops-app-frame_Help_Help--noFlex",
23037
+ "submitBtn": "utilities_ops-app-frame_Help_Help--submitBtn",
23038
+ "disable": "utilities_ops-app-frame_Help_Help--disable",
23039
+ "CategoryWrapper": "utilities_ops-app-frame_Help_Help--CategoryWrapper",
23040
+ "questionWrapper": "utilities_ops-app-frame_Help_Help--questionWrapper",
23041
+ "highlightRed": "utilities_ops-app-frame_Help_Help--highlightRed",
23042
+ "successMsg": "utilities_ops-app-frame_Help_Help--successMsg"
22760
23043
  }
22761
23044
  };
22762
23045
 
@@ -22765,7 +23048,8 @@ var HelpSideBar = function HelpSideBar(_ref) {
22765
23048
  _ref.getTitle;
22766
23049
  var mihelpAppPath = _ref.mihelpAppPath,
22767
23050
  mihelpRef = _ref.mihelpRef,
22768
- setMihelpVisible = _ref.setMihelpVisible;
23051
+ setMihelpVisible = _ref.setMihelpVisible,
23052
+ feedbackConfig = _ref.feedbackConfig;
22769
23053
 
22770
23054
  var _useState = React.useState(null),
22771
23055
  _useState2 = _slicedToArray(_useState, 2),
@@ -22789,8 +23073,8 @@ var HelpSideBar = function HelpSideBar(_ref) {
22789
23073
 
22790
23074
  var _useState9 = React.useState(false),
22791
23075
  _useState10 = _slicedToArray(_useState9, 2),
22792
- searching = _useState10[0],
22793
- setSearching = _useState10[1];
23076
+ loading = _useState10[0],
23077
+ setLoading = _useState10[1];
22794
23078
 
22795
23079
  var _useState11 = React.useState(null),
22796
23080
  _useState12 = _slicedToArray(_useState11, 2),
@@ -22812,12 +23096,43 @@ var HelpSideBar = function HelpSideBar(_ref) {
22812
23096
  history = _useState18[0],
22813
23097
  setHistory = _useState18[1];
22814
23098
 
23099
+ var _useState19 = React.useState(false),
23100
+ _useState20 = _slicedToArray(_useState19, 2),
23101
+ showQuestionSection = _useState20[0],
23102
+ setShowQuestionSection = _useState20[1];
23103
+
23104
+ var _useState21 = React.useState(false),
23105
+ _useState22 = _slicedToArray(_useState21, 2),
23106
+ showSuccessSection = _useState22[0],
23107
+ setShowSuccessSection = _useState22[1];
23108
+
23109
+ var spinnerRef = React.useRef();
23110
+ var questionSectionRef = React.useRef();
23111
+ React.useEffect(function () {
23112
+ if (!showQuestionSection) {
23113
+ setShowSuccessSection(false);
23114
+ } else {
23115
+ var offsetTop = questionSectionRef.current.offsetTop;
23116
+ mihelpRef.current.scroll({
23117
+ top: offsetTop - 50,
23118
+ behavior: 'smooth'
23119
+ });
23120
+ }
23121
+ }, [showQuestionSection]);
22815
23122
  React.useEffect(function () {
22816
23123
  var appTitle = document.querySelector('.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle').innerText || 'G2Portal';
22817
23124
  setTitle(appTitle);
22818
23125
  getHelpContent();
22819
23126
  appendElementorStyles();
22820
23127
  }, []);
23128
+ React.useEffect(function () {
23129
+ if (loading) {
23130
+ var diff = mihelpRef.current.scrollHeight - mihelpRef.current.offsetHeight;
23131
+ spinnerRef.current.style.bottom = "-".concat(diff, "px");
23132
+ var svgRef = spinnerRef.current.querySelector('svg');
23133
+ svgRef.style.bottom = "".concat(mihelpRef.current.offsetHeight / 2 - 25, "px");
23134
+ }
23135
+ }, [loading]);
22821
23136
 
22822
23137
  var appendElementorStyles =
22823
23138
  /*#__PURE__*/
@@ -22832,7 +23147,6 @@ var HelpSideBar = function HelpSideBar(_ref) {
22832
23147
  switch (_context.prev = _context.next) {
22833
23148
  case 0:
22834
23149
  _context.prev = 0;
22835
- // const url = '/mihelpservices/elementor/css'
22836
23150
  url = (_storage$getItem$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.getMihelpCss;
22837
23151
  _context.next = 4;
22838
23152
  return axios.get(url, {
@@ -22843,7 +23157,6 @@ var HelpSideBar = function HelpSideBar(_ref) {
22843
23157
 
22844
23158
  case 4:
22845
23159
  response = _context.sent;
22846
- console.log('+++appendElementorStyles=', response);
22847
23160
 
22848
23161
  if (response === null || response === void 0 ? void 0 : response.data) {
22849
23162
  Object.keys(response === null || response === void 0 ? void 0 : response.data).forEach(function (key) {
@@ -22859,20 +23172,20 @@ var HelpSideBar = function HelpSideBar(_ref) {
22859
23172
  document.head.appendChild(style);
22860
23173
  }
22861
23174
 
22862
- _context.next = 12;
23175
+ _context.next = 11;
22863
23176
  break;
22864
23177
 
22865
- case 9:
22866
- _context.prev = 9;
23178
+ case 8:
23179
+ _context.prev = 8;
22867
23180
  _context.t0 = _context["catch"](0);
22868
23181
  console.log('+++fetch error=', _context.t0);
22869
23182
 
22870
- case 12:
23183
+ case 11:
22871
23184
  case "end":
22872
23185
  return _context.stop();
22873
23186
  }
22874
23187
  }
22875
- }, _callee, null, [[0, 9]]);
23188
+ }, _callee, null, [[0, 8]]);
22876
23189
  }));
22877
23190
 
22878
23191
  return function appendElementorStyles() {
@@ -22893,32 +23206,34 @@ var HelpSideBar = function HelpSideBar(_ref) {
22893
23206
  switch (_context2.prev = _context2.next) {
22894
23207
  case 0:
22895
23208
  _context2.prev = 0;
23209
+ setLoading(true);
22896
23210
  url = (_storage$getItem$endp2 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp2 === void 0 ? void 0 : _storage$getItem$endp2.getMihelpContent;
22897
- _context2.next = 4;
23211
+ _context2.next = 5;
22898
23212
  return axios.get("".concat(url, "?app=g2-portal&country=USA"), {
22899
23213
  headers: {
22900
23214
  Authorization: storage$1.accessToken
22901
23215
  }
22902
23216
  });
22903
23217
 
22904
- case 4:
23218
+ case 5:
22905
23219
  response = _context2.sent;
22906
- console.log('+++data=', response);
22907
23220
  setHelpContent(response === null || response === void 0 ? void 0 : response.data);
22908
- _context2.next = 12;
23221
+ setLoading(false);
23222
+ _context2.next = 14;
22909
23223
  break;
22910
23224
 
22911
- case 9:
22912
- _context2.prev = 9;
23225
+ case 10:
23226
+ _context2.prev = 10;
22913
23227
  _context2.t0 = _context2["catch"](0);
23228
+ setLoading(false);
22914
23229
  console.log('+++fetch error=', _context2.t0);
22915
23230
 
22916
- case 12:
23231
+ case 14:
22917
23232
  case "end":
22918
23233
  return _context2.stop();
22919
23234
  }
22920
23235
  }
22921
- }, _callee2, null, [[0, 9]]);
23236
+ }, _callee2, null, [[0, 10]]);
22922
23237
  }));
22923
23238
 
22924
23239
  return function getHelpContent() {
@@ -22930,7 +23245,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
22930
23245
  if (searchText.length) {
22931
23246
  debounce(getSearchResults, 250);
22932
23247
  } else {
22933
- setSearching(false);
23248
+ setLoading(false);
22934
23249
  clearDebounceTimer();
22935
23250
  setSearchResults([]);
22936
23251
  }
@@ -22950,7 +23265,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
22950
23265
  case 0:
22951
23266
  _context3.prev = 0;
22952
23267
  url = (_storage$getItem$endp3 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp3 === void 0 ? void 0 : _storage$getItem$endp3.mihelpSearch;
22953
- setSearching(true);
23268
+ setLoading(true);
22954
23269
  _context3.next = 5;
22955
23270
  return axios.get("".concat(url, "?s=").concat(searchText, "&country=USA"), {
22956
23271
  headers: {
@@ -22960,24 +23275,23 @@ var HelpSideBar = function HelpSideBar(_ref) {
22960
23275
 
22961
23276
  case 5:
22962
23277
  response = _context3.sent;
22963
- console.log('+++response=', response.data.results);
22964
23278
  setSearchResults(response.data.results);
22965
- setSearching(false);
22966
- _context3.next = 15;
23279
+ setLoading(false);
23280
+ _context3.next = 14;
22967
23281
  break;
22968
23282
 
22969
- case 11:
22970
- _context3.prev = 11;
23283
+ case 10:
23284
+ _context3.prev = 10;
22971
23285
  _context3.t0 = _context3["catch"](0);
22972
23286
  console.log(_context3.t0);
22973
- setSearching(false);
23287
+ setLoading(false);
22974
23288
 
22975
- case 15:
23289
+ case 14:
22976
23290
  case "end":
22977
23291
  return _context3.stop();
22978
23292
  }
22979
23293
  }
22980
- }, _callee3, null, [[0, 11]]);
23294
+ }, _callee3, null, [[0, 10]]);
22981
23295
  }));
22982
23296
 
22983
23297
  return function getSearchResults() {
@@ -23007,7 +23321,9 @@ var HelpSideBar = function HelpSideBar(_ref) {
23007
23321
  };
23008
23322
 
23009
23323
  var handleBackDropClick = function handleBackDropClick(e) {
23010
- if (e.target.className.includes('backdrop')) {
23324
+ var _e$target, _e$target$className;
23325
+
23326
+ 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')) {
23011
23327
  setMihelpVisible(false);
23012
23328
  }
23013
23329
  };
@@ -23024,14 +23340,27 @@ var HelpSideBar = function HelpSideBar(_ref) {
23024
23340
  mihelpAppPath: mihelpAppPath,
23025
23341
  setCurrentView: setCurrentView,
23026
23342
  setcurrentArticle: setcurrentArticle,
23027
- saveHistory: saveHistory
23343
+ saveHistory: saveHistory,
23344
+ articleClickhandler: articleClickhandler
23028
23345
  });
23029
23346
 
23030
23347
  case views.HELP_ARTICLE:
23031
- return React__default["default"].createElement(HelpArticle, {
23348
+ return currentArticle ? React__default["default"].createElement(HelpArticle, {
23032
23349
  currentArticle: currentArticle,
23033
- modifyLinks: modifyLinks
23034
- });
23350
+ modifyLinks: modifyLinks,
23351
+ articleClickhandler: articleClickhandler,
23352
+ likeHandler: likeHandler,
23353
+ dislikeHandler: dislikeHandler,
23354
+ skipFeedback: skipFeedback,
23355
+ submitFeedback: submitFeedback,
23356
+ feedbackConfig: feedbackConfig,
23357
+ submitQuestion: submitQuestion,
23358
+ showQuestionSection: showQuestionSection,
23359
+ setShowQuestionSection: setShowQuestionSection,
23360
+ showSuccessSection: showSuccessSection,
23361
+ setShowSuccessSection: setShowSuccessSection,
23362
+ questionSectionRef: questionSectionRef
23363
+ }) : null;
23035
23364
 
23036
23365
  case views.FAQ:
23037
23366
  return React__default["default"].createElement(Faq, {
@@ -23042,20 +23371,13 @@ var HelpSideBar = function HelpSideBar(_ref) {
23042
23371
  });
23043
23372
 
23044
23373
  case views.RELEASE_NOTE:
23045
- return React__default["default"].createElement(ReleaseNote, {
23374
+ return currentArticle ? React__default["default"].createElement(ReleaseNote, {
23046
23375
  currentArticle: currentArticle,
23047
23376
  modifyLinks: modifyLinks
23048
- });
23377
+ }) : null;
23049
23378
 
23050
23379
  default:
23051
- return React__default["default"].createElement(Home, {
23052
- viewMoreType: viewMoreType,
23053
- getArticles: getArticles,
23054
- handleRedirect: handleRedirect,
23055
- viewMore: viewMore,
23056
- title: title,
23057
- mihelpAppPath: mihelpAppPath
23058
- });
23380
+ return null;
23059
23381
  }
23060
23382
  };
23061
23383
 
@@ -23095,7 +23417,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23095
23417
  if (viewMoreType || currentView !== views.HOME) {
23096
23418
  setSearchText('');
23097
23419
  setSearchResults('');
23098
- setSearching(false);
23420
+ setLoading(false);
23099
23421
  setViewMoreType(null);
23100
23422
  setCurrentView(views.HOME);
23101
23423
  setcurrentArticle(null);
@@ -23103,6 +23425,309 @@ var HelpSideBar = function HelpSideBar(_ref) {
23103
23425
  }
23104
23426
  };
23105
23427
 
23428
+ var articleClickhandler =
23429
+ /*#__PURE__*/
23430
+ function () {
23431
+ var _ref5 = _asyncToGenerator(
23432
+ /*#__PURE__*/
23433
+ regenerator.mark(function _callee4(view, article, fetchArticle) {
23434
+ var _storage$getItem$endp4, url, id, response;
23435
+
23436
+ return regenerator.wrap(function _callee4$(_context4) {
23437
+ while (1) {
23438
+ switch (_context4.prev = _context4.next) {
23439
+ case 0:
23440
+ if (!(view !== views.FAQ)) {
23441
+ _context4.next = 20;
23442
+ break;
23443
+ }
23444
+
23445
+ _context4.prev = 1;
23446
+ setLoading(true);
23447
+ url = (_storage$getItem$endp4 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp4 === void 0 ? void 0 : _storage$getItem$endp4.getMihelpArticle;
23448
+ id = article.id || article.ID;
23449
+ _context4.next = 7;
23450
+ return axios.get("".concat(url, "/").concat(id), {
23451
+ headers: {
23452
+ Authorization: storage$1.accessToken
23453
+ }
23454
+ });
23455
+
23456
+ case 7:
23457
+ response = _context4.sent;
23458
+ // setHelpContent(response?.data)
23459
+ saveHistory();
23460
+ setCurrentView(view);
23461
+ setcurrentArticle(response === null || response === void 0 ? void 0 : response.data);
23462
+ setLoading(false);
23463
+ _context4.next = 18;
23464
+ break;
23465
+
23466
+ case 14:
23467
+ _context4.prev = 14;
23468
+ _context4.t0 = _context4["catch"](1);
23469
+ setLoading(false);
23470
+ console.log('fetch articleClickhandler error=', _context4.t0);
23471
+
23472
+ case 18:
23473
+ _context4.next = 23;
23474
+ break;
23475
+
23476
+ case 20:
23477
+ saveHistory();
23478
+ setCurrentView(view);
23479
+ setcurrentArticle(article);
23480
+
23481
+ case 23:
23482
+ case "end":
23483
+ return _context4.stop();
23484
+ }
23485
+ }
23486
+ }, _callee4, null, [[1, 14]]);
23487
+ }));
23488
+
23489
+ return function articleClickhandler(_x, _x2, _x3) {
23490
+ return _ref5.apply(this, arguments);
23491
+ };
23492
+ }();
23493
+
23494
+ var likeHandler =
23495
+ /*#__PURE__*/
23496
+ function () {
23497
+ var _ref6 = _asyncToGenerator(
23498
+ /*#__PURE__*/
23499
+ regenerator.mark(function _callee5(article) {
23500
+ var _storage$getItem$endp5, _response$data, url, id, response, modifiedArticle;
23501
+
23502
+ return regenerator.wrap(function _callee5$(_context5) {
23503
+ while (1) {
23504
+ switch (_context5.prev = _context5.next) {
23505
+ case 0:
23506
+ _context5.prev = 0;
23507
+ setLoading(true);
23508
+ url = (_storage$getItem$endp5 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp5 === void 0 ? void 0 : _storage$getItem$endp5.mihelpLike;
23509
+ id = article.id || article.ID;
23510
+ _context5.next = 6;
23511
+ return axios.post("".concat(url, "/").concat(id), null, {
23512
+ headers: {
23513
+ Authorization: storage$1.accessToken
23514
+ }
23515
+ });
23516
+
23517
+ case 6:
23518
+ response = _context5.sent;
23519
+ modifiedArticle = _objectSpread2({}, currentArticle);
23520
+
23521
+ if (response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.removedLike) {
23522
+ modifiedArticle.liked = false;
23523
+ modifiedArticle.likes -= 1;
23524
+ modifiedArticle.showThanksText = false;
23525
+ } else {
23526
+ modifiedArticle.liked = true;
23527
+ modifiedArticle.likes += 1;
23528
+
23529
+ if (modifiedArticle.disliked) {
23530
+ modifiedArticle.disliked = false;
23531
+ modifiedArticle.dislikes -= 1;
23532
+ }
23533
+
23534
+ modifiedArticle.showThanksText = true;
23535
+ }
23536
+
23537
+ setcurrentArticle(modifiedArticle);
23538
+ setLoading(false);
23539
+ _context5.next = 17;
23540
+ break;
23541
+
23542
+ case 13:
23543
+ _context5.prev = 13;
23544
+ _context5.t0 = _context5["catch"](0);
23545
+ setLoading(false);
23546
+ console.log('Like error', _context5.t0);
23547
+
23548
+ case 17:
23549
+ case "end":
23550
+ return _context5.stop();
23551
+ }
23552
+ }
23553
+ }, _callee5, null, [[0, 13]]);
23554
+ }));
23555
+
23556
+ return function likeHandler(_x4) {
23557
+ return _ref6.apply(this, arguments);
23558
+ };
23559
+ }();
23560
+
23561
+ var dislikeHandler =
23562
+ /*#__PURE__*/
23563
+ function () {
23564
+ var _ref7 = _asyncToGenerator(
23565
+ /*#__PURE__*/
23566
+ regenerator.mark(function _callee6(article) {
23567
+ var _storage$getItem$endp6, _response$data2, url, id, response, modifiedArticle;
23568
+
23569
+ return regenerator.wrap(function _callee6$(_context6) {
23570
+ while (1) {
23571
+ switch (_context6.prev = _context6.next) {
23572
+ case 0:
23573
+ _context6.prev = 0;
23574
+ setLoading(true);
23575
+ url = (_storage$getItem$endp6 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp6 === void 0 ? void 0 : _storage$getItem$endp6.mihelpDisLike;
23576
+ id = article.id || article.ID;
23577
+ _context6.next = 6;
23578
+ return axios.post("".concat(url, "/").concat(id), null, {
23579
+ headers: {
23580
+ Authorization: storage$1.accessToken
23581
+ }
23582
+ });
23583
+
23584
+ case 6:
23585
+ response = _context6.sent;
23586
+ modifiedArticle = _objectSpread2({}, currentArticle);
23587
+
23588
+ if (response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.removedDislike) {
23589
+ modifiedArticle.disliked = false;
23590
+ modifiedArticle.dislikes -= 1;
23591
+ modifiedArticle.showThanksText = false;
23592
+ } else {
23593
+ modifiedArticle.disliked = true;
23594
+ modifiedArticle.dislikes += 1;
23595
+
23596
+ if (modifiedArticle.liked) {
23597
+ modifiedArticle.liked = false;
23598
+ modifiedArticle.likes -= 1;
23599
+ }
23600
+
23601
+ modifiedArticle.showFeedback = true;
23602
+ }
23603
+
23604
+ setcurrentArticle(modifiedArticle);
23605
+ setLoading(false);
23606
+ _context6.next = 17;
23607
+ break;
23608
+
23609
+ case 13:
23610
+ _context6.prev = 13;
23611
+ _context6.t0 = _context6["catch"](0);
23612
+ setLoading(false);
23613
+ console.log('Like error', _context6.t0);
23614
+
23615
+ case 17:
23616
+ case "end":
23617
+ return _context6.stop();
23618
+ }
23619
+ }
23620
+ }, _callee6, null, [[0, 13]]);
23621
+ }));
23622
+
23623
+ return function dislikeHandler(_x5) {
23624
+ return _ref7.apply(this, arguments);
23625
+ };
23626
+ }();
23627
+
23628
+ var skipFeedback = function skipFeedback() {
23629
+ var modifiedArticle = _objectSpread2({}, currentArticle);
23630
+
23631
+ modifiedArticle.showFeedback = false;
23632
+ modifiedArticle.showThanksText = true;
23633
+ setcurrentArticle(modifiedArticle);
23634
+ };
23635
+
23636
+ var submitFeedback =
23637
+ /*#__PURE__*/
23638
+ function () {
23639
+ var _ref8 = _asyncToGenerator(
23640
+ /*#__PURE__*/
23641
+ regenerator.mark(function _callee7(feedback) {
23642
+ var _storage$getItem$endp7, url;
23643
+
23644
+ return regenerator.wrap(function _callee7$(_context7) {
23645
+ while (1) {
23646
+ switch (_context7.prev = _context7.next) {
23647
+ case 0:
23648
+ skipFeedback();
23649
+ _context7.prev = 1;
23650
+ url = (_storage$getItem$endp7 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp7 === void 0 ? void 0 : _storage$getItem$endp7.mihelpSubmitFeedback;
23651
+ _context7.next = 5;
23652
+ return axios.post(url, {
23653
+ message: feedback,
23654
+ url: window.location.href,
23655
+ userAgent: navigator.userAgent
23656
+ }, {
23657
+ headers: {
23658
+ Authorization: storage$1.accessToken
23659
+ }
23660
+ });
23661
+
23662
+ case 5:
23663
+ _context7.next = 10;
23664
+ break;
23665
+
23666
+ case 7:
23667
+ _context7.prev = 7;
23668
+ _context7.t0 = _context7["catch"](1);
23669
+ console.log('submitFeedback Error', _context7.t0);
23670
+
23671
+ case 10:
23672
+ case "end":
23673
+ return _context7.stop();
23674
+ }
23675
+ }
23676
+ }, _callee7, null, [[1, 7]]);
23677
+ }));
23678
+
23679
+ return function submitFeedback(_x6) {
23680
+ return _ref8.apply(this, arguments);
23681
+ };
23682
+ }();
23683
+
23684
+ var submitQuestion =
23685
+ /*#__PURE__*/
23686
+ function () {
23687
+ var _ref9 = _asyncToGenerator(
23688
+ /*#__PURE__*/
23689
+ regenerator.mark(function _callee8(question, category) {
23690
+ var _storage$getItem$endp8, url;
23691
+
23692
+ return regenerator.wrap(function _callee8$(_context8) {
23693
+ while (1) {
23694
+ switch (_context8.prev = _context8.next) {
23695
+ case 0:
23696
+ _context8.prev = 0;
23697
+ url = (_storage$getItem$endp8 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp8 === void 0 ? void 0 : _storage$getItem$endp8.mihelpSubmitQuestion;
23698
+ _context8.next = 4;
23699
+ return axios.post(url, {
23700
+ question: question,
23701
+ category: category,
23702
+ app: title
23703
+ }, {
23704
+ headers: {
23705
+ Authorization: storage$1.accessToken
23706
+ }
23707
+ });
23708
+
23709
+ case 4:
23710
+ _context8.next = 9;
23711
+ break;
23712
+
23713
+ case 6:
23714
+ _context8.prev = 6;
23715
+ _context8.t0 = _context8["catch"](0);
23716
+ console.log('submitQuestion Error', _context8.t0);
23717
+
23718
+ case 9:
23719
+ case "end":
23720
+ return _context8.stop();
23721
+ }
23722
+ }
23723
+ }, _callee8, null, [[0, 6]]);
23724
+ }));
23725
+
23726
+ return function submitQuestion(_x7, _x8) {
23727
+ return _ref9.apply(this, arguments);
23728
+ };
23729
+ }();
23730
+
23106
23731
  return React__default["default"].createElement("div", {
23107
23732
  className: "utilities_ops-app-frame_Help_Help--backdrop",
23108
23733
  onClick: handleBackDropClick
@@ -23111,7 +23736,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23111
23736
  width: getNotificationWrapperWidth()
23112
23737
  },
23113
23738
  ref: mihelpRef,
23114
- className: _getClassName("miHelpSideBar ".concat(!helpContent ? 'overFlowHidden' : ''), _styleModuleImportMap$6, {
23739
+ className: _getClassName("miHelpSideBar ".concat(!helpContent || showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$6, {
23115
23740
  "handleMissingStyleName": "warn"
23116
23741
  })
23117
23742
  }, React__default["default"].createElement("div", {
@@ -23149,11 +23774,13 @@ var HelpSideBar = function HelpSideBar(_ref) {
23149
23774
  var type = currentView === views.HOME ? redirectContants.ALL_HELP_RESOURCES : currentView === views.FAQ ? redirectContants.FAQS : redirectContants.OPEN_IN_NEW_TAB;
23150
23775
  handleRedirect(type, mihelpAppPath, currentArticle);
23151
23776
  }
23152
- }, currentView === views.HOME ? 'All Help Resources' : 'Open New Tab', React__default["default"].createElement(coreComponents.Icon, {
23777
+ }, currentView === views.HOME ? 'All Help Resources' : 'Open In New Tab', React__default["default"].createElement(coreComponents.Icon, {
23153
23778
  name: "open_in_new",
23154
23779
  variant: "material"
23155
23780
  }))), React__default["default"].createElement("div", {
23156
- className: "utilities_ops-app-frame_Help_Help--searchWrapper"
23781
+ className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$6, {
23782
+ "handleMissingStyleName": "warn"
23783
+ })
23157
23784
  }, React__default["default"].createElement("input", {
23158
23785
  type: "text",
23159
23786
  className: "utilities_ops-app-frame_Help_Help--mihelpSearch",
@@ -23171,8 +23798,9 @@ var HelpSideBar = function HelpSideBar(_ref) {
23171
23798
  results: searchResults,
23172
23799
  contentType: contentType,
23173
23800
  postTypeMapper: postTypeMapper
23174
- }), (!helpContent || searching) && React__default["default"].createElement("div", {
23175
- className: "utilities_ops-app-frame_Help_Help--spinnerWrapper"
23801
+ }), (!helpContent || loading) && React__default["default"].createElement("div", {
23802
+ className: "utilities_ops-app-frame_Help_Help--spinnerWrapper",
23803
+ ref: spinnerRef
23176
23804
  }, React__default["default"].createElement(coreComponents.Spinner, {
23177
23805
  size: "60px"
23178
23806
  }))));
@@ -26427,7 +27055,8 @@ var AppBar$1 = function AppBar(props) {
26427
27055
  getTitle: getTitle,
26428
27056
  mihelpAppPath: mihelpAppPath,
26429
27057
  mihelpRef: mihelpRef,
26430
- setMihelpVisible: setMihelpVisible
27058
+ setMihelpVisible: setMihelpVisible,
27059
+ feedbackConfig: props.feedbackConfig
26431
27060
  }));
26432
27061
  };
26433
27062
  AppBar$1.defaultProps = {