@copart/ops-tool-kit 1.12.0-alpha.2 → 1.12.0-alpha.20

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 (6) hide show
  1. package/README.md +11 -11
  2. package/bin/cli.js +19 -19
  3. package/changelog.md +40 -40
  4. package/dist/ops-tool-kit.js +633 -336
  5. package/dist/ops-tool-kit.js.map +1 -1
  6. package/package.json +113 -112
package/dist/ops-tool-kit.js CHANGED
@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
32
  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
33
33
 
34
34
  const name$r = "@copart/ops-tool-kit";
35
- const version$7 = "1.12.0-alpha.2";
35
+ const version$7 = "1.12.0-alpha.20";
36
36
  const main$1 = "dist/ops-tool-kit.js";
37
37
  const style = "dist/ops-tool-kit.css";
38
38
  const files = [
@@ -86,7 +86,8 @@ const devDependencies$1 = {
86
86
  rollup: "^2.22.1",
87
87
  "rollup-plugin-analyzer": "^3.3.0",
88
88
  "rollup-plugin-filesize": "9.0.2",
89
- "rollup-plugin-postcss": "^3.1.3"
89
+ "rollup-plugin-postcss": "^3.1.3",
90
+ "@rollup/plugin-replace": "5.0.5"
90
91
  };
91
92
  const peerDependencies = {
92
93
  "@copart/core-components": "2.3.0-alpha.filters.6",
@@ -226,10 +227,10 @@ function styleInject(css, ref) {
226
227
  }
227
228
  }
228
229
 
229
- var css_248z$r = ":root {\r\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n\r\n --white: #ffffff;\r\n --gray: #f1f1f1;\r\n --grey: #f1f1f1;\r\n --black: #000000;\r\n --blue: #1d5ab9;\r\n --blueDark: #0b2854;\r\n --red: #ee2727;\r\n --green: #7dc033;\r\n --greenDark: #64b50a;\r\n --charcoal: #323742;\r\n --blue: #1d5ab9;\r\n --blueGrey: #8d9fb1;\r\n --lightBlue: #a3d1ff;\r\n --veryLightBlue: #f2f7ff;\r\n --lightBlueGrey: #d6dfe8;\r\n --paleGrey: #ecf0f1;\r\n --lightGrey: #f1f1f1;\r\n --copartBlue: #1d5ab9;\r\n\r\n --primaryBlue: rgb(12, 92, 184);\r\n --primaryBlue0: rgb(11, 81, 161);\r\n --primaryBlue1: rgba(12, 92, 184, 0.2);\r\n --primaryBlue2: rgba(12, 92, 184, 0.4);\r\n --primaryBlue3: rgba(12, 92, 184, 0.6);\r\n --primaryBlue4: rgba(12, 92, 184, 0.8);\r\n\r\n --secondaryBlue: rgb(74, 144, 226);\r\n --secondaryBlue0: rgb(52, 122, 202);\r\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\r\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\r\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\r\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\r\n\r\n --darkBlue: rgb(29, 90, 185);\r\n --darkBlue1: rgba(29, 90, 185, 0.2);\r\n --darkBlue2: rgba(29, 90, 185, 0.4);\r\n --darkBlue3: rgba(29, 90, 185, 0.6);\r\n --darkBlue4: rgba(29, 90, 185, 0.8);\r\n\r\n --primaryRed: rgba(224, 26, 26, 1);\r\n --primaryRed0: rgb(201, 16, 16);\r\n --primaryRed1: rgba(224, 26, 26, 0.2);\r\n --primaryRed2: rgba(224, 26, 26, 0.4);\r\n --primaryRed3: rgba(224, 26, 26, 0.6);\r\n --primaryRed4: rgba(224, 26, 26, 0.8);\r\n\r\n --primaryOrange: rgba(253, 184, 39, 1);\r\n --primaryOrange0: rgb(236, 171, 29);\r\n --primaryOrange1: rgba(253, 184, 39, 0.2);\r\n --primaryOrange2: rgba(253, 184, 39, 0.4);\r\n --primaryOrange3: rgba(253, 184, 39, 0.6);\r\n --primaryOrange4: rgba(253, 184, 39, 0.8);\r\n\r\n --primaryGreen: rgba(29, 206, 109, 1);\r\n --primaryGreen0: rgb(27, 187, 99);\r\n --primaryGreen1: rgba(29, 206, 109, 0.2);\r\n --primaryGreen2: rgba(29, 206, 109, 0.4);\r\n --primaryGreen3: rgba(29, 206, 109, 0.6);\r\n --primaryGreen4: rgba(29, 206, 109, 0.8);\r\n}\r\n\r\ni.styles_index--fabric {\r\n font-style: normal;\r\n}\r\n";
230
+ var css_248z$r = ":root {\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\n\n --white: #ffffff;\n --gray: #f1f1f1;\n --grey: #f1f1f1;\n --black: #000000;\n --blue: #1d5ab9;\n --blueDark: #0b2854;\n --red: #ee2727;\n --green: #7dc033;\n --greenDark: #64b50a;\n --charcoal: #323742;\n --blue: #1d5ab9;\n --blueGrey: #8d9fb1;\n --lightBlue: #a3d1ff;\n --veryLightBlue: #f2f7ff;\n --lightBlueGrey: #d6dfe8;\n --paleGrey: #ecf0f1;\n --lightGrey: #f1f1f1;\n --copartBlue: #1d5ab9;\n\n --primaryBlue: rgb(12, 92, 184);\n --primaryBlue0: rgb(11, 81, 161);\n --primaryBlue1: rgba(12, 92, 184, 0.2);\n --primaryBlue2: rgba(12, 92, 184, 0.4);\n --primaryBlue3: rgba(12, 92, 184, 0.6);\n --primaryBlue4: rgba(12, 92, 184, 0.8);\n\n --secondaryBlue: rgb(74, 144, 226);\n --secondaryBlue0: rgb(52, 122, 202);\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\n\n --darkBlue: rgb(29, 90, 185);\n --darkBlue1: rgba(29, 90, 185, 0.2);\n --darkBlue2: rgba(29, 90, 185, 0.4);\n --darkBlue3: rgba(29, 90, 185, 0.6);\n --darkBlue4: rgba(29, 90, 185, 0.8);\n\n --primaryRed: rgba(224, 26, 26, 1);\n --primaryRed0: rgb(201, 16, 16);\n --primaryRed1: rgba(224, 26, 26, 0.2);\n --primaryRed2: rgba(224, 26, 26, 0.4);\n --primaryRed3: rgba(224, 26, 26, 0.6);\n --primaryRed4: rgba(224, 26, 26, 0.8);\n\n --primaryOrange: rgba(253, 184, 39, 1);\n --primaryOrange0: rgb(236, 171, 29);\n --primaryOrange1: rgba(253, 184, 39, 0.2);\n --primaryOrange2: rgba(253, 184, 39, 0.4);\n --primaryOrange3: rgba(253, 184, 39, 0.6);\n --primaryOrange4: rgba(253, 184, 39, 0.8);\n\n --primaryGreen: rgba(29, 206, 109, 1);\n --primaryGreen0: rgb(27, 187, 99);\n --primaryGreen1: rgba(29, 206, 109, 0.2);\n --primaryGreen2: rgba(29, 206, 109, 0.4);\n --primaryGreen3: rgba(29, 206, 109, 0.6);\n --primaryGreen4: rgba(29, 206, 109, 0.8);\n}\n\ni.styles_index--fabric {\n font-style: normal;\n}\n";
230
231
  styleInject(css_248z$r);
231
232
 
232
- var css_248z$q = "* {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: subpixel-antialiased;\r\n box-sizing: border-box;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\nhtml,\r\nhtml a {\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n* {\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n font-size: 16px;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\nbody {\r\n overflow: hidden;\r\n font-size: 1rem;\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n}\r\n\r\na:link,a:visited {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-webkit-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-moz-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.styles_reset--material-icons.styles_reset--md-18 {\r\n font-size: 18px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-24 {\r\n font-size: 24px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-28 {\r\n font-size: 28px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-36 {\r\n font-size: 36px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-48 {\r\n font-size: 48px;\r\n}\r\n";
233
+ var css_248z$q = "* {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: subpixel-antialiased;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n}\n\nhtml,\nhtml a {\n -webkit-font-smoothing: antialiased;\n}\n\n* {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\n\n:root {\n font-family: var(--mainFont);\n font-family: var(--mainFont);\n font-size: 16px;\n -webkit-font-smoothing: antialiased;\n}\n\nbody {\n overflow: hidden;\n font-size: 1rem;\n font-family: var(--mainFont);\n font-family: var(--mainFont);\n}\n\na:link,a:visited {\n color: inherit;\n text-decoration: none;\n}\n\na:-webkit-any-link {\n color: inherit;\n text-decoration: none;\n}\n\na:-moz-any-link {\n color: inherit;\n text-decoration: none;\n}\n\na:any-link {\n color: inherit;\n text-decoration: none;\n}\n\n.styles_reset--material-icons.styles_reset--md-18 {\n font-size: 18px;\n}\n.styles_reset--material-icons.styles_reset--md-24 {\n font-size: 24px;\n}\n.styles_reset--material-icons.styles_reset--md-28 {\n font-size: 28px;\n}\n.styles_reset--material-icons.styles_reset--md-36 {\n font-size: 36px;\n}\n.styles_reset--material-icons.styles_reset--md-48 {\n font-size: 48px;\n}\n";
233
234
  styleInject(css_248z$q);
234
235
 
235
236
  function _iterableToArrayLimit(arr, i) {
@@ -852,7 +853,7 @@ var b$1 = "function" === typeof Symbol && Symbol.for,
852
853
  d = b$1 ? Symbol.for("react.portal") : 60106,
853
854
  e = b$1 ? Symbol.for("react.fragment") : 60107,
854
855
  f = b$1 ? Symbol.for("react.strict_mode") : 60108,
855
- g$1 = b$1 ? Symbol.for("react.profiler") : 60114,
856
+ g = b$1 ? Symbol.for("react.profiler") : 60114,
856
857
  h$1 = b$1 ? Symbol.for("react.provider") : 60109,
857
858
  k$1 = b$1 ? Symbol.for("react.context") : 60110,
858
859
  l = b$1 ? Symbol.for("react.async_mode") : 60111,
@@ -875,7 +876,7 @@ function z$1(a) {
875
876
  case l:
876
877
  case m:
877
878
  case e:
878
- case g$1:
879
+ case g:
879
880
  case f:
880
881
  case p:
881
882
  return a;
@@ -909,7 +910,7 @@ var Fragment = e;
909
910
  var Lazy = t;
910
911
  var Memo = r;
911
912
  var Portal = d;
912
- var Profiler = g$1;
913
+ var Profiler = g;
913
914
  var StrictMode = f;
914
915
  var Suspense = p;
915
916
  var isAsyncMode = function (a) {
@@ -941,7 +942,7 @@ var isPortal = function (a) {
941
942
  return z$1(a) === d;
942
943
  };
943
944
  var isProfiler = function (a) {
944
- return z$1(a) === g$1;
945
+ return z$1(a) === g;
945
946
  };
946
947
  var isStrictMode = function (a) {
947
948
  return z$1(a) === f;
@@ -950,7 +951,7 @@ var isSuspense = function (a) {
950
951
  return z$1(a) === p;
951
952
  };
952
953
  var isValidElementType = function (a) {
953
- return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g$1 || a === f || a === p || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y || a.$$typeof === v);
954
+ return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y || a.$$typeof === v);
954
955
  };
955
956
  var typeOf = z$1;
956
957
 
@@ -2785,6 +2786,12 @@ var createOpsStorage = function createOpsStorage() {
2785
2786
  var appAuthName = appData ? appData.appAuthName : (_window$toolkitEnv4 = window.toolkitEnv) !== null && _window$toolkitEnv4 !== void 0 && _window$toolkitEnv4.APP_AUTH_NAME ? window.toolkitEnv.APP_AUTH_NAME : process.env.APP_AUTH_NAME;
2786
2787
  return appAuthName ? storage$1.getLocalItem("".concat(appAuthName, ":permissions")) : [];
2787
2788
  },
2789
+ get appScopesAndFunctions() {
2790
+ return getLocalItem('appScopesAndFunctions') || [];
2791
+ },
2792
+ get userAppScopes() {
2793
+ return getLocalItem('login', 'userAppScopes') || [];
2794
+ },
2788
2795
  get coreConfig() {
2789
2796
  return getLocalItem('opsportal-core:config');
2790
2797
  },
@@ -2905,7 +2912,7 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
2905
2912
  error: 'You tried to use Breadcrumbs outside of its context.'
2906
2913
  };
2907
2914
 
2908
- var css_248z$p = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\r\n /* height: 36px;\r\n background: #3c4656; */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n display: flex;\r\n}\r\n\r\n#notCrumbs {\r\n height: 100%;\r\n margin-right: 12px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n cursor: pointer;\r\n height: 100%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n font-weight: 300;\r\n letter-spacing: 0;\r\n /* transition: all 0.2s; */\r\n position: relative;\r\n top: -2px;\r\n color: rgba(255, 255, 255, 0.8);\r\n grid-gap: 6px;\r\n gap: 6px;\r\n margin-left: 5px;\r\n opacity: 1;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n -webkit-animation-duration: 0.2s;\r\n animation-duration: 0.2s;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb::before {\r\n content: '\\f054';\r\n color: rgba(255, 255, 255, 0.4);\r\n display: inline-block;\r\n font-family: 'Font Awesome 6 Pro';\r\n font-size: 16px;\r\n margin: 0 6px;\r\n position: relative;\r\n top: 2px;\r\n}\r\n\r\n/* .Crumb:first-of-type {\r\n margin-left: 12px;\r\n font-weight: 400;\r\n} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\r\n /* background: rgba(0, 0, 0, 0.15); */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\r\n /* opacity: 0.75; */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\r\n font-weight: 700;\r\n opacity: 1;\r\n color: rgba(255, 255, 255, 1);\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type::before {\r\n font-weight: 300;\r\n /* opacity: 0.8; */\r\n}\r\n\r\n/* .crumbSpacer {} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n /* margin: 10px; */\r\n flex-grow: 2;\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}";
2915
+ var css_248z$p = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\n /* height: 36px;\n background: #3c4656; */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\n display: flex;\n}\n\n#notCrumbs {\n height: 100%;\n margin-right: 12px;\n display: flex;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\n cursor: pointer;\n height: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 300;\n letter-spacing: 0;\n /* transition: all 0.2s; */\n position: relative;\n top: -2px;\n color: rgba(255, 255, 255, 0.8);\n grid-gap: 6px;\n gap: 6px;\n margin-left: 5px;\n opacity: 1;\n}\n\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-6px);\n transform: translateX(-6px);\n /* transform: scale(0.9); */\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n /* transform: scale(1); */\n }\n}\n\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-6px);\n transform: translateX(-6px);\n /* transform: scale(0.9); */\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n /* transform: scale(1); */\n }\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\n -webkit-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb::before {\n content: '\\f054';\n color: rgba(255, 255, 255, 0.4);\n display: inline-block;\n font-family: 'Font Awesome 6 Pro';\n font-size: 16px;\n margin: 0 6px;\n position: relative;\n top: 2px;\n}\n\n/* .Crumb:first-of-type {\n margin-left: 12px;\n font-weight: 400;\n} */\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\n /* background: rgba(0, 0, 0, 0.15); */\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\n /* opacity: 0.75; */\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\n font-weight: 700;\n opacity: 1;\n color: rgba(255, 255, 255, 1);\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type::before {\n font-weight: 300;\n /* opacity: 0.8; */\n}\n\n/* .crumbSpacer {} */\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\n /* margin: 10px; */\n flex-grow: 2;\n font-size: 14px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\n height: 100%;\n display: flex;\n margin-right: 0px !important;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\n height: 100%;\n display: flex;\n margin-right: 0px !important;\n}";
2909
2916
  styleInject(css_248z$p);
2910
2917
 
2911
2918
  var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
@@ -3666,12 +3673,12 @@ function nonStandardBrowserEnv() {
3666
3673
 
3667
3674
  // btoa polyfill for IE<10 courtesy https://github.com/davidchambers/Base64.js
3668
3675
  var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
3669
- function E() {
3676
+ function E$1() {
3670
3677
  this.message = 'String contains an invalid character';
3671
3678
  }
3672
- E.prototype = new Error();
3673
- E.prototype.code = 5;
3674
- E.prototype.name = 'InvalidCharacterError';
3679
+ E$1.prototype = new Error();
3680
+ E$1.prototype.code = 5;
3681
+ E$1.prototype.name = 'InvalidCharacterError';
3675
3682
  function btoa$2(input) {
3676
3683
  var str = String(input);
3677
3684
  var output = '';
@@ -3686,7 +3693,7 @@ function btoa$2(input) {
3686
3693
  output += map.charAt(63 & block >> 8 - idx % 1 * 8)) {
3687
3694
  charCode = str.charCodeAt(idx += 3 / 4);
3688
3695
  if (charCode > 0xFF) {
3689
- throw new E();
3696
+ throw new E$1();
3690
3697
  }
3691
3698
  block = block << 8 | charCode;
3692
3699
  }
@@ -5367,40 +5374,46 @@ var getConfig = /*#__PURE__*/function () {
5367
5374
  response = _context.sent;
5368
5375
  config = response.data.data; // Fill in values needed for access checks.
5369
5376
  config.tiles = hydrateTiles(config.tiles);
5377
+ config.tileOverrides = hydrateTiles(config.tileOverrides);
5370
5378
  return _context.abrupt("return", config);
5371
- case 11:
5372
- _context.prev = 11;
5379
+ case 12:
5380
+ _context.prev = 12;
5373
5381
  _context.t0 = _context["catch"](0);
5374
5382
  if (!JSON.stringify(_context.t0.response.data).includes('503')) {
5375
- _context.next = 17;
5383
+ _context.next = 18;
5376
5384
  break;
5377
5385
  }
5378
5386
  return _context.abrupt("return", Promise.reject(new Error('Fetch Error, Please make sure you are on the Copart network')));
5379
- case 17:
5380
- Promise.reject(_context.t0);
5381
5387
  case 18:
5388
+ Promise.reject(_context.t0);
5389
+ case 19:
5382
5390
  case "end":
5383
5391
  return _context.stop();
5384
5392
  }
5385
- }, _callee, null, [[0, 11]]);
5393
+ }, _callee, null, [[0, 12]]);
5386
5394
  }));
5387
5395
  return function getConfig(_x) {
5388
5396
  return _ref.apply(this, arguments);
5389
5397
  };
5390
5398
  }();
