@copart/ops-tool-kit 1.10.0-alpha.6 → 1.10.0-alpha.8

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.
Files changed (3) hide show
  1. package/dist/ops-tool-kit.js +359 -189
  2. package/dist/ops-tool-kit.js.map +1 -1
  3. package/package.json +1 -1
package/dist/ops-tool-kit.js CHANGED
@@ -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.6";
36
+ const version$3 = "1.10.0-alpha.8";
37
37
  const main = "dist/ops-tool-kit.js";
38
38
  const style = "dist/ops-tool-kit.css";
39
39
  const files = [
@@ -11225,6 +11225,11 @@ var getDomain = function getDomain(url) {
11225
11225
  } else return 'copart.com';
11226
11226
  }
11227
11227
  };
11228
+ var dateDiffInDays = function dateDiffInDays(date1, date2) {
11229
+ var diffInMilliseconds = Math.abs(date2 - date1);
11230
+ var millisecondsPerDay = 24 * 60 * 60 * 1000;
11231
+ return Math.floor(diffInMilliseconds / millisecondsPerDay);
11232
+ };
11228
11233
 
11229
11234
  var css_248z$k = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\r\n margin: 80px 0 40px;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n";
11230
11235
  styleInject(css_248z$k);
@@ -22203,7 +22208,7 @@ FeedbackDialog.defaultProps = {
22203
22208
  }
22204
22209
  };
22205
22210
 
22206
- var css_248z$g = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 64px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n display: flex;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n color: white;\r\n font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n width: 6rem;\r\n margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n margin-top: -0.2rem;\r\n margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Open Sans';\r\n font-style: italic;\r\n font-weight: 600;\r\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n color: #fff;\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n font-size: 14px;\r\n position: relative;\r\n left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n margin-left: 10px;\r\n margin-right: 7px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n color: white;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n margin: 5px;\r\n padding: 0px 10px;\r\n height: 25px;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n border: 1px solid #1d5ab9;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n color: red;\r\n margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n margin-left: 5px;\r\n display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n line-height: unset;\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n color: red;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n margin-left: 10px !important;\r\n margin-right: 5px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n top: 2px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n position: absolute;\r\n display: flex;\r\n height: 100vh;\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 402px;\r\n height: 38px;\r\n width: 38px;\r\n background-color: white;\r\n z-index: 11000;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 13px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 3px;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n margin-left: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 2px;\r\n }\r\n}\r\n";
22211
+ var css_248z$g = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 64px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n display: flex;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n color: white;\r\n font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n width: 6rem;\r\n margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n margin-top: -0.2rem;\r\n margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Open Sans';\r\n font-style: italic;\r\n font-weight: 600;\r\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n color: #fff;\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n font-size: 14px;\r\n position: relative;\r\n left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n margin-left: 10px;\r\n margin-right: 7px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n color: white;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n margin: 5px;\r\n padding: 0px 10px;\r\n height: 25px;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n border: 1px solid #1d5ab9;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n color: red;\r\n margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n margin-left: 5px;\r\n display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n line-height: unset;\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n color: red;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n margin-left: 10px !important;\r\n margin-right: 5px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n top: 2px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\r\n background-color: #ef5350;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 0px;\r\n left: 13px;\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n position: absolute;\r\n background: #fff;\r\n padding: 8px;\r\n right: 30px;\r\n top: -2px;\r\n border-radius: 2px;\r\n font-weight: 400;\r\n font-size: 12px;\r\n cursor: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 100%;\r\n margin-top: -5px;\r\n border-width: 5px;\r\n border-style: solid;\r\n border-color: transparent transparent transparent #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\r\n color: #000;\r\n font-size: 12px;\r\n margin-left: 5px;\r\n position: relative;\r\n top: 1px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n position: absolute;\r\n display: flex;\r\n height: 100vh;\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 402px;\r\n height: 38px;\r\n width: 38px;\r\n background-color: white;\r\n z-index: 11000;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 13px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 3px;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n margin-left: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 2px;\r\n }\r\n}\r\n";
22207
22212
  styleInject(css_248z$g);
22208
22213
 
22209
22214
  var LogOutMenu = function LogOutMenu(_ref) {
@@ -22254,7 +22259,10 @@ var CopartLogo = function CopartLogo() {
22254
22259
  var Help = function Help(_ref) {
22255
22260
  var handleHelpClick = _ref.handleHelpClick,
22256
22261
  mihelpVisible = _ref.mihelpVisible,
22257
- mihelpIconRef = _ref.mihelpIconRef;
22262
+ mihelpIconRef = _ref.mihelpIconRef,
22263
+ showMihelpDot = _ref.showMihelpDot,
22264
+ setShowMihelpTooltip = _ref.setShowMihelpTooltip,
22265
+ showMihelpTooltip = _ref.showMihelpTooltip;
22258
22266
  return React__default["default"].createElement("div", {
22259
22267
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
22260
22268
  ref: mihelpIconRef
@@ -22268,7 +22276,18 @@ var Help = function Help(_ref) {
22268
22276
  style: {
22269
22277
  bottom: '-14px'
22270
22278
  }
22271
- }));
22279
+ }), showMihelpDot && React__default["default"].createElement("span", {
22280
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot"
22281
+ }), showMihelpTooltip && React__default["default"].createElement("span", {
22282
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip"
22283
+ }, "Access Latest Release Notes here", React__default["default"].createElement("span", {
22284
+ onClick: function onClick() {
22285
+ return setShowMihelpTooltip(false);
22286
+ }
22287
+ }, React__default["default"].createElement(coreComponents.Icon, {
22288
+ name: "close",
22289
+ variant: "material"
22290
+ }))));
22272
22291
  };
22273
22292
 
