@copart/ops-tool-kit 1.10.0-alpha.7 → 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 +338 -178
  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.7";
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 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";
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) {
@@ -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
 
@@ -23160,8 +23185,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23160
23185
  React.useEffect(function () {
23161
23186
  var appTitle = document.querySelector('.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle').innerText || 'G2Portal';
23162
23187
  setTitle(appTitle);
23163
- getHelpContent();
23164
- appendElementorStyles();
23188
+ getHelpContent(); // appendElementorStyles()
23165
23189
  }, []);
23166
23190
  React.useEffect(function () {
23167
23191
  if (loading) {
@@ -23172,81 +23196,22 @@ var HelpSideBar = function HelpSideBar(_ref) {
23172
23196
  }
23173
23197
  }, [loading]);
23174
23198
 
23175
- var appendElementorStyles =
23199
+ var getHelpContent =
23176
23200
  /*#__PURE__*/
23177
23201
  function () {
23178
23202
  var _ref2 = _asyncToGenerator(
23179
23203
  /*#__PURE__*/
23180
23204
  regenerator.mark(function _callee() {
23181
- var _storage$getItem$endp, url, response, style, css;
23205
+ var _storage$getItem$endp, _response$data, url, response;
23182
23206
 
23183
23207
  return regenerator.wrap(function _callee$(_context) {
23184
23208
  while (1) {
23185
23209
  switch (_context.prev = _context.next) {
23186
23210
  case 0:
23187
23211
  _context.prev = 0;
23188
- url = (_storage$getItem$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.getMihelpCss;
23189
- _context.next = 4;
23190
- return axios.get(url, {
23191
- headers: {
23192
- Authorization: storage$1.accessToken
23193
- }
23194
- });
23195
-
23196
- case 4:
23197
- response = _context.sent;
23198
-
23199
- if (response === null || response === void 0 ? void 0 : response.data) {
23200
- Object.keys(response === null || response === void 0 ? void 0 : response.data).forEach(function (key) {
23201
- var link = document.createElement('link');
23202
- link.rel = 'stylesheet';
23203
- link.type = 'text/css';
23204
- link.href = response === null || response === void 0 ? void 0 : response.data[key];
23205
- document.head.appendChild(link);
23206
- });
23207
- style = document.createElement('style');
23208
- 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 }");
23209
- style.appendChild(css);
23210
- document.head.appendChild(style);
23211
- }
23212
-
23213
- _context.next = 11;
23214
- break;
23215
-
23216
- case 8:
23217
- _context.prev = 8;
23218
- _context.t0 = _context["catch"](0);
23219
- console.log('+++fetch error=', _context.t0);
23220
-
23221
- case 11:
23222
- case "end":
23223
- return _context.stop();
23224
- }
23225
- }
23226
- }, _callee, null, [[0, 8]]);
23227
- }));
23228
-
23229
- return function appendElementorStyles() {
23230
- return _ref2.apply(this, arguments);
23231
- };
23232
- }();
23233
-
23234
- var getHelpContent =
23235
- /*#__PURE__*/
23236
- function () {
23237
- var _ref3 = _asyncToGenerator(
23238
- /*#__PURE__*/
23239
- regenerator.mark(function _callee2() {
23240
- var _storage$getItem$endp2, _response$data, url, response;
23241
-
23242
- return regenerator.wrap(function _callee2$(_context2) {
23243
- while (1) {
23244
- switch (_context2.prev = _context2.next) {
23245
- case 0:
23246
- _context2.prev = 0;
23247
23212
  setLoading(true);
23248
- url = (_storage$getItem$endp2 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp2 === void 0 ? void 0 : _storage$getItem$endp2.getMihelpContent;
23249
- _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;
23250
23215
  return axios.get("".concat(url, "?app=g2-portal&country=USA"), {
23251
23216
  headers: {
23252
23217
  Authorization: storage$1.accessToken
@@ -23254,29 +23219,29 @@ var HelpSideBar = function HelpSideBar(_ref) {
23254
23219
  });
23255
23220
 
23256
23221
  case 5:
23257
- response = _context2.sent;
23222
+ response = _context.sent;
23258
23223
  setHelpContent(response === null || response === void 0 ? void 0 : response.data);
23259
23224
  setFaqs(response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.faqs[0]);
23260
23225
  setLoading(false);
23261
- _context2.next = 15;
23226
+ _context.next = 15;
23262
23227
  break;
23263
23228
 
23264
23229
  case 11:
23265
- _context2.prev = 11;
23266
- _context2.t0 = _context2["catch"](0);
23230
+ _context.prev = 11;
23231
+ _context.t0 = _context["catch"](0);
23267
23232
  setLoading(false);
23268
- console.log('+++fetch error=', _context2.t0);
23233
+ console.log('+++fetch error=', _context.t0);
23269
23234
 
23270
23235
  case 15:
23271
23236
  case "end":
23272
- return _context2.stop();
23237
+ return _context.stop();
23273
23238
  }
23274
23239
  }
23275
- }, _callee2, null, [[0, 11]]);
23240
+ }, _callee, null, [[0, 11]]);
23276
23241
  }));
23277
23242
 
23278
23243
  return function getHelpContent() {
23279
- return _ref3.apply(this, arguments);
23244
+ return _ref2.apply(this, arguments);
23280
23245
  };
23281
23246
  }();
23282
23247
 
@@ -23297,19 +23262,19 @@ var HelpSideBar = function HelpSideBar(_ref) {
23297
23262
  var getSearchResults =
23298
23263
  /*#__PURE__*/
23299
23264
  function () {
23300
- var _ref4 = _asyncToGenerator(
23265
+ var _ref3 = _asyncToGenerator(
23301
23266
  /*#__PURE__*/
23302
- regenerator.mark(function _callee3() {
23303
- var _storage$getItem$endp3, url, response;
23267
+ regenerator.mark(function _callee2() {
23268
+ var _storage$getItem$endp2, url, response;
23304
23269
 
23305
- return regenerator.wrap(function _callee3$(_context3) {
23270
+ return regenerator.wrap(function _callee2$(_context2) {
23306
23271
  while (1) {
23307
- switch (_context3.prev = _context3.next) {
23272
+ switch (_context2.prev = _context2.next) {
23308
23273
  case 0:
23309
- _context3.prev = 0;
23310
- 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;
23311
23276
  setLoading(true);
23312
- _context3.next = 5;
23277
+ _context2.next = 5;
23313
23278
  return axios.get("".concat(url, "?s=").concat(searchText, "&country=USA"), {
23314
23279
  headers: {
23315
23280
  Authorization: storage$1.accessToken
@@ -23317,28 +23282,28 @@ var HelpSideBar = function HelpSideBar(_ref) {
23317
23282
  });
23318
23283
 
23319
23284
  case 5:
23320
- response = _context3.sent;
23285
+ response = _context2.sent;
23321
23286
  setSearchResults(response.data.results);
23322
23287
  setLoading(false);
23323
- _context3.next = 14;
23288
+ _context2.next = 14;
23324
23289
  break;
23325
23290
 
23326
23291
  case 10:
23327
- _context3.prev = 10;
23328
- _context3.t0 = _context3["catch"](0);
23329
- console.log(_context3.t0);
23292
+ _context2.prev = 10;
23293
+ _context2.t0 = _context2["catch"](0);
23294
+ console.log(_context2.t0);
23330
23295
  setLoading(false);
23331
23296
 
23332
23297
  case 14:
23333
23298
  case "end":
23334
- return _context3.stop();
23299
+ return _context2.stop();
23335
23300
  }
23336
23301
  }
23337
- }, _callee3, null, [[0, 10]]);
23302
+ }, _callee2, null, [[0, 10]]);
23338
23303
  }));
23339
23304
 
23340
23305
  return function getSearchResults() {
23341
- return _ref4.apply(this, arguments);
23306
+ return _ref3.apply(this, arguments);
23342
23307
  };
23343
23308
  }();
23344
23309
 
@@ -23491,20 +23456,20 @@ var HelpSideBar = function HelpSideBar(_ref) {
23491
23456
  var articleClickhandler =
23492
23457
  /*#__PURE__*/
23493
23458
  function () {
23494
- var _ref5 = _asyncToGenerator(
23459
+ var _ref4 = _asyncToGenerator(
23495
23460
  /*#__PURE__*/
23496
- regenerator.mark(function _callee4(view, article, isSearchFaq) {
23497
- var _storage$getItem$endp4, url, id, response;
23461
+ regenerator.mark(function _callee3(view, article, isSearchFaq) {
23462
+ var _storage$getItem$endp3, url, id, response;
23498
23463
 
23499
- return regenerator.wrap(function _callee4$(_context4) {
23464
+ return regenerator.wrap(function _callee3$(_context3) {
23500
23465
  while (1) {
23501
- switch (_context4.prev = _context4.next) {
23466
+ switch (_context3.prev = _context3.next) {
23502
23467
  case 0:
23503
- _context4.prev = 0;
23468
+ _context3.prev = 0;
23504
23469
  setLoading(true);
23505
- 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;
23506
23471
  id = view === views.FAQ && !isSearchFaq ? faqs.id : article.id || article.ID;
23507
- _context4.next = 6;
23472
+ _context3.next = 6;
23508
23473
  return axios.get("".concat(url, "/").concat(id), {
23509
23474
  headers: {
23510
23475
  Authorization: storage$1.accessToken
@@ -23512,7 +23477,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23512
23477
  });
23513
23478
 
23514
23479
  case 6:
23515
- response = _context4.sent;
23480
+ response = _context3.sent;
23516
23481
  saveHistory();
23517
23482
  setCurrentView(view);
23518
23483
 
@@ -23525,45 +23490,45 @@ var HelpSideBar = function HelpSideBar(_ref) {
23525
23490
 
23526
23491
  setLoading(false);
23527
23492
  setSearchText('');
23528
- _context4.next = 18;
23493
+ _context3.next = 18;
23529
23494
  break;
23530
23495
 
23531
23496
  case 14:
23532
- _context4.prev = 14;
23533
- _context4.t0 = _context4["catch"](0);
23497
+ _context3.prev = 14;
23498
+ _context3.t0 = _context3["catch"](0);
23534
23499
  setLoading(false);
23535
- console.log('fetch articleClickhandler error=', _context4.t0);
23500
+ console.log('fetch articleClickhandler error=', _context3.t0);
23536
23501
 
23537
23502
  case 18:
23538
23503
  case "end":
23539
- return _context4.stop();
23504
+ return _context3.stop();
23540
23505
  }
23541
23506
  }
23542
- }, _callee4, null, [[0, 14]]);
23507
+ }, _callee3, null, [[0, 14]]);
23543
23508
  }));
23544
23509
 
23545
23510
  return function articleClickhandler(_x, _x2, _x3) {
23546
- return _ref5.apply(this, arguments);
23511
+ return _ref4.apply(this, arguments);
23547
23512
  };
23548
23513
  }();
23549
23514
 
23550
23515
  var likeHandler =
23551
23516
  /*#__PURE__*/
23552
23517
  function () {
23553
- var _ref6 = _asyncToGenerator(
23518
+ var _ref5 = _asyncToGenerator(
23554
23519
  /*#__PURE__*/
23555
- regenerator.mark(function _callee5(article) {
23556
- 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;
23557
23522
 
23558
- return regenerator.wrap(function _callee5$(_context5) {
23523
+ return regenerator.wrap(function _callee4$(_context4) {
23559
23524
  while (1) {
23560
- switch (_context5.prev = _context5.next) {
23525
+ switch (_context4.prev = _context4.next) {
23561
23526
  case 0:
23562
- _context5.prev = 0;
23527
+ _context4.prev = 0;
23563
23528
  setLoading(true);
23564
- 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;
23565
23530
  id = article.id || article.ID;
23566
- _context5.next = 6;
23531
+ _context4.next = 6;
23567
23532
  return axios.post("".concat(url, "/").concat(id), null, {
23568
23533
  headers: {
23569
23534
  Authorization: storage$1.accessToken
@@ -23571,7 +23536,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23571
23536
  });
23572
23537
 
23573
23538
  case 6:
23574
- response = _context5.sent;
23539
+ response = _context4.sent;
23575
23540
  modifiedArticle = _objectSpread2({}, currentArticle);
23576
23541
 
23577
23542
  if (response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.removedLike) {
@@ -23592,45 +23557,45 @@ var HelpSideBar = function HelpSideBar(_ref) {
23592
23557
 
23593
23558
  setcurrentArticle(modifiedArticle);
23594
23559
  setLoading(false);
23595
- _context5.next = 17;
23560
+ _context4.next = 17;
23596
23561
  break;
23597
23562
 
23598
23563
  case 13:
23599
- _context5.prev = 13;
23600
- _context5.t0 = _context5["catch"](0);
23564
+ _context4.prev = 13;
23565
+ _context4.t0 = _context4["catch"](0);
23601
23566
  setLoading(false);
23602
- console.log('Like error', _context5.t0);
23567
+ console.log('Like error', _context4.t0);
23603
23568
 
23604
23569
  case 17:
23605
23570
  case "end":
23606
- return _context5.stop();
23571
+ return _context4.stop();
23607
23572
  }
23608
23573
  }
23609
- }, _callee5, null, [[0, 13]]);
23574
+ }, _callee4, null, [[0, 13]]);
23610
23575
  }));
23611
23576
 
23612
23577
  return function likeHandler(_x4) {
23613
- return _ref6.apply(this, arguments);
23578
+ return _ref5.apply(this, arguments);
23614
23579
  };
23615
23580
  }();
23616
23581
 
23617
23582
  var dislikeHandler =
23618
23583
  /*#__PURE__*/
23619
23584
  function () {
23620
- var _ref7 = _asyncToGenerator(
23585
+ var _ref6 = _asyncToGenerator(
23621
23586
  /*#__PURE__*/
23622
- regenerator.mark(function _callee6(article) {
23623
- 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;
23624
23589
 
23625
- return regenerator.wrap(function _callee6$(_context6) {
23590
+ return regenerator.wrap(function _callee5$(_context5) {
23626
23591
  while (1) {
23627
- switch (_context6.prev = _context6.next) {
23592
+ switch (_context5.prev = _context5.next) {
23628
23593
  case 0:
23629
- _context6.prev = 0;
23594
+ _context5.prev = 0;
23630
23595
  setLoading(true);
23631
- 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;
23632
23597
  id = article.id || article.ID;
23633
- _context6.next = 6;
23598
+ _context5.next = 6;
23634
23599
  return axios.post("".concat(url, "/").concat(id), null, {
23635
23600
  headers: {
23636
23601
  Authorization: storage$1.accessToken
@@ -23638,7 +23603,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
23638
23603
  });
23639
23604
 
23640
23605
  case 6:
23641
- response = _context6.sent;
23606
+ response = _context5.sent;
23642
23607
  modifiedArticle = _objectSpread2({}, currentArticle);
23643
23608
 
23644
23609
  if (response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.removedDislike) {
@@ -23659,25 +23624,25 @@ var HelpSideBar = function HelpSideBar(_ref) {
23659
23624
 
23660
23625
  setcurrentArticle(modifiedArticle);
23661
23626
  setLoading(false);
23662
- _context6.next = 17;
23627
+ _context5.next = 17;
23663
23628
  break;
23664
23629
 
23665
23630
  case 13:
23666
- _context6.prev = 13;
23667
- _context6.t0 = _context6["catch"](0);
23631
+ _context5.prev = 13;
23632
+ _context5.t0 = _context5["catch"](0);
23668
23633
  setLoading(false);
23669
- console.log('Like error', _context6.t0);
23634
+ console.log('Like error', _context5.t0);
23670
23635
 
23671
23636
  case 17:
23672
23637
  case "end":
23673
- return _context6.stop();
23638
+ return _context5.stop();
23674
23639
  }
23675
23640
  }
23676
- }, _callee6, null, [[0, 13]]);
23641
+ }, _callee5, null, [[0, 13]]);
23677
23642
  }));
23678
23643
 
23679
23644
  return function dislikeHandler(_x5) {
23680
- return _ref7.apply(this, arguments);
23645
+ return _ref6.apply(this, arguments);
23681
23646
  };
23682
23647
  }();
23683
23648
 
@@ -23692,19 +23657,19 @@ var HelpSideBar = function HelpSideBar(_ref) {
23692
23657
  var submitFeedback =
23693
23658
  /*#__PURE__*/
23694
23659
  function () {
23695
- var _ref8 = _asyncToGenerator(
23660
+ var _ref7 = _asyncToGenerator(
23696
23661
  /*#__PURE__*/
23697
- regenerator.mark(function _callee7(feedback) {
23698
- var _storage$getItem$endp7, url;
23662
+ regenerator.mark(function _callee6(feedback) {
23663
+ var _storage$getItem$endp6, url;
23699
23664
 
23700
- return regenerator.wrap(function _callee7$(_context7) {
23665
+ return regenerator.wrap(function _callee6$(_context6) {
23701
23666
  while (1) {
23702
- switch (_context7.prev = _context7.next) {
23667
+ switch (_context6.prev = _context6.next) {
23703
23668
  case 0:
23704
23669
  skipFeedback();
23705
- _context7.prev = 1;
23706
- url = (_storage$getItem$endp7 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp7 === void 0 ? void 0 : _storage$getItem$endp7.mihelpSubmitFeedback;
23707
- _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;
23708
23673
  return axios.post(url, {
23709
23674
  message: feedback,
23710
23675
  url: window.location.href,
@@ -23716,42 +23681,42 @@ var HelpSideBar = function HelpSideBar(_ref) {
23716
23681
  });
23717
23682
 
23718
23683
  case 5:
23719
- _context7.next = 10;
23684
+ _context6.next = 10;
23720
23685
  break;
23721
23686
 
23722
23687
  case 7:
23723
- _context7.prev = 7;
23724
- _context7.t0 = _context7["catch"](1);
23725
- console.log('submitFeedback Error', _context7.t0);
23688
+ _context6.prev = 7;
23689
+ _context6.t0 = _context6["catch"](1);
23690
+ console.log('submitFeedback Error', _context6.t0);
23726
23691
 
23727
23692
  case 10:
23728
23693
  case "end":
23729
- return _context7.stop();
23694
+ return _context6.stop();
23730
23695
  }
23731
23696
  }
23732
- }, _callee7, null, [[1, 7]]);
23697
+ }, _callee6, null, [[1, 7]]);
23733
23698
  }));
23734
23699
 
23735
23700
  return function submitFeedback(_x6) {
23736
- return _ref8.apply(this, arguments);
23701
+ return _ref7.apply(this, arguments);
23737
23702
  };
23738
23703
  }();
23739
23704
 
23740
23705
  var submitQuestion =
23741
23706
  /*#__PURE__*/
23742
23707
  function () {
23743
- var _ref9 = _asyncToGenerator(
23708
+ var _ref8 = _asyncToGenerator(
23744
23709
  /*#__PURE__*/
23745
- regenerator.mark(function _callee8(question, category) {
23746
- var _storage$getItem$endp8, url;
23710
+ regenerator.mark(function _callee7(question, category) {
23711
+ var _storage$getItem$endp7, url;
23747
23712
 
23748
- return regenerator.wrap(function _callee8$(_context8) {
23713
+ return regenerator.wrap(function _callee7$(_context7) {
23749
23714
  while (1) {
23750
- switch (_context8.prev = _context8.next) {
23715
+ switch (_context7.prev = _context7.next) {
23751
23716
  case 0:
23752
- _context8.prev = 0;
23753
- url = (_storage$getItem$endp8 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp8 === void 0 ? void 0 : _storage$getItem$endp8.mihelpSubmitQuestion;
23754
- _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;
23755
23720
  return axios.post(url, {
23756
23721
  question: question,
23757
23722
  category: category,
@@ -23763,24 +23728,24 @@ var HelpSideBar = function HelpSideBar(_ref) {
23763
23728
  });
23764
23729
 
23765
23730
  case 4:
23766
- _context8.next = 9;
23731
+ _context7.next = 9;
23767
23732
  break;
23768
23733
 
23769
23734
  case 6:
23770
- _context8.prev = 6;
23771
- _context8.t0 = _context8["catch"](0);
23772
- console.log('submitQuestion Error', _context8.t0);
23735
+ _context7.prev = 6;
23736
+ _context7.t0 = _context7["catch"](0);
23737
+ console.log('submitQuestion Error', _context7.t0);
23773
23738
 
23774
23739
  case 9:
23775
23740
  case "end":
23776
- return _context8.stop();
23741
+ return _context7.stop();
23777
23742
  }
23778
23743
  }
23779
- }, _callee8, null, [[0, 6]]);
23744
+ }, _callee7, null, [[0, 6]]);
23780
23745
  }));
23781
23746
 
23782
23747
  return function submitQuestion(_x7, _x8) {
23783
- return _ref9.apply(this, arguments);
23748
+ return _ref8.apply(this, arguments);
23784
23749
  };
23785
23750
  }();
23786
23751
 
@@ -23912,6 +23877,8 @@ var _styleModuleImportMap$5 = {
23912
23877
  "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
23913
23878
  "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
23914
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",
23915
23882
  "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
23916
23883
  "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
23917
23884
  "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
@@ -26488,6 +26455,8 @@ var _styleModuleImportMap$4 = {
26488
26455
  "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
26489
26456
  "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
26490
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",
26491
26460
  "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
26492
26461
  "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
26493
26462
  "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
@@ -26576,7 +26545,10 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
26576
26545
  isIdeaNoteEnabled = props.isIdeaNoteEnabled,
26577
26546
  mihelpVisible = props.mihelpVisible,
26578
26547
  setMihelpVisible = props.setMihelpVisible,
26579
- mihelpIconRef = props.mihelpIconRef;
26548
+ mihelpIconRef = props.mihelpIconRef,
26549
+ showMihelpDot = props.showMihelpDot,
26550
+ setShowMihelpTooltip = props.setShowMihelpTooltip,
26551
+ showMihelpTooltip = props.showMihelpTooltip;
26580
26552
  var coreAppConfig = storage.getLocalItem('opsportal-core:config');
26581
26553
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
26582
26554
  showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
@@ -26758,7 +26730,10 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
26758
26730
  return setMihelpVisible(!mihelpVisible);
26759
26731
  },
26760
26732
  mihelpVisible: mihelpVisible,
26761
- mihelpIconRef: mihelpIconRef
26733
+ mihelpIconRef: mihelpIconRef,
26734
+ showMihelpDot: showMihelpDot,
26735
+ setShowMihelpTooltip: setShowMihelpTooltip,
26736
+ showMihelpTooltip: showMihelpTooltip
26762
26737
  });
26763
26738
  }
26764
26739
  }, {
@@ -32141,6 +32116,32 @@ var PrinterDialog = function PrinterDialog(_ref) {
32141
32116
  }, "Save"))) : null);
32142
32117
  };
32143
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
+
32144
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";
32145
32146
  styleInject(css_248z$2);
32146
32147
 
@@ -32210,6 +32211,21 @@ var AppBar = function AppBar(_ref) {
32210
32211
  isPrinterDialogOpen = _useState4[0],
32211
32212
  setPrinterDialogOpen = _useState4[1];
32212
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
+
32213
32229
  React.useEffect(function () {
32214
32230
  setMounted(true);
32215
32231
 
@@ -32220,6 +32236,8 @@ var AppBar = function AppBar(_ref) {
32220
32236
  window.addEventListener('localStorageChanged', onStorageChanged);
32221
32237
  window.addEventListener('sessionStorageChanged', onStorageChanged);
32222
32238
  setAppBarMounted(true);
32239
+ appendElementorStyles();
32240
+ getLatestRelease();
32223
32241
  return function () {
32224
32242
  setMounted(false);
32225
32243
  window.removeEventListener('localStorageChanged', onStorageChanged);
@@ -32227,6 +32245,140 @@ var AppBar = function AppBar(_ref) {
32227
32245
  };
32228
32246
  }, []);
32229
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
+
32230
32382
  var handleSettingsItemClick = function handleSettingsItemClick(event, item) {
32231
32383
  if (item.key === 'debug') {
32232
32384
  localStorage.clear();
@@ -32313,6 +32465,7 @@ var AppBar = function AppBar(_ref) {
32313
32465
  } : _storage$chromePlugin;
32314
32466
  var placeholderNode = document.getElementById('AppBarPlaceholderDiv');
32315
32467
  var isAppEnabledTwilio = process.env.IS_TWILIO_ENABLED || false;
32468
+ console.log('latest release=', latestRelease);
32316
32469
  return React__default["default"].createElement("div", null, React__default["default"].createElement(AppBar$1, {
32317
32470
  moduleName: "OPS PORTAL",
32318
32471
  isLoggedOn: storage$1.isAuthenticated,
@@ -32343,7 +32496,10 @@ var AppBar = function AppBar(_ref) {
32343
32496
  showTitle: showTitle,
32344
32497
  title: title,
32345
32498
  history: history,
32346
- mihelpAppPath: mihelpAppPath
32499
+ mihelpAppPath: mihelpAppPath,
32500
+ showMihelpDot: showMihelpDot,
32501
+ setShowMihelpTooltip: setShowMihelpTooltip,
32502
+ showMihelpTooltip: showMihelpTooltip
32347
32503
  }), storage$1.twilioEnabledStatus && isAppEnabledTwilio && isMounted && placeholderNode && storage$1.callCapsuleEnabledStatus && React__default["default"].createElement(Portal$2, {
32348
32504
  node: placeholderNode
32349
32505
  }, React__default["default"].createElement(CallCapsule, null)), isPrinterDialogOpen && React__default["default"].createElement(PrinterDialog, {
@@ -32351,6 +32507,10 @@ var AppBar = function AppBar(_ref) {
32351
32507
  handleClose: function handleClose() {
32352
32508
  return setPrinterDialogOpen(false);
32353
32509
  }
32510
+ }), latestRelease && React__default["default"].createElement(LatestReleaseDialog, {
32511
+ release: latestRelease,
32512
+ handleClose: handleReleaseClose,
32513
+ mihelpAppPath: mihelpAppPath
32354
32514
  }));
32355
32515
  };
32356
32516
  AppBar.defaultProps = {