5391
- var findAppData = function findAppData(tiles) {
5399
+ var tileFilter = function tileFilter(tile) {
5392
5400
  var _window$toolkitEnv;
5393
5401
  var appName = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
5394
5402
  if (window.location.pathname.includes('embedded')) {
5395
5403
  appName = window.location.pathname;
5396
5404
  }
5397
- var matchingTiles = tiles.filter(function (tile) {
5398
- if (tile.appName) {
5399
- return tile.appName === 'embedded' ? tile.path === appName : tile.appName === appName;
5400
- } else {
5401
- return tile.path === "/".concat(appName);
5402
- }
5403
- });
5405
+ if (tile.appName) {
5406
+ return tile.appName === 'embedded' ? tile.path === appName : tile.appName === appName;
5407
+ } else {
5408
+ return tile.path === "/".concat(appName);
5409
+ }
5410
+ };
5411
+ var findAppData = function findAppData() {
5412
+ var tiles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
5413
+ var tileOverrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
5414
+ var matchingTiles = [];
5415
+ matchingTiles = matchingTiles.concat(tileOverrides.filter(tileFilter));
5416
+ matchingTiles = matchingTiles.concat(tiles.filter(tileFilter));
5404
5417
  if (matchingTiles.length > 1) {
5405
5418
  var currentLocation = window.location.pathname;
5406
5419
  return matchingTiles.find(function (tile) {
@@ -5423,7 +5436,7 @@ var getAppTileData = /*#__PURE__*/function () {
5423
5436
  case 3:
5424
5437
  config = _context2.sent;
5425
5438
  storage.setLocalItem('opsportal-core:config', config);
5426
- return _context2.abrupt("return", findAppData(config.tiles || []));
5439
+ return _context2.abrupt("return", findAppData(config.tiles, config.tileOverrides));
5427
5440
  case 6:
5428
5441
  case "end":
5429
5442
  return _context2.stop();
@@ -5446,17 +5459,54 @@ var getHeaders$1 = function getHeaders() {
5446
5459
  };
5447
5460
  };
5448
5461
  var getPermissions = /*#__PURE__*/function () {
5449
- var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appName) {
5450
- var _storage$getLocalItem, _storage$getLocalItem2, permissions, endpoint, response, appDetails;
5462
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appName, useAppScopes) {
5463
+ var permissions, userAppScopes, allAppScopesAndFunctions, currentAppScopesAndFunctions, _currentAppScopesAndF, appFunctions, appFunctionsMap, _storage$getLocalItem, _storage$getLocalItem2, endpoint, response, appDetails;
5451
5464
  return _regeneratorRuntime().wrap(function _callee$(_context) {
5452
5465
  while (1) switch (_context.prev = _context.next) {
5453
5466
  case 0:
5454
5467
  _context.prev = 0;
5455
5468
  permissions = [];
5469
+ if (!useAppScopes) {
5470
+ _context.next = 9;
5471
+ break;
5472
+ }
5473
+ userAppScopes = Array.isArray(storage.userAppScopes) ? storage.userAppScopes : [];
5474
+ allAppScopesAndFunctions = storage.appScopesAndFunctions;
5475
+ currentAppScopesAndFunctions = allAppScopesAndFunctions.find(function (scope) {
5476
+ return scope.appName === appName;
5477
+ });
5478
+ if (currentAppScopesAndFunctions) {
5479
+ appFunctions = {}, appFunctionsMap = {};
5480
+ (_currentAppScopesAndF = currentAppScopesAndFunctions.scopes) === null || _currentAppScopesAndF === void 0 ? void 0 : _currentAppScopesAndF.forEach(function (scope) {
5481
+ var scopeName = scope.appscope;
5482
+ var userHasScope = userAppScopes.find(function (appScope) {
5483
+ return appScope.appName === appName && appScope.scopeName === scopeName;
5484
+ });
5485
+ if (userHasScope) {
5486
+ scope.applicationFunctions.forEach(function (appFunc) {
5487
+ if (!appFunctionsMap[appFunc]) {
5488
+ appFunctionsMap[appFunc] = true;
5489
+ appFunctions[appFunc] = {
5490
+ name: appFunc,
5491
+ description: appFunc,
5492
+ hierarchyDetails: userHasScope.hierarchies
5493
+ };
5494
+ } else {
5495
+ var _appFunctions$appFunc;
5496
+ (_appFunctions$appFunc = appFunctions[appFunc]) === null || _appFunctions$appFunc === void 0 ? void 0 : _appFunctions$appFunc.hierarchyDetails.concat(userHasScope.hierarchies);
5497
+ }
5498
+ });
5499
+ }
5500
+ });
5501
+ permissions = Object.values(appFunctions);
5502
+ }
5503
+ _context.next = 15;
5504
+ break;
5505
+ case 9:
5456
5506
  endpoint = (_storage$getLocalItem = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.g2AppPermissions;
5457
- _context.next = 5;
5507
+ _context.next = 12;
5458
5508
  return fetcher.get("".concat(endpoint).concat(appName), getHeaders$1());
5459
- case 5:
5509
+ case 12:
5460
5510
  response = _context.sent;
5461
5511
  appDetails = response.data.applications.find(function (app) {
5462
5512
  return app.name === appName;
@@ -5464,25 +5514,26 @@ var getPermissions = /*#__PURE__*/function () {
5464
5514
  if (appDetails) {
5465
5515
  permissions = appDetails.applicationFunctions;
5466
5516
  }
5517
+ case 15:
5467
5518
  storage.setLocalItem("".concat(appName, ":permissions"), permissions);
5468
5519
  return _context.abrupt("return", permissions);
5469
- case 12:
5470
- _context.prev = 12;
5520
+ case 19:
5521
+ _context.prev = 19;
5471
5522
  _context.t0 = _context["catch"](0);
5472
5523
  if (!(_context.t0.response && JSON.stringify(_context.t0.response.data).includes('503'))) {
5473
- _context.next = 18;
5524
+ _context.next = 25;
5474
5525
  break;
5475
5526
  }
5476
5527
  return _context.abrupt("return", Promise.reject(new Error('Fetch Error, Please make sure you are on the Copart network')));
5477
- case 18:
5528
+ case 25:
5478
5529
  Promise.reject(_context.t0);
5479
- case 19:
5530
+ case 26:
5480
5531
  case "end":
5481
5532
  return _context.stop();
5482
5533
  }
5483
- }, _callee, null, [[0, 12]]);
5534
+ }, _callee, null, [[0, 19]]);
5484
5535
  }));
5485
- return function getPermissions(_x) {
5536
+ return function getPermissions(_x, _x2) {
5486
5537
  return _ref.apply(this, arguments);
5487
5538
  };
5488
5539
  }();
@@ -5589,17 +5640,17 @@ var getDefaultYard = function getDefaultYard(country) {
5589
5640
  var stack = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.STACK ? window.toolkitEnv.STACK : process.env.STACK;
5590
5641
  if (stack === 'uk') {
5591
5642
  return {
5592
- name: "COPART UK",
5643
+ name: 'COPART UK',
5593
5644
  number: 400,
5594
- userSecurityLevel: "1",
5645
+ userSecurityLevel: '1',
5595
5646
  address: {
5596
- city: "WOOTTON",
5597
- country: "GBR",
5598
- line1: "ACREY FIELDS",
5599
- state: "GB",
5647
+ city: 'WOOTTON',
5648
+ country: 'GBR',
5649
+ line1: 'ACREY FIELDS',
5650
+ state: 'GB',
5600
5651
  zip: {
5601
- zip1: "MK43",
5602
- zip2: ""
5652
+ zip1: 'MK43',
5653
+ zip2: ''
5603
5654
  }
5604
5655
  }
5605
5656
  };
@@ -5607,60 +5658,60 @@ var getDefaultYard = function getDefaultYard(country) {
5607
5658
  switch (country) {
5608
5659
  case 'IN':
5609
5660
  return {
5610
- name: "CITC",
5661
+ name: 'CITC',
5611
5662
  number: 8003,
5612
5663
  address: {
5613
- city: "HYDERABAD",
5614
- country: "IND",
5615
- line1: "PSR PRIME TOWERS 5TH FLOOR",
5616
- line2: "SURVEY NO 126P, GACHIBOWLI",
5617
- state: "TS",
5664
+ city: 'HYDERABAD',
5665
+ country: 'IND',
5666
+ line1: 'PSR PRIME TOWERS 5TH FLOOR',
5667
+ line2: 'SURVEY NO 126P, GACHIBOWLI',
5668
+ state: 'TS',
5618
5669
  zip: {
5619
- zip1: "500032"
5670
+ zip1: '500032'
5620
5671
  }
5621
5672
  }
5622
5673
  };
5623
5674
  case 'US':
5624
5675
  return {
5625
- name: "CORPORATE",
5676
+ name: 'CORPORATE',
5626
5677
  number: 700,
5627
5678
  address: {
5628
- city: "DALLAS",
5629
- country: "USA",
5630
- line1: "14185 DALLAS PARKWAY #300",
5631
- state: "TX",
5679
+ city: 'DALLAS',
5680
+ country: 'USA',
5681
+ line1: '14185 DALLAS PARKWAY #300',
5682
+ state: 'TX',
5632
5683
  zip: {
5633
- zip1: "75254"
5684
+ zip1: '75254'
5634
5685
  }
5635
5686
  }
5636
5687
  };
5637
5688
  case 'UK':
5638
5689
  return {
5639
- name: "COPART UK",
5690
+ name: 'COPART UK',
5640
5691
  number: 400,
5641
- userSecurityLevel: "1",
5692
+ userSecurityLevel: '1',
5642
5693
  address: {
5643
- city: "WOOTTON",
5644
- country: "GBR",
5645
- line1: "ACREY FIELDS",
5646
- state: "GB",
5694
+ city: 'WOOTTON',
5695
+ country: 'GBR',
5696
+ line1: 'ACREY FIELDS',
5697
+ state: 'GB',
5647
5698
  zip: {
5648
- zip1: "MK43",
5649
- zip2: ""
5699
+ zip1: 'MK43',
5700
+ zip2: ''
5650
5701
  }
5651
5702
  }
5652
5703
  };
5653
5704
  default:
5654
5705
  return {
5655
- name: "CORPORATE",
5706
+ name: 'CORPORATE',
5656
5707
  number: 700,
5657
5708
  address: {
5658
- city: "DALLAS",
5659
- country: "USA",
5660
- line1: "14185 DALLAS PARKWAY #300",
5661
- state: "TX",
5709
+ city: 'DALLAS',
5710
+ country: 'USA',
5711
+ line1: '14185 DALLAS PARKWAY #300',
5712
+ state: 'TX',
5662
5713
  zip: {
5663
- zip1: "75254"
5714
+ zip1: '75254'
5664
5715
  }
5665
5716
  }
5666
5717
  };
@@ -5735,13 +5786,14 @@ var storeLoginData = function storeLoginData(data) {
5735
5786
  redirectTo: 'home',
5736
5787
  attemptFailed: false,
5737
5788
  sessionExpired: false,
5738
- hasCasAccess: data.hasCasAccess
5789
+ hasCasAccess: data.hasCasAccess,
5790
+ entity_auth_scope: data.entity_auth_scope
5739
5791
  });
5740
5792
  };
5741
5793
  var setupLogin = /*#__PURE__*/function () {
5742
5794
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(loginData) {
5743
5795
  var _window$toolkitEnv3;
5744
- var stack, hasCasAccess, yardList, entitySamID, entityID, entityCasID, userDetails, noCasAccess, userCountryCode, defaultYard;
5796
+ var stack, hasCasAccess, yardList, entitySamID, entityID, entityCasID, userDetails, noCasAccess, userCountryCode, defaultYard, _storage$getLocalItem, _storage$getLocalItem2, endpoint, appFunctions;
5745
5797
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
5746
5798
  while (1) switch (_context2.prev = _context2.next) {
5747
5799
  case 0:
@@ -5813,11 +5865,26 @@ var setupLogin = /*#__PURE__*/function () {
5813
5865
  loginData.hasCasAccess = hasCasAccess;
5814
5866
  case 44:
5815
5867
  storeLoginData(loginData);
5816
- case 45:
5868
+ _context2.prev = 45;
5869
+ endpoint = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.appScopesAWS;
5870
+ _context2.next = 49;
5871
+ return fetcher.get(endpoint).then(function (res) {
5872
+ return res.data;
5873
+ });
5874
+ case 49:
5875
+ appFunctions = _context2.sent;
5876
+ storage$1.setLocalItem('appScopesAndFunctions', appFunctions);
5877
+ _context2.next = 56;
5878
+ break;
5879
+ case 53:
5880
+ _context2.prev = 53;
5881
+ _context2.t1 = _context2["catch"](45);
5882
+ console.log(_context2.t1);
5883
+ case 56:
5817
5884
  case "end":
5818
5885
  return _context2.stop();
5819
5886
  }
5820
- }, _callee2, null, [[17, 27]]);
5887
+ }, _callee2, null, [[17, 27], [45, 53]]);
5821
5888
  }));
5822
5889
  return function setupLogin(_x) {
5823
5890
  return _ref2.apply(this, arguments);
@@ -9270,6 +9337,81 @@ var getInnovationHubToken = /*#__PURE__*/function () {
9270
9337
  };
9271
9338
  }();
9272
9339
 
9340
+ var getHierarchyDetails = function getHierarchyDetails(hierarchies, hierarchyId) {
9341
+ var hierarchy = hierarchies[hierarchyId];
9342
+ var isHierarchyFromCurrentCountry = hierarchy && hierarchy.countryCode === storage.getSessionItem('dashboard', 'selectedCountryA3code');
9343
+ return isHierarchyFromCurrentCountry ? {
9344
+ id: hierarchy.hierarchyId,
9345
+ level: hierarchy.levelName,
9346
+ name: hierarchy.hierarchyName
9347
+ } : null;
9348
+ };
9349
+ var getUserScopes = /*#__PURE__*/function () {
9350
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
9351
+ var _storage$getLocalItem, _storage$getLocalItem2;
9352
+ var endpoint, hierarchies, scopeData, scopeList, filteredScopeList;
9353
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
9354
+ while (1) switch (_context.prev = _context.next) {
9355
+ case 0:
9356
+ endpoint = (_storage$getLocalItem = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.hierarchiesAWS;
9357
+ _context.prev = 1;
9358
+ _context.next = 4;
9359
+ return fetcher.get(endpoint).then(function (res) {
9360
+ return res.data;
9361
+ });
9362
+ case 4:
9363
+ hierarchies = _context.sent;
9364
+ storage.setLocalItem('hierarchies', hierarchies);
9365
+ _context.next = 12;
9366
+ break;
9367
+ case 8:
9368
+ _context.prev = 8;
9369
+ _context.t0 = _context["catch"](1);
9370
+ console.log(_context.t0);
9371
+ hierarchies = storage.getLocalItem('hierarchies');
9372
+ case 12:
9373
+ scopeData = storage.getLocalItem('login', 'entity_auth_scope');
9374
+ scopeList = typeof scopeData === 'string' ? scopeData === null || scopeData === void 0 ? void 0 : scopeData.split(',') : [];
9375
+ scopeList = scopeList.filter(function (scope) {
9376
+ return typeof scope === 'string' && scope.trim() !== '';
9377
+ });
9378
+ filteredScopeList = [];
9379
+ scopeList.forEach(function (scope) {
9380
+ var _storage$getLocalItem3;
9381
+ var scopeInfo = scope === null || scope === void 0 ? void 0 : scope.split('|');
9382
+ var appScopeEnv = (_storage$getLocalItem3 = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem3 === void 0 ? void 0 : _storage$getLocalItem3.appScopeEnv;
9383
+ var isScopeForCurrentEnv = scopeInfo[0] && scopeInfo[0] === appScopeEnv;
9384
+ if (isScopeForCurrentEnv) {
9385
+ var _scopeInfo$;
9386
+ var hierarchyList = ((_scopeInfo$ = scopeInfo[3]) === null || _scopeInfo$ === void 0 ? void 0 : _scopeInfo$.split(':')) || [];
9387
+ var hierarchiesWithDetails = [];
9388
+ hierarchyList.forEach(function (hierarchy) {
9389
+ var details = getHierarchyDetails(hierarchies, Number(hierarchy));
9390
+ if (details) {
9391
+ hierarchiesWithDetails.push(details);
9392
+ }
9393
+ });
9394
+ if (hierarchiesWithDetails.length > 0) {
9395
+ filteredScopeList.push({
9396
+ appName: scopeInfo[1],
9397
+ scopeName: scopeInfo[2],
9398
+ hierarchies: hierarchiesWithDetails
9399
+ });
9400
+ }
9401
+ }
9402
+ });
9403
+ return _context.abrupt("return", filteredScopeList);
9404
+ case 18:
9405
+ case "end":
9406
+ return _context.stop();
9407
+ }
9408
+ }, _callee, null, [[1, 8]]);
9409
+ }));
9410
+ return function getUserScopes() {
9411
+ return _ref.apply(this, arguments);
9412
+ };
9413
+ }();
9414
+
9273
9415
  fetcher.login = login;
9274
9416
  fetcher.oktaLogin = oktaLogin;
9275
9417
  fetcher.getConfig = getConfig;
@@ -9285,6 +9427,7 @@ fetcher.getPrintersForYard = getPrintersForYard;
9285
9427
  fetcher.getPermissions = getPermissions;
9286
9428
  fetcher.getCoreAppPermissions = getCoreAppPermissions;
9287
9429
  fetcher.getInnovationHubToken = getInnovationHubToken;
9430
+ fetcher.getUserScopes = getUserScopes;
9288
9431
 
9289
9432
  var getRouteName = function getRouteName() {
9290
9433
  return window.location.pathname.split('/').splice(1)[0];
@@ -9321,7 +9464,7 @@ var isChrome = function isChrome() {
9321
9464
  return isChromium && !isEdge;
9322
9465
  };
9323
9466
 
9324
- var css_248z$o = ".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";
9467
+ var css_248z$o = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\n}\n\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\n margin: 80px 0 40px;\n width: 100%;\n height: 100%;\n}\n\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\n width: 60px;\n height: 60px;\n}\n";
9325
9468
  styleInject(css_248z$o);
9326
9469
 
9327
9470
  var ConfigFetcher = /*#__PURE__*/function (_React$Component) {
@@ -21035,7 +21178,7 @@ var generateFeedbackEmail = function generateFeedbackEmail(props) {
21035
21178
  return "\n Feedback: ".concat(props.feedback, "\n <br/>\n Email: ").concat(props.email, "\n <br/>\n Url: ").concat(location.href, "\n <br/>\n Selected Yard: ").concat(props.selectedYard, "\n <br/>\n Home Yard: ").concat(props.homeYard, "\n <br/>\n User Agent: ").concat(navigator.userAgent, "\n <br/>\n <small><i>Sent from opsportal-core.</i></small>\n ");
21036
21179
  };
21037
21180
 
21038
- var css_248z$n = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\r\n color: #0d5db8;\r\n font-size: 15px;\r\n}\r\n";
21181
+ var css_248z$n = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\n color: #0d5db8;\n font-size: 15px;\n}\n";
21039
21182
  styleInject(css_248z$n);
21040
21183
 
21041
21184
  var FAQLink = function FAQLink() {
@@ -21050,7 +21193,7 @@ var FAQLink = function FAQLink() {
21050
21193
  }, locale('FAQs'));
21051
21194
  };
21052
21195
 
21053
- var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\r\n font-weight: bold;\r\n}\r\n";
21196
+ var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\n font-weight: bold;\n}\n";
21054
21197
  styleInject(css_248z$m);
21055
21198
 
21056
21199
  var FAQText = function FAQText() {
@@ -21061,7 +21204,7 @@ var FAQText = function FAQText() {
21061
21204
  }, locale('Please see'), " ", /*#__PURE__*/React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
21062
21205
  };
21063
21206
 
21064
- var css_248z$l = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\r\n display: flex;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\r\n margin-bottom: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-top: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n height: 40px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\r\n margin: 5px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\r\n width: 60vw;\r\n max-width: 600px;\r\n padding: 10px 20px;\r\n}\r\n";
21207
+ var css_248z$l = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\n display: flex;\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\n margin-bottom: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-top: 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\n height: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\n margin: 5px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\n width: 60vw;\n max-width: 600px;\n padding: 10px 20px;\n}\n";
21065
21208
  styleInject(css_248z$l);
21066
21209
 
21067
21210
  var DialogTitle = function DialogTitle() {
@@ -21281,7 +21424,7 @@ FeedbackDialog.defaultProps = {
21281
21424
  }
21282
21425
  };
21283
21426
 
21284
- var css_248z$k = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 48px;\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: start;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n margin: 0 12px;\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: 3px 0 0 16px;\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 color: white;\r\n cursor: pointer;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n margin: 8px !important;\r\n position: relative;\r\n width: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\r\n margin-right: 24px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\r\n color: #fff;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\r\n color: #ffff00;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\r\n width: auto;\r\n grid-gap: 4px;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n display: flex;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\r\n width: auto;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n grid-gap: 8px;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n padding: 2px 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\r\n color: #1D5AB9;\r\n font-size: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n font-size: 14px;\r\n font-weight: 400;\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--searchIcon {\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 background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\r\n font-size: 14px;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n margin: 0 8px;\r\n padding: 6px 20px 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\r\n font-size: 18px;\r\n color: #1D5AB9;\r\n}\r\n\r\n/* .searchIcon > div {\r\n margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n display: flex;\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/* .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}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n font-size: 22px;\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: 3px;\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 color: #000;\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: calc(100vh - 48px);\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: 358px;\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--profile {\r\n padding: 5px 7px;\r\n background: #fff;\r\n border-radius: 50%;\r\n font-weight: 600;\r\n color: #1d5ab9;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n background: rgba(255, 255, 255, 0.40);\r\n -webkit-backdrop-filter: blur(20px);\r\n backdrop-filter: blur(20px);\r\n position: absolute;\r\n top: 50px;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n width: 400px;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\r\n /* padding: 15px; */\r\n background-color: white;\r\n overflow-y: auto;\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 /* .searchIcon {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .searchIcon > div {\r\n margin-left: 2px;\r\n } */\r\n\r\n /* .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\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n width: 400px;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: 100%;\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n font-size: 18px;\r\n font-weight: 600;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n background-color: #ef5350;\r\n color: white;\r\n font-size: 12px;\r\n width: 1rem;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: -5px;\r\n left: 11px;\r\n height: 1rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n cursor: pointer;\r\n margin-left: 12px;\r\n position: relative;\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: 11px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 5px;\r\n}\r\n\r\n/* .arrowTipContainer.ideaNoteArrow {\r\n right: 16px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\r\n right: 3px;\r\n bottom: -9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n bottom: -12px;\r\n right: 8px;\r\n border-left: 7px solid transparent;\r\n border-right: 7px solid transparent;\r\n border-bottom: 10px solid white;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n width: 85%;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n left: 12px;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n right: 5px;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\r\n width: 85% !important;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: none;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n width: 85%;\r\n }\r\n}";
21427
+ var css_248z$k = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n background-color: var(--blue);\n background-color: var(--blue);\n height: 48px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n white-space: nowrap;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\n width: 100%;\n display: flex;\n justify-content: start;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\n margin: 0 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\n display: flex;\n align-items: center;\n flex-direction: column;\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\n display: flex;\n flex-direction: column;\n margin: 3px 0 0 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\n color: white;\n font-size: 11px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\n color: white;\n cursor: pointer;\n font-size: 18px;\n display: flex;\n justify-content: center;\n margin: 8px !important;\n position: relative;\n width: 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\n margin-right: 24px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\n color: #fff;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\n color: #ffff00;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\n width: auto;\n grid-gap: 4px;\n grid-gap: 5px;\n gap: 5px;\n display: flex;\n font-size: 14px;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\n width: auto;\n cursor: pointer;\n display: flex;\n align-items: center;\n background: #fff;\n color: #1D5AB9;\n font-weight: 600;\n border-radius: 4px;\n font-size: 14px;\n grid-gap: 8px;\n grid-gap: 8px;\n gap: 8px;\n padding: 2px 8px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\n color: #1D5AB9;\n font-size: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n font-size: 14px;\n font-weight: 400;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\n display: flex;\n color: white;\n font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\n color: white;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n width: 6rem;\n margin-top: 0rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\n margin-top: 0.6rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\n margin-top: 0.4rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\n margin-top: -0.2rem;\n margin-left: 2rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n display: inline;\n display: initial;\n}\n\n@font-face {\n font-family: 'Open Sans';\n font-style: italic;\n font-weight: 600;\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\n format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\n color: #fff;\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n font-style: italic;\n font-size: 14px;\n position: relative;\n left: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\n display: flex;\n color: white;\n font-size: 13px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon {\n /* margin-left: 10px;\n margin-right: 7px; */\n cursor: pointer;\n display: flex;\n align-items: center;\n background: #fff;\n color: #1D5AB9;\n font-weight: 600;\n border-radius: 4px;\n box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\n font-size: 14px;\n grid-gap: 8px;\n gap: 8px;\n margin: 0 8px;\n padding: 6px 20px 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\n font-size: 18px;\n color: #1D5AB9;\n}\n\n/* .searchIcon > div {\n margin-left: 7px;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\n color: #fff;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\n color: white;\n cursor: default;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n background-color: white;\n border-radius: 20px;\n margin: 5px;\n padding: 0px 10px;\n height: 25px;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\n border: 1px solid #1d5ab9;\n justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\n color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n background-color: white;\n border-radius: 20px;\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\n color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\n color: red;\n margin: 5px 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\n margin-right: 5px;\n margin-left: 5px;\n width: 24px;\n height: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\n margin-left: 5px;\n display: inline-flex;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\n font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\n line-height: unset;\n font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\n color: green;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n color: red;\n}\n\n/* .userMenu {\n margin-left: 10px !important;\n margin-right: 5px !important;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin: 8px;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 7px;\n font-size: 14px;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\n margin: 0 !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\n cursor: pointer;\n position: relative;\n top: -2px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n color: #fff;\n font-size: 22px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\n background-color: #ef5350;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n left: 13px;\n width: 10px;\n height: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\n position: absolute;\n background: #fff;\n padding: 8px;\n right: 30px;\n top: -2px;\n border-radius: 2px;\n font-weight: 400;\n font-size: 12px;\n cursor: auto;\n color: #000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\n content: \"\";\n position: absolute;\n top: 50%;\n left: 100%;\n margin-top: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: transparent transparent transparent #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\n color: #000;\n font-size: 12px;\n margin-left: 5px;\n position: relative;\n top: 1px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n position: absolute;\n display: flex;\n height: calc(100vh - 48px);\n width: 100vw;\n bottom: 0;\n z-index: 10000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\n background-color: rgba(0,0,0,.5);\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 2px;\n right: 358px;\n height: 38px;\n width: 38px;\n background-color: white;\n z-index: 11000;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\n padding: 5px 7px;\n background: #fff;\n border-radius: 50%;\n font-weight: 600;\n color: #1d5ab9;\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\n background: rgba(255, 255, 255, 0.40);\n -webkit-backdrop-filter: blur(20px);\n backdrop-filter: blur(20px);\n position: absolute;\n top: 50px;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 999;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n /* padding: 15px; */\n background-color: white;\n overflow-y: auto;\n}\n\n@media only screen and (max-width: 1024px) {\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n margin-right: 2px;\n }\n\n /* .searchIcon {\n margin-left: 5px;\n margin-right: 2px;\n }\n\n .searchIcon > div {\n margin-left: 2px;\n } */\n\n /* .userMenu {\n margin-left: 3px !important;\n margin-right: 3px !important;\n } */\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin-left: 3px !important;\n margin-right: 3px !important;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 2px;\n }\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\n{\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\n{\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: 100%;\n padding: 15px;\n background-color: white;\n overflow-y: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\n font-size: 18px;\n font-weight: 600;\n padding-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\n display: flex;\n flex-direction: column;\n grid-gap: 5px;\n gap: 5px;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n background-color: #ef5350;\n color: white;\n font-size: 12px;\n width: 1rem;\n border-radius: 50%;\n position: absolute;\n top: -5px;\n left: 11px;\n height: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\n width: 1.1rem;\n height: 1.1rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\n width: 1.3rem;\n height: 1.3rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\n cursor: pointer;\n margin-left: 12px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\n width: 0px;\n height: 0px;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-bottom: 11px solid white;\n position: absolute;\n bottom: -13px;\n right: 5px;\n}\n\n/* .arrowTipContainer.ideaNoteArrow {\n right: 16px;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\n right: 3px;\n bottom: -9px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\n bottom: -12px;\n right: 8px;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 10px solid white;\n}\n\n@media (max-width: 768px) {\n .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\n width: 85%;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n left: 12px;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\n right: 5px;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\n width: 85% !important;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n display: none;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\n width: 85%;\n }\n}";
21285
21428
  styleInject(css_248z$k);
