@copart/ops-tool-kit 1.8.1-alpha.1 → 1.8.1-alpha.11

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/dist/ops-tool-kit.js +490 -208
  4. package/dist/ops-tool-kit.js.map +1 -1
  5. package/package.json +108 -108
  6. package/changelog.md +0 -40
package/dist/ops-tool-kit.js CHANGED
@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
33
33
  var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
34
34
 
35
35
  const name$f = "@copart/ops-tool-kit";
36
- const version$5 = "1.8.1-alpha.1";
36
+ const version$5 = "1.8.1-alpha.11";
37
37
  const main$1 = "dist/ops-tool-kit.js";
38
38
  const style = "dist/ops-tool-kit.css";
39
39
  const files = [
@@ -232,10 +232,10 @@ function styleInject(css, ref) {
232
232
  }
233
233
  }
234
234
 
235
- var css_248z$j = ":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";
235
+ var css_248z$j = ":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";
236
236
  styleInject(css_248z$j);
237
237
 
238
- var css_248z$i = "* {\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";
238
+ var css_248z$i = "* {\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";
239
239
  styleInject(css_248z$i);
240
240
 
241
241
  function _typeof(obj) {
@@ -2585,13 +2585,11 @@ function set$1(target, path, value, options) {
2585
2585
 
2586
2586
  let opts = options || {};
2587
2587
  const isArray = Array.isArray(path);
2588
-
2589
2588
  if (!isArray && typeof path !== 'string') {
2590
2589
  return target;
2591
2590
  }
2592
2591
 
2593
2592
  let merge = opts.merge;
2594
-
2595
2593
  if (merge && typeof merge !== 'function') {
2596
2594
  merge = Object.assign;
2597
2595
  }
@@ -2634,7 +2632,8 @@ function result(target, path, value, merge) {
2634
2632
  function split(path, options) {
2635
2633
  const id = createKey(path, options);
2636
2634
  if (set$1.memo[id]) return set$1.memo[id];
2637
- const char = options && options.separator ? options.separator : '.';
2635
+
2636
+ const char = (options && options.separator) ? options.separator : '.';
2638
2637
  let keys = [];
2639
2638
  let res = [];
2640
2639
 
@@ -2646,32 +2645,25 @@ function split(path, options) {
2646
2645
 
2647
2646
  for (let i = 0; i < keys.length; i++) {
2648
2647
  let prop = keys[i];
2649
-
2650
2648
  while (prop && prop.slice(-1) === '\\' && keys[i + 1]) {
2651
2649
  prop = prop.slice(0, -1) + char + keys[++i];
2652
2650
  }
2653
-
2654
2651
  res.push(prop);
2655
2652
  }
2656
-
2657
2653
  set$1.memo[id] = res;
2658
2654
  return res;
2659
2655
  }
2660
2656
 
2661
2657
  function createKey(pattern, options) {
2662
2658
  let id = pattern;
2663
-
2664
2659
  if (typeof options === 'undefined') {
2665
2660
  return id + '';
2666
2661
  }
2667
-
2668
2662
  const keys = Object.keys(options);
2669
-
2670
2663
  for (let i = 0; i < keys.length; i++) {
2671
2664
  const key = keys[i];
2672
2665
  id += ';' + key + '=' + String(options[key]);
2673
2666
  }
2674
-
2675
2667
  return id;
2676
2668
  }
2677
2669
 
@@ -2864,9 +2856,9 @@ var createOpsStorage = function createOpsStorage() {
2864
2856
  },
2865
2857
 
2866
2858
  get hasCasAccess() {
2867
- var _getLocalItem3;
2859
+ var _getLocalItem3, _getLocalItem3$userDa;
2868
2860
 
2869
- return (_getLocalItem3 = getLocalItem('login')) === null || _getLocalItem3 === void 0 ? void 0 : _getLocalItem3.userData.hasCasAccess;
2861
+ return (_getLocalItem3 = getLocalItem('login')) === null || _getLocalItem3 === void 0 ? void 0 : (_getLocalItem3$userDa = _getLocalItem3.userData) === null || _getLocalItem3$userDa === void 0 ? void 0 : _getLocalItem3$userDa.hasCasAccess;
2870
2862
  },
2871
2863
 
2872
2864
  get activeYardNumber() {
@@ -2970,7 +2962,7 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
2970
2962
  error: 'You tried to use Breadcrumbs outside of its context.'
2971
2963
  };
2972
2964
 
2973
- var css_248z$h = ".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: 12px;\n color: rgba(242, 247, 255, 1);\n font-weight: 400;\n letter-spacing: 0.5px;\n margin-left: 3px;\n /* transition: all 0.2s; */\n text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);\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:not(:first-of-type) {\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:not(:first-of-type)::before {\n content: '\\E5CC';\n color: rgba(255, 255, 255, 0.70196);\n display: inline-block;\n font-family: 'Material Icons';\n font-size: 16px;\n margin-right: 4px;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--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: 600;\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}";
2965
+ var css_248z$h = ".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: 12px;\r\n color: rgba(242, 247, 255, 1);\r\n font-weight: 400;\r\n letter-spacing: 0.5px;\r\n margin-left: 3px;\r\n /* transition: all 0.2s; */\r\n text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);\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:not(:first-of-type) {\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:not(:first-of-type)::before {\r\n content: '\\E5CC';\r\n color: rgba(255, 255, 255, 0.70196);\r\n display: inline-block;\r\n font-family: 'Material Icons';\r\n font-size: 16px;\r\n margin-right: 4px;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--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: 600;\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}";
2974
2966
  styleInject(css_248z$h);
2975
2967
 
2976
2968
  var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
@@ -8697,6 +8689,42 @@ _curry1(function values(obj) {
8697
8689
 
8698
8690
  var values$1 = values;
8699
8691
 
8692
+ /**
8693
+ * Makes an ascending comparator function out of a function that returns a value
8694
+ * that can be compared with `<` and `>`.
8695
+ *
8696
+ * @func
8697
+ * @memberOf R
8698
+ * @since v0.23.0
8699
+ * @category Function
8700
+ * @sig Ord b => (a -> b) -> a -> a -> Number
8701
+ * @param {Function} fn A function of arity one that returns a value that can be compared
8702
+ * @param {*} a The first item to be compared.
8703
+ * @param {*} b The second item to be compared.
8704
+ * @return {Number} `-1` if fn(a) < fn(b), `1` if fn(b) < fn(a), otherwise `0`
8705
+ * @see R.descend
8706
+ * @example
8707
+ *
8708
+ * const byAge = R.ascend(R.prop('age'));
8709
+ * const people = [
8710
+ * { name: 'Emma', age: 70 },
8711
+ * { name: 'Peter', age: 78 },
8712
+ * { name: 'Mikhail', age: 62 },
8713
+ * ];
8714
+ * const peopleByYoungestFirst = R.sort(byAge, people);
8715
+ * //=> [{ name: 'Mikhail', age: 62 },{ name: 'Emma', age: 70 }, { name: 'Peter', age: 78 }]
8716
+ */
8717
+
8718
+ var ascend =
8719
+ /*#__PURE__*/
8720
+ _curry3(function ascend(fn, a, b) {
8721
+ var aa = fn(a);
8722
+ var bb = fn(b);
8723
+ return aa < bb ? -1 : aa > bb ? 1 : 0;
8724
+ });
8725
+
8726
+ var ascend$1 = ascend;
8727
+
8700
8728
  /**
8701
8729
  * Makes a shallow clone of an object, setting or overriding the specified
8702
8730
  * property with the given value. Note that this copies and flattens prototype
@@ -10860,6 +10888,57 @@ _curry2(function sort(comparator, list) {
10860
10888
 
10861
10889
  var sort$1 = sort;
10862
10890
 
10891
+ /**
10892
+ * Sorts a list according to a list of comparators.
10893
+ *
10894
+ * @func
10895
+ * @memberOf R
10896
+ * @since v0.23.0
10897
+ * @category Relation
10898
+ * @sig [(a, a) -> Number] -> [a] -> [a]
10899
+ * @param {Array} functions A list of comparator functions.
10900
+ * @param {Array} list The list to sort.
10901
+ * @return {Array} A new list sorted according to the comarator functions.
10902
+ * @example
10903
+ *
10904
+ * const alice = {
10905
+ * name: 'alice',
10906
+ * age: 40
10907
+ * };
10908
+ * const bob = {
10909
+ * name: 'bob',
10910
+ * age: 30
10911
+ * };
10912
+ * const clara = {
10913
+ * name: 'clara',
10914
+ * age: 40
10915
+ * };
10916
+ * const people = [clara, bob, alice];
10917
+ * const ageNameSort = R.sortWith([
10918
+ * R.descend(R.prop('age')),
10919
+ * R.ascend(R.prop('name'))
10920
+ * ]);
10921
+ * ageNameSort(people); //=> [alice, clara, bob]
10922
+ */
10923
+
10924
+ var sortWith =
10925
+ /*#__PURE__*/
10926
+ _curry2(function sortWith(fns, list) {
10927
+ return Array.prototype.slice.call(list, 0).sort(function (a, b) {
10928
+ var result = 0;
10929
+ var i = 0;
10930
+
10931
+ while (result === 0 && i < fns.length) {
10932
+ result = fns[i](a, b);
10933
+ i += 1;
10934
+ }
10935
+
10936
+ return result;
10937
+ });
10938
+ });
10939
+
10940
+ var sortWith$1 = sortWith;
10941
+
10863
10942
  /**
10864
10943
  * Checks if a list starts with the provided sublist.
10865
10944
  *
@@ -11080,8 +11159,7 @@ var regexCountry = /\.co\.([a-z]{2})/;
11080
11159
  var regexCobaltCountry = /\.copart\.([a-z]{2})/;
11081
11160
  var isLogoutRoute = ['logout'].includes(getRouteName());
11082
11161
  var isAuthRoute = ['login', 'logout', ''].includes(getRouteName());
11083
- var isCoreRoute = ['settings', 'home', 'webChat', ''].includes(getRouteName());
11084
- var isIframeRoute = ['embedded-apps', 'embedded'].includes(getRouteName());
11162
+ var isCoreRoute = ['settings', 'home', 'webChat', 'embedded', ''].includes(getRouteName());
11085
11163
  var getDomain = function getDomain(url) {
11086
11164
  var country = url.match(regexCountry);
11087
11165
  var countryCode = (country && country.length > 1 && country[1] || 'US').toUpperCase();
@@ -11100,7 +11178,7 @@ var getDomain = function getDomain(url) {
11100
11178
  }
11101
11179
  };
11102
11180
 
11103
- var css_248z$g = ".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";
11181
+ var css_248z$g = ".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";
11104
11182
  styleInject(css_248z$g);
11105
11183
 
11106
11184
  var ConfigFetcher =
@@ -21796,7 +21874,7 @@ var generateFeedbackEmail = function generateFeedbackEmail(props) {
21796
21874
  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 ");
21797
21875
  }; // NOTE: Cloned from ops-portal repo.
21798
21876
 
21799
- var css_248z$f = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\n color: #0d5db8;\n font-size: 15px;\n}\n";
21877
+ var css_248z$f = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\r\n color: #0d5db8;\r\n font-size: 15px;\r\n}\r\n";
21800
21878
  styleInject(css_248z$f);
21801
21879
 
21802
21880
  var FAQLink = function FAQLink() {
@@ -21811,7 +21889,7 @@ var FAQLink = function FAQLink() {
21811
21889
  }, locale('FAQs'));
21812
21890
  };
21813
21891
 
21814
- var css_248z$e = ".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";
21892
+ var css_248z$e = ".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";
21815
21893
  styleInject(css_248z$e);
21816
21894
 
21817
21895
  var FAQText = function FAQText() {
@@ -21822,7 +21900,7 @@ var FAQText = function FAQText() {
21822
21900
  }, locale('Please see'), " ", React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
21823
21901
  };
21824
21902
 
21825
- var css_248z$d = ".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";
21903
+ var css_248z$d = ".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";
21826
21904
  styleInject(css_248z$d);
21827
21905
 
21828
21906
  var DialogTitle = function DialogTitle() {
@@ -22077,7 +22155,7 @@ FeedbackDialog.defaultProps = {
22077
22155
  }
22078
22156
  };
22079
22157
 
22080
- var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n background-color: var(--blue);\n background-color: var(--blue);\n height: 64px;\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: space-between;\n align-items: center;\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-left: 5px;\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 display: flex;\n justify-content: flex-start;\n align-items: center;\n font-size: 13px;\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--yardNumber {\n margin-left: 10px;\n margin-right: 7px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n margin-left: 7px;\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.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n margin-left: 10px !important;\n margin-right: 5px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin-left: 10px !important;\n margin-right: 10px !important;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 7px;\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 margin-left: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n color: #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n position: absolute;\n display: flex;\n height: 100vh;\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: 402px;\n height: 38px;\n width: 38px;\n background-color: white;\n z-index: 11000;\n cursor: pointer;\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 .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n margin-left: 5px;\n margin-right: 2px;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n margin-left: 2px;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--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: 64px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\n{\n width: 50vw;\n position: absolute;\n right: 0;\n height: 90vh;\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: 10px;\n gap: 10px;\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: 1.25rem;\n border-radius: 50%;\n text-align: center;\n position: absolute;\n top: 2px;\n left: 8px;\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: 13px solid white;\n position: absolute;\n bottom: -13px;\n right: 3px;\n}\n";
22158
+ var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 64px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n display: flex;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n color: white;\r\n font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n width: 6rem;\r\n margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n margin-top: -0.2rem;\r\n margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Open Sans';\r\n font-style: italic;\r\n font-weight: 600;\r\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n color: #fff;\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n font-size: 14px;\r\n position: relative;\r\n left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n margin-left: 10px;\r\n margin-right: 7px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n color: white;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n margin: 5px;\r\n padding: 0px 10px;\r\n height: 25px;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n border: 1px solid #1d5ab9;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n color: red;\r\n margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n margin-left: 5px;\r\n display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n line-height: unset;\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n color: red;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n margin-left: 10px !important;\r\n margin-right: 5px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n top: 2px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n position: absolute;\r\n display: flex;\r\n height: 100vh;\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 402px;\r\n height: 38px;\r\n width: 38px;\r\n background-color: white;\r\n z-index: 11000;\r\n cursor: pointer;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n margin-left: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 2px;\r\n }\r\n}\r\n\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: 64px;\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: 50vw;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 64px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\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: 2px;\r\n left: 8px;\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--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: 13px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 3px;\r\n}\r\n";
22081
22159
  styleInject(css_248z$c);
22082
22160
 
22083
22161
  var LogOutMenu = function LogOutMenu(_ref) {
@@ -22100,7 +22178,7 @@ var LogOutMenu = function LogOutMenu(_ref) {
22100
22178
  }));
22101
22179
  };
22102
22180
 
22103
- var css_248z$b = ".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";
22181
+ var css_248z$b = ".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";
22104
22182
  styleInject(css_248z$b);
22105
22183
 
22106
22184
  var _styleModuleImportMap$6 = {
@@ -22137,7 +22215,7 @@ var Help = function Help(_ref) {
22137
22215
  })));
22138
22216
  };
22139
22217
 
22140
- var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\n /* TODO: Perfect the AppBar spacing. */\n margin-left: 7px !important;\n position: relative !important;\n top: 1px;\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";
22218
+ var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\r\n /* TODO: Perfect the AppBar spacing. */\r\n margin-left: 7px !important;\r\n position: relative !important;\r\n top: 1px;\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";
22141
22219
  styleInject(css_248z$a);
22142
22220
 
22143
22221
  var FeedbackButton = function FeedbackButton(props) {
@@ -22425,7 +22503,7 @@ var printerFields$1 = [_objectSpread2({}, defaultAutoSelectProps$1, {
22425
22503
  label: 'Dot Matrix Printers'
22426
22504
  })];
22427
22505
 
22428
- var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\n padding-right: 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\n width: 20%;\n}\n";
22506
+ var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\r\n padding-right: 0px;\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";
22429
22507
  styleInject(css_248z$9);
22430
22508
 
22431
22509
  // Properly populate printer options before feeding to autoselect
@@ -22575,7 +22653,7 @@ var getLanguages = function getLanguages() {
22575
22653
  }[selectedCountry];
22576
22654
  };
22577
22655
 
22578
- var css_248z$8 = "/* Simple Grid */\n[class*='col-'] {\n float: left;\n min-height: 1px;\n padding-right: 10px; /* column-space */\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}\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; /* column-space */\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 }\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 width: 100%;\n max-width: 1300px;\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}\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: flex-end;\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: fixed;\n z-index: 500;\n left: calc(50% - 30px);\n top: calc(50% - 30px);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\n padding: 10px;\n margin-bottom: 5px;\n width: 100%;\n outline: none;\n border: none;\n border-bottom: 1px solid #ddd;\n overflow: auto;\n}";
22656
+ var css_248z$8 = "/* Simple Grid */\r\n[class*='col-'] {\r\n float: left;\r\n min-height: 1px;\r\n padding-right: 10px; /* column-space */\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}\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; /* column-space */\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 }\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}\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: flex-end;\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}\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}";
22579
22657
  styleInject(css_248z$8);
22580
22658
 
22581
22659
  var getDescription$2 = function getDescription(languageOptions) {
@@ -23212,7 +23290,7 @@ var generateTestCallUrl = function generateTestCallUrl(_ref3) {
23212
23290
  });
23213
23291
  };
23214
23292
 
23215
- var css_248z$7 = ".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";
23293
+ var css_248z$7 = ".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";
23216
23294
  styleInject(css_248z$7);
23217
23295
 
23218
23296
  var PhoneNumberSettings = function PhoneNumberSettings(props) {
@@ -24689,7 +24767,7 @@ function (_React$Component) {
24689
24767
  return SettingsView;
24690
24768
  }(React__default["default"].Component);
24691
24769
 
24692
- var css_248z$6 = ".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: 0px 5px;\n font-size: 13px;\n display: flex;\n grid-gap: 8px;\n gap: 8px;\n width: 90%;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\n display: flex;\n color: #6c7a89;\n grid-gap: 10px;\n gap: 10px;\n width: 90%;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n overflow: hidden;\n width: 90%;\n font-weight: 600;\n /* autoprefixer: off */\n -webkit-box-orient: vertical;\n /* autoprefixer: on */\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}\n\n.utilities_ops-announcements_Banner--notificationInfoBox {\n display: flex;\n color: #6c7a89;\n grid-gap: 6px;\n gap: 6px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n grid-gap: 5px;\n gap: 5px;\n font-size: 13px;\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--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\n flex-direction: column;\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: 13px;\n flex: 1 1 0%;\n display: flex;\n flex-direction: column;\n grid-gap: 4px;\n gap: 4px;\n}";
24770
+ var css_248z$6 = ".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 /* display: flex;\r\n gap: 8px; */\r\n width: 95%;\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}\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}";
24693
24771
  styleInject(css_248z$6);
24694
24772
 
24695
24773
  var moment = createCommonjsModule(function (module, exports) {
@@ -35398,7 +35476,7 @@ function getNotificationSignatureToStore(notification) {
35398
35476
 
35399
35477
  function addNotificationToViewedList(notification) {
35400
35478
  try {
35401
- localStorage.setItem('viewedNotifications', _objectSpread2({}, getViewedNotifications(), _defineProperty({}, notification.notificationId, getNotificationSignatureToStore(notification))));
35479
+ localStorage.setItem('viewedNotifications', JSON.stringify(_objectSpread2({}, getViewedNotifications(), _defineProperty({}, notification.notificationId, getNotificationSignatureToStore(notification)))));
35402
35480
  } catch (err) {
35403
35481
  console.error(err);
35404
35482
  }
@@ -35422,23 +35500,27 @@ function isOutOfRange(startDate, endDate) {
35422
35500
  function filterOutExpiredNotifications(notifications) {
35423
35501
  return filter$1(function (_ref) {
35424
35502
  var startsAt = _ref.startsAt,
35425
- endsAt = _ref.endsAt;
35426
- return isOutOfRange(startsAt, endsAt);
35503
+ endsAt = _ref.endsAt,
35504
+ timeZoneType = _ref.timeZoneType;
35505
+ var startTime = timeZoneType === "Recipient TimeZone" || timeZoneType === "RPTZ" ? startsAt : moment.utc(startsAt).local().format("YYYY-MM-DD HH:mm:ss");
35506
+ var endTime = timeZoneType === "Recipient TimeZone" || timeZoneType === "RPTZ" ? endsAt : moment.utc(endsAt).local().format("YYYY-MM-DD HH:mm:ss");
35507
+ return isOutOfRange(startTime, endTime);
35427
35508
  })(notifications);
35428
35509
  }
35429
35510
 
35430
35511
  function filterOutNotificationForOtherAppsFirebase(notifications) {
35431
35512
  var currentApp = window.location.pathname === '/' ? 'opsportal-core' : window.location.pathname.split('/')[1];
35432
35513
  return filter$1(function (notification) {
35514
+ if (!notification.apps || !notification.apps.length) return true;
35433
35515
  return includes$1(currentApp, propOr$1([], 'apps', notification));
35434
35516
  })(notifications);
35435
35517
  }
35436
35518
 
35437
35519
  function filterOutNotificationForOtherApps(notifications) {
35438
- var currentApp = window.location.pathname === '/' ? 'home' : window.location.pathname.split('/')[1];
35520
+ var currentApp = window.location.pathname === '/' ? 'home' : window.location.pathname;
35439
35521
  var tilesConfig = storage$1.getLocalItem('opsportal-core:config').tiles || [];
35440
35522
  var tile = tilesConfig.find(function (item) {
35441
- return item.path === "/".concat(currentApp);
35523
+ return item.path === currentApp;
35442
35524
  }) || {};
35443
35525
  return notifications.filter(function (notification) {
35444
35526
  var targetApps = pathOr$1(null, ['targetAudience', 'targetApplications'])(notification);
@@ -35504,7 +35586,7 @@ function filterOutNotificationByAudience(notifications) {
35504
35586
  return usersList.includes(userEmail);
35505
35587
 
35506
35588
  case 'groups':
35507
- var groups = pathOr$1([], ['groups'])(notification);
35589
+ var groups = pathOr$1([], ['groups'])(target);
35508
35590
  return groups.some(function (group) {
35509
35591
  var users = pathOr$1([], ['users'])(group);
35510
35592
  return users.includes(userEmail) || users.includes('*');
@@ -35553,6 +35635,28 @@ function getLeafNodes(obj) {
35553
35635
  return [];
35554
35636
  }
35555
35637
  }
35638
+
35639
+ function getPriorityCode(category) {
35640
+ return {
35641
+ alert: 0,
35642
+ warning: 1,
35643
+ success: 1,
35644
+ information: 1
35645
+ }[category.toLowerCase()];
35646
+ }
35647
+
35648
+ function getDate(dateStr) {
35649
+ return new Date(dateStr) || '';
35650
+ }
35651
+
35652
+ function sortNotifications(notifications) {
35653
+ try {
35654
+ return sortWith$1([ascend$1(compose(getPriorityCode, prop$1('categoryDescription'))), descend$1(compose(getDate, prop$1('timeZoneType') === "SPTZ" || prop$1('timeZoneType') === "Specific TimeZone" ? moment.utc(prop$1('startsAt')).local().format("YYYY-MM-DD HH:mm:ss") : prop$1('startsAt')))], notifications);
35655
+ } catch (err) {
35656
+ console.error(err);
35657
+ return notifications;
35658
+ }
35659
+ }
35556
35660
  var notificationKeysMapper = {
35557
35661
  applications: 'apps',
35558
35662
  facilities: 'facilities',
@@ -35659,20 +35763,20 @@ var useWindowSize = function useWindowSize() {
35659
35763
  };
35660
35764
 
35661
35765
  var alertBackgroundColorMapping = {
35662
- alert: '#f5f5cb',
35663
- warning: '#fab9b9',
35766
+ alert: '#fab9b9',
35767
+ warning: '#f5f5cb',
35664
35768
  information: '#c1dcf5',
35665
35769
  success: 'rgb(192 234 204 / 54%)'
35666
35770
  };
35667
35771
  var alertInfoColorMapping = {
35668
- alert: 'rgb(240 182 79)',
35669
- warning: 'var(--primaryRed)',
35772
+ alert: 'var(--primaryRed)',
35773
+ warning: 'rgb(240 182 79)',
35670
35774
  information: 'var(--blue)',
35671
35775
  success: 'rgb(50 179 55)'
35672
35776
  };
35673
35777
  var alertToIconMapping = {
35674
- alert: 'Warning',
35675
- warning: 'Info',
35778
+ alert: 'Info',
35779
+ warning: 'Warning',
35676
35780
  information: 'Info',
35677
35781
  success: 'Accept'
35678
35782
  };
@@ -35688,26 +35792,26 @@ var Actions$1 = function Actions(_ref) {
35688
35792
  className: "utilities_ops-announcements_Banner--navBtnContainer"
35689
35793
  }, React__default["default"].createElement("span", {
35690
35794
  onClick: onLeftButtonClick,
35691
- style: {
35692
- marginTop: '3px'
35693
- }
35795
+ className: "utilities_ops-announcements_Banner--notificationLeftBtn"
35694
35796
  }, React__default["default"].createElement(coreComponents.Icon, {
35695
35797
  name: "arrow_back_ios",
35696
35798
  variant: "material",
35697
35799
  style: {
35698
- fontSize: '13px',
35800
+ fontSize: '16px',
35699
35801
  cursor: 'pointer'
35700
35802
  }
35701
- })), count > 1 && React__default["default"].createElement("div", null, React__default["default"].createElement("span", null, "".concat(current, "/").concat(count))), React__default["default"].createElement("span", {
35702
- onClick: onRightButtonClick,
35803
+ })), count > 1 && React__default["default"].createElement("div", null, React__default["default"].createElement("span", {
35703
35804
  style: {
35704
- marginTop: '3px'
35805
+ position: 'relative',
35806
+ top: '1px'
35705
35807
  }
35808
+ }, "".concat(current, "/").concat(count))), React__default["default"].createElement("span", {
35809
+ onClick: onRightButtonClick
35706
35810
  }, React__default["default"].createElement(coreComponents.Icon, {
35707
35811
  name: "arrow_forward_ios",
35708
35812
  variant: "material",
35709
35813
  style: {
35710
- fontSize: '13px',
35814
+ fontSize: '16px',
35711
35815
  cursor: 'pointer'
35712
35816
  }
35713
35817
  }))));
@@ -35715,6 +35819,7 @@ var Actions$1 = function Actions(_ref) {
35715
35819
 
35716
35820
  var Banner = function Banner(_ref2) {
35717
35821
  var content = _ref2.content,
35822
+ sourceApplication = _ref2.sourceApplication,
35718
35823
  categoryDescription = _ref2.categoryDescription,
35719
35824
  count = _ref2.count,
35720
35825
  current = _ref2.current,
@@ -35723,7 +35828,9 @@ var Banner = function Banner(_ref2) {
35723
35828
  onRightButtonClick = _ref2.onRightButtonClick,
35724
35829
  dismissibleFlag = _ref2.dismissibleFlag,
35725
35830
  onDismiss = _ref2.onDismiss,
35726
- startsAt = _ref2.startsAt,
35831
+ startsAt = _ref2.startsAt;
35832
+ _ref2.absStartsAt;
35833
+ var timeZoneType = _ref2.timeZoneType,
35727
35834
  showSideBar = _ref2.showSideBar;
35728
35835
  var contentBarRef = React__default["default"].useRef(null);
35729
35836
 
@@ -35742,9 +35849,12 @@ var Banner = function Banner(_ref2) {
35742
35849
 
35743
35850
  React__default["default"].useEffect(function () {
35744
35851
  setExpanded(false);
35745
- contentBarRef.current && setIsContentOverFlow(contentBarRef.current.offsetHeight < contentBarRef.current.scrollHeight);
35852
+ setTimeout(function () {
35853
+ contentBarRef.current && setIsContentOverFlow(contentBarRef.current.offsetHeight < contentBarRef.current.scrollHeight);
35854
+ }, 30);
35746
35855
  }, [current]);
35747
- var timeDiff = getTimeDiff(startsAt);
35856
+ var startTime = timeZoneType === "Recipient TimeZone" || timeZoneType === "RPTZ" ? startsAt : moment.utc(startsAt).local().format("YYYY-MM-DD HH:mm:ss");
35857
+ var timeDiff = getTimeDiff(startTime);
35748
35858
 
35749
35859
  var topNotificationBar = function topNotificationBar() {
35750
35860
  return React__default["default"].createElement("div", {
@@ -35767,7 +35877,7 @@ var Banner = function Banner(_ref2) {
35767
35877
  fontSize: '19px',
35768
35878
  color: alertInfoColorMapping[categoryDescription.toLowerCase()]
35769
35879
  }
35770
- })), React__default["default"].createElement("div", null, timeDiff, " -")), React__default["default"].createElement("div", {
35880
+ })), React__default["default"].createElement("div", null, sourceApplication && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff)), React__default["default"].createElement("div", {
35771
35881
  className: "utilities_ops-announcements_Banner--notificationBarContentBox",
35772
35882
  ref: contentBarRef,
35773
35883
  dangerouslySetInnerHTML: {
@@ -35785,11 +35895,8 @@ var Banner = function Banner(_ref2) {
35785
35895
  }
35786
35896
  }, React__default["default"].createElement(coreComponents.Icon, {
35787
35897
  name: expanded ? 'keyboard_double_arrow_up' : 'keyboard_double_arrow_down',
35788
- variant: "material",
35789
- style: {
35790
- fontSize: '15px'
35791
- }
35792
- })), dismissibleFlag && React__default["default"].createElement("div", {
35898
+ variant: "material"
35899
+ })), (dismissibleFlag === true || dismissibleFlag === "true") && React__default["default"].createElement("div", {
35793
35900
  style: {
35794
35901
  cursor: 'pointer',
35795
35902
  marginLeft: 'auto'
@@ -35797,10 +35904,7 @@ var Banner = function Banner(_ref2) {
35797
35904
  onClick: onDismiss
35798
35905
  }, React__default["default"].createElement(coreComponents.Icon, {
35799
35906
  name: "close",
35800
- variant: "material",
35801
- style: {
35802
- fontSize: '15px'
35803
- }
35907
+ variant: "material"
35804
35908
  })));
35805
35909
  };
35806
35910
 
@@ -35817,7 +35921,7 @@ var Banner = function Banner(_ref2) {
35817
35921
  }, React__default["default"].createElement(coreComponents.Icon, {
35818
35922
  name: alertToIconMapping[categoryDescription.toLowerCase()],
35819
35923
  style: {
35820
- fontSize: '18px',
35924
+ fontSize: '16px',
35821
35925
  color: alertInfoColorMapping[categoryDescription.toLowerCase()]
35822
35926
  }
35823
35927
  })), React__default["default"].createElement("div", {
@@ -35826,7 +35930,7 @@ var Banner = function Banner(_ref2) {
35826
35930
  style: {
35827
35931
  color: '#6c7a89'
35828
35932
  }
35829
- }, timeDiff, " -"), React__default["default"].createElement("div", {
35933
+ }, sourceApplication && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff), React__default["default"].createElement("div", {
35830
35934
  className: "utilities_ops-announcements_Banner--appBarContentBox",
35831
35935
  dangerouslySetInnerHTML: {
35832
35936
  __html: content
@@ -35856,17 +35960,18 @@ var Banner = function Banner(_ref2) {
35856
35960
  }, React__default["default"].createElement("div", {
35857
35961
  style: {
35858
35962
  display: 'flex',
35859
- gap: '5px'
35963
+ gap: '5px',
35964
+ minHeight: '27px'
35860
35965
  }
35861
35966
  }, React__default["default"].createElement("div", {
35862
35967
  className: "utilities_ops-announcements_Banner--tabNotificationInfoBox"
35863
35968
  }, React__default["default"].createElement("div", null, React__default["default"].createElement(coreComponents.Icon, {
35864
35969
  name: alertToIconMapping[categoryDescription.toLowerCase()],
35865
35970
  style: {
35866
- fontSize: '19px',
35971
+ fontSize: '16px',
35867
35972
  color: alertInfoColorMapping[categoryDescription.toLowerCase()]
35868
35973
  }
35869
- })), React__default["default"].createElement("div", null, timeDiff, " -")), React__default["default"].createElement("div", null, showNavButtons && React__default["default"].createElement(Actions$1, {
35974
+ })), React__default["default"].createElement("div", null, sourceApplication && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff)), React__default["default"].createElement("div", null, showNavButtons && React__default["default"].createElement(Actions$1, {
35870
35975
  onLeftButtonClick: onLeftButtonClick,
35871
35976
  count: count,
35872
35977
  current: current,
@@ -35915,7 +36020,7 @@ var Banner = function Banner(_ref2) {
35915
36020
  };
35916
36021
 
35917
36022
  var mainNotificationBar = function mainNotificationBar() {
35918
- return React__default["default"].createElement(React__default["default"].Fragment, null, showSideBar ? sideNotificationBar() : width >= 760 ? topNotificationBar() : mobileNotificationBar());
36023
+ return React__default["default"].createElement(React__default["default"].Fragment, null, showSideBar ? sideNotificationBar() : width >= 768 ? topNotificationBar() : mobileNotificationBar());
35919
36024
  };
35920
36025
 
35921
36026
  return mainNotificationBar();
@@ -35932,7 +36037,10 @@ var Notifications$1 = function Notifications(_ref) {
35932
36037
  i = _useState2[0],
35933
36038
  setI = _useState2[1];
35934
36039
 
35935
- var last = notifications.length - 1;
36040
+ var _useState3 = React.useState(notifications.length - 1),
36041
+ _useState4 = _slicedToArray(_useState3, 2),
36042
+ last = _useState4[0],
36043
+ setLast = _useState4[1];
35936
36044
 
35937
36045
  var onLeftButtonClick = function onLeftButtonClick() {
35938
36046
  return i === 0 ? setI(last) : setI(i - 1);
@@ -35942,6 +36050,13 @@ var Notifications$1 = function Notifications(_ref) {
35942
36050
  return i === last ? setI(0) : setI(i + 1);
35943
36051
  };
35944
36052
 
36053
+ React.useEffect(function () {
36054
+ if (notifications.length && notifications.length - 1 < i) {
36055
+ setI(notifications.length - 1);
36056
+ }
36057
+
36058
+ setLast(notifications.length - 1);
36059
+ }, [notifications]);
35945
36060
  var notification = notifications[i];
35946
36061
  return React__default["default"].createElement(React__default["default"].Fragment, null, !isNil$1(notification) && !showSideBar ? React__default["default"].createElement(Banner, _extends({
35947
36062
  current: i + 1,
@@ -36578,6 +36693,12 @@ var AppBar$1 = function AppBar(props) {
36578
36693
  return width > 760 ? '40vw' : width > 500 ? '70vw' : '80vw';
36579
36694
  };
36580
36695
 
36696
+ var closeSidebar = function closeSidebar(e) {
36697
+ if (e.target.className.includes("sideBarWrapper")) {
36698
+ setNotificationsVisible(false);
36699
+ }
36700
+ };
36701
+
36581
36702
  return React__default["default"].createElement("div", {
36582
36703
  "data-e2e": "cc-AppBar",
36583
36704
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--root"
@@ -36683,7 +36804,8 @@ var AppBar$1 = function AppBar(props) {
36683
36804
  backgroundColor: 'white'
36684
36805
  }
36685
36806
  })), notificationsVisible && React__default["default"].createElement("div", {
36686
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper"
36807
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper",
36808
+ onClick: closeSidebar
36687
36809
  }, React__default["default"].createElement("div", {
36688
36810
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv",
36689
36811
  style: {
@@ -36709,7 +36831,7 @@ var PHONE_STATUS = {
36709
36831
  Offline: 'Offline'
36710
36832
  };
36711
36833
 
36712
- var css_248z$5 = ".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";
36834
+ var css_248z$5 = ".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";
36713
36835
  styleInject(css_248z$5);
36714
36836
 
36715
36837
  var getFlagUri = function getFlagUri() {
@@ -36810,7 +36932,7 @@ var getFlexDomain = function getFlexDomain() {
36810
36932
  return ((_storage$getLocalItem3 = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem3 === void 0 ? void 0 : (_storage$getLocalItem4 = _storage$getLocalItem3.endpoints) === null || _storage$getLocalItem4 === void 0 ? void 0 : _storage$getLocalItem4.flexDomain) || 'https://flex.twilio.com';
36811
36933
  };
36812
36934
 
36813
- var css_248z$4 = "#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}";
36935
+ var css_248z$4 = "#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}";
36814
36936
  styleInject(css_248z$4);
36815
36937
 
36816
36938
  var _styleModuleImportMap$3 = {
@@ -41579,7 +41701,7 @@ var getActivePrinters = (function (printersData) {
41579
41701
  return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
41580
41702
  });
41581
41703
 
41582
- var css_248z$3 = ".utilities_ops-app-frame_PrinterDialog_PrinterDialog--printerSettings {\n width: 700px;\n padding: 10px;\n background: #f1f1f1;\n}\n\n.utilities_ops-app-frame_PrinterDialog_PrinterDialog--buttonBox {\n display: flex;\n width: 100%;\n justify-content: flex-end;\n padding-top: 5px;\n}";
41704
+ var css_248z$3 = ".utilities_ops-app-frame_PrinterDialog_PrinterDialog--printerSettings {\r\n width: 700px;\r\n padding: 10px;\r\n background: #f1f1f1;\r\n}\r\n\r\n.utilities_ops-app-frame_PrinterDialog_PrinterDialog--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-end;\r\n padding-top: 5px;\r\n}";
41583
41705
  styleInject(css_248z$3);
41584
41706
 
41585
41707
  var countryHeaders = {
@@ -41912,45 +42034,133 @@ var browser = {
41912
42034
  'version': version$3
41913
42035
  };
41914
42036
 
41915
- function fetchG2Notifications(updateNotifications) {
41916
- var coreAppConfig = storage.getLocalItem('opsportal-core:config');
42037
+ var generateQuery = function generateQuery(yardNumber, email) {
42038
+ var startDateTs = moment(new Date()).add(1, 'days').local().format("YYYY-MM-DDTHH:mm:ss[Z]");
42039
+ var EndDateTs = moment(new Date()).local().format("YYYY-MM-DDTHH:mm:ss[Z]");
42040
+ var startDateTsUTC = moment.utc(new Date()).add(1, 'days').format("YYYY-MM-DDTHH:mm:ss[Z]");
42041
+ var EndDateTsUTC = moment.utc(new Date()).format("YYYY-MM-DDTHH:mm:ss[Z]");
42042
+ var countryCode = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
42043
+ return "fq=(facilities:".concat(yardNumber, " OR user_details:\"").concat(email, "\" OR group_user_details:\"").concat(email, "\")&fq=((start_date_timezone:\"UTC\" AND end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTsUTC, "] AND end_date_ts_utc:[").concat(EndDateTsUTC, " TO *]) OR (!start_date_timezone:\"UTC\" AND !end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTs, "] AND end_date_ts_utc:[").concat(EndDateTs, " TO *]) OR (!start_date_timezone:\"UTC\" AND end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTs, "] AND end_date_ts_utc:[").concat(EndDateTsUTC, " TO *]))&fq=(operating_country_a3_code:\"").concat(countryCode, "\")&fq=status:A&rows=10000&q=*:*");
42044
+ };
42045
+
42046
+ var generateTargets = function generateTargets(notification) {
42047
+ var targets = [];
42048
+ notification.destination_type.map(function (type) {
42049
+ switch (type) {
42050
+ case "yards":
42051
+ targets.push({
42052
+ type: "yards",
42053
+ yards: notification.facilities
42054
+ });
42055
+ break;
42056
+
42057
+ case "users":
42058
+ targets.push({
42059
+ type: "users",
42060
+ emails: notification.user_details
42061
+ });
42062
+ break;
42063
+
42064
+ case "groups":
42065
+ targets.push({
42066
+ type: "groups",
42067
+ groups: [{
42068
+ name: notification.group_details[0],
42069
+ users: notification.group_user_details
42070
+ }]
42071
+ });
42072
+ break;
42073
+
42074
+ default:
42075
+ return;
42076
+ }
42077
+ });
42078
+ return targets;
42079
+ }; //url encode the query string
42080
+
42081
+
42082
+ function fetchG2Notifications(updateNotifications, updateAllNotificationsList) {
42083
+ var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
41917
42084
  var endpoints = coreAppConfig.endpoints;
42085
+ var query = generateQuery(storage$1.activeYardNumber, storage$1.userEmail);
41918
42086
  var headers = {
41919
- country: pathOr$1('', ['selectedCountryA3code'], storage.getSessionItem('dashboard'))
42087
+ collection: "notifications",
42088
+ serviceName: "notification",
42089
+ Country: storage$1.getSessionItem('dashboard', 'selectedCountryA3code'),
42090
+ Authorization: "bearer ".concat(storage$1.accessToken)
41920
42091
  };
41921
- fetcher.get(endpoints.getG2Notifications, {
42092
+ fetcher.get("".concat(endpoints.getG2NotificationsSolr, "?").concat(query), {
41922
42093
  headers: headers
41923
- }).then(function (resp) {
41924
- if (resp.status === 200) {
41925
- var notificationsList = pathOr$1([], ['data', 'response'], resp);
41926
- compose(updateNotifications, filterNotifications)(notificationsList);
41927
- } else {
41928
- console.log("Failed to Fetch Notifications");
41929
- }
41930
- }).catch(function (err) {
41931
- console.log(err);
42094
+ }).then(function (res) {
42095
+ var notificationsList = pathOr$1([], ['data', 'response', 'docs'], res);
42096
+ var modifiedNotifications = notificationsList.map(function (notification) {
42097
+ notification.startsAt = notification.start_date_ts_utc && notification.start_date_ts_utc.replace("T", " ").replace("Z", "");
42098
+ notification.endsAt = notification.end_date_ts_utc && notification.end_date_ts_utc.replace("T", " ").replace("Z", "");
42099
+ notification.categoryCode = notification.category_code;
42100
+ notification.categoryDescription = notification.category_description;
42101
+ notification.content = notification.notification_content;
42102
+ notification.countryCode = notification.operating_country_a3_code;
42103
+ notification.dismissibleFlag = notification.dismissal_flag;
42104
+ notification.feedUrl = notification.feed_url;
42105
+ notification.notificationId = notification.notification_id;
42106
+ notification.sourceApplication = notification.source_application;
42107
+ notification.sourcePlatform = notification.source_platform;
42108
+ notification.timeZoneType = notification.timezone_type;
42109
+ notification.targetAudience = {
42110
+ targetApplications: notification.applications ? [{
42111
+ platform: notification.source_platform,
42112
+ applications: notification.applications
42113
+ }] : null,
42114
+ targets: _toConsumableArray(generateTargets(notification))
42115
+ };
42116
+ return notification;
42117
+ });
42118
+ compose(updateNotifications, filterNotifications)(modifiedNotifications);
42119
+ updateAllNotificationsList(modifiedNotifications);
42120
+ }).catch(function (e) {
42121
+ console.log(e);
41932
42122
  });
41933
42123
  }
41934
42124
 
41935
- function startWebSocketConnection(updateNotifications) {
41936
- var coreAppConfig = storage.getLocalItem('opsportal-core:config');
41937
- var webSocketURL = coreAppConfig.webSocketURL;
41938
- var client = new browser.w3cwebsocket(webSocketURL);
42125
+ function startWebSocketConnection(updateNotifications, updateAllNotificationsList) {
42126
+ var _storage$getSessionIt, _storage$getSessionIt2;
41939
42127
 
41940
- client.onerror = function (err) {
41941
- return console.log("this is the error- ".concat(err));
41942
- };
42128
+ var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
42129
+ var webSocketURL = "".concat(coreAppConfig.webSocketURL, "/").concat((_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.selectedYard, ",").concat(storage$1.userEmail);
42130
+ browserCookies.set('notification_country', (_storage$getSessionIt2 = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt2 === void 0 ? void 0 : _storage$getSessionIt2.selectedCountryA3code, {
42131
+ domain: '.copart.com'
42132
+ });
42133
+ "bearer ".concat(storage$1.accessToken);
42134
+ document.cookie = "access_token=" + storage$1.accessToken + "; path=/;domain=.copart.com";
41943
42135
 
41944
- client.onopen = function () {
41945
- console.log("WebSocket connection has been opened");
41946
- };
42136
+ try {
42137
+ var client = new browser.w3cwebsocket(webSocketURL);
41947
42138
 
41948
- client.onmessage = function (message) {
41949
- var notification = message.data ? [JSON.parse(message.data)] : []; //const newNotification = filterNotifications(notification)
42139
+ client.onerror = function (err) {
42140
+ return console.log("error ", err);
42141
+ };
41950
42142
 
41951
- var newNotification = notification;
41952
- newNotification.length > 0 && updateNotifications(newNotification);
41953
- };
42143
+ client.onopen = function () {
42144
+ console.log("WebSocket connection has been opened");
42145
+ };
42146
+
42147
+ client.onmessage = function (message) {
42148
+ var notification = [];
42149
+
42150
+ try {
42151
+ notification = message.data ? [JSON.parse(message.data)] : [];
42152
+ var newNotification = notification;
42153
+ newNotification.length > 0 && compose(updateNotifications, filterNotifications)(newNotification);
42154
+ updateAllNotificationsList(newNotification);
42155
+ } catch (e) {
42156
+ console.log(e);
42157
+ }
42158
+ };
42159
+
42160
+ return client;
42161
+ } catch (e) {
42162
+ console.log("Web socket error ", e);
42163
+ }
41954
42164
  }
41955
42165
 
41956
42166
  /******************************************************************************
@@ -49711,7 +49921,89 @@ var getFireBaseNotifications = function getFireBaseNotifications(updateNotificat
49711
49921
  attachHandlers(updateNotifications);
49712
49922
  };
49713
49923
 
49714
- var css_248z$2 = ".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";
49924
+ var allAreTruthy = all$1(equals$1(true));
49925
+ var yardNumberAllowed = function yardNumberAllowed(yardNumber, tile) {
49926
+ var _tile$yardRules, _tile$yardRules$allow, _tile$yardRules2, _tile$yardRules3;
49927
+
49928
+ // Pass if yardNumber is specifically allowed or if it is not specifically denied.
49929
+ return ((_tile$yardRules = tile.yardRules) === null || _tile$yardRules === void 0 ? void 0 : (_tile$yardRules$allow = _tile$yardRules.allow) === null || _tile$yardRules$allow === void 0 ? void 0 : _tile$yardRules$allow.length) ? includes$1(yardNumber, (_tile$yardRules2 = tile.yardRules) === null || _tile$yardRules2 === void 0 ? void 0 : _tile$yardRules2.allow) : !includes$1(yardNumber, (_tile$yardRules3 = tile.yardRules) === null || _tile$yardRules3 === void 0 ? void 0 : _tile$yardRules3.deny);
49930
+ };
49931
+ var securityLevelAllowed = function securityLevelAllowed(securityLevel, tile) {
49932
+ var _tile$securityLevelRu, _tile$securityLevelRu2;
49933
+
49934
+ // Pass if securityLevel is not in not array or if greater than the lessThan array.
49935
+ return !includes$1(securityLevel, (_tile$securityLevelRu = tile.securityLevelRules) === null || _tile$securityLevelRu === void 0 ? void 0 : _tile$securityLevelRu.not) && ((_tile$securityLevelRu2 = tile.securityLevelRules) === null || _tile$securityLevelRu2 === void 0 ? void 0 : _tile$securityLevelRu2.lessThan) > Number(securityLevel);
49936
+ };
49937
+ var emailAddressAllowed = function emailAddressAllowed(emailAddress, tile) {
49938
+ var _tile$userRules, _tile$userRules2;
49939
+
49940
+ // Pass if no emails specified or if email is in allow array.
49941
+ return isEmpty$2((_tile$userRules = tile.userRules) === null || _tile$userRules === void 0 ? void 0 : _tile$userRules.allow) || includes$1(emailAddress, (_tile$userRules2 = tile.userRules) === null || _tile$userRules2 === void 0 ? void 0 : _tile$userRules2.allow);
49942
+ }; // permissionIds are for selected role only
49943
+
49944
+ var appFunctionIdAllowed = function appFunctionIdAllowed() {
49945
+ var coreAppPermissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
49946
+ var tile = arguments.length > 1 ? arguments[1] : undefined;
49947
+ var id = tile.appFunctionId;
49948
+
49949
+ if (!id) {
49950
+ return true; // not defined in config so just allow the tile to be viewed for now
49951
+ }
49952
+ /* else if (['view_miorg', 'view_mitime', 'view_midriverpay'].includes(id)) {
49953
+ // special case for miorg/mitime to check all permissions
49954
+ return includes(id, allPermissionIds)
49955
+ } else {
49956
+ return includes(id, permissionIds)
49957
+ } */
49958
+ // Check appfunction in opsportal-core permissions
49959
+ else {
49960
+ return !isEmpty$2(coreAppPermissions) && !isNil$1(coreAppPermissions.find(function (permission) {
49961
+ return permission.name === id;
49962
+ }));
49963
+ }
49964
+ };
49965
+ var stackIsAllowed = function stackIsAllowed(stack) {
49966
+ return stack ? stack === global.STACK : true;
49967
+ }; // require cas access is a configurable flag per tile
49968
+ // while hasAccess is defined at the user level determined by me service
49969
+
49970
+ var casAccessAllowed = function casAccessAllowed(hasCasAccess) {
49971
+ var requireCasAccess = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
49972
+ // this is just a check for usres who are currently logged in
49973
+ if (isNil$1(hasCasAccess)) return true;
49974
+ return requireCasAccess === false || requireCasAccess && hasCasAccess;
49975
+ };
49976
+
49977
+ var getUserData = function getUserData() {
49978
+ return {
49979
+ activeYardNumber: storage$1.activeYardNumber,
49980
+ securityLevel: storage$1.userSecurityLevel,
49981
+ emailAddress: storage$1.userEmail,
49982
+ permissionIds: storage$1.permissionIds,
49983
+ allPermissionIds: storage$1.allPermissionIds,
49984
+ hasCasAccess: storage$1.hasCasAccess,
49985
+ coreAppPermissions: storage$1.coreAppPermissions
49986
+ };
49987
+ };
49988
+
49989
+ var userHasAccess = function userHasAccess(tile) {
49990
+ var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getUserData();
49991
+ return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
49992
+ };
49993
+
49994
+ var accessHelpers = /*#__PURE__*/Object.freeze({
49995
+ __proto__: null,
49996
+ yardNumberAllowed: yardNumberAllowed,
49997
+ securityLevelAllowed: securityLevelAllowed,
49998
+ emailAddressAllowed: emailAddressAllowed,
49999
+ appFunctionIdAllowed: appFunctionIdAllowed,
50000
+ stackIsAllowed: stackIsAllowed,
50001
+ casAccessAllowed: casAccessAllowed,
50002
+ userHasAccess: userHasAccess,
50003
+ 'default': userHasAccess
50004
+ });
50005
+
50006
+ var css_248z$2 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n color: var(--white);\r\n color: var(--white);\r\n height: 64px;\r\n width: 100vw;\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\r\n margin-bottom: 2px;\r\n}\r\n\r\nbutton[name='Clear Cookies'] {\r\n font-size: 12px;\r\n opacity: 0.5;\r\n text-transform: uppercase;\r\n color: #f00;\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--left {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n";
49715
50007
  styleInject(css_248z$2);
49716
50008
 
49717
50009
  var APP_BAR_CONFIGS = {
@@ -49755,13 +50047,14 @@ var CountryFlag = function CountryFlag() {
49755
50047
  };
49756
50048
 
49757
50049
  var AppBar = function AppBar(_ref) {
49758
- var _storage$getSessionIt;
50050
+ var _storage$getSessionIt, _storage$getSessionIt2;
49759
50051
 
49760
50052
  var history = _ref.history,
49761
50053
  setAppBarMounted = _ref.setAppBarMounted,
49762
50054
  onSettingsSaved = _ref.onSettingsSaved,
49763
50055
  showTitle = _ref.showTitle,
49764
- title = _ref.title;
50056
+ title = _ref.title,
50057
+ pathname = _ref.pathname;
49765
50058
  SETTINGS_ITEMS[0].name = storage$1.userName; // Escape hatch for forceUpdate function
49766
50059
 
49767
50060
  var _useReducer = React.useReducer(function (x) {
@@ -49879,12 +50172,43 @@ var AppBar = function AppBar(_ref) {
49879
50172
  notifications = _useState6[0],
49880
50173
  setNotifications = _useState6[1];
49881
50174
 
50175
+ var _useState7 = React.useState([]),
50176
+ _useState8 = _slicedToArray(_useState7, 2),
50177
+ listOfAllNotifications = _useState8[0],
50178
+ setListOfAllNotifications = _useState8[1];
50179
+
50180
+ var _useState9 = React.useState(),
50181
+ _useState10 = _slicedToArray(_useState9, 2),
50182
+ socketClient = _useState10[0],
50183
+ setSocketClient = _useState10[1];
50184
+
50185
+ var _useState11 = React.useState(false),
50186
+ _useState12 = _slicedToArray(_useState11, 2),
50187
+ firebaseInitialized = _useState12[0],
50188
+ setFirebaseinitialized = _useState12[1];
50189
+
49882
50190
  var updateNotifications = function updateNotifications(newNotifications) {
49883
50191
  setNotifications(function (notifications) {
49884
- return [].concat(_toConsumableArray(notifications), _toConsumableArray(newNotifications));
50192
+ return filterDuplicateAndSave(notifications, newNotifications);
49885
50193
  });
49886
50194
  };
49887
50195
 
50196
+ var updateAllNotificationsList = function updateAllNotificationsList(newNotifications) {
50197
+ setListOfAllNotifications(function (notifications) {
50198
+ return filterDuplicateAndSave(notifications, newNotifications);
50199
+ });
50200
+ };
50201
+
50202
+ var filterDuplicateAndSave = function filterDuplicateAndSave(notifications, newNotifications) {
50203
+ var notificationIds = newNotifications.map(function (notification) {
50204
+ return notification.notificationId;
50205
+ });
50206
+ var filteredNotifications = notifications.filter(function (notification) {
50207
+ return !notificationIds.includes(notification.notificationId);
50208
+ });
50209
+ return sortNotifications([].concat(_toConsumableArray(newNotifications), _toConsumableArray(filteredNotifications)));
50210
+ };
50211
+
49888
50212
  var dismissNotification = function dismissNotification(notification) {
49889
50213
  addNotificationToViewedList(notification);
49890
50214
  setNotifications(function (notifications) {
@@ -49895,11 +50219,55 @@ var AppBar = function AppBar(_ref) {
49895
50219
  });
49896
50220
  };
49897
50221
 
50222
+ var selectedYard = (_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.selectedYard;
49898
50223
  React.useEffect(function () {
49899
- notificationsSource.includes('Nchan') && fetchG2Notifications(updateNotifications) && startWebSocketConnection(updateNotifications);
49900
- notificationsSource.includes('Firebase') && getFireBaseNotifications(updateNotifications);
49901
- }, []);
49902
- console.log("thisis");
50224
+ setNotifications([]);
50225
+ setListOfAllNotifications([]);
50226
+ socketClient && socketClient.close();
50227
+
50228
+ if (coreAppConfig && coreAppConfig.tiles) {
50229
+ var currentTile = history.location.pathname !== '/login' && coreAppConfig.tiles.find(function (tile) {
50230
+ return tile.path === window.location.pathname;
50231
+ });
50232
+ var tileConfigAccess = true;
50233
+
50234
+ if (currentTile) {
50235
+ tileConfigAccess = userHasAccess(currentTile);
50236
+ }
50237
+
50238
+ if (history.location.pathname !== '/logout' && history.location.pathname !== '/login' && localStorage.getItem('login') && tileConfigAccess) {
50239
+ if (notificationsSource.includes('Nchan')) {
50240
+ fetchG2Notifications(updateNotifications, updateAllNotificationsList);
50241
+ setSocketClient(startWebSocketConnection(updateNotifications, updateAllNotificationsList));
50242
+ }
50243
+
50244
+ if (!firebaseInitialized && notificationsSource.includes('Firebase')) {
50245
+ getFireBaseNotifications(updateNotifications);
50246
+ setFirebaseinitialized(true);
50247
+ }
50248
+ }
50249
+ }
50250
+ }, [selectedYard, pathname]);
50251
+ React.useEffect(function () {
50252
+ var interval = setInterval(function () {
50253
+ if (listOfAllNotifications.length) {
50254
+ compose(updateNotifications, filterNotifications)(listOfAllNotifications);
50255
+ }
50256
+ }, 20000);
50257
+ return function () {
50258
+ clearInterval(interval);
50259
+ };
50260
+ }, [listOfAllNotifications]);
50261
+ React.useEffect(function () {
50262
+ var expireNotificationsInterval = setInterval(function () {
50263
+ if (notifications.length) {
50264
+ setNotifications(filterOutExpiredNotifications(notifications));
50265
+ }
50266
+ }, 10000);
50267
+ return function () {
50268
+ clearInterval(expireNotificationsInterval);
50269
+ };
50270
+ }, [notifications]);
49903
50271
  var STACK = process.env.STACK || 'c';
49904
50272
  var modifiedSettings = SETTINGS_ITEMS;
49905
50273
  modifiedSettings[0]['name'] = storage$1.userName;
@@ -49920,7 +50288,7 @@ var AppBar = function AppBar(_ref) {
49920
50288
  userEmail: storage$1.userEmail,
49921
50289
  language: storage$1.activeLanguage,
49922
50290
  showSearchBar: false,
49923
- homeYard: (_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.homeYard,
50291
+ homeYard: (_storage$getSessionIt2 = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt2 === void 0 ? void 0 : _storage$getSessionIt2.homeYard,
49924
50292
  logoutItems: modifiedSettings,
49925
50293
  countryCode: storage$1.activeCountry,
49926
50294
  yardNumber: storage$1.activeYardNumber,
@@ -49958,95 +50326,12 @@ AppBar.defaultProps = {
49958
50326
  searchBarProps: {}
49959
50327
  };
49960
50328
 
49961
- var allAreTruthy = all$1(equals$1(true));
49962
- var yardNumberAllowed = function yardNumberAllowed(yardNumber, tile) {
49963
- var _tile$yardRules, _tile$yardRules$allow, _tile$yardRules2, _tile$yardRules3;
49964
-
49965
- // Pass if yardNumber is specifically allowed or if it is not specifically denied.
49966
- return ((_tile$yardRules = tile.yardRules) === null || _tile$yardRules === void 0 ? void 0 : (_tile$yardRules$allow = _tile$yardRules.allow) === null || _tile$yardRules$allow === void 0 ? void 0 : _tile$yardRules$allow.length) ? includes$1(yardNumber, (_tile$yardRules2 = tile.yardRules) === null || _tile$yardRules2 === void 0 ? void 0 : _tile$yardRules2.allow) : !includes$1(yardNumber, (_tile$yardRules3 = tile.yardRules) === null || _tile$yardRules3 === void 0 ? void 0 : _tile$yardRules3.deny);
49967
- };
49968
- var securityLevelAllowed = function securityLevelAllowed(securityLevel, tile) {
49969
- var _tile$securityLevelRu, _tile$securityLevelRu2;
49970
-
49971
- // Pass if securityLevel is not in not array or if greater than the lessThan array.
49972
- return !includes$1(securityLevel, (_tile$securityLevelRu = tile.securityLevelRules) === null || _tile$securityLevelRu === void 0 ? void 0 : _tile$securityLevelRu.not) && ((_tile$securityLevelRu2 = tile.securityLevelRules) === null || _tile$securityLevelRu2 === void 0 ? void 0 : _tile$securityLevelRu2.lessThan) > Number(securityLevel);
49973
- };
49974
- var emailAddressAllowed = function emailAddressAllowed(emailAddress, tile) {
49975
- var _tile$userRules, _tile$userRules2;
49976
-
49977
- // Pass if no emails specified or if email is in allow array.
49978
- return isEmpty$2((_tile$userRules = tile.userRules) === null || _tile$userRules === void 0 ? void 0 : _tile$userRules.allow) || includes$1(emailAddress, (_tile$userRules2 = tile.userRules) === null || _tile$userRules2 === void 0 ? void 0 : _tile$userRules2.allow);
49979
- }; // permissionIds are for selected role only
49980
-
49981
- var appFunctionIdAllowed = function appFunctionIdAllowed() {
49982
- var coreAppPermissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
49983
- var tile = arguments.length > 1 ? arguments[1] : undefined;
49984
- var id = tile.appFunctionId;
49985
-
49986
- if (!id) {
49987
- return true; // not defined in config so just allow the tile to be viewed for now
49988
- }
49989
- /* else if (['view_miorg', 'view_mitime', 'view_midriverpay'].includes(id)) {
49990
- // special case for miorg/mitime to check all permissions
49991
- return includes(id, allPermissionIds)
49992
- } else {
49993
- return includes(id, permissionIds)
49994
- } */
49995
- // Check appfunction in opsportal-core permissions
49996
- else {
49997
- return !isEmpty$2(coreAppPermissions) && !isNil$1(coreAppPermissions.find(function (permission) {
49998
- return permission.name === id;
49999
- }));
50000
- }
50001
- };
50002
- var stackIsAllowed = function stackIsAllowed(stack) {
50003
- return stack ? stack === global.STACK : true;
50004
- }; // require cas access is a configurable flag per tile
50005
- // while hasAccess is defined at the user level determined by me service
50006
-
50007
- var casAccessAllowed = function casAccessAllowed(hasCasAccess) {
50008
- var requireCasAccess = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
50009
- // this is just a check for usres who are currently logged in
50010
- if (isNil$1(hasCasAccess)) return true;
50011
- return requireCasAccess === false || requireCasAccess && hasCasAccess;
50012
- };
50013
-
50014
- var getUserData = function getUserData() {
50015
- return {
50016
- activeYardNumber: storage$1.activeYardNumber,
50017
- securityLevel: storage$1.userSecurityLevel,
50018
- emailAddress: storage$1.userEmail,
50019
- permissionIds: storage$1.permissionIds,
50020
- allPermissionIds: storage$1.allPermissionIds,
50021
- hasCasAccess: storage$1.hasCasAccess,
50022
- coreAppPermissions: storage$1.coreAppPermissions
50023
- };
50024
- };
50025
-
50026
- var userHasAccess = function userHasAccess(tile) {
50027
- var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getUserData();
50028
- return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
50029
- };
50030
-
50031
- var accessHelpers = /*#__PURE__*/Object.freeze({
50032
- __proto__: null,
50033
- yardNumberAllowed: yardNumberAllowed,
50034
- securityLevelAllowed: securityLevelAllowed,
50035
- emailAddressAllowed: emailAddressAllowed,
50036
- appFunctionIdAllowed: appFunctionIdAllowed,
50037
- stackIsAllowed: stackIsAllowed,
50038
- casAccessAllowed: casAccessAllowed,
50039
- userHasAccess: userHasAccess,
50040
- 'default': userHasAccess
50041
- });
50042
-
50043
- var css_248z$1 = ".utilities_ops-app-frame_AuthGuard_header--header {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n}";
50329
+ var css_248z$1 = ".utilities_ops-app-frame_AuthGuard_header--header {\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n}";
50044
50330
  styleInject(css_248z$1);
50045
50331
 
50046
50332
  var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
50047
50333
  var FAILED_AUTHENTICATION_CHECK_REASON = 'User is not authenticated. (Check localStorage.login.isAuthenticated.)';
50048
50334
  var AUTHENTICATED_AND_ON_CORE_ROUTE = 'Authenticated and entering core route.';
50049
- var AUTHENTICATED_AND_ON_IFRAME_ROUTE = 'Authenticated and entering iframe route.';
50050
50335
  var PASS_BECAUSE_RESTRICTIONS_DISABLED = 'SecurityLevel and Yard restrictions disabled.';
50051
50336
  var PATH_NOT_FOUND = 'Tile/Path does not exist';
50052
50337
  var NO_TILE_PERMISSION = 'Could not verify user access for the tile.';
@@ -50175,14 +50460,6 @@ function (_React$PureComponent) {
50175
50460
  return fetcher.getPermissions(appTile.appAuthName);
50176
50461
 
50177
50462
  case 20:
50178
- if (!isIframeRoute) {
50179
- _context.next = 22;
50180
- break;
50181
- }
50182
-
50183
- return _context.abrupt("return", this.allowAccess(AUTHENTICATED_AND_ON_IFRAME_ROUTE));
50184
-
50185
- case 22:
50186
50463
  // If there are rules, evaluate and act accordingly.
50187
50464
  tileConfigAccess = userHasAccess(appTile);
50188
50465
 
@@ -50192,7 +50469,7 @@ function (_React$PureComponent) {
50192
50469
  this.denyAccess(NO_TILE_PERMISSION);
50193
50470
  }
50194
50471
 
50195
- case 24:
50472
+ case 22:
50196
50473
  case "end":
50197
50474
  return _context.stop();
50198
50475
  }
@@ -50231,7 +50508,7 @@ var GoHome = function GoHome(props) {
50231
50508
  }, props.reason));
50232
50509
  };
50233
50510
 
50234
- var css_248z = ".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-shrink: 0;\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 height: 100%;\n}\n";
50511
+ var css_248z = ".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 height: 100%;\r\n flex: 1 1 auto;\r\n display: flex;\r\n flex-flow: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--pageWrapper {\r\n height: 100vh;\r\n display: flex;\r\n flex-flow: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--breadCrumbsWrapper {\r\n flex: 0 1 auto;\r\n}\r\n";
50235
50512
  styleInject(css_248z);
50236
50513
 
50237
50514
  if (!storage$1.activeYardNumber) {
@@ -50282,7 +50559,9 @@ var AppFrame = function AppFrame(props) {
50282
50559
  style: props.handleScrolling ? SCROLL : NO_SCROLL
50283
50560
  }, React__default["default"].createElement(BreadcrumbsProvider, {
50284
50561
  history: props.history
50285
- }, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement("div", null, React__default["default"].createElement("header", {
50562
+ }, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement("div", {
50563
+ className: "utilities_ops-app-frame_AppFrame_AppFrame--pageWrapper"
50564
+ }, React__default["default"].createElement("header", {
50286
50565
  className: "utilities_ops-app-frame_AppFrame_AppFrame--header"
50287
50566
  }, React__default["default"].createElement(AppBar, {
50288
50567
  searchBarProps: props.searchBarProps,
@@ -50292,11 +50571,14 @@ var AppFrame = function AppFrame(props) {
50292
50571
  return location.reload();
50293
50572
  },
50294
50573
  showTitle: props.showTitle || true,
50295
- title: props.appTitle
50296
- })), React__default["default"].createElement(Breadcrumbs, {
50574
+ title: props.appTitle,
50575
+ pathname: props.location.pathname
50576
+ })), React__default["default"].createElement("div", {
50577
+ className: "utilities_ops-app-frame_AppFrame_AppFrame--breadCrumbsWrapper"
50578
+ }, React__default["default"].createElement(Breadcrumbs, {
50297
50579
  history: props.history,
50298
50580
  pathname: window.location.pathname
50299
- }), React__default["default"].createElement("main", {
50581
+ })), React__default["default"].createElement("main", {
50300
50582
  className: "utilities_ops-app-frame_AppFrame_AppFrame--AppContainer"
50301
50583
  }, props.children))))));
50302
50584
  };