22274
22293
  var contentType = {
@@ -22317,7 +22336,7 @@ var viewMapper = {
22317
22336
  release_notes: views.RELEASE_NOTE
22318
22337
  };
22319
22338
 
22320
- var css_248z$e = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 64px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 50vw;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 64px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n font-weight: 600;\r\n font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n font-weight: 600;\r\n font-size: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n color: #1d5ab9;\r\n margin-right: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -5px;\r\n left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n margin-top: 20px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n color: #1d5ab9;\r\n font-size: 10px;\r\n position: relative;\r\n top: -8px;\r\n cursor: pointer;\r\n left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n width: 17px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n position: absolute;\r\n width: 29px;\r\n height: 29px;\r\n background: #f3f2f1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n bottom: 1.5px;\r\n right: 2px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n width: 100%;\r\n margin-top: 15px;\r\n padding: 0px 10px;\r\n height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n width: 100%;\r\n margin-top: 20px;\r\n border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n margin-top: 13px;\r\n margin-bottom: 30px;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n color: #cbcbcb;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n margin-left: 10px;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n font-size: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n width: 18px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n font-weight: 600;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n width: 100%;\r\n margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n font-weight: 300;\r\n font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n font-size: 24px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n border-top: 1px solid #dcdcdc;\r\n padding-top: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n font-weight: 400;\r\n font-size: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n transition: all 0.2s ease-out;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n font-weight: 400;\r\n font-size: 14px;\r\n height: auto;\r\n max-height: 0;\r\n transition: max-height 0.2s ease-out;\r\n overflow: hidden;\r\n margin-top: 13px;\r\n white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n white-space: break-spaces;\r\n } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n /* 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";
22339
+ var css_248z$e = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 64px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 50vw;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 64px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n font-weight: 600;\r\n font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n font-weight: 600;\r\n font-size: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n color: #1d5ab9;\r\n margin-right: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -5px;\r\n left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n margin-top: 20px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n color: #1d5ab9;\r\n font-size: 10px;\r\n position: relative;\r\n top: -8px;\r\n cursor: pointer;\r\n left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n width: 17px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n position: absolute;\r\n width: 29px;\r\n height: 29px;\r\n background: #f3f2f1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n bottom: 1.5px;\r\n right: 2px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n width: 100%;\r\n margin-top: 15px;\r\n padding: 0px 10px;\r\n height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n width: 100%;\r\n margin-top: 20px;\r\n border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n margin-top: 13px;\r\n margin-bottom: 30px;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n color: #cbcbcb;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n margin-left: 10px;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n font-size: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n width: 18px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n font-weight: 600;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n width: 100%;\r\n margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n font-weight: 300;\r\n font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n font-size: 24px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n border-top: 1px solid #dcdcdc;\r\n padding-top: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n font-weight: 400;\r\n font-size: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n transition: all 0.2s ease-out;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n font-weight: 400;\r\n font-size: 14px;\r\n height: auto;\r\n max-height: 0;\r\n transition: max-height 0.2s ease-out;\r\n overflow: hidden;\r\n margin-top: 13px;\r\n white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n white-space: break-spaces;\r\n } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 30px;\r\n padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n color: rgb(45, 206, 137);\r\n font-weight: bold;\r\n font-size: 16px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n width: 300px;\r\n height: 100px;\r\n resize: none;\r\n display: block;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n background-color: rgb(29, 90, 185);\r\n color: #fff;\r\n padding: 6px 12px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #2dce89;\r\n margin-right: 6px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n border: 1px solid #2dce89 !important;\r\n padding: 5px;\r\n height: 30px;\r\n width: 30px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n font-style: italic;\r\n /* font-weight: 700; */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n width: 100%;\r\n border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n width: 100%;\r\n border: 1px solid #dcdcdc;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 50px;\r\n position: relative;\r\n text-align: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n display: block;\r\n text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n font-size: 34px !important;\r\n margin-bottom: 6px !important;\r\n margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n font-size: 14px !important;\r\n margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n position: relative;\r\n top: 2px;\r\n margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 6px 12px;\r\n font-weight: 600;\r\n font-size: 12px;\r\n cursor: pointer;\r\n margin-top: 7px;\r\n border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n pointer-events: none;\r\n cursor: default;\r\n background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: absolute;\r\n top: 0px;\r\n right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n font-weight: 800 !important;\r\n font-size: 20px !important;\r\n line-height: 27px !important;\r\n color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n font-weight: 600;\r\n font-size: 14px;\r\n color: #000100;\r\n margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n resize: none;\r\n height: 125px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n font-weight: 600;\r\n color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n color: #1d5ab9;\r\n font-size: 20px !important;\r\n margin-top: 12px;\r\n margin-bottom: 20px !important;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\r\n max-width: 700px;\r\n min-width: 600px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n background: #edebe9;\r\n padding: 10px 20px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\r\n padding: 20px 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\r\n font-weight: 600;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\r\n font-weight: 600;\r\n font-size: 14px;\r\n -webkit-text-decoration-line: underline;\r\n text-decoration-line: underline;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -6px;\r\n right: -1px;\r\n}\r\n";
22321
22340
  styleInject(css_248z$e);
22322
22341
 
22323
22342
  var ArticleSection = function ArticleSection(_ref) {
@@ -22430,7 +22449,7 @@ var SearchResults = function SearchResults(_ref) {
22430
22449
  dangerouslySetInnerHTML: {
22431
22450
  __html: result.post_title.replace(/<\/?[^>]+(>|$)/g, '')
22432
22451
  }
22433
- })), React__default["default"].createElement("div", {
22452
+ })), result.post_type === 'help_articles' && React__default["default"].createElement("div", {
22434
22453
  className: "utilities_ops-app-frame_Help_Help--likeswrapper"
22435
22454
  }, React__default["default"].createElement("span", {
22436
22455
  className: "utilities_ops-app-frame_Help_Help--like"
@@ -22571,7 +22590,7 @@ var getFaqs = function getFaqs(helpContent) {
22571
22590
  if (key.includes('_question') && !faqObj.data[key].includes('field_')) {
22572
22591
  faqs.push({
22573
22592
  question: faqObj.data[key],
22574
- answer: faqObj.data["".concat(key.replace('question', ''), "answer")].replace(/\n/g, "<br>"),
22593
+ answer: faqObj.data["".concat(key.replace('question', ''), "answer")].replace(/\n/g, '<br>'),
22575
22594
  category: faqObj.data["".concat(key.slice(0, key.indexOf('s_')), "_category")],
22576
22595
  id: i
22577
22596
  });
@@ -22710,7 +22729,10 @@ var _styleModuleImportMap$7 = {
22710
22729
  "CategoryWrapper": "utilities_ops-app-frame_Help_Help--CategoryWrapper",
22711
22730
  "questionWrapper": "utilities_ops-app-frame_Help_Help--questionWrapper",
22712
22731
  "highlightRed": "utilities_ops-app-frame_Help_Help--highlightRed",
22713
- "successMsg": "utilities_ops-app-frame_Help_Help--successMsg"
22732
+ "successMsg": "utilities_ops-app-frame_Help_Help--successMsg",
22733
+ "releaseDialogContent": "utilities_ops-app-frame_Help_Help--releaseDialogContent",
22734
+ "releaseDialogHeader": "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
22735
+ "releaseDialogBody": "utilities_ops-app-frame_Help_Help--releaseDialogBody"
22714
22736
  }
22715
22737
  };
22716
22738
 
@@ -23062,7 +23084,10 @@ var _styleModuleImportMap$6 = {
23062
23084
  "CategoryWrapper": "utilities_ops-app-frame_Help_Help--CategoryWrapper",
23063
23085
  "questionWrapper": "utilities_ops-app-frame_Help_Help--questionWrapper",
23064
23086
  "highlightRed": "utilities_ops-app-frame_Help_Help--highlightRed",
23065
- "successMsg": "utilities_ops-app-frame_Help_Help--successMsg"
23087
+ "successMsg": "utilities_ops-app-frame_Help_Help--successMsg",
23088
+ "releaseDialogContent": "utilities_ops-app-frame_Help_Help--releaseDialogContent",
23089
+ "releaseDialogHeader": "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
23090
+ "releaseDialogBody": "utilities_ops-app-frame_Help_Help--releaseDialogBody"
23066
23091
  }
23067
23092
  };
23068
23093
 
@@ -23129,15 +23154,20 @@ var HelpSideBar = function HelpSideBar(_ref) {
23129
23154
  showSuccessSection = _useState22[0],
23130
23155
  setShowSuccessSection = _useState22[1];
23131
23156
 
23132
- var _useState23 = React.useState(null),
23157
+ var _useState23 = React.useState(false),
23133
23158
  _useState24 = _slicedToArray(_useState23, 2),
23134
- faqs = _useState24[0],
23135
- setFaqs = _useState24[1];
23159
+ backClicked = _useState24[0],
23160
+ setBackClicked = _useState24[1];
23136
23161
 
23137
23162
  var _useState25 = React.useState(null),
23138
23163
  _useState26 = _slicedToArray(_useState25, 2),
23139
- selectedFaq = _useState26[0],
23140
- setSelectedFaq = _useState26[1];
23164
+ faqs = _useState26[0],
23165
+ setFaqs = _useState26[1];
23166
+
23167
+ var _useState27 = React.useState(null),
23168
+ _useState28 = _slicedToArray(_useState27, 2),
23169
+ selectedFaq = _useState28[0],
23170
+ setSelectedFaq = _useState28[1];
23141
23171
 
23142
23172
  var spinnerRef = React.useRef();
23143
23173
  var questionSectionRef = React.useRef();
@@ -23155,8 +23185,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23155
23185
  React.useEffect(function () {
23156
23186
  var appTitle = document.querySelector('.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle').innerText || 'G2Portal';
23157
23187
  setTitle(appTitle);
23158
- getHelpContent();
23159
- appendElementorStyles();
23188
+ getHelpContent(); // appendElementorStyles()
23160
23189
  }, []);
23161
23190
  React.useEffect(function () {
23162
23191
  if (loading) {
@@ -23167,81 +23196,22 @@ var HelpSideBar = function HelpSideBar(_ref) {
23167
23196
  }
23168
23197
  }, [loading]);
23169
23198
 
23170
- var appendElementorStyles =
23199
+ var getHelpContent =
23171
23200
  /*#__PURE__*/
23172
23201
  function () {
23173
23202
  var _ref2 = _asyncToGenerator(
23174
23203
  /*#__PURE__*/
23175
23204
  regenerator.mark(function _callee() {
23176
- var _storage$getItem$endp, url, response, style, css;
23205
+ var _storage$getItem$endp, _response$data, url, response;
23177
23206
 
23178
23207
  return regenerator.wrap(function _callee$(_context) {
23179
23208
  while (1) {
23180
23209
  switch (_context.prev = _context.next) {
23181
23210
  case 0:
23182
23211
  _context.prev = 0;
23183
- url = (_storage$getItem$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.getMihelpCss;
23184
- _context.next = 4;
23185
- return axios.get(url, {
23186
- headers: {
23187
- Authorization: storage$1.accessToken
23188
- }
23189
- });
23190
-
23191
- case 4:
23192
- response = _context.sent;
23193
-
23194
- if (response === null || response === void 0 ? void 0 : response.data) {
23195
- Object.keys(response === null || response === void 0 ? void 0 : response.data).forEach(function (key) {
23196
- var link = document.createElement('link');
23197
- link.rel = 'stylesheet';
23198
- link.type = 'text/css';
23199
- link.href = response === null || response === void 0 ? void 0 : response.data[key];
23200
- document.head.appendChild(link);
23201
- });
23202
- style = document.createElement('style');
23203
- css = document.createTextNode(".elementor-1674 .elementor-element.elementor-element-e83e3ae{\n width: 100% !important;\n padding-right: 0 !important;\n }\n .elementor-1674 .elementor-element.elementor-element-e83e3ae > .elementor-element-populated{\n border-style: none !important;\n }\n .elementor-1674 .elementor-element.elementor-element-efa7410 > .elementor-widget-container{\n padding:0 !important;\n }\n .elementor-widget-container ul,.elementor-widget-container ol{\n padding-left:40px !important;\n }\n .elementor-1674 .elementor-element.elementor-element-4a49924{\n margin-top:0 !important;\n }\n .elementor-column-gap-default>.elementor-column>.elementor-element-populated{\n padding:0 !important;\n }");
23204
- style.appendChild(css);
23205
- document.head.appendChild(style);
23206
- }
23207
-
23208
- _context.next = 11;
23209
- break;
23210
-
23211
- case 8:
23212
- _context.prev = 8;
23213
- _context.t0 = _context["catch"](0);
23214
- console.log('+++fetch error=', _context.t0);
23215
-
23216
- case 11:
23217
- case "end":
23218
- return _context.stop();
23219
- }
23220
- }
23221
- }, _callee, null, [[0, 8]]);
23222
- }));
23223
-
23224
- return function appendElementorStyles() {
23225
- return _ref2.apply(this, arguments);
23226
- };
23227
- }();
23228
-
23229
- var getHelpContent =
23230
- /*#__PURE__*/
23231
- function () {
23232
- var _ref3 = _asyncToGenerator(
23233
- /*#__PURE__*/
23234
- regenerator.mark(function _callee2() {
23235
- var _storage$getItem$endp2, _response$data, url, response;
23236
-
23237
- return regenerator.wrap(function _callee2$(_context2) {
23238
- while (1) {
23239
- switch (_context2.prev = _context2.next) {
23240
- case 0:
23241
- _context2.prev = 0;
23242
23212
  setLoading(true);
23243
- url = (_storage$getItem$endp2 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp2 === void 0 ? void 0 : _storage$getItem$endp2.getMihelpContent;
23244
- _context2.next = 5;
23213
+ url = (_storage$getItem$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.getMihelpContent;
23214
+ _context.next = 5;
23245
23215
  return axios.get("".concat(url, "?app=g2-portal&country=USA"), {
23246
23216
  headers: {
23247
23217
  Authorization: storage$1.accessToken
@@ -23249,58 +23219,62 @@ var HelpSideBar = function HelpSideBar(_ref) {
23249
23219
  });
23250
23220
 
23251
23221
  case 5:
23252
- response = _context2.sent;
23222
+ response = _context.sent;
23253
23223
  setHelpContent(response === null || response === void 0 ? void 0 : response.data);
23254
23224
  setFaqs(response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.faqs[0]);
23255
23225
  setLoading(false);
23256
- _context2.next = 15;
23226
+ _context.next = 15;
23257
23227
  break;
23258
23228
 
23259
23229
  case 11:
23260
- _context2.prev = 11;
23261
- _context2.t0 = _context2["catch"](0);
23230
+ _context.prev = 11;
23231
+ _context.t0 = _context["catch"](0);
23262
23232
  setLoading(false);
23263
- console.log('+++fetch error=', _context2.t0);
23233
+ console.log('+++fetch error=', _context.t0);
23264
23234
 
23265
23235
  case 15:
23266
23236
  case "end":
23267
- return _context2.stop();
23237
+ return _context.stop();
23268
23238
  }
23269
23239
  }
23270
- }, _callee2, null, [[0, 11]]);
23240
+ }, _callee, null, [[0, 11]]);
23271
23241
  }));
23272
23242
 
23273
23243
  return function getHelpContent() {
23274
- return _ref3.apply(this, arguments);
23244
+ return _ref2.apply(this, arguments);
23275
23245
  };
23276
23246
  }();
23277
23247
 
23278
23248
  React.useEffect(function () {
23279
- if (searchText.length) {
23280
- debounce(getSearchResults, 250);
23249
+ if (!backClicked) {
23250
+ if (searchText.length) {
23251
+ debounce(getSearchResults, 250);
23252
+ } else {
23253
+ setLoading(false);
23254
+ clearDebounceTimer();
23255
+ setSearchResults([]);
23256
+ }
23281
23257
  } else {
23282
- setLoading(false);
23283
- clearDebounceTimer();
23284
- setSearchResults([]);
23258
+ setBackClicked(false);
23285
23259
  }
23286
23260
  }, [searchText]);
23287
23261
 
23288
23262
  var getSearchResults =
23289
23263
  /*#__PURE__*/
23290
23264
  function () {
23291
- var _ref4 = _asyncToGenerator(
23265
+ var _ref3 = _asyncToGenerator(
23292
23266
  /*#__PURE__*/
23293
- regenerator.mark(function _callee3() {
23294
- var _storage$getItem$endp3, url, response;
23267
+ regenerator.mark(function _callee2() {
23268
+ var _storage$getItem$endp2, url, response;
23295
23269
 
23296
- return regenerator.wrap(function _callee3$(_context3) {
23270
+ return regenerator.wrap(function _callee2$(_context2) {
23297
23271
  while (1) {
23298
- switch (_context3.prev = _context3.next) {
23272
+ switch (_context2.prev = _context2.next) {
23299
23273
  case 0:
23300
- _context3.prev = 0;
23301
- url = (_storage$getItem$endp3 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp3 === void 0 ? void 0 : _storage$getItem$endp3.mihelpSearch;
23274
+ _context2.prev = 0;
23275
+ url = (_storage$getItem$endp2 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp2 === void 0 ? void 0 : _storage$getItem$endp2.mihelpSearch;
23302
23276
  setLoading(true);
23303
- _context3.next = 5;
23277
+ _context2.next = 5;
23304
23278
  return axios.get("".concat(url, "?s=").concat(searchText, "&country=USA"), {
23305
23279
  headers: {
23306
23280
  Authorization: storage$1.accessToken
@@ -23308,28 +23282,28 @@ var HelpSideBar = function HelpSideBar(_ref) {
23308
23282
  });
23309
23283
 
23310
23284
  case 5:
23311
- response = _context3.sent;
23285
+ response = _context2.sent;
23312
23286
  setSearchResults(response.data.results);
23313
23287
  setLoading(false);
23314
- _context3.next = 14;
23288
+ _context2.next = 14;
23315
23289
  break;
23316
23290
 
23317
23291
  case 10:
23318
- _context3.prev = 10;
23319
- _context3.t0 = _context3["catch"](0);
23320
- console.log(_context3.t0);
23292
+ _context2.prev = 10;
23293
+ _context2.t0 = _context2["catch"](0);
23294
+ console.log(_context2.t0);
23321
23295
  setLoading(false);
23322
23296
 
23323
23297
  case 14:
23324
23298
  case "end":
23325
- return _context3.stop();
23299
+ return _context2.stop();
23326
23300
  }
23327
23301
  }
23328
- }, _callee3, null, [[0, 10]]);
23302
+ }, _callee2, null, [[0, 10]]);
23329
23303
  }));
23330
23304
 
23331
23305
  return function getSearchResults() {
23332
- return _ref4.apply(this, arguments);
23306
+ return _ref3.apply(this, arguments);
23333
23307
  };
23334
23308
  }();
23335
23309
 
@@ -23434,6 +23408,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23434
23408
  setSelectedFaq(previousHistory.selectedFaq);
23435
23409
  setSearchText(previousHistory.searchText);
23436
23410
  setSearchResults(previousHistory.searchResults);
23411
+ setBackClicked(true);
23437
23412
 
23438
23413
  var newHistory = _toConsumableArray(history);
23439
23414
 
@@ -23481,20 +23456,20 @@ var HelpSideBar = function HelpSideBar(_ref) {
23481
23456
  var articleClickhandler =
23482
23457
  /*#__PURE__*/
23483
23458
  function () {
23484
- var _ref5 = _asyncToGenerator(
23459
+ var _ref4 = _asyncToGenerator(
23485
23460
  /*#__PURE__*/
23486
- regenerator.mark(function _callee4(view, article, isSearchFaq) {
23487
- var _storage$getItem$endp4, url, id, response;
23461
+ regenerator.mark(function _callee3(view, article, isSearchFaq) {
23462
+ var _storage$getItem$endp3, url, id, response;
23488
23463
 
23489
- return regenerator.wrap(function _callee4$(_context4) {
23464
+ return regenerator.wrap(function _callee3$(_context3) {
23490
23465
  while (1) {
23491
- switch (_context4.prev = _context4.next) {
23466
+ switch (_context3.prev = _context3.next) {
23492
23467
  case 0:
23493
- _context4.prev = 0;
23468
+ _context3.prev = 0;
23494
23469
  setLoading(true);
23495
- url = (_storage$getItem$endp4 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp4 === void 0 ? void 0 : _storage$getItem$endp4.getMihelpArticle;
23470
+ url = (_storage$getItem$endp3 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp3 === void 0 ? void 0 : _storage$getItem$endp3.getMihelpArticle;
23496
23471
  id = view === views.FAQ && !isSearchFaq ? faqs.id : article.id || article.ID;
23497
- _context4.next = 6;
23472
+ _context3.next = 6;
23498
23473
  return axios.get("".concat(url, "/").concat(id), {
23499
23474
  headers: {
23500
23475
  Authorization: storage$1.accessToken
@@ -23502,7 +23477,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23502
23477
  });
23503
23478
 
23504
23479
  case 6:
23505
- response = _context4.sent;
23480
+ response = _context3.sent;
23506
23481
  saveHistory();
23507
23482
  setCurrentView(view);
23508
23483
 
@@ -23515,45 +23490,45 @@ var HelpSideBar = function HelpSideBar(_ref) {
23515
23490
 
23516
23491
  setLoading(false);
23517
23492
  setSearchText('');
23518
- _context4.next = 18;
23493
+ _context3.next = 18;
23519
23494
  break;
23520
23495
 
23521
23496
  case 14:
23522
- _context4.prev = 14;
23523
- _context4.t0 = _context4["catch"](0);
23497
+ _context3.prev = 14;
23498
+ _context3.t0 = _context3["catch"](0);
23524
23499
  setLoading(false);
23525
- console.log('fetch articleClickhandler error=', _context4.t0);
23500
+ console.log('fetch articleClickhandler error=', _context3.t0);
23526
23501
 
23527
23502
  case 18:
23528
23503
  case "end":
23529
- return _context4.stop();
23504
+ return _context3.stop();
23530
23505
  }
23531
23506
  }
23532
- }, _callee4, null, [[0, 14]]);
23507
+ }, _callee3, null, [[0, 14]]);
23533
23508
  }));
23534
23509
 
23535
23510
  return function articleClickhandler(_x, _x2, _x3) {
23536
- return _ref5.apply(this, arguments);
23511
+ return _ref4.apply(this, arguments);
23537
23512
  };
23538
23513
  }();
23539
23514
 
23540
23515
  var likeHandler =
23541
23516
  /*#__PURE__*/
23542
23517
  function () {
23543
- var _ref6 = _asyncToGenerator(
23518
+ var _ref5 = _asyncToGenerator(
23544
23519
  /*#__PURE__*/
23545
- regenerator.mark(function _callee5(article) {
23546
- var _storage$getItem$endp5, _response$data2, url, id, response, modifiedArticle;
23520
+ regenerator.mark(function _callee4(article) {
23521
+ var _storage$getItem$endp4, _response$data2, url, id, response, modifiedArticle;
23547
23522
 
23548
- return regenerator.wrap(function _callee5$(_context5) {
23523
+ return regenerator.wrap(function _callee4$(_context4) {
23549
23524
  while (1) {
23550
- switch (_context5.prev = _context5.next) {
23525
+ switch (_context4.prev = _context4.next) {
23551
23526
  case 0:
23552
- _context5.prev = 0;
23527
+ _context4.prev = 0;
23553
23528
  setLoading(true);
23554
- url = (_storage$getItem$endp5 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp5 === void 0 ? void 0 : _storage$getItem$endp5.mihelpLike;
23529
+ url = (_storage$getItem$endp4 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp4 === void 0 ? void 0 : _storage$getItem$endp4.mihelpLike;
23555
23530
  id = article.id || article.ID;
23556
- _context5.next = 6;
23531
+ _context4.next = 6;
23557
23532
  return axios.post("".concat(url, "/").concat(id), null, {
23558
23533
  headers: {
23559
23534
  Authorization: storage$1.accessToken
@@ -23561,7 +23536,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23561
23536
  });
23562
23537
 
23563
23538
  case 6:
23564
- response = _context5.sent;
23539
+ response = _context4.sent;
23565
23540
  modifiedArticle = _objectSpread2({}, currentArticle);
23566
23541
 
23567
23542
  if (response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.removedLike) {
@@ -23582,45 +23557,45 @@ var HelpSideBar = function HelpSideBar(_ref) {
23582
23557
 
23583
23558
  setcurrentArticle(modifiedArticle);
23584
23559
  setLoading(false);
23585
- _context5.next = 17;
23560
+ _context4.next = 17;
23586
23561
  break;
23587
23562
 
23588
23563
  case 13:
23589
- _context5.prev = 13;
23590
- _context5.t0 = _context5["catch"](0);
23564
+ _context4.prev = 13;
23565
+ _context4.t0 = _context4["catch"](0);
23591
23566
  setLoading(false);
23592
- console.log('Like error', _context5.t0);
23567
+ console.log('Like error', _context4.t0);
23593
23568
 
23594
23569
  case 17:
23595
23570
  case "end":
23596
- return _context5.stop();
23571
+ return _context4.stop();
23597
23572
  }
23598
23573
  }
23599
- }, _callee5, null, [[0, 13]]);
23574
+ }, _callee4, null, [[0, 13]]);
23600
23575
  }));
23601
23576
 
23602
23577
  return function likeHandler(_x4) {
23603
- return _ref6.apply(this, arguments);
23578
+ return _ref5.apply(this, arguments);
23604
23579
  };
23605
23580
  }();
23606
23581
 
23607
23582
  var dislikeHandler =
23608
23583
  /*#__PURE__*/
23609
23584
  function () {
23610
- var _ref7 = _asyncToGenerator(
23585
+ var _ref6 = _asyncToGenerator(
23611
23586
  /*#__PURE__*/
23612
- regenerator.mark(function _callee6(article) {
23613
- var _storage$getItem$endp6, _response$data3, url, id, response, modifiedArticle;
23587
+ regenerator.mark(function _callee5(article) {
23588
+ var _storage$getItem$endp5, _response$data3, url, id, response, modifiedArticle;
23614
23589
 
23615
- return regenerator.wrap(function _callee6$(_context6) {
23590
+ return regenerator.wrap(function _callee5$(_context5) {
23616
23591
  while (1) {
23617
- switch (_context6.prev = _context6.next) {
23592
+ switch (_context5.prev = _context5.next) {
23618
23593
  case 0:
23619
- _context6.prev = 0;
23594
+ _context5.prev = 0;
23620
23595
  setLoading(true);
23621
- url = (_storage$getItem$endp6 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp6 === void 0 ? void 0 : _storage$getItem$endp6.mihelpDisLike;
23596
+ url = (_storage$getItem$endp5 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp5 === void 0 ? void 0 : _storage$getItem$endp5.mihelpDisLike;
23622
23597
  id = article.id || article.ID;
23623
- _context6.next = 6;
23598
+ _context5.next = 6;
23624
23599
  return axios.post("".concat(url, "/").concat(id), null, {
23625
23600
  headers: {
23626
23601
  Authorization: storage$1.accessToken
@@ -23628,7 +23603,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23628
23603
  });
23629
23604
 
23630
23605
  case 6:
23631
- response = _context6.sent;
23606
+ response = _context5.sent;
23632
23607
  modifiedArticle = _objectSpread2({}, currentArticle);
23633
23608
 
23634
23609
  if (response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.removedDislike) {
@@ -23649,25 +23624,25 @@ var HelpSideBar = function HelpSideBar(_ref) {
23649
23624
 
23650
23625
  setcurrentArticle(modifiedArticle);
23651
23626
  setLoading(false);
23652
- _context6.next = 17;
23627
+ _context5.next = 17;
23653
23628
  break;
23654
23629
 
23655
23630
  case 13:
23656
- _context6.prev = 13;
23657
- _context6.t0 = _context6["catch"](0);
23631
+ _context5.prev = 13;
23632
+ _context5.t0 = _context5["catch"](0);
23658
23633
  setLoading(false);
23659
- console.log('Like error', _context6.t0);
23634
+ console.log('Like error', _context5.t0);
23660
23635
 
23661
23636
  case 17:
23662
23637
  case "end":
23663
- return _context6.stop();
23638
+ return _context5.stop();
23664
23639
  }
23665
23640
  }
23666
- }, _callee6, null, [[0, 13]]);
23641
+ }, _callee5, null, [[0, 13]]);
23667
23642
  }));
23668
23643
 
23669
23644
  return function dislikeHandler(_x5) {
23670
- return _ref7.apply(this, arguments);
23645
+ return _ref6.apply(this, arguments);
23671
23646
  };
23672
23647
  }();
23673
23648
 
@@ -23682,19 +23657,19 @@ var HelpSideBar = function HelpSideBar(_ref) {
23682
23657
  var submitFeedback =
23683
23658
  /*#__PURE__*/
23684
23659
  function () {
23685
- var _ref8 = _asyncToGenerator(
23660
+ var _ref7 = _asyncToGenerator(
23686
23661
  /*#__PURE__*/
23687
- regenerator.mark(function _callee7(feedback) {
23688
- var _storage$getItem$endp7, url;
23662
+ regenerator.mark(function _callee6(feedback) {
23663
+ var _storage$getItem$endp6, url;
23689
23664
 
23690
- return regenerator.wrap(function _callee7$(_context7) {
23665
+ return regenerator.wrap(function _callee6$(_context6) {
23691
23666
  while (1) {
23692
- switch (_context7.prev = _context7.next) {
23667
+ switch (_context6.prev = _context6.next) {
23693
23668
  case 0:
23694
23669
  skipFeedback();
23695
- _context7.prev = 1;
23696
- url = (_storage$getItem$endp7 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp7 === void 0 ? void 0 : _storage$getItem$endp7.mihelpSubmitFeedback;
23697
- _context7.next = 5;
23670
+ _context6.prev = 1;
23671
+ url = (_storage$getItem$endp6 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp6 === void 0 ? void 0 : _storage$getItem$endp6.mihelpSubmitFeedback;
23672
+ _context6.next = 5;
23698
23673
  return axios.post(url, {
23699
23674
  message: feedback,
23700
23675
  url: window.location.href,
@@ -23706,42 +23681,42 @@ var HelpSideBar = function HelpSideBar(_ref) {
23706
23681
  });
23707
23682
 
23708
23683
  case 5:
23709
- _context7.next = 10;
23684
+ _context6.next = 10;
23710
23685
  break;
23711
23686
 
23712
23687
  case 7:
23713
- _context7.prev = 7;
23714
- _context7.t0 = _context7["catch"](1);
23715
- console.log('submitFeedback Error', _context7.t0);
23688
+ _context6.prev = 7;
23689
+ _context6.t0 = _context6["catch"](1);
23690
+ console.log('submitFeedback Error', _context6.t0);
23716
23691
 
23717
23692
  case 10:
23718
23693
  case "end":
23719
- return _context7.stop();
23694
+ return _context6.stop();
23720
23695
  }
23721
23696
  }
23722
- }, _callee7, null, [[1, 7]]);
23697
+ }, _callee6, null, [[1, 7]]);
23723
23698
  }));
23724
23699
 
23725
23700
  return function submitFeedback(_x6) {
23726
- return _ref8.apply(this, arguments);
23701
+ return _ref7.apply(this, arguments);
23727
23702
  };
23728
23703
  }();
23729
23704
 
23730
23705
  var submitQuestion =
23731
23706
  /*#__PURE__*/
23732
23707
  function () {
23733
- var _ref9 = _asyncToGenerator(
23708
+ var _ref8 = _asyncToGenerator(
23734
23709
  /*#__PURE__*/
23735
- regenerator.mark(function _callee8(question, category) {
23736
- var _storage$getItem$endp8, url;
23710
+ regenerator.mark(function _callee7(question, category) {
23711
+ var _storage$getItem$endp7, url;
23737
23712
 
23738
- return regenerator.wrap(function _callee8$(_context8) {
23713
+ return regenerator.wrap(function _callee7$(_context7) {
23739
23714
  while (1) {
23740
- switch (_context8.prev = _context8.next) {
23715
+ switch (_context7.prev = _context7.next) {
23741
23716
  case 0:
23742
- _context8.prev = 0;
23743
- url = (_storage$getItem$endp8 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp8 === void 0 ? void 0 : _storage$getItem$endp8.mihelpSubmitQuestion;
23744
- _context8.next = 4;
23717
+ _context7.prev = 0;
23718
+ url = (_storage$getItem$endp7 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp7 === void 0 ? void 0 : _storage$getItem$endp7.mihelpSubmitQuestion;
23719
+ _context7.next = 4;
23745
23720
  return axios.post(url, {
23746
23721
  question: question,
23747
23722
  category: category,
@@ -23753,24 +23728,24 @@ var HelpSideBar = function HelpSideBar(_ref) {
23753
23728
  });
23754
23729
 
23755
23730
  case 4:
23756
- _context8.next = 9;
23731
+ _context7.next = 9;
23757
23732
  break;
23758
23733
 
23759
23734
  case 6:
23760
- _context8.prev = 6;
23761
- _context8.t0 = _context8["catch"](0);
23762
- console.log('submitQuestion Error', _context8.t0);
23735
+ _context7.prev = 6;
23736
+ _context7.t0 = _context7["catch"](0);
23737
+ console.log('submitQuestion Error', _context7.t0);
23763
23738
 
23764
23739
  case 9:
23765
23740
  case "end":
23766
- return _context8.stop();
23741
+ return _context7.stop();
23767
23742
  }
23768
23743
  }
23769
- }, _callee8, null, [[0, 6]]);
23744
+ }, _callee7, null, [[0, 6]]);
23770
23745
  }));
23771
23746
 
23772
23747
  return function submitQuestion(_x7, _x8) {
23773
- return _ref9.apply(this, arguments);
23748
+ return _ref8.apply(this, arguments);
23774
23749
  };
23775
23750
  }();
23776
23751
 
@@ -23902,6 +23877,8 @@ var _styleModuleImportMap$5 = {
23902
23877
  "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
23903
23878
  "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
23904
23879
  "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
23880
+ "mihelpDot": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot",
23881
+ "mihelpTooltip": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip",
23905
23882
  "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
23906
23883
  "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
23907
23884
  "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
@@ -26478,6 +26455,8 @@ var _styleModuleImportMap$4 = {
26478
26455
  "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
26479
26456
  "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
26480
26457
  "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
26458
+ "mihelpDot": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot",
26459
+ "mihelpTooltip": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip",
26481
26460
  "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
26482
26461
  "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
26483
26462
  "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
@@ -26566,7 +26545,10 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
26566
26545
  isIdeaNoteEnabled = props.isIdeaNoteEnabled,
26567
26546
  mihelpVisible = props.mihelpVisible,
26568
26547
  setMihelpVisible = props.setMihelpVisible,
26569
- mihelpIconRef = props.mihelpIconRef;
26548
+ mihelpIconRef = props.mihelpIconRef,
26549
+ showMihelpDot = props.showMihelpDot,
26550
+ setShowMihelpTooltip = props.setShowMihelpTooltip,
26551
+ showMihelpTooltip = props.showMihelpTooltip;
26570
26552
  var coreAppConfig = storage.getLocalItem('opsportal-core:config');
26571
26553
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
26572
26554
  showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
@@ -26748,7 +26730,10 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
26748
26730
  return setMihelpVisible(!mihelpVisible);
26749
26731
  },
26750
26732
  mihelpVisible: mihelpVisible,
26751
- mihelpIconRef: mihelpIconRef
26733
+ mihelpIconRef: mihelpIconRef,
26734
+ showMihelpDot: showMihelpDot,
26735
+ setShowMihelpTooltip: setShowMihelpTooltip,
26736
+ showMihelpTooltip: showMihelpTooltip
26752
26737
  });
26753
26738
  }
26754
26739
  }, {
@@ -32131,6 +32116,32 @@ var PrinterDialog = function PrinterDialog(_ref) {
32131
32116
  }, "Save"))) : null);
32132
32117
  };
32133
32118
 
32119
+ function LatestReleaseDialog(_ref) {
32120
+ var release = _ref.release,
32121
+ handleClose = _ref.handleClose,
32122
+ mihelpAppPath = _ref.mihelpAppPath;
32123
+ console.log('release in dialog=', release);
32124
+ return React__default["default"].createElement("div", null, React__default["default"].createElement(coreComponents.Dialog, {
32125
+ title: "What\u2019s New?",
32126
+ isOpen: true,
32127
+ dismiss: handleClose
32128
+ }, React__default["default"].createElement("div", {
32129
+ className: "utilities_ops-app-frame_Help_Help--releaseDialogContent"
32130
+ }, React__default["default"].createElement("div", {
32131
+ className: "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
32132
+ onClick: function onClick() {
32133
+ return handleRedirect(redirectContants.RELEASE_NOTES, mihelpAppPath);
32134
+ }
32135
+ }, React__default["default"].createElement("h3", null, release.title), React__default["default"].createElement("span", null, "All Release Notes", React__default["default"].createElement(coreComponents.Icon, {
32136
+ name: "open_in_new",
32137
+ variant: "material"
32138
+ }))), React__default["default"].createElement("div", {
32139
+ className: "utilities_ops-app-frame_Help_Help--releaseDialogBody"
32140
+ }, React__default["default"].createElement(ReleaseNoteContent, {
32141
+ content: release.content
32142
+ })))));
32143
+ }
32144
+
32134
32145
  var css_248z$2 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n color: var(--white);\r\n color: var(--white);\r\n height: 64px;\r\n width: 100vw;\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\r\n margin-bottom: 2px;\r\n}\r\n\r\nbutton[name='Clear Cookies'] {\r\n font-size: 12px;\r\n opacity: 0.5;\r\n text-transform: uppercase;\r\n color: #f00;\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--left {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n";
32135
32146
  styleInject(css_248z$2);
32136
32147
 
@@ -32200,6 +32211,21 @@ var AppBar = function AppBar(_ref) {
32200
32211
  isPrinterDialogOpen = _useState4[0],
32201
32212
  setPrinterDialogOpen = _useState4[1];
32202
32213
 
32214
+ var _useState5 = React.useState(null),
32215
+ _useState6 = _slicedToArray(_useState5, 2),
32216
+ latestRelease = _useState6[0],
32217
+ setLatestRelease = _useState6[1];
32218
+
32219
+ var _useState7 = React.useState(false),
32220
+ _useState8 = _slicedToArray(_useState7, 2),
32221
+ showMihelpDot = _useState8[0],
32222
+ setShowMihelpDot = _useState8[1];
32223
+
32224
+ var _useState9 = React.useState(false),
32225
+ _useState10 = _slicedToArray(_useState9, 2),
32226
+ showMihelpTooltip = _useState10[0],
32227
+ setShowMihelpTooltip = _useState10[1];
32228
+
32203
32229
  React.useEffect(function () {
32204
32230
  setMounted(true);
32205
32231
 
@@ -32210,6 +32236,8 @@ var AppBar = function AppBar(_ref) {
32210
32236
  window.addEventListener('localStorageChanged', onStorageChanged);
32211
32237
  window.addEventListener('sessionStorageChanged', onStorageChanged);
32212
32238
  setAppBarMounted(true);
32239
+ appendElementorStyles();
32240
+ getLatestRelease();
32213
32241
  return function () {
32214
32242
  setMounted(false);
32215
32243
  window.removeEventListener('localStorageChanged', onStorageChanged);
@@ -32217,6 +32245,140 @@ var AppBar = function AppBar(_ref) {
32217
32245
  };
32218
32246
  }, []);
32219
32247
 
32248
+ var appendElementorStyles =
32249
+ /*#__PURE__*/
32250
+ function () {
32251
+ var _ref2 = _asyncToGenerator(
32252
+ /*#__PURE__*/
32253
+ regenerator.mark(function _callee() {
32254
+ var _storage$getItem$endp, url, response, style, css;
32255
+
32256
+ return regenerator.wrap(function _callee$(_context) {
32257
+ while (1) {
32258
+ switch (_context.prev = _context.next) {
32259
+ case 0:
32260
+ _context.prev = 0;
32261
+ url = (_storage$getItem$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.getMihelpCss;
32262
+ _context.next = 4;
32263
+ return axios.get(url, {
32264
+ headers: {
32265
+ Authorization: storage$1.accessToken
32266
+ }
32267
+ });
32268
+
32269
+ case 4:
32270
+ response = _context.sent;
32271
+
32272
+ if (response === null || response === void 0 ? void 0 : response.data) {
32273
+ Object.keys(response === null || response === void 0 ? void 0 : response.data).forEach(function (key) {
32274
+ var link = document.createElement('link');
32275
+ link.rel = 'stylesheet';
32276
+ link.type = 'text/css';
32277
+ link.href = response === null || response === void 0 ? void 0 : response.data[key];
32278
+ document.head.appendChild(link);
32279
+ });
32280
+ style = document.createElement('style');
32281
+ css = document.createTextNode(".elementor-1674 .elementor-element.elementor-element-e83e3ae{\n width: 100% !important;\n padding-right: 0 !important;\n }\n .elementor-1674 .elementor-element.elementor-element-e83e3ae > .elementor-element-populated{\n border-style: none !important;\n }\n .elementor-1674 .elementor-element.elementor-element-efa7410 > .elementor-widget-container{\n padding:0 !important;\n }\n .elementor-widget-container ul,.elementor-widget-container ol{\n padding-left:40px !important;\n }\n .elementor-1674 .elementor-element.elementor-element-4a49924{\n margin-top:0 !important;\n }\n .elementor-column-gap-default>.elementor-column>.elementor-element-populated{\n padding:0 !important;\n }");
32282
+ style.appendChild(css);
32283
+ document.head.appendChild(style);
32284
+ }
32285
+
32286
+ _context.next = 11;
32287
+ break;
32288
+
32289
+ case 8:
32290
+ _context.prev = 8;
32291
+ _context.t0 = _context["catch"](0);
32292
+ console.log('+++fetch error=', _context.t0);
32293
+
32294
+ case 11:
32295
+ case "end":
32296
+ return _context.stop();
32297
+ }
32298
+ }
32299
+ }, _callee, null, [[0, 8]]);
32300
+ }));
32301
+
32302
+ return function appendElementorStyles() {
32303
+ return _ref2.apply(this, arguments);
32304
+ };
32305
+ }();
32306
+
32307
+ var getLatestRelease =
32308
+ /*#__PURE__*/
32309
+ function () {
32310
+ var _ref3 = _asyncToGenerator(
32311
+ /*#__PURE__*/
32312
+ regenerator.mark(function _callee2() {
32313
+ var _response$data, url, response, _response$data2, _response$data3, _response$data3$relea, _latestReleaseFromSto, latestReleaseFromStorage, _response$data4, viewedDays;
32314
+
32315
+ return regenerator.wrap(function _callee2$(_context2) {
32316
+ while (1) {
32317
+ switch (_context2.prev = _context2.next) {
32318
+ case 0:
32319
+ _context2.prev = 0;
32320
+ url = '/mihelpservices/latestRelease'; // const url = storage.getItem('config').endpoints?.mihelpLike
32321
+
32322
+ _context2.next = 4;
32323
+ return axios.get("".concat(url, "?app=g2-portal&country=USA"), {
32324
+ headers: {
32325
+ Authorization: storage$1.accessToken
32326
+ }
32327
+ });
32328
+
32329
+ case 4:
32330
+ response = _context2.sent;
32331
+
32332
+ if (response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.found) {
32333
+ console.log(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.release);
32334
+ latestReleaseFromStorage = storage$1.getLocalItem("g2-portal:latestRelease");
32335
+
32336
+ if ((response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : (_response$data3$relea = _response$data3.release) === null || _response$data3$relea === void 0 ? void 0 : _response$data3$relea.id) !== (latestReleaseFromStorage === null || latestReleaseFromStorage === void 0 ? void 0 : (_latestReleaseFromSto = latestReleaseFromStorage.release) === null || _latestReleaseFromSto === void 0 ? void 0 : _latestReleaseFromSto.id)) {
32337
+ setLatestRelease(response === null || response === void 0 ? void 0 : (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : _response$data4.release);
32338
+ setShowMihelpDot(true);
32339
+ } else if (latestReleaseFromStorage === null || latestReleaseFromStorage === void 0 ? void 0 : latestReleaseFromStorage.viewedDate) {
32340
+ viewedDays = dateDiffInDays(new Date(latestReleaseFromStorage === null || latestReleaseFromStorage === void 0 ? void 0 : latestReleaseFromStorage.viewedDate), new Date());
32341
+
32342
+ if (viewedDays < 7) {
32343
+ setShowMihelpDot(true);
32344
+ }
32345
+ }
32346
+ }
32347
+
32348
+ _context2.next = 11;
32349
+ break;
32350
+
32351
+ case 8:
32352
+ _context2.prev = 8;
32353
+ _context2.t0 = _context2["catch"](0);
32354
+ console.log('getLatestRelease error', _context2.t0);
32355
+
32356
+ case 11:
32357
+ case "end":
32358
+ return _context2.stop();
32359
+ }
32360
+ }
32361
+ }, _callee2, null, [[0, 8]]);
32362
+ }));
32363
+
32364
+ return function getLatestRelease() {
32365
+ return _ref3.apply(this, arguments);
32366
+ };
32367
+ }();
32368
+
32369
+ var handleReleaseClose = function handleReleaseClose() {
32370
+ var releasedata = {
32371
+ release: latestRelease,
32372
+ viewedDate: new Date()
32373
+ };
32374
+ storage$1.setLocalItem("g2-portal:latestRelease", releasedata);
32375
+ setLatestRelease(null);
32376
+ setShowMihelpTooltip(true);
32377
+ setTimeout(function () {
32378
+ setShowMihelpTooltip(false);
32379
+ }, 5000);
32380
+ };
32381
+
32220
32382
  var handleSettingsItemClick = function handleSettingsItemClick(event, item) {
32221
32383
  if (item.key === 'debug') {
32222
32384
  localStorage.clear();
@@ -32303,6 +32465,7 @@ var AppBar = function AppBar(_ref) {
32303
32465
  } : _storage$chromePlugin;
32304
32466
  var placeholderNode = document.getElementById('AppBarPlaceholderDiv');
32305
32467
  var isAppEnabledTwilio = process.env.IS_TWILIO_ENABLED || false;
32468
+ console.log('latest release=', latestRelease);
32306
32469
  return React__default["default"].createElement("div", null, React__default["default"].createElement(AppBar$1, {
32307
32470
  moduleName: "OPS PORTAL",
32308
32471
  isLoggedOn: storage$1.isAuthenticated,
@@ -32333,7 +32496,10 @@ var AppBar = function AppBar(_ref) {
32333
32496
  showTitle: showTitle,
32334
32497
  title: title,
32335
32498
  history: history,
32336
- mihelpAppPath: mihelpAppPath
32499
+ mihelpAppPath: mihelpAppPath,
32500
+ showMihelpDot: showMihelpDot,
32501
+ setShowMihelpTooltip: setShowMihelpTooltip,
32502
+ showMihelpTooltip: showMihelpTooltip
32337
32503
  }), storage$1.twilioEnabledStatus && isAppEnabledTwilio && isMounted && placeholderNode && storage$1.callCapsuleEnabledStatus && React__default["default"].createElement(Portal$2, {
32338
32504
  node: placeholderNode
32339
32505
  }, React__default["default"].createElement(CallCapsule, null)), isPrinterDialogOpen && React__default["default"].createElement(PrinterDialog, {
@@ -32341,6 +32507,10 @@ var AppBar = function AppBar(_ref) {
32341
32507
  handleClose: function handleClose() {
32342
32508
  return setPrinterDialogOpen(false);
32343
32509
  }
32510
+ }), latestRelease && React__default["default"].createElement(LatestReleaseDialog, {
32511
+ release: latestRelease,
32512
+ handleClose: handleReleaseClose,
32513
+ mihelpAppPath: mihelpAppPath
32344
32514
  }));
32345
32515
  };
32346
32516
  AppBar.defaultProps = {