21286
21429
 
21287
21430
  var LogOutMenu = function LogOutMenu(_ref) {
@@ -21308,7 +21451,7 @@ var LogOutMenu = function LogOutMenu(_ref) {
21308
21451
  }));
21309
21452
  };
21310
21453
 
21311
- var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n width: 100%;\r\n display: flex;\r\n padding: 36px 48px;\r\n border-bottom: 1px solid #EDEBE9;\r\n margin-bottom: 12px;\r\n grid-gap: 24px;\r\n gap: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 350;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 20px;\r\n grid-gap: 6px;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\r\n color: #FFF;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\r\n padding: 7px 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n padding: 24px 36px;\r\n flex-direction: column;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n padding: 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span {\r\n width: 100%;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span > button {\r\n width: 100%;\r\n }\r\n}";
21454
+ var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\n width: 100%;\n display: flex;\n justify-content: space-around;\n padding: 20px 0;\n border-bottom: 1px solid #EDEBE9;\n grid-gap: 24px;\n gap: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\n font-size: 12px;\n font-style: normal;\n font-weight: 350;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\n display: flex;\n align-items: center;\n padding: 7px 20px;\n grid-gap: 6px;\n grid-gap: 6px;\n gap: 6px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\n color: #FFF;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\n padding: 7px 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\n grid-gap: 6px;\n gap: 6px;\n}\n\n@media (max-width: 768px) {\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\n padding: 24px 36px;\n flex-direction: column;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\n padding: 0;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span {\n width: 100%;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span > button {\n width: 100%;\n }\n}";
21312
21455
  styleInject(css_248z$j);
21313
21456
 
21314
21457
  var ProfileDetails = function ProfileDetails(_ref) {
@@ -21332,7 +21475,7 @@ var ProfileDetails = function ProfileDetails(_ref) {
21332
21475
  }), /*#__PURE__*/React__default["default"].createElement("span", null, "Logout"))));
21333
21476
  };
21334
21477
 
21335
- var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar {\r\n width: 85%;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\r\n background-color: white;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem {\r\n width: 100%;\r\n padding: 7px 15px;\r\n display: flex;\r\n justify-content: space-between;\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon {\r\n width: 25px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem i {\r\n color: #323130;\r\n font-size: 20px;\r\n}\r\n\r\n/* .mobileMenuSidebarWrapper .mobileMenuSidebar .mobileMenuItem.lightbulb i {\r\n color: #ffff00;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName {\r\n display: flex;\r\n grid-gap: 15px;\r\n gap: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName p {\r\n font-size: 16px;\r\n}";
21478
+ var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper {\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar {\n width: 85%;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n background-color: white;\n overflow-y: auto;\n overflow-x: hidden;\n color: #323130;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem {\n width: 100%;\n padding: 7px 15px;\n display: flex;\n justify-content: space-between;\n color: #323130;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon {\n width: 25px;\n display: flex;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem i {\n color: #323130;\n font-size: 20px;\n}\n\n/* .mobileMenuSidebarWrapper .mobileMenuSidebar .mobileMenuItem.lightbulb i {\n color: #ffff00;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName {\n display: flex;\n grid-gap: 15px;\n gap: 15px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName p {\n font-size: 16px;\n}";
21336
21479
  styleInject(css_248z$i);
21337
21480
 
21338
21481
  var MobileMenu = function MobileMenu(props) {
@@ -21366,7 +21509,7 @@ var MobileMenu = function MobileMenu(props) {
21366
21509
  })));
21367
21510
  };
21368
21511
 
21369
- var css_248z$h = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\r\n max-width: 80px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\r\n max-width: 120px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\r\n line-height: 0;\r\n}\r\n";
21512
+ var css_248z$h = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\n max-width: 80px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\n max-width: 120px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\n line-height: 0;\n}\n";
21370
21513
  styleInject(css_248z$h);
21371
21514
 
21372
21515
  var _styleModuleImportMap$7 = {
@@ -21587,7 +21730,7 @@ var unEscapeChars = function unEscapeChars(str) {
21587
21730
  }) : null;
21588
21731
  };
21589
21732
 
21590
- var css_248z$g = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\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: 400px;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n font-weight: 600;\r\n font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n font-weight: 600;\r\n font-size: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n color: #1d5ab9;\r\n margin-right: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -5px;\r\n left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n margin-top: 20px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n color: #1d5ab9;\r\n font-size: 10px;\r\n position: relative;\r\n top: -8px;\r\n cursor: pointer;\r\n left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n width: 17px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n position: absolute;\r\n width: 29px;\r\n height: 29px;\r\n background: #f3f2f1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n bottom: 1.5px;\r\n right: 2px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n width: 100%;\r\n margin-top: 15px;\r\n padding: 0px 10px;\r\n height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n width: 100%;\r\n margin-top: 20px;\r\n border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n margin-top: 13px;\r\n margin-bottom: 30px;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n color: #cbcbcb;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n margin-left: 10px;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n font-size: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n width: 18px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n font-weight: 600;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n width: 100%;\r\n margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n font-weight: 300;\r\n font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n font-size: 24px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n border-top: 1px solid #dcdcdc;\r\n padding-top: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n font-weight: 400;\r\n font-size: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n transition: all 0.2s ease-out;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n font-weight: 400;\r\n font-size: 14px;\r\n height: auto;\r\n max-height: 0;\r\n transition: max-height 0.2s ease-out;\r\n overflow: hidden;\r\n margin-top: 13px;\r\n white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n white-space: break-spaces;\r\n } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 30px;\r\n padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n color: rgb(45, 206, 137);\r\n font-weight: bold;\r\n font-size: 16px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n width: 300px;\r\n height: 100px;\r\n resize: none;\r\n display: block;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n background-color: rgb(29, 90, 185);\r\n color: #fff;\r\n padding: 6px 12px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #2dce89;\r\n margin-right: 6px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n border: 1px solid #2dce89 !important;\r\n padding: 5px;\r\n height: 30px;\r\n width: 30px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n font-style: italic;\r\n /* font-weight: 700; */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n width: 100%;\r\n border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n width: 100%;\r\n border: 1px solid #dcdcdc;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 50px;\r\n position: relative;\r\n text-align: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n display: block;\r\n text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n font-size: 34px !important;\r\n margin-bottom: 6px !important;\r\n margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n font-size: 14px !important;\r\n margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n position: relative;\r\n top: 2px;\r\n margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 6px 12px;\r\n font-weight: 600;\r\n font-size: 12px;\r\n cursor: pointer;\r\n margin-top: 7px;\r\n border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n pointer-events: none;\r\n cursor: default;\r\n background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: absolute;\r\n top: 0px;\r\n right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n font-weight: 800 !important;\r\n font-size: 20px !important;\r\n line-height: 27px !important;\r\n color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n font-weight: 600;\r\n font-size: 14px;\r\n color: #000100;\r\n margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n resize: none;\r\n height: 125px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n font-weight: 600;\r\n color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n color: #1d5ab9;\r\n font-size: 20px !important;\r\n margin-top: 12px;\r\n margin-bottom: 20px !important;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\r\n max-width: 700px;\r\n min-width: 600px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n background: #edebe9;\r\n padding: 10px 20px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\r\n padding: 20px 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\r\n font-weight: 600;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\r\n font-weight: 600;\r\n font-size: 14px;\r\n -webkit-text-decoration-line: underline;\r\n text-decoration-line: underline;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -6px;\r\n right: -1px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\r\n padding: 22px;\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n font-size: 32px !important;\r\n width: 100% !important;\r\n border-radius: 10px;\r\n align-items: center !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\r\n color: #fff !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\r\n width: 65px !important;\r\n margin-right: 25px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\r\n flex: 1;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\r\n font-weight: 700;\r\n font-size: 14px;\r\n align-self: end;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 85%;\r\n }\r\n}\r\n";
21733
+ var css_248z$g = ".utilities_ops-app-frame_Help_Help--backdrop {\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n padding: 15px;\n background-color: white;\n overflow-y: auto;\n overflow-x: hidden;\n color: #323130;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--title {\n font-weight: 600;\n font-size: 28px;\n}\n\n.utilities_ops-app-frame_Help_Help--header {\n margin-bottom: 10px;\n display: flex;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\n font-size: 14px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\n font-weight: 600;\n font-size: 20px;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\n color: #1d5ab9;\n margin-right: 5px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--link {\n font-weight: 400;\n font-size: 14px;\n color: #1d5ab9;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--link i {\n font-size: 10px;\n position: relative;\n top: -5px;\n left: 3px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\n margin-top: 20px;\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\n color: #1d5ab9;\n font-size: 10px;\n position: relative;\n top: -8px;\n cursor: pointer;\n left: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\n list-style: none;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\n font-weight: 400;\n font-size: 14px;\n margin: 6px 0;\n display: flex;\n cursor: pointer;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n align-items: flex-start;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\n color: #1d5ab9;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\n width: 17px;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\n color: #1d5ab9;\n cursor: pointer;\n font-weight: 400;\n font-size: 14px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchWrapper {\n width: 100%;\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\n position: absolute;\n width: 29px;\n height: 29px;\n background: #f3f2f1;\n display: flex;\n align-items: center;\n justify-content: center;\n bottom: 1.5px;\n right: 2px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\n width: 100%;\n margin-top: 15px;\n padding: 0px 10px;\n height: 32px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 8px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\n width: 100%;\n margin-top: 20px;\n border-bottom: 1px solid #dcdcdc;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\n margin-top: 13px;\n margin-bottom: 30px;\n text-overflow: ellipsis;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\n position: absolute;\n background: rgba(0, 0, 0, 0.5);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\n position: absolute;\n}\n\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\n overflow: hidden;\n}\n\n.utilities_ops-app-frame_Help_Help--nonInteractive {\n opacity: 0.3;\n pointer-events: none;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--likeswrapper {\n color: #cbcbcb;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--like {\n margin-left: 10px;\n font-size: 10px;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--like i {\n font-size: 14px;\n margin-right: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle {\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle img {\n width: 18px;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle span {\n font-weight: 600;\n font-size: 18px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\n color: #1d5ab9;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\n width: 100%;\n margin-top: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\n font-weight: 300;\n font-size: 34px;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\n width: 100%;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\n color: #1d5ab9;\n font-weight: 600;\n font-size: 24px;\n margin-top: 18px;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian {\n border-top: 1px solid #dcdcdc;\n padding-top: 13px;\n margin-top: 18px;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\n font-weight: 400;\n font-size: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\n transition: all 0.2s ease-out;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\n font-weight: 400;\n font-size: 14px;\n height: auto;\n max-height: 0;\n transition: max-height 0.2s ease-out;\n overflow: hidden;\n margin-top: 13px;\n white-space: normal;\n}\n\n/* .accordian .answer span {\n white-space: break-spaces;\n } */\n\n.utilities_ops-app-frame_Help_Help--releaseNote {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 13px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\n margin-top: 10px;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle {\n width: 100%;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 13px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\n margin-top: 10px;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--articleFooter {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 30px;\n padding-bottom: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper {\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\n font-weight: 600;\n font-size: 14px;\n margin-right: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\n color: rgb(45, 206, 137);\n font-weight: bold;\n font-size: 16px;\n margin-left: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\n display: flex;\n flex-direction: column;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\n width: 300px;\n height: 100px;\n resize: none;\n display: block;\n margin-bottom: 11px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\n font-size: 18px;\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\n background-color: rgb(29, 90, 185);\n color: #fff;\n padding: 6px 12px;\n cursor: pointer;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #2dce89;\n margin-right: 6px;\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\n border: 1px solid #2dce89 !important;\n padding: 5px;\n height: 30px;\n width: 30px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\n background-color: #2dce89;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\n fill: #fff;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike {\n color: #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike svg {\n border: 1px solid #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\n background-color: #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper {\n font-style: italic;\n /* font-weight: 700; */\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\n font-weight: 700;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\n font-weight: 400;\n}\n\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\n width: 100%;\n border-top: 1px solid #edebe9;\n}\n\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\n width: 100%;\n border: 1px solid #dcdcdc;\n padding: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 50px;\n position: relative;\n text-align: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\n display: block;\n text-align: left;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\n font-size: 34px !important;\n margin-bottom: 6px !important;\n margin-top: 0 !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\n font-size: 14px !important;\n margin-bottom: 3px !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\n position: relative;\n top: 2px;\n margin-left: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\n background-color: #1d5ab9;\n color: #fff;\n padding: 6px 12px;\n font-weight: 600;\n font-size: 12px;\n cursor: pointer;\n margin-top: 7px;\n border-radius: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\n pointer-events: none;\n cursor: default;\n background-color: #ccc;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\n position: absolute;\n top: 0px;\n right: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\n font-weight: 800 !important;\n font-size: 20px !important;\n line-height: 27px !important;\n color: #1d5ab9 !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\n font-weight: 600;\n font-size: 14px;\n color: #000100;\n margin: 10px 0;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\n resize: none;\n height: 125px;\n margin-bottom: 20px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\n font-weight: 600;\n color: #f5365c;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\n color: #1d5ab9;\n font-size: 20px !important;\n margin-top: 12px;\n margin-bottom: 20px !important;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\n max-width: 700px;\n min-width: 600px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\n width: 100%;\n display: flex;\n justify-content: space-between;\n background: #edebe9;\n padding: 10px 20px;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\n padding: 20px 20px 30px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\n font-weight: 600;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\n font-weight: 600;\n font-size: 14px;\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n color: #1d5ab9;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\n font-size: 10px;\n position: relative;\n top: -6px;\n right: -1px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\n padding: 22px;\n background-color: #1d5ab9;\n color: #fff;\n font-size: 32px !important;\n width: 100% !important;\n border-radius: 10px;\n align-items: center !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\n color: #fff !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\n width: 65px !important;\n margin-right: 25px !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\n flex: 1;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\n font-weight: 700;\n font-size: 14px;\n align-self: end;\n}\n\n@media (max-width: 767px) {\n .utilities_ops-app-frame_Help_Help--miHelpSideBar {\n width: 85%;\n }\n}\n";
21591
21734
  styleInject(css_248z$g);
21592
21735
 
21593
21736
  var _styleModuleImportMap$6 = {
@@ -21788,7 +21931,7 @@ var SearchResults = function SearchResults(_ref) {
21788
21931
  })));
21789
21932
  };
21790
21933
 
21791
- var css_248z$f = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n margin: 0;\r\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #333;\r\n background-color: #fff;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n margin-top: .5rem;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n margin-top: 0;\r\n margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n font-family: monospace,monospace;\r\n font-size: 1em;\r\n white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n color: var(--e-global-color-text);\r\n color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n color: inherit;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n border-bottom: none;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n font-family: monospace,monospace;\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n border-style: none;\r\n height: auto;\r\n max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n font-size: 16px;\r\n color: #333;\r\n line-height: 1.4;\r\n font-style: italic;\r\n font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n font-family: inherit;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n width: 100%;\r\n border: 1px solid #666;\r\n border-radius: 3px;\r\n padding: .5rem 1rem;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n border-color: #333;\r\n outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n width: auto;\r\n -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n display: inline-block;\r\n font-weight: 400;\r\n color: #c36;\r\n text-align: center;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border: 1px solid #c36;\r\n padding: .5rem 1rem;\r\n font-size: 1rem;\r\n border-radius: 3px;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n color: #fff;\r\n background-color: #c36;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n box-sizing: border-box;\r\n color: inherit;\r\n display: table;\r\n max-width: 100%;\r\n padding: 0;\r\n white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n overflow: auto;\r\n resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n box-sizing: border-box;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n background-color: transparent;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n font-size: .9em;\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n padding: 15px;\r\n line-height: 1.5;\r\n vertical-align: top;\r\n border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n font-size:.8em\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n padding: 7px;\r\n line-height: 1.3\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n font-weight: 400\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n border: 0;\r\n outline: 0;\r\n font-size: 100%;\r\n vertical-align: baseline;\r\n background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n";
21934
+ var css_248z$f = "/*!\n\tTheme Name: Hello Elementor\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\n\tAuthor: Elementor Team\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\n\tVersion: 2.4.1\n\tStable tag: 2.4.1\n\tRequires at least: 4.7\n\tTested up to: 5.6\n\tRequires PHP: 5.6\n\tLicense: GNU General Public License v3 or later.\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\n\tText Domain: hello-elementor\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\n*/\n/*!\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\n*/\n/* html {\n line-height: 1.15;\n -webkit-text-size-adjust: 100%\n}\n\n*,:after,:before {\n -webkit-box-sizing: border-box;\n box-sizing: border-box\n} */\n\n/* body {\n margin: 0;\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #333;\n background-color: #fff;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale\n} */\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\n margin-top: .5rem;\n margin-bottom: 1rem;\n font-family: inherit;\n font-weight: 500;\n line-height: 1.2;\n color: inherit\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\n font-size: 2.5rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\n font-size: 2rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\n font-size: 1.75rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\n font-size: 1.5rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\n font-size: 1.25rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\n font-size: 1rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\n margin-top: 0;\n margin-bottom: .9rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\n font-family: monospace,monospace;\n font-size: 1em;\n white-space: pre-wrap\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\n background-color: transparent;\n text-decoration: none;\n color: var(--e-global-color-text);\n color: var(--e-global-color-text )\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\n color: #1d5ab9\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\n color: inherit;\n text-decoration: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\n outline: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\n border-bottom: none;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\n font-weight: bolder\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\n font-family: monospace,monospace;\n font-size: 1em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\n font-size: 80%\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\n bottom: -.25em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\n top: -.5em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\n border-style: none;\n height: auto;\n max-width: 100%\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\n display: block\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\n display: list-item\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\n font-size: 16px;\n color: #333;\n line-height: 1.4;\n font-style: italic;\n font-weight: 400\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\n display: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0,0,0,0);\n white-space: nowrap;\n border: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\n display: inline-block;\n line-height: 1;\n vertical-align: middle\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\n font-family: inherit;\n font-size: 1rem;\n line-height: 1.5;\n margin: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\n width: 100%;\n border: 1px solid #666;\n border-radius: 3px;\n padding: .5rem 1rem;\n transition: all .3s\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\n border-color: #333;\n outline: 0 none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\n overflow: visible\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\n text-transform: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\n width: auto;\n -webkit-appearance: button\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\n border-style: none;\n padding: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\n outline: 1px dotted ButtonText\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\n display: inline-block;\n font-weight: 400;\n color: #c36;\n text-align: center;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border: 1px solid #c36;\n padding: .5rem 1rem;\n font-size: 1rem;\n border-radius: 3px;\n transition: all .3s\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\n outline: 5px auto -webkit-focus-ring-color\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\n color: #fff;\n background-color: #c36;\n text-decoration: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\n cursor: pointer\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\n padding: .35em .75em .625em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\n vertical-align: baseline\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\n overflow: auto;\n resize: vertical\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\n box-sizing: border-box;\n padding: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\n height: auto\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\n -webkit-appearance: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\n display: block\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\n background-color: transparent;\n width: 100%;\n margin-bottom: 15px;\n font-size: .9em;\n border-spacing: 0;\n border-collapse: collapse\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\n padding: 15px;\n line-height: 1.5;\n vertical-align: top;\n border: 1px solid #ccc\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\n font-weight: 700\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\n font-size: 1em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\n border-top: 1px solid #ccc\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\n background-color: #f7f7f7\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\n background-color: #e9e9e9\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\n border-top: 2px solid #ccc\n}\n\n@media (max-width: 767px) {\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\n font-size:.8em\n }\n\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\n padding: 7px;\n line-height: 1.3\n }\n\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\n font-weight: 400\n }\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\n margin-top: 0;\n margin-bottom: 0;\n border: 0;\n outline: 0;\n font-size: 100%;\n vertical-align: baseline;\n background: transparent\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\n opacity: 0.3;\n pointer-events: none;\n }\n";
21792
21935
  styleInject(css_248z$f);
21793
21936
 
21794
21937
  var css_248z$e = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
@@ -22931,7 +23074,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
22931
23074
  }))));
22932
23075
  };
22933
23076
 
22934
- var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\r\n cursor: pointer;\r\n}\r\n\r\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\r\n /* materia-ui hack. */\r\n padding: 0 !important;\r\n}\r\n";
23077
+ var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\n cursor: pointer;\n}\n\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\n /* materia-ui hack. */\n padding: 0 !important;\n}\n";
22935
23078
  styleInject(css_248z$b);
22936
23079
 
22937
23080
  var FeedbackButton = function FeedbackButton(props) {
@@ -22945,18 +23088,47 @@ var FeedbackButton = function FeedbackButton(props) {
22945
23088
  }));
22946
23089
  };
22947
23090
 
23091
+ var FLAG_URL_PREFIX = '/images/flag_icons/flag_';
23092
+ var HEIGHT_22PX = {
23093
+ height: '22px'
23094
+ };
23095
+ var HEIGHT_30PX = {
23096
+ height: '30px'
23097
+ };
23098
+ var COUNTRY_CODES = {
23099
+ ca: 'canada'
23100
+ };
23101
+
23102
+ var code = function code(countryCode) {
23103
+ return COUNTRY_CODES[countryCode] || countryCode;
23104
+ };
23105
+ var flagUrl = function flagUrl(countryCode) {
23106
+ return "".concat(FLAG_URL_PREFIX).concat((code(countryCode) || 'us').toLowerCase(), ".png");
23107
+ };
23108
+ var heightStyle = function heightStyle(type) {
23109
+ return type !== 'cas' ? HEIGHT_22PX : HEIGHT_30PX;
23110
+ };
23111
+
23112
+ var Flag$1 = function Flag(props) {
23113
+ return /*#__PURE__*/React__namespace.createElement("img", {
23114
+ "data-testid": "flag",
23115
+ alt: "Flag",
23116
+ src: flagUrl(props.countryCode),
23117
+ style: heightStyle(props.type),
23118
+ "data-e2e": "cc-Flag"
23119
+ });
23120
+ };
23121
+
22948
23122
  var onRenderItem = function onRenderItem(item) {
22949
23123
  return item.render();
22950
23124
  };
22951
23125
  var OverflowMenu = function OverflowMenu(props) {
22952
- console.log('***props=', props);
22953
23126
  var dataToRender = {
22954
23127
  primary: props.items,
22955
23128
  overflow: []
22956
23129
  };
22957
23130
  var clickHandler = props.clickHandler;
22958
23131
  var onReduceData = function onReduceData(currentData) {
22959
- console.log('***currentData=', currentData);
22960
23132
  if (currentData.primary.length === 0) {
22961
23133
  return undefined;
22962
23134
  }
@@ -22965,10 +23137,6 @@ var OverflowMenu = function OverflowMenu(props) {
22965
23137
  var primary = currentData.primary.filter(function (item) {
22966
23138
  return item.key === 'notifications';
22967
23139
  });
22968
- console.log('***onReduceData', {
22969
- primary: primary,
22970
- overflow: overflow
22971
- });
22972
23140
  return {
22973
23141
  primary: primary,
22974
23142
  overflow: overflow
@@ -22980,10 +23148,6 @@ var OverflowMenu = function OverflowMenu(props) {
22980
23148
  }
22981
23149
  var overflow = currentData.overflow.slice(1);
22982
23150
  var primary = [].concat(_toConsumableArray(currentData.primary), _toConsumableArray(currentData.overflow.slice(0, 1)));
22983
- console.log('***onGrowData', {
22984
- primary: primary,
22985
- overflow: overflow
22986
- });
22987
23151
  return {
22988
23152
  primary: primary,
22989
23153
  overflow: overflow
@@ -23050,7 +23214,7 @@ var printerFields = [_objectSpread2(_objectSpread2({}, defaultAutoSelectProps),
23050
23214
  label: 'Bar Code Printer'
23051
23215
  })];
23052
23216
 
23053
- var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\r\n margin: 0 9px !important;\r\n padding-right: 0;\r\n width: 100% !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-2 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n";
23217
+ var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\n padding-right: 0;\n width: 100% !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\n width: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-2 {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-1 {\n width: 100%;\n margin: 6px 0;\n}\n";
23054
23218
  styleInject(css_248z$a);
23055
23219
 
23056
23220
  // Properly populate printer options before feeding to autoselect
@@ -23186,7 +23350,7 @@ var getLanguages = function getLanguages() {
23186
23350
  }[selectedCountry];
23187
23351
  };
23188
23352
 
23189
- var css_248z$9 = "/* Simple Grid */\r\n[class*='col-'] {\r\n float: left;\r\n min-height: 1px;\r\n /* padding-right: 10px; */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n max-width: 1300px;\r\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\r\n margin: 0 auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\r\n content: '';\r\n display: table;\r\n clear: both;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\r\n padding-top: 20px;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\r\n float: right;\r\n}\r\n\r\n/* Content Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\r\n width: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\r\n width: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\r\n width: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\r\n width: 16.667%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\r\n width: 14.28%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\r\n width: 28.56%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\r\n width: 75%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\r\n width: 42.84%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\r\n width: 57.12%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\r\n width: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\r\n width: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\r\n width: 10%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\r\n width: 30%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\r\n width: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\r\n width: 8.33%;\r\n}\r\n\r\n/* Layout Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\r\n width: 91.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\r\n width: 83.333%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\r\n width: 75%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\r\n width: 41.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\r\n width: 58.33%;\r\n}\r\n\r\n/* Pushing blocks */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\r\n margin-left: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\r\n margin-left: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\r\n margin-left: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\r\n margin-left: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\r\n margin-left: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\r\n margin-left: 16.667%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\r\n margin-left: 14.28%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\r\n margin-left: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\r\n margin-left: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\r\n margin-left: 10%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\r\n margin-left: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\r\n margin-left: 8.33%;\r\n}\r\n\r\n@media handheld, only screen and (max-width: 767px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n min-width: 0;\r\n margin-left: 0;\r\n margin-right: 0;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\r\n }\r\n\r\n [class*='col-'] {\r\n width: auto;\r\n float: none;\r\n margin: 0;\r\n padding-left: 0;\r\n /* padding-right: 10px; */\r\n }\r\n\r\n /* Mobile Layout */\r\n\r\n [class*='mobile-col-'] {\r\n float: left;\r\n margin: 0 0 10px;\r\n padding-left: 0;\r\n padding-right: 10px; /* column-space */\r\n padding-bottom: 0;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\r\n width: 66.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\r\n width: 50%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\r\n width: 33.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\r\n width: 25%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\r\n width: 20%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\r\n width: 16.667%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\r\n width: 14.28%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\r\n width: 12.5%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\r\n width: 11.1%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\r\n width: 10%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\r\n width: 9.09%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\r\n width: 8.33%;\r\n }\r\n\r\n /* Layout Columns */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\r\n width: 91.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\r\n width: 83.333%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\r\n width: 75%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\r\n width: 41.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\r\n width: 58.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\r\n display: none !important;\r\n width: 0;\r\n height: 0;\r\n }\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0 20px 20px;\r\n margin-top: 65px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\r\n width: 100%;\r\n max-width: 1300px;\r\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\r\n max-width: 800px;\r\n margin: 0 auto;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\r\n margin: 0 15px;\r\n height: 70%;\r\n overflow-y: auto;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\r\n display: flex;\r\n align-items: end;\r\n margin: 16px 0 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-left: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\r\n width: 100%;\r\n height: 40px;\r\n padding: 0 15px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n font-size: 15.9px;\r\n font-weight: 500;\r\n color: var(--white);\r\n color: var(--white);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\r\n font-weight: 500;\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\r\n padding: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: center;\r\n position: absolute;\r\n bottom: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\r\n width: 80%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\r\n color: #fff;\r\n font-size: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\r\n font-size: 16px;\r\n font-weight: 600;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n padding-right: 0px;\r\n width: 100%;\r\n margin: 0 9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n font-weight: 500;\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\r\n margin-top: 2px;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\r\n position: relative;\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n z-index: 100;\r\n left:0;\r\n top:0;\r\n background-color: rgba(0,0,0,0.1);\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\r\n position: fixed;\r\n z-index: 500;\r\n left: calc(50% - 30px);\r\n top: calc(50% - 30px);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\r\n padding: 10px;\r\n margin-bottom: 5px;\r\n width: 100%;\r\n outline: none;\r\n border: none;\r\n border-bottom: 1px solid #ddd;\r\n overflow: auto;\r\n}";
23353
+ var css_248z$9 = "/* Simple Grid */\n[class*='col-'] {\n float: left;\n min-height: 1px;\n /* padding-right: 10px; */\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\n width: 100%;\n max-width: 1300px;\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\n margin: 0 auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\n padding-top: 20px;\n padding-left: 20px; /* grid-space to left */\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\n float: right;\n}\n\n/* Content Columns */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\n width: 100%;\n margin: 6px 0;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\n width: 66.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\n width: 33.33%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\n width: 25%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\n width: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\n width: 16.667%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\n width: 14.28%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\n width: 28.56%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\n width: 75%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\n width: 42.84%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\n width: 57.12%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\n width: 12.5%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\n width: 11.1%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\n width: 10%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\n width: 30%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\n width: 9.09%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\n width: 8.33%;\n}\n\n/* Layout Columns */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\n width: 91.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\n width: 83.333%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\n width: 75%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\n width: 41.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\n width: 58.33%;\n}\n\n/* Pushing blocks */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\n margin-left: 66.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\n margin-left: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\n margin-left: 33.33%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\n margin-left: 25%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\n margin-left: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\n margin-left: 16.667%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\n margin-left: 14.28%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\n margin-left: 12.5%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\n margin-left: 11.1%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\n margin-left: 10%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\n margin-left: 9.09%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\n margin-left: 8.33%;\n}\n\n@media handheld, only screen and (max-width: 767px) {\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\n width: 100%;\n min-width: 0;\n margin-left: 0;\n margin-right: 0;\n padding-left: 20px; /* grid-space to left */\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\n }\n\n [class*='col-'] {\n width: auto;\n float: none;\n margin: 0;\n padding-left: 0;\n /* padding-right: 10px; */\n }\n\n /* Mobile Layout */\n\n [class*='mobile-col-'] {\n float: left;\n margin: 0 0 10px;\n padding-left: 0;\n padding-right: 10px; /* column-space */\n padding-bottom: 0;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\n width: 100%;\n margin: 8px 0;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\n width: 66.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\n width: 50%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\n width: 33.33%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\n width: 25%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\n width: 20%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\n width: 16.667%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\n width: 14.28%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\n width: 12.5%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\n width: 11.1%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\n width: 10%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\n width: 9.09%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\n width: 8.33%;\n }\n\n /* Layout Columns */\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\n width: 91.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\n width: 83.333%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\n width: 75%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\n width: 41.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\n width: 58.33%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\n display: none !important;\n width: 0;\n height: 0;\n }\n}\n\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0 20px 20px;\n margin-top: 65px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\n display: flex;\n flex-direction: column;\n width: 100%;\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\n max-width: 800px;\n margin: 0 auto;\n height: 100%;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\n margin: 0 15px;\n flex: 1 1 0;\n overflow-y: auto;\n scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\n display: flex;\n align-items: end;\n margin: 12px 0 6px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\n font-size: 18px;\n font-weight: 400;\n margin-left: 15px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\n width: 100%;\n height: 40px;\n padding: 0 15px;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n background: var(--primaryBlue);\n background: var(--primaryBlue);\n outline: 1px solid var(--primaryBlue);\n outline: 1px solid var(--primaryBlue);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\n font-size: 15.9px;\n font-weight: 500;\n color: var(--white);\n color: var(--white);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\n font-weight: 500;\n margin-top: 8px;\n margin-bottom: 8px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\n padding: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\n display: flex;\n width: 100%;\n justify-content: center;\n margin: 20px 0;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\n width: 80%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\n grid-gap: 6px;\n gap: 6px;\n width: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\n color: #fff;\n font-size: 18px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\n font-size: 16px;\n font-weight: 600;\n width: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\n padding-right: 0px;\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\n display: flex;\n flex-direction: column;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\n padding-right: 0px;\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-weight: 500;\n color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\n margin-top: 2px;\n margin-bottom: 12px;\n font-size: 14px;\n opacity: 0.5;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\n display: flex;\n width: 100%;\n justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\n position: relative;\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\n width: 100%;\n height: 100%;\n position: fixed;\n z-index: 100;\n left:0;\n top:0;\n background-color: rgba(0,0,0,0.1);\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\n position: absolute;\n background: rgba(0, 0, 0, 0.5);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\n padding: 0 !important;\n width: 100%;\n outline: none;\n border: none;\n border-bottom: 1px solid #EDEBE9;\n overflow: auto;\n}";
23190
23354
  styleInject(css_248z$9);
23191
23355
 
23192
23356
  var getDescription$1 = function getDescription(languageOptions) {
@@ -23535,7 +23699,7 @@ var getActivePrinters = (function (printersData) {
23535
23699
  return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
23536
23700
  });
23537
23701
 
23538
- var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\r\n display: flex;\r\n width: 100%;\r\n align-items: flex-end;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-end;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\r\n margin: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\r\n margin-left: 12px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\r\n margin: auto 2px auto 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\r\n margin-right: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\r\n margin-top: 2px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\r\n position: absolute;\r\n right: 5px;\r\n height: 30px;\r\n display: flex;\r\n bottom: 1px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\r\n max-width: 20px !important;\r\n max-height: 20px !important;\r\n right: 5px;\r\n}\r\n\r\nmaterial-icon[name='check'] {\r\n color: rgb(100, 181, 10);\r\n font-size: 12px;\r\n}\r\n\r\nmaterial-icon[name='error_outline'] {\r\n color: #a80000;\r\n font-size: 12px;\r\n}\r\n";
23702
+ var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\n font-weight: 500;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\n display: flex;\n width: 100%;\n align-items: flex-end;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\n position: absolute;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\n position: relative;\n display: flex;\n align-items: flex-end;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\n margin: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\n margin-left: 12px;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\n margin: auto 2px auto 0;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\n margin-right: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\n margin-top: 2px;\n opacity: 0.5;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\n margin-bottom: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\n position: absolute;\n right: 5px;\n height: 30px;\n display: flex;\n bottom: 1px;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\n max-width: 20px !important;\n max-height: 20px !important;\n right: 5px;\n}\n\nmaterial-icon[name='check'] {\n color: rgb(100, 181, 10);\n font-size: 12px;\n}\n\nmaterial-icon[name='error_outline'] {\n color: #a80000;\n font-size: 12px;\n}\n";
23539
23703
  styleInject(css_248z$8);
23540
23704
 
23541
23705
  var EMPTY_PRINTERS$1 = {
@@ -23621,7 +23785,7 @@ var saveSettings$1 = function saveSettings(self) {
23621
23785
  return /*#__PURE__*/function () {
23622
23786
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
23623
23787
  var _yard$yard_country_co, _yard$yard_country_co2;
23624
- var printers, dashboardSessionState, oldSettings, dashboardState, cleanedDashboardState, _self$state, selectedYard, selectedRole, selectedLanguage, selectedCurrency, roles, roleOptionFromState, roleName, _roleOptionFromState$, levelId, _roleOptionFromState$2, hierarchyId, yard, securityLevel, newSettings;
23788
+ var printers, dashboardSessionState, oldSettings, dashboardState, cleanedDashboardState, _self$state, selectedYard, selectedRole, selectedLanguage, selectedCurrency, roles, roleOptionFromState, roleName, _roleOptionFromState$, levelId, _roleOptionFromState$2, hierarchyId, yard, securityLevel, userScopes, newSettings;
23625
23789
  return _regeneratorRuntime().wrap(function _callee$(_context) {
23626
23790
  while (1) switch (_context.prev = _context.next) {
23627
23791
  case 0:
@@ -23694,8 +23858,13 @@ var saveSettings$1 = function saveSettings(self) {
23694
23858
  storage$1.setLocalItem('dashboard', selectedCurrency || yard.yard_currency, 'selectedCurrency');
23695
23859
  securityLevel = pickUserSecurityLevel(getSelectedYard(selectedYard));
23696
23860
  storage$1.setSessionItem('securityLevel', Number(securityLevel));
23697
- // persist user preferences
23698
23861
  _context.next = 24;
23862
+ return fetcher.getUserScopes();
23863
+ case 24:
23864
+ userScopes = _context.sent;
23865
+ storage$1.setLocalItem('login', userScopes, 'userAppScopes');
23866
+ // persist user preferences
23867
+ _context.next = 28;
23699
23868
  return fetcher.setUserPreferences('oph', {
23700
23869
  selectedCurrency: selectedCurrency || yard.yard_currency,
23701
23870
  language: selectedLanguage || 'en',
@@ -23705,7 +23874,7 @@ var saveSettings$1 = function saveSettings(self) {
23705
23874
  yard: yard,
23706
23875
  securityLevel: securityLevel
23707
23876
  }, 'USA');
23708
- case 24:
23877
+ case 28:
23709
23878
  self.setState({
23710
23879
  oldActivePrinters: printers
23711
23880
  });
@@ -23718,7 +23887,7 @@ var saveSettings$1 = function saveSettings(self) {
23718
23887
  activePrinters: self.activePrinters
23719
23888
  };
23720
23889
  self.props.onSave(oldSettings, newSettings);
23721
- case 27:
23890
+ case 31:
23722
23891
  case "end":
23723
23892
  return _context.stop();
23724
23893
  }
@@ -23922,24 +24091,26 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
23922
24091
  value: this.state.selectedLanguage,
23923
24092
  handleChange: this.handleInputChange.selectedLanguage,
23924
24093
  selectedCountry: this.state.selectedCountry
24094
+ }), /*#__PURE__*/React__default["default"].createElement(YardNumberContainer, {
24095
+ history: this.yardsHistory,
24096
+ selectedYard: this.state.selectedYardNumber,
24097
+ handleChange: this.handleInputChange.selectedYardNumber,
24098
+ selectedCountry: this.state.selectedCountry
23925
24099
  }), /*#__PURE__*/React__default["default"].createElement(RoleSelector$1, {
23926
24100
  roles: this.state.roles,
23927
24101
  value: this.state.selectedRole,
23928
24102
  handleChange: this.handleInputChange.selectedRole,
23929
24103
  selectedYard: this.state.selectedYardNumber,
23930
24104
  required: false
23931
- }), /*#__PURE__*/React__default["default"].createElement(YardNumberContainer, {
23932
- history: this.yardsHistory,
23933
- selectedYard: this.state.selectedYardNumber,
23934
- handleChange: this.handleInputChange.selectedYardNumber,
23935
- selectedCountry: this.state.selectedCountry
23936
24105
  })), /*#__PURE__*/React__default["default"].createElement(PrinterSettings, {
23937
24106
  activePrinters: this.activePrinters,
23938
24107
  setPrinterData: this.setPrinterData,
23939
24108
  selectedYard: this.state.selectedYardNumber,
23940
24109
  selectedPrinterData: this.selectedPrinterData,
23941
24110
  printersData: this.state.printersData
23942
- })), /*#__PURE__*/React__default["default"].createElement("div", {
24111
+ })), /*#__PURE__*/React__default["default"].createElement("hr", {
24112
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
24113
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
23943
24114
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
23944
24115
  "data-e2e": "saveButton"
23945
24116
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
@@ -23952,12 +24123,10 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
23952
24123
  }), /*#__PURE__*/React__default["default"].createElement("span", {
23953
24124
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt"
23954
24125
  }, "Save"))), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
23955
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
23956
- }, /*#__PURE__*/React__default["default"].createElement("div", {
23957
24126
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
23958
24127
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
23959
24128
  size: "60px"
23960
- }))));
24129
+ })));
23961
24130
  }
23962
24131
  }]);
23963
24132
  return SettingsView;
@@ -24272,7 +24441,7 @@ var saveSettings = function saveSettings(self) {
24272
24441
  return /*#__PURE__*/function () {
24273
24442
  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
24274
24443
  var _yard$yard_country_co, _storage$getLocalItem, _yard$yard_country_co2;
24275
- var dashboardSessionState, settingsLocalStorageState, oldSettings, printers, _self$state, selectedYard, _self$state$selectedH, selectedHierarchyOption, selectedRole, _self$state$roles, roles, roleOptionFromState, yardNumbers, yard, selectedHierarchy, getSelectedYard, pickUserSecurityLevel, securityLevel, newSettings;
24444
+ var dashboardSessionState, settingsLocalStorageState, oldSettings, printers, _self$state, selectedYard, _self$state$selectedH, selectedHierarchyOption, selectedRole, _self$state$roles, roles, roleOptionFromState, yardNumbers, yard, selectedHierarchy, userScopes, getSelectedYard, pickUserSecurityLevel, securityLevel, newSettings;
24276
24445
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
24277
24446
  while (1) switch (_context2.prev = _context2.next) {
24278
24447
  case 0:
@@ -24339,6 +24508,11 @@ var saveSettings = function saveSettings(self) {
24339
24508
  storage$1.setLocalItem('settings', selectedHierarchyOption, 'selectedHierarchyOption');
24340
24509
  storage$1.setLocalItem('settings', selectedHierarchy, 'selectedHierarchy');
24341
24510
  storage$1.setLocalItem('lastSelectedYard', yard);
24511
+ _context2.next = 23;
24512
+ return fetcher.getUserScopes();
24513
+ case 23:
24514
+ userScopes = _context2.sent;
24515
+ storage$1.setLocalItem('login', userScopes, 'userAppScopes');
24342
24516
  getSelectedYard = function getSelectedYard() {
24343
24517
  var yardList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
24344
24518
  return yardList.find(function (yard) {
@@ -24351,7 +24525,7 @@ var saveSettings = function saveSettings(self) {
24351
24525
  securityLevel = compose(pickUserSecurityLevel, getSelectedYard)((_storage$getLocalItem = storage$1.getLocalItem('login')) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.yardList);
24352
24526
  storage$1.setSessionItem('securityLevel', securityLevel);
24353
24527
  // persist user preferences
24354
- _context2.next = 27;
24528
+ _context2.next = 31;
24355
24529
  return fetcher.setUserPreferences('oph', {
24356
24530
  selectedCurrency: yard.yard_currency,
24357
24531
  language: 'en',
@@ -24363,7 +24537,7 @@ var saveSettings = function saveSettings(self) {
24363
24537
  yard: yard,
24364
24538
  securityLevel: securityLevel
24365
24539
  }, 'GBR');
24366
- case 27:
24540
+ case 31:
24367
24541
  self.setState({
24368
24542
  oldActivePrinters: printers
24369
24543
  });
@@ -24377,7 +24551,7 @@ var saveSettings = function saveSettings(self) {
24377
24551
  activePrinters: printers
24378
24552
  };
24379
24553
  self.props.onSave(oldSettings, newSettings);
24380
- case 30:
24554
+ case 34:
24381
24555
  case "end":
24382
24556
  return _context2.stop();
24383
24557
  }
@@ -24658,7 +24832,9 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24658
24832
  selectedYard: this.state.selectedYardNumber,
24659
24833
  selectedPrinterData: this.selectedPrinterData,
24660
24834
  printersData: this.state.printersData
24661
- })), /*#__PURE__*/React__default["default"].createElement("div", {
24835
+ })), /*#__PURE__*/React__default["default"].createElement("hr", {
24836
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
24837
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
24662
24838
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
24663
24839
  "data-e2e": "saveButton"
24664
24840
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
@@ -24666,18 +24842,16 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24666
24842
  type: "submit",
24667
24843
  onClick: this.saveSettings
24668
24844
  }, "Save")), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
24669
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
24670
- }, /*#__PURE__*/React__default["default"].createElement("div", {
24671
24845
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
24672
24846
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
24673
24847
  size: "60px"
24674
- }))));
24848
+ })));
24675
24849
  }
24676
24850
  }]);
24677
24851
  return SettingsView;
24678
24852
  }(React__default["default"].Component);
24679
24853
 
24680
- var css_248z$7 = ".utilities_ops-announcements_Banner--appBarContentBox {\r\n word-break: break-all;\r\n white-space: pre-wrap;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContent {\r\n padding: 0px 5px;\r\n font-size: 13px;\r\n width: 95%;\r\n display: flex;\r\n align-items: end;\r\n grid-gap: 20px;\r\n gap: 20px\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\r\n display: flex;\r\n color: #6c7a89;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n width: 90%;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\r\n color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n overflow: hidden;\r\n font-weight: 600;\r\n /* autoprefixer: off */\r\n -webkit-box-orient: vertical;\r\n /* autoprefixer: on */\r\n font-size: 12px;\r\n color: #201F1E;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox *{\r\n display: inline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox a{\r\n text-decoration: underline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n overflow: hidden;\r\n width: 95%;\r\n font-weight: 600;\r\n /* autoprefixer: off */\r\n -webkit-box-orient: vertical;\r\n /* autoprefixer: on */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n display: flex;\r\n color: #6c7a89;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n font-size: 12px;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox b{\r\n color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox i{\r\n font-size: 16px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\r\n position: relative;\r\n right: -4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer {\r\n display: flex;\r\n flex-direction: row;\r\n padding: 10px 10px;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n min-height: 40px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer i{\r\n font-size: 16px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--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 top: 51px;\r\n right: 50px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper {\r\n padding: 0px 5px;\r\n font-size: 12px;\r\n flex: 1 1 0%;\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 4px;\r\n gap: 4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\r\n color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl {\r\n text-decoration: none !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n color: #1d5ab9;\r\n left: 2px;\r\n position: relative;\r\n top: 2px;\r\n margin-right: 3px;\r\n}\r\n";
24854
+ var css_248z$7 = ".utilities_ops-announcements_Banner--appBarContentBox {\n word-break: break-all;\n white-space: pre-wrap;\n font-weight: 600;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContent {\n padding: 10px 10px;\n font-size: 13px;\n width: 95%;\n display: flex;\n align-items: center;\n grid-gap: 20px;\n gap: 20px;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\n display: flex;\n color: #6c7a89;\n grid-gap: 8px;\n gap: 8px;\n width: 90%;\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n overflow: hidden;\n /* font-weight: 600; */\n /* autoprefixer: off */\n -webkit-box-orient: vertical;\n /* autoprefixer: on */\n font-size: 12px;\n color: #201F1E;\n cursor: default;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox *{\n display: inline;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox a{\n text-decoration: underline;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n overflow: hidden;\n width: 95%;\n font-weight: 600;\n /* autoprefixer: off */\n -webkit-box-orient: vertical;\n /* autoprefixer: on */\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox i{\n font-size: 16px !important;\n}\n\n.utilities_ops-announcements_Banner--notificationBtnContainer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n grid-gap: 10px;\n gap: 10px;\n font-size: 12px;\n align-items: center;\n padding: 0px 10px;\n}\n\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\n position: relative;\n right: -4px;\n}\n\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationCountContainer {\n width: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer {\n display: flex;\n flex-direction: row;\n /* padding: 10px 10px; */\n grid-gap: 5px;\n gap: 5px;\n min-height: 40px;\n width: 100%;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox {\n color: white;\n width: 52px;\n min-height: 52px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-announcements_Banner--notificationBarBtn {\n width: 52px;\n min-height: 52px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer i{\n font-size: 20px;\n}\n\n.utilities_ops-announcements_Banner--notificationBtnContainer i{\n font-size: 22px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\n flex-direction: column;\n padding: 10px 10px;\n}\n\n.utilities_ops-announcements_Banner--arrowTipContainer {\n width: 0px;\n height: 0px;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-bottom: 13px solid white;\n position: absolute;\n top: 51px;\n right: 50px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper {\n padding: 0px 5px;\n font-size: 12px;\n flex: 1 1 0%;\n display: flex;\n flex-direction: column;\n grid-gap: 4px;\n gap: 4px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--feedUrl {\n text-decoration: none !important;\n}\n\n.utilities_ops-announcements_Banner--feedUrl i {\n font-size: 14px;\n cursor: pointer;\n color: #1d5ab9;\n left: 2px;\n position: relative;\n top: 2px;\n margin-right: 3px;\n}\n";
24681
24855
  styleInject(css_248z$7);
24682
24856
 
24683
24857
  var _nodeResolve_empty = {};
@@ -31046,10 +31220,10 @@ var alertInfoColorMapping = {
31046
31220
  success: 'rgb(50 179 55)'
31047
31221
  };
31048
31222
  var alertToIconMapping = {
31049
- alert: 'ErrorBadge',
31050
- warning: 'Warning',
31051
- information: 'Info',
31052
- success: 'Accept'
31223
+ alert: 'circle-exclamation',
31224
+ warning: 'triangle-exclamation',
31225
+ information: 'circle-info',
31226
+ success: 'circle-check'
31053
31227
  };
31054
31228
  var Actions = function Actions(_ref) {
31055
31229
  var onLeftButtonClick = _ref.onLeftButtonClick,
@@ -31057,34 +31231,27 @@ var Actions = function Actions(_ref) {
31057
31231
  current = _ref.current,
31058
31232
  onRightButtonClick = _ref.onRightButtonClick;
31059
31233
  return /*#__PURE__*/React__default["default"].createElement("div", {
31060
- style: {}
31061
- }, /*#__PURE__*/React__default["default"].createElement("div", {
31062
- className: "utilities_ops-announcements_Banner--navBtnContainer"
31234
+ className: "utilities_ops-announcements_Banner--notificationBtnContainer"
31063
31235
  }, /*#__PURE__*/React__default["default"].createElement("span", {
31064
- onClick: onLeftButtonClick,
31236
+ onClick: current > 1 ? onLeftButtonClick : null,
31065
31237
  className: "utilities_ops-announcements_Banner--notificationLeftBtn"
31066
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31067
- name: "arrow_back_ios",
31068
- variant: "material",
31238
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31239
+ disabled: current === 1,
31240
+ name: "circle-chevron-left",
31069
31241
  style: {
31070
- fontSize: '16px',
31071
31242
  cursor: 'pointer'
31072
31243
  }
31073
- })), count > 1 && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", {
31074
- style: {
31075
- position: 'relative',
31076
- top: '1px'
31077
- }
31078
- }, "".concat(current, "/").concat(count))), /*#__PURE__*/React__default["default"].createElement("span", {
31079
- onClick: onRightButtonClick
31080
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31081
- name: "arrow_forward_ios",
31082
- variant: "material",
31244
+ })), count > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
31245
+ className: "utilities_ops-announcements_Banner--notificationCountContainer"
31246
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, "".concat(current, "/").concat(count))), /*#__PURE__*/React__default["default"].createElement("span", {
31247
+ onClick: current < count ? onRightButtonClick : null
31248
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31249
+ disabled: current === count,
31250
+ name: "circle-chevron-right",
31083
31251
  style: {
31084
- fontSize: '16px',
31085
31252
  cursor: 'pointer'
31086
31253
  }
31087
- }))));
31254
+ })));
31088
31255
  };
31089
31256
  var Banner = function Banner(props) {
31090
31257
  var count = props.count,
@@ -31133,12 +31300,17 @@ var Banner = function Banner(props) {
31133
31300
  style: {
31134
31301
  backgroundColor: alertBackgroundColorMapping[categoryDescription.toLowerCase()]
31135
31302
  }
31136
- }, showNavButtons && /*#__PURE__*/React__default["default"].createElement(Actions, {
31137
- onLeftButtonClick: onLeftButtonClick,
31138
- count: count,
31139
- current: current,
31140
- onRightButtonClick: onRightButtonClick
31141
- }), /*#__PURE__*/React__default["default"].createElement("div", {
31303
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
31304
+ className: "utilities_ops-announcements_Banner--notificationInfoBox",
31305
+ style: {
31306
+ backgroundColor: alertInfoColorMapping[categoryDescription.toLowerCase()]
31307
+ }
31308
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31309
+ name: alertToIconMapping[categoryDescription.toLowerCase()],
31310
+ style: {
31311
+ fontSize: '19px'
31312
+ }
31313
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
31142
31314
  className: "utilities_ops-announcements_Banner--notificationBarContent",
31143
31315
  style: expanded ? {
31144
31316
  flexDirection: 'column',
@@ -31147,20 +31319,12 @@ var Banner = function Banner(props) {
31147
31319
  flexDirection: 'row'
31148
31320
  }
31149
31321
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
31150
- className: "utilities_ops-announcements_Banner--notificationInfoBox"
31151
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31152
- name: alertToIconMapping[categoryDescription.toLowerCase()],
31153
- style: {
31154
- fontSize: '19px',
31155
- color: alertInfoColorMapping[categoryDescription.toLowerCase()]
31156
- }
31157
- })), /*#__PURE__*/React__default["default"].createElement("div", null, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff)), /*#__PURE__*/React__default["default"].createElement("div", {
31158
31322
  className: "utilities_ops-announcements_Banner--notificationBarContentBox",
31159
31323
  ref: contentBarRef,
31160
31324
  style: _objectSpread2({}, expanded && {
31161
31325
  WebkitLineClamp: 'unset'
31162
31326
  })
31163
- }, /*#__PURE__*/React__default["default"].createElement("span", {
31327
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, " : "), /*#__PURE__*/React__default["default"].createElement("span", {
31164
31328
  onClick: function onClick() {
31165
31329
  return isContentOverFlow && setExpanded(!expanded);
31166
31330
  },
@@ -31178,25 +31342,35 @@ var Banner = function Banner(props) {
31178
31342
  notification: notification,
31179
31343
  saveActionComponentState: saveActionComponentState
31180
31344
  })), isContentOverFlow && /*#__PURE__*/React__default["default"].createElement("div", {
31181
- style: {
31182
- cursor: 'pointer'
31183
- },
31345
+ className: "utilities_ops-announcements_Banner--notificationBarBtn",
31184
31346
  onClick: function onClick() {
31185
31347
  return setExpanded(!expanded);
31186
31348
  }
31187
31349
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31188
- name: expanded ? 'keyboard_double_arrow_up' : 'keyboard_double_arrow_down',
31189
- variant: "material"
31190
- })), (dismissibleFlag === true || dismissibleFlag === "true") && /*#__PURE__*/React__default["default"].createElement("div", {
31191
31350
  style: {
31192
- cursor: 'pointer',
31193
- marginLeft: 'auto'
31351
+ cursor: 'pointer'
31194
31352
  },
31353
+ name: expanded ? 'keyboard_double_arrow_up' : 'keyboard_double_arrow_down',
31354
+ variant: "material"
31355
+ })), showNavButtons && /*#__PURE__*/React__default["default"].createElement(Actions, {
31356
+ onLeftButtonClick: onLeftButtonClick,
31357
+ count: count,
31358
+ current: current,
31359
+ onRightButtonClick: onRightButtonClick
31360
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
31361
+ className: "utilities_ops-announcements_Banner--notificationBarBtn",
31362
+ style: dismissibleFlag === true || dismissibleFlag === "true" ? {
31363
+ borderLeft: '2px solid rgb(204, 204, 204)'
31364
+ } : {}
31365
+ }, (dismissibleFlag === true || dismissibleFlag === "true") && /*#__PURE__*/React__default["default"].createElement("div", {
31195
31366
  onClick: onDismiss
31196
31367
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31368
+ style: {
31369
+ cursor: 'pointer'
31370
+ },
31197
31371
  name: "close",
31198
31372
  variant: "material"
31199
- })));
31373
+ }))));
31200
31374
  };
31201
31375
  var sideNotificationBar = function sideNotificationBar() {
31202
31376
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -31208,7 +31382,7 @@ var Banner = function Banner(props) {
31208
31382
  style: {
31209
31383
  marginTop: '3px'
31210
31384
  }
31211
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31385
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31212
31386
  name: alertToIconMapping[categoryDescription.toLowerCase()],
31213
31387
  style: {
31214
31388
  fontSize: '16px',
@@ -31265,10 +31439,10 @@ var Banner = function Banner(props) {
31265
31439
  }
31266
31440
  }, /*#__PURE__*/React__default["default"].createElement("div", {
31267
31441
  className: "utilities_ops-announcements_Banner--tabNotificationInfoBox"
31268
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31442
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31269
31443
  name: alertToIconMapping[categoryDescription.toLowerCase()],
31270
31444
  style: {
31271
- fontSize: '16px',
31445
+ fontSize: '12px',
31272
31446
  color: alertInfoColorMapping[categoryDescription.toLowerCase()]
31273
31447
  }
31274
31448
  })), /*#__PURE__*/React__default["default"].createElement("div", null, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff)), /*#__PURE__*/React__default["default"].createElement("div", null, showNavButtons && /*#__PURE__*/React__default["default"].createElement(Actions, {
@@ -31298,7 +31472,7 @@ var Banner = function Banner(props) {
31298
31472
  style: {
31299
31473
  cursor: 'pointer',
31300
31474
  marginLeft: 'auto',
31301
- marginTop: '3px'
31475
+ marginTop: '2px'
31302
31476
  },
31303
31477
  onClick: onDismiss
31304
31478
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
@@ -31400,6 +31574,18 @@ var Notifications = function Notifications(_ref) {
31400
31574
  }) : null);
31401
31575
  };
31402
31576
 
31577
+ var capitalizeAndReplaceUnderscores = function capitalizeAndReplaceUnderscores(role) {
31578
+ return role.split('_').filter(Boolean).map(function (word) {
31579
+ return word[0].toUpperCase() + word.substr(1);
31580
+ }).join(' ');
31581
+ };
31582
+ var formatUK = function formatUK(role) {
31583
+ return role.startsWith('uk') ? "UK".concat(role.substr(2)) : role;
31584
+ };
31585
+ var formatRole = function formatRole(role) {
31586
+ return capitalizeAndReplaceUnderscores(formatUK(role));
31587
+ };
31588
+
31403
31589
  var _styleModuleImportMap$2 = {
31404
31590
  "./AppBar.css": {
31405
31591
  "root": "utilities_ops-app-frame_AppBarComponent_AppBar--root",
@@ -31523,20 +31709,21 @@ var overflowIconStyles = {
31523
31709
  color: 'white'
31524
31710
  };
31525
31711
  var generateAppBarElements = function generateAppBarElements(props, showCallout) {
31526
- props.countryCode;
31527
- props.role;
31528
- var yardNumber = props.yardNumber;
31712
+ var _window$toolkitEnv2;
31713
+ var countryCode = props.countryCode,
31714
+ role = props.role,
31715
+ yardNumber = props.yardNumber;
31529
31716
  props.phoneNumber;
31530
31717
  props.phoneStatusObject;
31531
31718
  props.togglePhoneAvailability;
31532
- var handleHelpClick = props.handleHelpClick;
31533
- props.type;
31534
- var config = props.config,
31719
+ var handleHelpClick = props.handleHelpClick,
31720
+ type = props.type,
31721
+ config = props.config,
31535
31722
  _props$navigateTo = props.navigateTo,
31536
- navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo,
31537
- isMihelpEnabled = props.isMihelpEnabled,
31538
- isIdeaNoteEnabled = props.isIdeaNoteEnabled,
31539
- _props$notifications = props.notifications,
31723
+ navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo;
31724
+ props.isMihelpEnabled;
31725
+ props.isIdeaNoteEnabled;
31726
+ var _props$notifications = props.notifications,
31540
31727
  notifications = _props$notifications === void 0 ? [] : _props$notifications;
31541
31728
  props.width;
31542
31729
  var setNotificationsVisible = props.setNotificationsVisible,
@@ -31557,7 +31744,9 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31557
31744
  mobileMenuVisible = props.mobileMenuVisible;
31558
31745
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
31559
31746
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
31560
- showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
31747
+ showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig,
31748
+ enableIdeaNote = coreAppConfig.enableIdeaNote,
31749
+ enableMiHelp = coreAppConfig.enableMiHelp;
31561
31750
  var showSettingsInAppbar = false;
31562
31751
  if (isCoreRoute) {
31563
31752
  showSettingsInAppbar = enableNewToolkitFeatures;
@@ -31605,6 +31794,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31605
31794
  };
31606
31795
  return languageMapper[language];
31607
31796
  };
31797
+ var stack = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.STACK ? window.toolkitEnv.STACK : process.env.STACK;
31608
31798
  var items = [{
31609
31799
  key: 'search',
31610
31800
  name: 'Search',
@@ -31645,7 +31835,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31645
31835
  text: "Feedback"
31646
31836
  }));
31647
31837
  },
31648
- renderIf: !isMihelpEnabled,
31838
+ renderIf: !enableMiHelp,
31649
31839
  onClick: function onClick() {
31650
31840
  return props.toggleFeedbackDialog(true);
31651
31841
  },
@@ -31674,7 +31864,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31674
31864
  text: "MiHelp"
31675
31865
  }));
31676
31866
  },
31677
- renderIf: isMihelpEnabled,
31867
+ renderIf: enableMiHelp,
31678
31868
  render: function render() {
31679
31869
  return /*#__PURE__*/React__default["default"].createElement("span", {
31680
31870
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
@@ -31705,7 +31895,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31705
31895
  text: "Innov8Hub"
31706
31896
  }));
31707
31897
  },
31708
- renderIf: isIdeaNoteEnabled,
31898
+ renderIf: enableIdeaNote,
31709
31899
  render: function render() {
31710
31900
  return /*#__PURE__*/React__default["default"].createElement("div", {
31711
31901
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon",
@@ -31751,7 +31941,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31751
31941
  }, {
31752
31942
  key: 'language',
31753
31943
  name: 'Language',
31754
- renderIf: process.env.STACK === 'c',
31944
+ renderIf: stack === 'c',
31755
31945
  render: function render() {
31756
31946
  return /*#__PURE__*/React__default["default"].createElement("div", {
31757
31947
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--language",
@@ -31761,7 +31951,38 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31761
31951
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31762
31952
  name: "earth-americas",
31763
31953
  variant: "regular"
31764
- }), " ", /*#__PURE__*/React__default["default"].createElement("span", null, getLanguage(storage$1.activeLanguage)));
31954
+ }), ' ', /*#__PURE__*/React__default["default"].createElement("span", null, getLanguage(storage$1.activeLanguage)));
31955
+ }
31956
+ }, {
31957
+ key: 'roleAndFlag',
31958
+ name: formatRole(role),
31959
+ onRender: function onRender(_, dismissMenu) {
31960
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
31961
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
31962
+ onClick: function onClick() {
31963
+ navigateTo('/settings');
31964
+ dismissMenu();
31965
+ }
31966
+ }, /*#__PURE__*/React__default["default"].createElement(OverFlowIcon, {
31967
+ name: "supervised_user_circle"
31968
+ }), /*#__PURE__*/React__default["default"].createElement(OverFlowText, {
31969
+ text: formatRole(role)
31970
+ })));
31971
+ },
31972
+ renderIf: config.includes('role') || config.includes('flag'),
31973
+ render: function render() {
31974
+ return /*#__PURE__*/React__default["default"].createElement("div", {
31975
+ id: "roleItem",
31976
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--item utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag",
31977
+ onClick: showSettingsInAppbar ? function () {
31978
+ return handleIconClick(ICONS.SETTINGS);
31979
+ } : navigateTo('/settings')
31980
+ }, config.includes('flag') ? /*#__PURE__*/React__default["default"].createElement(Flag$1, {
31981
+ countryCode: countryCode,
31982
+ type: type
31983
+ }) : null, config.includes('role') ? /*#__PURE__*/React__default["default"].createElement("div", {
31984
+ "data-testid": "role"
31985
+ }, formatRole(role)) : null);
31765
31986
  }
31766
31987
  }, {
31767
31988
  key: 'facility',
@@ -31923,7 +32144,7 @@ var ICONS = {
31923
32144
  MOBILE_MENU: 'MOBILE_MENU'
31924
32145
  };
31925
32146
  var AppBar$1 = function AppBar(props) {
31926
- var _window$toolkitEnv3;
32147
+ var _window$toolkitEnv4;
31927
32148
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
31928
32149
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
31929
32150
  ideaNoteUri = coreAppConfig.ideaNoteUri;
@@ -31992,7 +32213,6 @@ var AppBar$1 = function AppBar(props) {
31992
32213
  setCount = _useState22[1];
31993
32214
  var mihelpRef = React.useRef(null);
31994
32215
  var mihelpIconRef = React.useRef(null);
31995
- console.log("***mobileMenuVisible=", mobileMenuVisible);
31996
32216
  React.useLayoutEffect(function () {
31997
32217
  setCount(count + 1);
31998
32218
  }, [width]);
@@ -32032,7 +32252,7 @@ var AppBar$1 = function AppBar(props) {
32032
32252
  case 7:
32033
32253
  _context.prev = 7;
32034
32254
  _context.t0 = _context["catch"](0);
32035
- setIdeaNoteToken("TOKEN_ERROR");
32255
+ setIdeaNoteToken('TOKEN_ERROR');
32036
32256
  console.log(_context.t0);
32037
32257
  case 11:
32038
32258
  case "end":
@@ -32124,10 +32344,10 @@ var AppBar$1 = function AppBar(props) {
32124
32344
  onSettingsSaved(oldSettings, newSettings);
32125
32345
  };
32126
32346
  var getTile = function getTile() {
32127
- var _window$toolkitEnv2;
32347
+ var _window$toolkitEnv3;
32128
32348
  var appTiles = coreAppConfig.tiles || [];
32129
32349
  var appTile;
32130
- var appName = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
32350
+ var appName = (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
32131
32351
  var matchingTiles = appTiles.filter(function (tile) {
32132
32352
  if (tile.appName) {
32133
32353
  return tile.appName === appName;
@@ -32182,17 +32402,17 @@ var AppBar$1 = function AppBar(props) {
32182
32402
  // )
32183
32403
 
32184
32404
  var closeSidebar = function closeSidebar(e) {
32185
- if (e.target.className.includes("sideBarWrapper")) {
32405
+ if (e.target.className.includes('sideBarWrapper')) {
32186
32406
  setNotificationsVisible(false);
32187
32407
  }
32188
- if (e.target.className.includes("settingsSidebarWrapper")) {
32408
+ if (e.target.className.includes('settingsSidebarWrapper')) {
32189
32409
  setSettingsVisible(false);
32190
32410
  }
32191
- if (e.target.className.includes("mobileMenuSidebarWrapper")) {
32411
+ if (e.target.className.includes('mobileMenuSidebarWrapper')) {
32192
32412
  setMobileMenuVisible(false);
32193
32413
  }
32194
32414
  };
32195
- (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.STACK ? window.toolkitEnv.STACK : process.env.STACK;
32415
+ var stack = (_window$toolkitEnv4 = window.toolkitEnv) !== null && _window$toolkitEnv4 !== void 0 && _window$toolkitEnv4.STACK ? window.toolkitEnv.STACK : process.env.STACK;
32196
32416
  var mobileMenuItems = [{
32197
32417
  name: 'Help',
32198
32418
  icon: 'question-circle',
@@ -32221,7 +32441,7 @@ var AppBar$1 = function AppBar(props) {
32221
32441
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32222
32442
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems"
32223
32443
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32224
- className: _getClassName(enableNewToolkitFeatures ? "copartLogoNew" : "copartLogo", _styleModuleImportMap$2, {
32444
+ className: _getClassName(enableNewToolkitFeatures ? 'copartLogoNew' : 'copartLogo', _styleModuleImportMap$2, {
32225
32445
  "handleMissingStyleName": "warn"
32226
32446
  })
32227
32447
  }, /*#__PURE__*/React__default["default"].createElement(CopartLogo, null), !enableNewToolkitFeatures && !isAuthRoute ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -32293,13 +32513,13 @@ var AppBar$1 = function AppBar(props) {
32293
32513
  maxWidth: '400px',
32294
32514
  backgroundColor: 'white'
32295
32515
  },
32296
- src: ideaNoteToken === "TOKEN_ERROR" ? ideaNoteUri : "".concat(ideaNoteUri, "&auth.jwt=").concat(ideaNoteToken)
32516
+ src: ideaNoteToken === 'TOKEN_ERROR' ? ideaNoteUri : "".concat(ideaNoteUri, "&auth.jwt=").concat(ideaNoteToken)
32297
32517
  }) : /*#__PURE__*/React__default["default"].createElement("div", {
32298
32518
  style: {
32299
32519
  position: 'absolute',
32300
32520
  bottom: '0',
32301
32521
  right: '0',
32302
- height: '100vh',
32522
+ height: '100%',
32303
32523
  width: '400px',
32304
32524
  backgroundColor: 'white'
32305
32525
  }
@@ -32337,11 +32557,11 @@ var AppBar$1 = function AppBar(props) {
32337
32557
  onClick: closeSidebar
32338
32558
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32339
32559
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar"
32340
- }, !process.env.STACK || process.env.STACK === 'c' ? /*#__PURE__*/React__default["default"].createElement(SettingsView$1, {
32560
+ }, !stack || stack === 'c' ? /*#__PURE__*/React__default["default"].createElement(SettingsView$1, {
32341
32561
  onSave: onSave,
32342
32562
  onLogoutItemClicked: onLogoutItemClicked,
32343
32563
  width: width
32344
- }) : null, process.env.STACK === 'uk' ? /*#__PURE__*/React__default["default"].createElement(SettingsView, {
32564
+ }) : null, stack === 'uk' ? /*#__PURE__*/React__default["default"].createElement(SettingsView, {
32345
32565
  onSave: onSave,
32346
32566
  onLogoutItemClicked: onLogoutItemClicked,
32347
32567
  width: width
@@ -32356,7 +32576,7 @@ AppBar$1.defaultProps = {
32356
32576
  role: ''
32357
32577
  };
32358
32578
 
32359
- var css_248z$6 = ".utilities_ops-app-frame_Flag_Flag--Flag {\r\n margin-right: 12px;\r\n height: 22px;\r\n /* border-radius: 20px; */\r\n}\r\n\r\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\r\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\r\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\r\n*/\r\n\r\n[class*='AppBar-roleAndFlag'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-roleAndFlag'] > .text.role {\r\n margin: 0 !important;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] > .yardNumber {\r\n margin-left: 8px;\r\n margin-top: 0px !important;\r\n}\r\n";
32579
+ var css_248z$6 = ".utilities_ops-app-frame_Flag_Flag--Flag {\n margin-right: 12px;\n height: 22px;\n /* border-radius: 20px; */\n}\n\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\n*/\n\n[class*='AppBar-roleAndFlag'] {\n align-items: center;\n}\n\n[class*='AppBar-roleAndFlag'] > .text.role {\n margin: 0 !important;\n}\n\n[class*='AppBar-yardNumber'] {\n align-items: center;\n}\n\n[class*='AppBar-yardNumber'] > .yardNumber {\n margin-left: 8px;\n margin-top: 0px !important;\n}\n";
32360
32580
  styleInject(css_248z$6);
32361
32581
 
32362
32582
  var getFlagUri = function getFlagUri() {
@@ -32371,7 +32591,7 @@ var Flag = function Flag(props) {
32371
32591
  });
32372
32592
  };
32373
32593
 
32374
- var css_248z$5 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\r\n width: '100%';\r\n height: '100%';\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\r\n position: relative;\r\n z-index: 9999;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\r\n border: 1px solid #233659;\r\n border-radius: 8px !important;\r\n overflow: hidden;\r\n width: 560px;\r\n height: 610px;\r\n position: absolute;\r\n top: 53px;\r\n z-index: 100;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\r\n border: 1px solid #233659;\r\n border-radius: 20px !important;\r\n overflow: hidden;\r\n width: 98vw;\r\n height: 610px;\r\n position: absolute;\r\n top: 53px;\r\n left: -8.7em;\r\n z-index: 100;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\r\n display: flex;\r\n background-color: #8eacdc;\r\n border-radius: 30px;\r\n justify-content: center;\r\n padding: 2px 10px;\r\n min-width: 300px;\r\n min-height: 37px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n min-width: 125px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\r\n display: block;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\r\n font-size: 10px;\r\n color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading7{\r\n font-size: 12px;\r\n background: yellow;\r\n border-radius: 20px;\r\n padding: 0 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 6px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 6px;\r\n min-width: 152px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\r\n padding: 0 3px 5px 0;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\r\n position: absolute;\r\n top: 55px;\r\n width: 100%;\r\n left: 5em;\r\n max-width: 202px;\r\n padding: 15px;\r\n background: #263238;\r\n border-radius: 22.5px;\r\n box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\r\n z-index: 10;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\r\n width: 100%;\r\n margin-bottom: 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\r\n background: #37474f;\r\n color: #cfd8dc;\r\n padding: 5px;\r\n border: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\r\n outline: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn {\r\n display: inline-block;\r\n width: calc(33.33% - 10px);\r\n font-size: 14px;\r\n background: transparent;\r\n border: none;\r\n color: #cfd8dc;\r\n padding: 10px 0;\r\n text-align: center;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\r\n margin: 0 15px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--visible {\r\n visibility: visible;\r\n overflow: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--hidden {\r\n visibility: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\r\n display: flex;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\r\n margin-left: 40px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\r\n width: 100%;\r\n margin: 0;\r\n outline: none;\r\n border: none;\r\n border-right: 1px solid #ddd;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\r\n 0% {\r\n -webkit-transform: translate(2px, 1px) rotate(0deg);\r\n }\r\n 10% {\r\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\r\n }\r\n 20% {\r\n -webkit-transform: translate(-3px, 0px) rotate(1deg);\r\n }\r\n 30% {\r\n -webkit-transform: translate(0px, 2px) rotate(0deg);\r\n }\r\n 40% {\r\n -webkit-transform: translate(1px, -1px) rotate(1deg);\r\n }\r\n 50% {\r\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\r\n }\r\n 60% {\r\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\r\n }\r\n 70% {\r\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\r\n }\r\n 80% {\r\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\r\n }\r\n 90% {\r\n -webkit-transform: translate(2px, 2px) rotate(0deg);\r\n }\r\n 100% {\r\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\r\n }\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--shake {\r\n -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\r\n -webkit-animation-duration: 1.3s;\r\n -webkit-transform-origin: 50% 50%;\r\n -webkit-animation-iteration-count: infinite;\r\n -webkit-animation-timing-function: linear;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\r\n position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\r\n font-size: 9px;\r\n position: absolute;\r\n top: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--container {\r\n max-width: 100%;\r\n max-height: 100%;\r\n position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\r\n border-radius: 40%;\r\n cursor: pointer;\r\n width: 28px;\r\n height: 18px;\r\n padding: 0px 11px;\r\n background: #fff;\r\n color: #666;\r\n text-align: center;\r\n font-size: 12px;\r\n margin-bottom: 9px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\r\n border-radius: 50%;\r\n cursor: pointer;\r\n width: 16px;\r\n height: 16px;\r\n padding: 2px 2px 3px;\r\n background: #e81010;\r\n color: #fff;\r\n text-align: center;\r\n font-size: 8px;\r\n position: absolute;\r\n left: 18px;\r\n top: -3px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\r\n margin: 0 5px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\r\n outline: none !important\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--icon{\r\n color: #000;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\r\n opacity:0.4;\r\n cursor: not-allowed;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialog{\r\nwidth: 420px;\r\nheight: 115px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\r\n position: absolute;\r\n top: 35%;\r\n left: 36%;\r\n border: 1px solid rgb(204, 204, 204);\r\n background: rgb(255, 255, 255);\r\n overflow: auto;\r\n border-radius: 4px;\r\n outline: none;\r\n padding: 0px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 10px 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\r\n padding: 20px 10px;\r\n text-align: center;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\r\n margin: 5px;\r\n text-align:right;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\r\n color: #fff;\r\n display: flex;\r\n background-color: #dd392b;\r\n border-radius: 7px;\r\n justify-content: center;\r\n min-width: 300px;\r\n font-size: 12px;\r\n margin: 0 25px -1px 25px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\r\n position: absolute;\r\n left:47%;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--opacity{\r\n opacity: 0.5;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\r\n position: absolute;\r\n right: 2px;\r\n top: 14px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\r\n margin-top: 7px;\r\n}";
32594
+ var css_248z$5 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\n width: '100%';\n height: '100%';\n}\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\n position: relative;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\n border: 1px solid #233659;\n border-radius: 8px !important;\n overflow: hidden;\n width: 560px;\n height: 610px;\n position: absolute;\n top: 53px;\n z-index: 100;\n background: #fff;\n}\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\n border: 1px solid #233659;\n border-radius: 20px !important;\n overflow: hidden;\n width: 98vw;\n height: 610px;\n position: absolute;\n top: 53px;\n left: -8.7em;\n z-index: 100;\n background: #fff;\n}\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\n display: flex;\n background-color: #8eacdc;\n border-radius: 30px;\n justify-content: center;\n padding: 2px 10px;\n min-width: 300px;\n min-height: 37px;\n}\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n min-width: 125px;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\n font-size: 12px;\n font-weight: bold;\n color: #3c4656;\n}\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\n display: block;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\n font-size: 10px;\n color: #3c4656;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading7{\n font-size: 12px;\n background: yellow;\n border-radius: 20px;\n padding: 0 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n}\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n min-width: 152px;\n}\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\n padding: 0 3px 5px 0;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\n position: absolute;\n top: 55px;\n width: 100%;\n left: 5em;\n max-width: 202px;\n padding: 15px;\n background: #263238;\n border-radius: 22.5px;\n box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\n z-index: 10;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\n width: 100%;\n margin-bottom: 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\n background: #37474f;\n color: #cfd8dc;\n padding: 5px;\n border: none;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\n outline: none;\n}\n.utilities_ops-app-frame_CallCapsule_style--btn {\n display: inline-block;\n width: calc(33.33% - 10px);\n font-size: 14px;\n background: transparent;\n border: none;\n color: #cfd8dc;\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\n color: #fff;\n}\n\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\n margin: 0 15px;\n}\n.utilities_ops-app-frame_CallCapsule_style--visible {\n visibility: visible;\n overflow: hidden;\n}\n.utilities_ops-app-frame_CallCapsule_style--hidden {\n visibility: hidden;\n}\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\n display: flex;\n}\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\n margin-left: 40px;\n}\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\n width: 100%;\n margin: 0;\n outline: none;\n border: none;\n border-right: 1px solid #ddd;\n}\n\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0px) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0px, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n.utilities_ops-app-frame_CallCapsule_style--shake {\n -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\n -webkit-animation-duration: 1.3s;\n -webkit-transform-origin: 50% 50%;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-timing-function: linear;\n}\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\n position: relative;\n}\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\n font-size: 9px;\n position: absolute;\n top: 22px;\n}\n\n.utilities_ops-app-frame_CallCapsule_style--container {\n max-width: 100%;\n max-height: 100%;\n position: relative;\n}\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\n border-radius: 40%;\n cursor: pointer;\n width: 28px;\n height: 18px;\n padding: 0px 11px;\n background: #fff;\n color: #666;\n text-align: center;\n font-size: 12px;\n margin-bottom: 9px;\n}\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\n border-radius: 50%;\n cursor: pointer;\n width: 16px;\n height: 16px;\n padding: 2px 2px 3px;\n background: #e81010;\n color: #fff;\n text-align: center;\n font-size: 8px;\n position: absolute;\n left: 18px;\n top: -3px;\n}\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\n margin: 0 5px;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\n outline: none !important\n}\n.utilities_ops-app-frame_CallCapsule_style--icon{\n color: #000;\n}\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\n opacity:0.4;\n cursor: not-allowed;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialog{\nwidth: 420px;\nheight: 115px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\n position: absolute;\n top: 35%;\n left: 36%;\n border: 1px solid rgb(204, 204, 204);\n background: rgb(255, 255, 255);\n overflow: auto;\n border-radius: 4px;\n outline: none;\n padding: 0px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\n background-color: #1d5ab9;\n color: #fff;\n padding: 10px 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\n padding: 20px 10px;\n text-align: center;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\n margin: 5px;\n text-align:right;\n}\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\n color: #fff;\n display: flex;\n background-color: #dd392b;\n border-radius: 7px;\n justify-content: center;\n min-width: 300px;\n font-size: 12px;\n margin: 0 25px -1px 25px;\n}\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\n position: absolute;\n left:47%;\n}\n.utilities_ops-app-frame_CallCapsule_style--opacity{\n opacity: 0.5;\n}\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\n position: absolute;\n right: 2px;\n top: 14px;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\n margin-top: 7px;\n}";
32375
32595
  styleInject(css_248z$5);
32376
32596
 
32377
32597
  var tabbable_1 = createCommonjsModule(function (module, exports) {
@@ -33914,7 +34134,7 @@ const author = "Brian McKelvey <theturtle32@gmail.com> (https://github.com/thetu
33914
34134
  const contributors = [
33915
34135
  "Iñaki Baz Castillo <ibc@aliax.net> (http://dev.sipdoc.net)"
33916
34136
  ];
33917
- const version$6 = "1.0.34";
34137
+ const version$6 = "1.0.35";
33918
34138
  const repository = {
33919
34139
  type: "git",
33920
34140
  url: "https://github.com/theturtle32/WebSocket-Node.git"
@@ -33926,7 +34146,7 @@ const engines = {
33926
34146
  const dependencies = {
33927
34147
  bufferutil: "^4.0.1",
33928
34148
  debug: "^2.2.0",
33929
- "es5-ext": "^0.10.50",
34149
+ "es5-ext": "^0.10.63",
33930
34150
  "typedarray-to-buffer": "^3.1.5",
33931
34151
  "utf-8-validate": "^5.0.2",
33932
34152
  yaeti: "^0.0.6"
@@ -34269,13 +34489,22 @@ var emailAddressAllowed = function emailAddressAllowed(emailAddress, tile) {
34269
34489
 
34270
34490
  // permissionIds are for selected role only
34271
34491
  var appFunctionIdAllowed = function appFunctionIdAllowed() {
34492
+ var _window$toolkitEnv;
34272
34493
  var coreAppPermissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
34273
34494
  var permissionIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
34274
- var tile = arguments.length > 3 ? arguments[3] : undefined;
34495
+ var appScopes = arguments.length > 3 ? arguments[3] : undefined;
34496
+ var tile = arguments.length > 4 ? arguments[4] : undefined;
34497
+ var stack = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.STACK ? window.toolkitEnv.STACK : process.env.STACK;
34498
+ if (tile.useAppScopes) {
34499
+ var userAppScopes = Array.isArray(appScopes) ? appScopes : [];
34500
+ return tile.appAuthName && userAppScopes.some(function (appScope) {
34501
+ return appScope.appName === tile.appAuthName;
34502
+ });
34503
+ }
34275
34504
  var id = tile.appFunctionId;
34276
34505
  if (!id) {
34277
34506
  return true; // not defined in config so just allow the tile to be viewed for now
34278
- } else if (process.env.STACK === 'g') {
34507
+ } else if (stack === 'g') {
34279
34508
  return includes$1(id, permissionIds);
34280
34509
  }
34281
34510
  // Check appfunction in opsportal-core permissions
@@ -34305,12 +34534,13 @@ var getUserData = function getUserData() {
34305
34534
  permissionIds: storage$1.permissionIds,
34306
34535
  allPermissionIds: storage$1.allPermissionIds,
34307
34536
  hasCasAccess: storage$1.hasCasAccess,
34308
- coreAppPermissions: storage$1.coreAppPermissions
34537
+ coreAppPermissions: storage$1.coreAppPermissions,
34538
+ appScopes: storage$1.userAppScopes
34309
34539
  };
34310
34540
  };
34311
34541
  var userHasAccess = function userHasAccess(tile) {
34312
34542
  var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getUserData();
34313
- return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, user.allPermissionIds, user.permissionIds, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
34543
+ return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, user.allPermissionIds, user.permissionIds, user.appScopes, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
34314
34544
  };
34315
34545
 
34316
34546
  var accessHelpers = /*#__PURE__*/Object.freeze({
@@ -34325,7 +34555,7 @@ var accessHelpers = /*#__PURE__*/Object.freeze({
34325
34555
  'default': userHasAccess
34326
34556
  });
34327
34557
 
34328
- var css_248z$4 = ".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";
34558
+ var css_248z$4 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\n background: var(--primaryBlue);\n background: var(--primaryBlue);\n color: var(--white);\n color: var(--white);\n height: 64px;\n width: 100vw;\n padding: 0 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\n margin-bottom: 2px;\n}\n\nbutton[name='Clear Cookies'] {\n font-size: 12px;\n opacity: 0.5;\n text-transform: uppercase;\n color: #f00;\n font-weight: 700;\n}\n\n.utilities_ops-app-frame_AppBar_AppBar--left {\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBar_AppBar--right {\n display: flex;\n align-items: center;\n}\n";
34329
34559
  styleInject(css_248z$4);
34330
34560
 
34331
34561
  var APP_BAR_CONFIGS = {
@@ -34397,7 +34627,7 @@ var AppBar = function AppBar(_ref) {
34397
34627
  _useState8 = _slicedToArray(_useState7, 2),
34398
34628
  showMihelpTooltip = _useState8[0],
34399
34629
  setShowMihelpTooltip = _useState8[1];
34400
- var tileData = findAppData(coreAppConfig.tiles || []) || {};
34630
+ var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
34401
34631
  var mihelpAppPath = isCoreRoute && !window.location.pathname.includes('embedded') ? null : tileData.mihelpAppPath;
34402
34632
  var isMihelpEnabled;
34403
34633
  if (isCoreRoute && !window.location.pathname.includes('embedded')) {
@@ -34562,7 +34792,7 @@ var AppBar = function AppBar(_ref) {
34562
34792
  var handleHelpClick = function handleHelpClick() {
34563
34793
  var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
34564
34794
  var uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
34565
- window.open(uri, "_blank");
34795
+ window.open(uri, '_blank');
34566
34796
  };
34567
34797
  var feedbackConfig = function feedbackConfig() {
34568
34798
  var _storage$coreConfig;
@@ -34642,7 +34872,7 @@ var AppBar = function AppBar(_ref) {
34642
34872
  }
34643
34873
  var check = filterNotifications(newNotifications);
34644
34874
  var newNotification = _objectSpread2({}, newNotifications[0]);
34645
- var startTime = newNotification.timeZoneType === "RPTZ" ? newNotification.startsAt : moment.utc(newNotification.startsAt).local().format("YYYY-MM-DD HH:mm:ss");
34875
+ var startTime = newNotification.timeZoneType === 'RPTZ' ? newNotification.startsAt : moment.utc(newNotification.startsAt).local().format('YYYY-MM-DD HH:mm:ss');
34646
34876
  // const endTime = newNotification.timeZoneType === "RPTZ" && newNotification.endDateTimeZone !=='UTC' ? newNotification.endsAt : moment.utc(newNotification.endsAt).local().format("YYYY-MM-DD HH:mm:ss")
34647
34877
  var currentDate = new Date();
34648
34878
  if (!check.length) {
@@ -34665,7 +34895,7 @@ var AppBar = function AppBar(_ref) {
34665
34895
  filteredOutNotifications.forEach(function (notification) {
34666
34896
  var _notification$newsTar;
34667
34897
  if (notification !== null && notification !== void 0 && (_notification$newsTar = notification.newsTarget) !== null && _notification$newsTar !== void 0 && _notification$newsTar.audience_value) {
34668
- var startTime = moment.utc(notification.startsAt).local().format("YYYY-MM-DD HH:mm:ss");
34898
+ var startTime = moment.utc(notification.startsAt).local().format('YYYY-MM-DD HH:mm:ss');
34669
34899
  var currentDate = new Date();
34670
34900
  if (new Date(startTime) > currentDate) {
34671
34901
  setListOfAllFirebaseNotifications(function (notifications) {
@@ -34776,7 +35006,7 @@ var AppBar = function AppBar(_ref) {
34776
35006
  if (history.location.pathname !== '/logout' && history.location.pathname !== '/login' && localStorage.getItem('login') && tileConfigAccess) {
34777
35007
  if (notificationsSource.includes('Nchan')) {
34778
35008
  fetchG2Notifications(updateNotifications, updateAllNotificationsList);
34779
- if (!(window.navigator.userAgent.includes("Chrome") && window.location.href.includes("localhost"))) {
35009
+ if (!(window.navigator.userAgent.includes('Chrome') && window.location.href.includes('localhost'))) {
34780
35010
  var client = startWebSocketConnection(updateNotifications, updateAllNotificationsList, reConnectSocket);
34781
35011
  var pingIntervalInSec = coreAppConfig.nchanPingIntervalInSec || 30;
34782
35012
  setPingInterval(setInterval(function () {
@@ -34832,7 +35062,12 @@ var AppBar = function AppBar(_ref) {
34832
35062
  phoneStatus: '',
34833
35063
  phoneStatusProcessing: false
34834
35064
  } : _storage$chromePlugin;
34835
- return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(AppBar$1, {
35065
+ return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Notifications, {
35066
+ notifications: notifications || [],
35067
+ onDismiss: dismissNotification,
35068
+ ActionComponent: ActionComponent,
35069
+ saveActionComponentState: saveActionComponentState
35070
+ }), /*#__PURE__*/React__default["default"].createElement(AppBar$1, {
34836
35071
  moduleName: "OPS PORTAL",
34837
35072
  isLoggedOn: storage$1.isAuthenticated,
34838
35073
  config: APP_BAR_CONFIGS[STACK],
@@ -34871,11 +35106,6 @@ var AppBar = function AppBar(_ref) {
34871
35106
  showMihelpDot: showMihelpDot,
34872
35107
  setShowMihelpTooltip: setShowMihelpTooltip,
34873
35108
  showMihelpTooltip: showMihelpTooltip
34874
- }), /*#__PURE__*/React__default["default"].createElement(Notifications, {
34875
- notifications: notifications || [],
34876
- onDismiss: dismissNotification,
34877
- ActionComponent: ActionComponent,
34878
- saveActionComponentState: saveActionComponentState
34879
35109
  }), latestRelease && /*#__PURE__*/React__default["default"].createElement(LatestReleaseDialog, {
34880
35110
  release: latestRelease,
34881
35111
  handleClose: handleReleaseClose,
@@ -34886,7 +35116,7 @@ AppBar.defaultProps = {
34886
35116
  searchBarProps: {}
34887
35117
  };
34888
35118
 
34889
- var css_248z$3 = ".utilities_ops-app-frame_AuthGuard_header--header {\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n}";
35119
+ var css_248z$3 = ".utilities_ops-app-frame_AuthGuard_header--header {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n}";
34890
35120
  styleInject(css_248z$3);
34891
35121
 
34892
35122
  var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
@@ -34928,8 +35158,8 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
34928
35158
  key: "componentDidMount",
34929
35159
  value: function () {
34930
35160
  var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
34931
- var _window$toolkitEnv;
34932
- var disableRestrictions, appTile, _window$toolkitEnv2, appAuthName, tileConfigAccess;
35161
+ var _window$toolkitEnv, _window$toolkitEnv3;
35162
+ var disableRestrictions, appTile, _window$toolkitEnv2, appAuthName, stack, tileConfigAccess;
34933
35163
  return _regeneratorRuntime().wrap(function _callee$(_context) {
34934
35164
  while (1) switch (_context.prev = _context.next) {
34935
35165
  case 0:
@@ -34987,20 +35217,26 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
34987
35217
  case 16:
34988
35218
  return _context.abrupt("return", this.allowAccess(PATH_NOT_FOUND));
34989
35219
  case 17:
34990
- if (!(process.env.STACK !== 'g')) {
34991
- _context.next = 23;
35220
+ // Fetch permissions for opsportal-core and the opsportal application
35221
+ // The app functions required for application visibility(when applicable)
35222
+ // will be part of opsportal-core permissions
35223
+ // Permissions for the opsportal-core and the opsportal application will be available in the
35224
+ // local storage
35225
+ stack = (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.STACK ? window.toolkitEnv.STACK : process.env.STACK;
35226
+ if (!(stack !== 'g')) {
35227
+ _context.next = 24;
34992
35228
  break;
34993
35229
  }
34994
- _context.next = 20;
35230
+ _context.next = 21;
34995
35231
  return fetcher.getCoreAppPermissions();
34996
- case 20:
35232
+ case 21:
34997
35233
  if (!appTile.appAuthName) {
34998
- _context.next = 23;
35234
+ _context.next = 24;
34999
35235
  break;
35000
35236
  }
35001
- _context.next = 23;
35002
- return fetcher.getPermissions(appTile.appAuthName);
35003
- case 23:
35237
+ _context.next = 24;
35238
+ return fetcher.getPermissions(appTile.appAuthName, appTile.useAppScopes);
35239
+ case 24:
35004
35240
  // If there are rules, evaluate and act accordingly.
35005
35241
  tileConfigAccess = userHasAccess(appTile);
35006
35242
  if (tileConfigAccess) {
@@ -35008,7 +35244,7 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
35008
35244
  } else {
35009
35245
  this.denyAccess(NO_TILE_PERMISSION);
35010
35246
  }
35011
- case 25:
35247
+ case 26:
35012
35248
  case "end":
35013
35249
  return _context.stop();
35014
35250
  }
@@ -45469,7 +45705,7 @@ var formatNumber = function formatNumber(number) {
45469
45705
  return sign * Math.abs(number) + unitlist[unit];
45470
45706
  };
45471
45707
 
45472
- var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n background: #3A4454;\r\n min-width: 50px;\r\n max-width: 50px;\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 14px;\r\n z-index: 101;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\r\n min-width: 100px;\r\n max-width: 100px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\r\n max-width: 500px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: none;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\r\n min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\r\n min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\r\n flex: 1;\r\n overflow-y: auto;\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \r\n display: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n display: flex;\r\n width: 100%;\r\n padding: 6px 12px 6px 12px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\r\n color: #323130;\r\n background-color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n margin-left: auto;\r\n margin-right: 10px;\r\n min-width: none;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: 70px;\r\n text-align: right;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\r\n background-color: #73A6FF;\r\n transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n margin-left: auto;\r\n font-size: 12px;\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\r\n flex: 1;\r\n margin: 0 10px 0;\r\n text-align: right;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n min-width: 20px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n font-size: 14px;\r\n /* width: 20px; */\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n font-size: 0px;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 0;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n margin-top: 2px;\r\n font-weight: 100;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 100%;\r\n margin: 2px 10px 0 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 100%;\r\n margin: 0 5px 0 0;\r\n font-weight: 600;\r\n margin-left: 0px;\r\n cursor: auto;\r\n cursor: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n margin: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n margin-right: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n padding-left: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\r\n display: flex;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n padding: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\r\n position: absolute;\r\n width: 10px;\r\n height: 95%;\r\n left: -13px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n width: 13px;\r\n margin-left: 1px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n width: 100%;\r\n margin-left: 1px;\r\n}";
45708
+ var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\n display: flex;\n flex-direction: column;\n position: absolute;\n background: #3A4454;\n min-width: 50px;\n max-width: 50px;\n height: 100%;\n color: #ffffff;\n font-size: 14px;\n z-index: 101;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\n min-width: 100px;\n max-width: 100px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n max-width: 500px;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n min-width: none;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\n min-width: auto;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\n min-width: auto;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\n flex: 1;\n overflow-y: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \n display: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n display: flex;\n width: 100%;\n padding: 6px 12px 6px 12px;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\n cursor: default;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\n color: #323130;\n background-color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n margin-left: auto;\n margin-right: 10px;\n min-width: none;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n min-width: 70px;\n text-align: right;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable:not(:hover) .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n min-width: auto;\n text-align: auto;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\n background-color: #73A6FF;\n transition: background-color 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n margin-left: auto;\n font-size: 12px;\n color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\n margin: 0 10px 0 auto;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n min-width: 20px;\n display: flex;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n font-size: 14px;\n /* width: 20px; */\n color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n font-size: 0px;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n font-size: 12px;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 0;\n overflow: hidden;\n white-space: nowrap;\n margin-top: 2px;\n font-weight: 100;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 100%;\n margin: 2px 10px 0 10px;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 100%;\n margin: 0 5px 0 0;\n font-weight: 600;\n margin-left: 0px;\n cursor: auto;\n cursor: initial;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n margin: 0;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n margin-right: 0px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n padding-left: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\n display: inline;\n display: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\n display: flex;\n position: relative;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n padding: 6px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\n position: absolute;\n width: 10px;\n height: 95%;\n left: -13px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\n width: 13px;\n margin-left: 1px;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\n width: 100%;\n margin-left: 1px;\n transition-delay: 0.25s;\n}";
45473
45709
  styleInject(css_248z$2);
45474
45710
 
45475
45711
  var _styleModuleImportMap$1 = {
@@ -45482,6 +45718,7 @@ var _styleModuleImportMap$1 = {
45482
45718
  "NavItem": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem",
45483
45719
  "disabled": "utilities_ops-app-frame_NavigationBar_NavigationBar--disabled",
45484
45720
  "NavItemSelected": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected",
45721
+ "countsAvailable": "utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable",
45485
45722
  "expandedMenu": "utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu",
45486
45723
  "selected": "utilities_ops-app-frame_NavigationBar_NavigationBar--selected",
45487
45724
  "NavItemCount": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount",
@@ -45545,7 +45782,7 @@ var validateConfig = function validateConfig(navItems) {
45545
45782
  if (!configItem.isLandingPage && mandatoryKeys.every(function (key) {
45546
45783
  return configItem.hasOwnProperty(key);
45547
45784
  }) === false) {
45548
- console.log("please check and update the navigation config");
45785
+ console.log('please check and update the navigation config');
45549
45786
  return false;
45550
45787
  }
45551
45788
  if (configItem.subMenuItems) {
@@ -45578,7 +45815,8 @@ var NavigationBar = function NavigationBar(_ref2) {
45578
45815
  getCounts = _ref2.getCounts,
45579
45816
  activeSubmenu = _ref2.activeSubmenu,
45580
45817
  setActiveSubmenu = _ref2.setActiveSubmenu,
45581
- setShowNavigationCounts = _ref2.setShowNavigationCounts;
45818
+ setShowNavigationCounts = _ref2.setShowNavigationCounts,
45819
+ countsRef = _ref2.countsRef;
45582
45820
  // const withCounts = getCounts && typeof getCounts === 'function'
45583
45821
  var navigateFunction = navigateTo || (history === null || history === void 0 ? void 0 : history.push) || defaultRedirect;
45584
45822
  var _useState = React.useState(null),
@@ -45609,7 +45847,7 @@ var NavigationBar = function NavigationBar(_ref2) {
45609
45847
  if (Array.isArray(navItems)) {
45610
45848
  var isValid = validateConfig(navItems);
45611
45849
  if (isValid) {
45612
- var updatedNavItems = updateRoutes(navItems, "");
45850
+ var updatedNavItems = updateRoutes(navItems, '');
45613
45851
  var depth = getDepth(navItems);
45614
45852
  var _getDefaultSelection = getDefaultSelection(updatedNavItems),
45615
45853
  selectedItem = _getDefaultSelection.selectedItem,
@@ -45636,7 +45874,7 @@ var NavigationBar = function NavigationBar(_ref2) {
45636
45874
  onMouseLeave: function onMouseLeave() {
45637
45875
  return setHover(false);
45638
45876
  },
45639
- className: _getClassName("NavBarContainer ".concat(activeSubmenu && withCounts ? 'withCounts' : ''), _styleModuleImportMap$1, {
45877
+ className: _getClassName("NavBarContainer ".concat(activeSubmenu && withCounts ? 'withCounts' : '', " ").concat(getCounts && typeof getCounts === 'function' ? 'countsAvailable' : ''), _styleModuleImportMap$1, {
45640
45878
  "handleMissingStyleName": "warn"
45641
45879
  })
45642
45880
  }, isConfigValid ? /*#__PURE__*/React__default["default"].createElement(NavigationMenu, {
@@ -45650,7 +45888,8 @@ var NavigationBar = function NavigationBar(_ref2) {
45650
45888
  setSelected: setSelected,
45651
45889
  getCounts: getCounts,
45652
45890
  setWithCounts: setWithCounts,
45653
- withCounts: withCounts
45891
+ withCounts: withCounts,
45892
+ countsRef: countsRef
45654
45893
  }) : null, isConfigValid === false ? /*#__PURE__*/React__default["default"].createElement("div", null, "Please check your navigation config") : null);
45655
45894
  };
45656
45895
  var NavigationMenu = function NavigationMenu(_ref3) {
@@ -45664,24 +45903,25 @@ var NavigationMenu = function NavigationMenu(_ref3) {
45664
45903
  setSelected = _ref3.setSelected,
45665
45904
  getCounts = _ref3.getCounts,
45666
45905
  setWithCounts = _ref3.setWithCounts,
45667
- withCounts = _ref3.withCounts;
45906
+ withCounts = _ref3.withCounts,
45907
+ countsRef = _ref3.countsRef;
45668
45908
  var redirectUrl = window.location.pathname;
45669
45909
  React.useEffect(function () {
45670
- if (redirectUrl != "/") {
45671
- var splitUrl = redirectUrl.split("/");
45910
+ if (redirectUrl != '/') {
45911
+ var splitUrl = redirectUrl.split('/');
45672
45912
  if (!process.env.IS_CORE_APP) {
45673
45913
  splitUrl.shift();
45674
45914
  }
45675
45915
  // if (splitUrl.length - 1 === configDepth) {
45676
45916
  if (splitUrl.length - 1) {
45677
45917
  if (configDepth === 3) {
45678
- setActiveSubmenu("/" + splitUrl[1] + "/" + splitUrl[2]);
45679
- setSelected("/" + splitUrl[1] + "/" + splitUrl[2] + "/" + splitUrl[3]);
45918
+ setActiveSubmenu('/' + splitUrl[1] + '/' + splitUrl[2]);
45919
+ setSelected('/' + splitUrl[1] + '/' + splitUrl[2] + '/' + splitUrl[3]);
45680
45920
  } else if (configDepth === 2) {
45681
- setActiveSubmenu("/" + splitUrl[1]);
45682
- setSelected("/" + splitUrl[1] + "/" + splitUrl[2]);
45921
+ setActiveSubmenu('/' + splitUrl[1]);
45922
+ setSelected('/' + splitUrl[1] + '/' + splitUrl[2]);
45683
45923
  } else {
45684
- setSelected("/" + splitUrl[1]);
45924
+ setSelected('/' + splitUrl[1]);
45685
45925
  }
45686
45926
  } else {
45687
45927
  setActiveSubmenu(null);
@@ -45693,7 +45933,9 @@ var NavigationMenu = function NavigationMenu(_ref3) {
45693
45933
  className: _getClassName("NavMenu", _styleModuleImportMap$1, {
45694
45934
  "handleMissingStyleName": "warn"
45695
45935
  })
45696
- }, navItems.map(function (item) {
45936
+ }, navItems.filter(function (item) {
45937
+ return typeof item.hidden === 'function' ? !item.hidden() : !item.hidden;
45938
+ }).map(function (item) {
45697
45939
  var NavComponent = configDepth === 3 && !item.isLandingPage ? NavigationMenuLevel1 : NavigationMenuLevel2;
45698
45940
  return /*#__PURE__*/React__default["default"].createElement(NavComponent, {
45699
45941
  key: item.name,
@@ -45707,7 +45949,8 @@ var NavigationMenu = function NavigationMenu(_ref3) {
45707
45949
  redirectUrl: redirectUrl,
45708
45950
  getCounts: getCounts,
45709
45951
  setWithCounts: setWithCounts,
45710
- withCounts: withCounts
45952
+ withCounts: withCounts,
45953
+ countsRef: countsRef
45711
45954
  });
45712
45955
  }));
45713
45956
  };
@@ -45722,7 +45965,8 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
45722
45965
  setSelected = _ref4.setSelected,
45723
45966
  getCounts = _ref4.getCounts,
45724
45967
  setWithCounts = _ref4.setWithCounts,
45725
- withCounts = _ref4.withCounts;
45968
+ withCounts = _ref4.withCounts,
45969
+ countsRef = _ref4.countsRef;
45726
45970
  var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
45727
45971
  var shortName = navItem.shortName ? navItem.shortName.toUpperCase() : dotIcon;
45728
45972
  var nameText = isHover ? (_navItem$name = navItem.name) === null || _navItem$name === void 0 ? void 0 : _navItem$name.toUpperCase() : shortName;
@@ -45736,9 +45980,11 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
45736
45980
  icon: navItem.icon
45737
45981
  })), /*#__PURE__*/React__default["default"].createElement("div", {
45738
45982
  className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem"
45739
- }, nameText), navItem.hasOwnProperty("count") && /*#__PURE__*/React__default["default"].createElement("div", {
45983
+ }, nameText), navItem.hasOwnProperty('count') && /*#__PURE__*/React__default["default"].createElement("div", {
45740
45984
  className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
45741
- }, navItem.count)), /*#__PURE__*/React__default["default"].createElement("div", null, hasSubMenuItems ? navItem.subMenuItems.map(function (subItem) {
45985
+ }, navItem.count)), /*#__PURE__*/React__default["default"].createElement("div", null, hasSubMenuItems ? navItem.subMenuItems.filter(function (item) {
45986
+ return typeof item.hidden === 'function' ? !item.hidden() : !item.hidden;
45987
+ }).map(function (subItem) {
45742
45988
  return /*#__PURE__*/React__default["default"].createElement(NavigationMenuLevel2, {
45743
45989
  key: subItem.name,
45744
45990
  isHover: isHover,
@@ -45750,7 +45996,8 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
45750
45996
  navigateFunction: navigateFunction,
45751
45997
  getCounts: getCounts,
45752
45998
  setWithCounts: setWithCounts,
45753
- withCounts: withCounts
45999
+ withCounts: withCounts,
46000
+ countsRef: countsRef
45754
46001
  });
45755
46002
  }) : null));
45756
46003
  };
@@ -45764,7 +46011,8 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
45764
46011
  navigateFunction = _ref5.navigateFunction,
45765
46012
  getCounts = _ref5.getCounts,
45766
46013
  setWithCounts = _ref5.setWithCounts,
45767
- withCounts = _ref5.withCounts;
46014
+ withCounts = _ref5.withCounts,
46015
+ countsRef = _ref5.countsRef;
45768
46016
  var isMenuExpanded = activeSubmenu === navItem.fullRoute;
45769
46017
  var showCounts = isMenuExpanded && getCounts && typeof getCounts === 'function';
45770
46018
  var _useState13 = React.useState(null),
@@ -45783,6 +46031,13 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
45783
46031
  if (showCounts) {
45784
46032
  setCountsLoading(true);
45785
46033
  reloadCounts(navItem.route);
46034
+ if (countsRef && _typeof(countsRef) === 'object') {
46035
+ countsRef.current = {
46036
+ refreshCounts: function refreshCounts() {
46037
+ return reloadCounts(navItem.route);
46038
+ }
46039
+ };
46040
+ }
45786
46041
  }
45787
46042
  }, [activeSubmenu]);
45788
46043
  var reloadCounts = function reloadCounts(menuItemName) {
@@ -45814,7 +46069,7 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
45814
46069
  animate: isMenuExpanded ? 'open' : 'closed'
45815
46070
  }, /*#__PURE__*/React__default["default"].createElement("div", {
45816
46071
  onClick: handleItemClick,
45817
- className: _getClassName("NavItem ".concat(isMenuExpanded ? "expandedMenu" : "", " ").concat(selected === navItem.fullRoute ? "NavItemSelected" : "", " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
46072
+ className: _getClassName("NavItem ".concat(isMenuExpanded ? 'expandedMenu' : '', " ").concat(selected === navItem.fullRoute ? 'NavItemSelected' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
45818
46073
  "handleMissingStyleName": "warn"
45819
46074
  })
45820
46075
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -45846,7 +46101,9 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
45846
46101
  backgroundColor: '#232932',
45847
46102
  borderLeft: '1px solid #8A8886'
45848
46103
  }
45849
- }, hasSubMenuItems && isMenuExpanded ? navItem.subMenuItems.map(function (subItem) {
46104
+ }, hasSubMenuItems && isMenuExpanded ? navItem.subMenuItems.filter(function (item) {
46105
+ return typeof item.hidden === 'function' ? !item.hidden() : !item.hidden;
46106
+ }).map(function (subItem) {
45850
46107
  return /*#__PURE__*/React__default["default"].createElement(NavigationMenuLevel3, {
45851
46108
  key: subItem.fullRoute,
45852
46109
  isHover: isHover,
@@ -45888,7 +46145,7 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
45888
46145
  onClick: function onClick() {
45889
46146
  return !isDisabled && navigateToItem(navItem);
45890
46147
  },
45891
- className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? "NavItemSelected" : "", " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
46148
+ className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? 'NavItemSelected' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
45892
46149
  "handleMissingStyleName": "warn"
45893
46150
  })
45894
46151
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -45904,7 +46161,7 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
45904
46161
  }) : null, !countsLoading ? countText : null)));
45905
46162
  };
45906
46163
 
45907
- var css_248z$1 = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\r\n background: var(--paleGray);\r\n background: var(--paleGray);\r\n height: 100vh;\r\n max-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n flex-basis: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\r\n flex: 0 1 auto;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n/* Wrapper that contains the app being developed. */\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\r\n flex: 1 1 auto;\r\n position: relative;\r\n}\r\n";
46164
+ var css_248z$1 = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\n background: var(--paleGray);\n background: var(--paleGray);\n height: 100vh;\n max-height: 100vh;\n display: flex;\n flex-direction: column;\n flex-basis: 0;\n}\n\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\n flex: 0 1 auto;\n display: flex;\n flex-direction: column;\n}\n\n/* Wrapper that contains the app being developed. */\n\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\n flex: 1 1 auto;\n position: relative;\n}\n";
45908
46165
  styleInject(css_248z$1);
45909
46166
 
45910
46167
  if (!storage$1.activeYardNumber) {
@@ -45991,10 +46248,13 @@ var AppFrame = function AppFrame(props) {
45991
46248
  getCounts: props.getCounts,
45992
46249
  activeSubmenu: activeSubmenu,
45993
46250
  setActiveSubmenu: setActiveSubmenu,
45994
- setShowNavigationCounts: setShowNavigationCounts
46251
+ setShowNavigationCounts: setShowNavigationCounts,
46252
+ countsRef: props.countsRef
45995
46253
  }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
45996
46254
  style: {
45997
- marginLeft: props.showNavigation ? navigationWidth : '0px'
46255
+ marginLeft: props.showNavigation ? navigationWidth : '0px',
46256
+ height: '100%',
46257
+ transition: 'all 0.5s ease-in-out'
45998
46258
  }
45999
46259
  }, props.children))))));
46000
46260
  };
@@ -46189,18 +46449,18 @@ AutoRefresh.defaultProps = {
46189
46449
  version: ''
46190
46450
  };
46191
46451
 
46192
- var css_248z = ".utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippet {\r\n padding: 5px;\r\n background-color: #fff;\r\n opacity: 1;\r\n z-index: 999;\r\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippet .utilities_ContextualHelp_ContextualHelp--snippet-arrow {\r\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--title {\r\n font-size: 24px;\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n color: #1d5ab9;\r\n border-top: 3px solid #ccc;\r\n margin-top: 10px;\r\n font-size: 14px;\r\n padding-top: 10px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p {\r\n cursor: pointer;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p i {\r\n font-size: 10px;\r\n color: #1d5ab9;\r\n position: relative;\r\n top: -3px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle.utilities_ContextualHelp_ContextualHelp--noLink {\r\n justify-content: flex-end;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippetArticle {\r\n background-color: #fff;\r\n opacity: 1;\r\n z-index: 999;\r\n max-width: 400px;\r\n min-width: 250px;\r\n /* max-height: 500px; */\r\n min-height: 200px;\r\n overflow: auto;\r\n padding: 15px;\r\n}\r\n";
46452
+ var css_248z = ".utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippet {\n padding: 5px;\n background-color: #fff;\n opacity: 1;\n z-index: 999;\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n.utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippet .utilities_contextualHelp_ContextualHelp--snippet-arrow {\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n.utilities_contextualHelp_ContextualHelp--title {\n font-size: 24px;\n color: #1d5ab9;\n font-weight: 600;\n margin-bottom: 5px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle {\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: #1d5ab9;\n border-top: 3px solid #ccc;\n margin-top: 10px;\n font-size: 14px;\n padding-top: 10px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle p {\n cursor: pointer;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle p i {\n font-size: 10px;\n color: #1d5ab9;\n position: relative;\n top: -3px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle.utilities_contextualHelp_ContextualHelp--noLink {\n justify-content: flex-end;\n}\n.utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippetArticle {\n background-color: #fff;\n opacity: 1;\n z-index: 999;\n max-width: 400px;\n min-width: 250px;\n /* max-height: 500px; */\n min-height: 200px;\n overflow: auto;\n padding: 15px;\n}\n";
46193
46453
  styleInject(css_248z);
46194
46454
 
46195
46455
  var _styleModuleImportMap = {
46196
46456
  "./ContextualHelp.css": {
46197
- "snippetContainer": "utilities_ContextualHelp_ContextualHelp--snippetContainer",
46198
- "snippet": "utilities_ContextualHelp_ContextualHelp--snippet",
46199
- "snippet-arrow": "utilities_ContextualHelp_ContextualHelp--snippet-arrow",
46200
- "title": "utilities_ContextualHelp_ContextualHelp--title",
46201
- "linkedArticle": "utilities_ContextualHelp_ContextualHelp--linkedArticle",
46202
- "noLink": "utilities_ContextualHelp_ContextualHelp--noLink",
46203
- "snippetArticle": "utilities_ContextualHelp_ContextualHelp--snippetArticle"
46457
+ "snippetContainer": "utilities_contextualHelp_ContextualHelp--snippetContainer",
46458
+ "snippet": "utilities_contextualHelp_ContextualHelp--snippet",
46459
+ "snippet-arrow": "utilities_contextualHelp_ContextualHelp--snippet-arrow",
46460
+ "title": "utilities_contextualHelp_ContextualHelp--title",
46461
+ "linkedArticle": "utilities_contextualHelp_ContextualHelp--linkedArticle",
46462
+ "noLink": "utilities_contextualHelp_ContextualHelp--noLink",
46463
+ "snippetArticle": "utilities_contextualHelp_ContextualHelp--snippetArticle"
46204
46464
  }
46205
46465
  };
46206
46466
  function Snippet(_ref) {
@@ -46233,10 +46493,10 @@ function Snippet(_ref) {
46233
46493
  color: 'rgba(224, 26, 26, 0.8)'
46234
46494
  }
46235
46495
  }, "Article Not Found") : /*#__PURE__*/React__default["default"].createElement("div", {
46236
- className: "utilities_ContextualHelp_ContextualHelp--snippetArticle",
46496
+ className: "utilities_contextualHelp_ContextualHelp--snippetArticle",
46237
46497
  ref: articleRef
46238
46498
  }, /*#__PURE__*/React__default["default"].createElement("div", {
46239
- className: "utilities_ContextualHelp_ContextualHelp--title"
46499
+ className: "utilities_contextualHelp_ContextualHelp--title"
46240
46500
  }, /*#__PURE__*/React__default["default"].createElement("span", {
46241
46501
  dangerouslySetInnerHTML: {
46242
46502
  __html: article.title
@@ -46383,12 +46643,21 @@ function getPaddingObject(padding) {
46383
46643
  };
46384
46644
  }
46385
46645
  function rectToClientRect(rect) {
46646
+ const {
46647
+ x,
46648
+ y,
46649
+ width,
46650
+ height
46651
+ } = rect;
46386
46652
  return {
46387
- ...rect,
46388
- top: rect.y,
46389
- left: rect.x,
46390
- right: rect.x + rect.width,
46391
- bottom: rect.y + rect.height
46653
+ width,
46654
+ height,
46655
+ top: y,
46656
+ left: x,
46657
+ right: x + width,
46658
+ bottom: y + height,
46659
+ x,
46660
+ y
46392
46661
  };
46393
46662
  }
46394
46663
 
@@ -46577,9 +46846,10 @@ async function detectOverflow(state, options) {
46577
46846
  strategy
46578
46847
  }));
46579
46848
  const rect = elementContext === 'floating' ? {
46580
- ...rects.floating,
46581
46849
  x,
46582
- y
46850
+ y,
46851
+ width: rects.floating.width,
46852
+ height: rects.floating.height
46583
46853
  } : rects.reference;
46584
46854
  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
46585
46855
  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
@@ -47116,6 +47386,8 @@ async function convertValueToCoords(state, options) {
47116
47386
  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
47117
47387
  const crossAxisMulti = rtl && isVertical ? -1 : 1;
47118
47388
  const rawValue = evaluate(options, state);
47389
+
47390
+ // eslint-disable-next-line prefer-const
47119
47391
  let {
47120
47392
  mainAxis,
47121
47393
  crossAxis,
@@ -47149,7 +47421,7 @@ async function convertValueToCoords(state, options) {
47149
47421
  * object may be passed.
47150
47422
  * @see https://floating-ui.com/docs/offset
47151
47423
  */
47152
- const offset = function (options) {
47424
+ const offset$1 = function (options) {
47153
47425
  if (options === void 0) {
47154
47426
  options = 0;
47155
47427
  }
@@ -47366,16 +47638,16 @@ const size = function (options) {
47366
47638
  widthSide = side;
47367
47639
  heightSide = alignment === 'end' ? 'top' : 'bottom';
47368
47640
  }
47369
- const overflowAvailableHeight = height - overflow[heightSide];
47370
- const overflowAvailableWidth = width - overflow[widthSide];
47641
+ const maximumClippingHeight = height - overflow.top - overflow.bottom;
47642
+ const maximumClippingWidth = width - overflow.left - overflow.right;
47643
+ const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
47644
+ const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
47371
47645
  const noShift = !state.middlewareData.shift;
47372
47646
  let availableHeight = overflowAvailableHeight;
47373
47647
  let availableWidth = overflowAvailableWidth;
47374
47648
  if (isYAxis) {
47375
- const maximumClippingWidth = width - overflow.left - overflow.right;
47376
47649
  availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
47377
47650
  } else {
47378
- const maximumClippingHeight = height - overflow.top - overflow.bottom;
47379
47651
  availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
47380
47652
  }
47381
47653
  if (noShift && !alignment) {
@@ -47464,9 +47736,8 @@ function getContainingBlock(element) {
47464
47736
  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
47465
47737
  if (isContainingBlock(currentNode)) {
47466
47738
  return currentNode;
47467
- } else {
47468
- currentNode = getParentNode(currentNode);
47469
47739
  }
47740
+ currentNode = getParentNode(currentNode);
47470
47741
  }
47471
47742
  return null;
47472
47743
  }
@@ -47657,10 +47928,10 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
47657
47928
  });
47658
47929
  }
47659
47930
  const topLayerSelectors = [':popover-open', ':modal'];
47660
- function isTopLayer(floating) {
47931
+ function isTopLayer(element) {
47661
47932
  return topLayerSelectors.some(selector => {
47662
47933
  try {
47663
- return floating.matches(selector);
47934
+ return element.matches(selector);
47664
47935
  } catch (e) {
47665
47936
  return false;
47666
47937
  }
@@ -47844,7 +48115,7 @@ function getClippingRect(_ref) {
47844
48115
  rootBoundary,
47845
48116
  strategy
47846
48117
  } = _ref;
47847
- const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
48118
+ const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
47848
48119
  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
47849
48120
  const firstClippingAncestor = clippingAncestors[0];
47850
48121
  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -47903,6 +48174,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
47903
48174
  height: rect.height
47904
48175
  };
47905
48176
  }
48177
+ function isStaticPositioned(element) {
48178
+ return getComputedStyle$1(element).position === 'static';
48179
+ }
47906
48180
  function getTrueOffsetParent(element, polyfill) {
47907
48181
  if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
47908
48182
  return null;
@@ -47916,28 +48190,40 @@ function getTrueOffsetParent(element, polyfill) {
47916
48190
  // Gets the closest ancestor positioned element. Handles some edge cases,
47917
48191
  // such as table ancestors and cross browser bugs.
47918
48192
  function getOffsetParent(element, polyfill) {
47919
- const window = getWindow(element);
47920
- if (!isHTMLElement(element) || isTopLayer(element)) {
47921
- return window;
48193
+ const win = getWindow(element);
48194
+ if (isTopLayer(element)) {
48195
+ return win;
48196
+ }
48197
+ if (!isHTMLElement(element)) {
48198
+ let svgOffsetParent = getParentNode(element);
48199
+ while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
48200
+ if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
48201
+ return svgOffsetParent;
48202
+ }
48203
+ svgOffsetParent = getParentNode(svgOffsetParent);
48204
+ }
48205
+ return win;
47922
48206
  }
47923
48207
  let offsetParent = getTrueOffsetParent(element, polyfill);
47924
- while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
48208
+ while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
47925
48209
  offsetParent = getTrueOffsetParent(offsetParent, polyfill);
47926
48210
  }
47927
- if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
47928
- return window;
48211
+ if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
48212
+ return win;
47929
48213
  }
47930
- return offsetParent || getContainingBlock(element) || window;
48214
+ return offsetParent || getContainingBlock(element) || win;
47931
48215
  }
47932
48216
  const getElementRects = async function (data) {
47933
48217
  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
47934
48218
  const getDimensionsFn = this.getDimensions;
48219
+ const floatingDimensions = await getDimensionsFn(data.floating);
47935
48220
  return {
47936
48221
  reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
47937
48222
  floating: {
47938
48223
  x: 0,
47939
48224
  y: 0,
47940
- ...(await getDimensionsFn(data.floating))
48225
+ width: floatingDimensions.width,
48226
+ height: floatingDimensions.height
47941
48227
  }
47942
48228
  };
47943
48229
  };
@@ -48005,9 +48291,11 @@ function observeMove(element, onMove) {
48005
48291
  return refresh();
48006
48292
  }
48007
48293
  if (!ratio) {
48294
+ // If the reference is clipped, the ratio is 0. Throttle the refresh
48295
+ // to prevent an infinite loop of updates.
48008
48296
  timeoutId = setTimeout(() => {
48009
48297
  refresh(false, 1e-7);
48010
- }, 100);
48298
+ }, 1000);
48011
48299
  } else {
48012
48300
  refresh(false, ratio);
48013
48301
  }
@@ -48111,6 +48399,15 @@ function autoUpdate(reference, floating, update, options) {
48111
48399
  };
48112
48400
  }
48113
48401
 
48402
+ /**
48403
+ * Modifies the placement by translating the floating element along the
48404
+ * specified axes.
48405
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
48406
+ * object may be passed.
48407
+ * @see https://floating-ui.com/docs/offset
48408
+ */
48409
+ const offset = offset$1;
48410
+
48114
48411
  /**
48115
48412
  * Optimizes the visibility of the floating element by choosing the placement
48116
48413
  * that has the most space available automatically, without needing to specify a
@@ -48282,7 +48579,7 @@ function S({
48282
48579
  s = document.createElement("style");
48283
48580
  s.id = t, s.type = "text/css", "top" === c && i.firstChild ? i.insertBefore(s, i.firstChild) : i.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e)), b[o] = !0;
48284
48581
  }
48285
- const g = async ({
48582
+ const E = async ({
48286
48583
  elementReference: e = null,
48287
48584
  tooltipReference: t = null,
48288
48585
  tooltipArrowReference: o = null,
@@ -48467,7 +48764,7 @@ const D = ({
48467
48764
  openOnClick: w = !1,
48468
48765
  positionStrategy: b = "absolute",
48469
48766
  middlewares: S,
48470
- wrapper: E,
48767
+ wrapper: g,
48471
48768
  delayShow: A = 0,
48472
48769
  delayHide: O = 0,
48473
48770
  float: k = !1,
@@ -48515,9 +48812,9 @@ const D = ({
48515
48812
  be = React.useRef(null),
48516
48813
  {
48517
48814
  anchorRefs: Se,
48518
- setActiveAnchor: Ee
48815
+ setActiveAnchor: ge
48519
48816
  } = I(r),
48520
- ge = React.useRef(!1),
48817
+ Ee = React.useRef(!1),
48521
48818
  [Ae, _e] = React.useState([]),
48522
48819
  Oe = React.useRef(!1),
48523
48820
  Te = w || h.includes("click"),
@@ -48614,17 +48911,17 @@ const D = ({
48614
48911
  },
48615
48912
  Ie = (e = O) => {
48616
48913
  se.current && clearTimeout(se.current), se.current = setTimeout(() => {
48617
- ge.current || xe(!1);
48914
+ Ee.current || xe(!1);
48618
48915
  }, e);
48619
48916
  },
48620
48917
  je = e => {
48621
48918
  var t;
48622
48919
  if (!e) return;
48623
48920
  const o = null !== (t = e.currentTarget) && void 0 !== t ? t : e.target;
48624
- if (!(null == o ? void 0 : o.isConnected)) return Q(null), void Ee({
48921
+ if (!(null == o ? void 0 : o.isConnected)) return Q(null), void ge({
48625
48922
  current: null
48626
48923
  });
48627
- A ? $e() : xe(!0), Q(o), Ee({
48924
+ A ? $e() : xe(!0), Q(o), ge({
48628
48925
  current: o
48629
48926
  }), se.current && clearTimeout(se.current);
48630
48927
  },
@@ -48648,7 +48945,7 @@ const D = ({
48648
48945
  bottom: t
48649
48946
  })
48650
48947
  };
48651
- g({
48948
+ E({
48652
48949
  place: null !== (o = null == ye ? void 0 : ye.place) && void 0 !== o ? o : v,
48653
48950
  offset: m,
48654
48951
  elementReference: r,
@@ -48689,7 +48986,7 @@ const D = ({
48689
48986
  Ve = React.useCallback(() => {
48690
48987
  var e, t;
48691
48988
  const o = null !== (e = null == ye ? void 0 : ye.position) && void 0 !== e ? e : V;
48692
- o ? ze(o) : k ? be.current && ze(be.current) : (null == J ? void 0 : J.isConnected) && g({
48989
+ o ? ze(o) : k ? be.current && ze(be.current) : (null == J ? void 0 : J.isConnected) && E({
48693
48990
  place: null !== (t = null == ye ? void 0 : ye.place) && void 0 !== t ? t : v,
48694
48991
  offset: m,
48695
48992
  elementReference: J,
@@ -48760,10 +49057,10 @@ const D = ({
48760
49057
  listener: De
48761
49058
  });
48762
49059
  const y = () => {
48763
- ge.current = !0;
49060
+ Ee.current = !0;
48764
49061
  },
48765
49062
  h = () => {
48766
- ge.current = !1, Be();
49063
+ Ee.current = !1, Be();
48767
49064
  };
48768
49065
  return N && !ke && (null === (e = ne.current) || void 0 === e || e.addEventListener("mouseenter", y), null === (t = ne.current) || void 0 === t || t.addEventListener("mouseleave", h)), a.forEach(({
48769
49066
  event: e,
@@ -48788,7 +49085,7 @@ const D = ({
48788
49085
  }, [J, Ve, me, Se, Ae, q, H, M, Te, A, O]), React.useEffect(() => {
48789
49086
  var e, t;
48790
49087
  let o = null !== (t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p) && void 0 !== t ? t : "";
48791
- !o && r && (o = `[data-tooltip-id='${r}']`);
49088
+ !o && r && (o = `[data-tooltip-id='${r.replace(/'/g, "\\'")}']`);
48792
49089
  const l = new MutationObserver(e => {
48793
49090
  const t = [],
48794
49091
  l = [];
@@ -48843,7 +49140,7 @@ const D = ({
48843
49140
  }), []), React.useEffect(() => {
48844
49141
  var e;
48845
49142
  let t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p;
48846
- if (!t && r && (t = `[data-tooltip-id='${r}']`), t) try {
49143
+ if (!t && r && (t = `[data-tooltip-id='${r.replace(/'/g, "\\'")}']`), t) try {
48847
49144
  const e = Array.from(document.querySelectorAll(t));
48848
49145
  _e(e);
48849
49146
  } catch (e) {
@@ -48869,7 +49166,7 @@ const D = ({
48869
49166
  activeAnchor: J,
48870
49167
  place: ue.place,
48871
49168
  isOpen: Boolean(me && !R && Fe && Ke)
48872
- })), me && !R && Fe ? React__default["default"].createElement(E, {
49169
+ })), me && !R && Fe ? React__default["default"].createElement(g, {
48873
49170
  id: r,
48874
49171
  role: re,
48875
49172
  className: classnames("react-tooltip", B.tooltip, z.tooltip, z[u], c, `react-tooltip__place-${ue.place}`, B[Ke ? "show" : "closing"], Ke ? "react-tooltip__show" : "react-tooltip__closing", "fixed" === b && B.fixed, N && B.clickable),
@@ -48882,7 +49179,7 @@ const D = ({
48882
49179
  opacity: void 0 !== te && Ke ? te : void 0
48883
49180
  },
48884
49181
  ref: ne
48885
- }, Fe, React__default["default"].createElement(E, {
49182
+ }, Fe, React__default["default"].createElement(g, {
48886
49183
  className: classnames("react-tooltip-arrow", B.arrow, z.arrow, i, x && B.noArrow),
48887
49184
  style: {
48888
49185
  ...ue.tooltipArrowStyles,
@@ -48915,8 +49212,8 @@ const D = ({
48915
49212
  events: w = ["hover"],
48916
49213
  openOnClick: b = !1,
48917
49214
  positionStrategy: S = "absolute",
48918
- middlewares: E,
48919
- delayShow: g = 0,
49215
+ middlewares: g,
49216
+ delayShow: E = 0,
48920
49217
  delayHide: _ = 0,
48921
49218
  float: O = !1,
48922
49219
  hidden: T = !1,
@@ -48947,14 +49244,14 @@ const D = ({
48947
49244
  [oe, re] = React.useState(v),
48948
49245
  [le, ne] = React.useState(p),
48949
49246
  [ce, ie] = React.useState(m),
48950
- [se, ae] = React.useState(g),
49247
+ [se, ae] = React.useState(E),
48951
49248
  [ue, de] = React.useState(_),
48952
49249
  [pe, ve] = React.useState(O),
48953
49250
  [me, fe] = React.useState(T),
48954
49251
  [ye, he] = React.useState(f),
48955
49252
  [we, be] = React.useState(w),
48956
- [Se, Ee] = React.useState(S),
48957
- [ge, Ae] = React.useState(null),
49253
+ [Se, ge] = React.useState(S),
49254
+ [Ee, Ae] = React.useState(null),
48958
49255
  [_e, Oe] = React.useState(null),
48959
49256
  Te = React.useRef(P),
48960
49257
  {
@@ -48997,10 +49294,10 @@ const D = ({
48997
49294
  },
48998
49295
  "position-strategy": e => {
48999
49296
  var t;
49000
- Ee(null !== (t = e) && void 0 !== t ? t : S);
49297
+ ge(null !== (t = e) && void 0 !== t ? t : S);
49001
49298
  },
49002
49299
  "delay-show": e => {
49003
- ae(null === e ? g : Number(e));
49300
+ ae(null === e ? E : Number(e));
49004
49301
  },
49005
49302
  "delay-hide": e => {
49006
49303
  de(null === e ? _ : Number(e));
@@ -49031,15 +49328,15 @@ const D = ({
49031
49328
  }, [p]), React.useEffect(() => {
49032
49329
  ie(m);
49033
49330
  }, [m]), React.useEffect(() => {
49034
- ae(g);
49035
- }, [g]), React.useEffect(() => {
49331
+ ae(E);
49332
+ }, [E]), React.useEffect(() => {
49036
49333
  de(_);
49037
49334
  }, [_]), React.useEffect(() => {
49038
49335
  ve(O);
49039
49336
  }, [O]), React.useEffect(() => {
49040
49337
  fe(T);
49041
49338
  }, [T]), React.useEffect(() => {
49042
- Ee(S);
49339
+ ge(S);
49043
49340
  }, [S]), React.useEffect(() => {
49044
49341
  Te.current !== P && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
49045
49342
  }, [P]), React.useEffect(() => {
@@ -49053,7 +49350,7 @@ const D = ({
49053
49350
  var e;
49054
49351
  const o = new Set(ke);
49055
49352
  let l = n;
49056
- if (!l && t && (l = `[data-tooltip-id='${t}']`), l) try {
49353
+ if (!l && t && (l = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`), l) try {
49057
49354
  document.querySelectorAll(l).forEach(e => {
49058
49355
  o.add({
49059
49356
  current: e
@@ -49110,7 +49407,7 @@ const D = ({
49110
49407
  id: t,
49111
49408
  anchorId: r,
49112
49409
  anchorSelect: n,
49113
- className: classnames(u, ge),
49410
+ className: classnames(u, Ee),
49114
49411
  classNameArrow: d,
49115
49412
  content: xe,
49116
49413
  contentWrapperRef: Ne,
@@ -49121,7 +49418,7 @@ const D = ({
49121
49418
  events: we,
49122
49419
  openOnClick: b,
49123
49420
  positionStrategy: Se,
49124
- middlewares: E,
49421
+ middlewares: g,
49125
49422
  delayShow: se,
49126
49423
  delayHide: ue,
49127
49424
  float: pe,
@@ -49174,7 +49471,7 @@ function ContextualHelp(_ref) {
49174
49471
  article = _useState2[0],
49175
49472
  setArticle = _useState2[1];
49176
49473
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
49177
- var tileData = findAppData(coreAppConfig.tiles || []) || {};
49474
+ var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
49178
49475
  var mihelpAppPath = !isCoreRoute ? tileData.mihelpAppPath : null;
49179
49476
  var isMihelpEnabled;
49180
49477
  if (isCoreRoute) {
@@ -49242,7 +49539,7 @@ function ContextualHelp(_ref) {
49242
49539
  };
49243
49540
  }();
49244
49541
  return /*#__PURE__*/React__default["default"].createElement("div", {
49245
- className: "utilities_ContextualHelp_ContextualHelp--snippetContainer",
49542
+ className: "utilities_contextualHelp_ContextualHelp--snippetContainer",
49246
49543
  ref: snippetContainerRef
49247
49544
  }, /*#__PURE__*/React__default["default"].createElement("span", {
49248
49545
  id: "helpSnippet1",
@@ -49251,13 +49548,13 @@ function ContextualHelp(_ref) {
49251
49548
  name: "question-circle",
49252
49549
  variant: "solid",
49253
49550
  style: {
49254
- color: "#1d5ab9",
49255
- fontSize: "22px"
49551
+ color: '#1d5ab9',
49552
+ fontSize: '22px'
49256
49553
  }
49257
49554
  })), /*#__PURE__*/React__default["default"].createElement(H, {
49258
49555
  anchorSelect: "#helpSnippet1",
49259
49556
  clickable: true,
49260
- className: "utilities_ContextualHelp_ContextualHelp--snippet",
49557
+ className: "utilities_contextualHelp_ContextualHelp--snippet",
49261
49558
  classNameArrow: "snippet-arrow"
49262
49559
  }, /*#__PURE__*/React__default["default"].createElement(Snippet, {
49263
49560
  article: article,