@copart/ops-tool-kit 1.5.29 → 1.5.33-alpha.1

package/dist/ops-tool-kit.js

@@ -18,14 +18,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -35,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 const name$e = "@copart/ops-tool-kit";
-const version$3 = "1.5.29";
+const version$3 = "1.5.33-alpha.1";
 const main = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -1925,7 +1923,7 @@ exports.__esModule = true;
 
 
 
-_interopRequireDefault(React__default['default']);
+_interopRequireDefault(React__default["default"]);
 
 
 
@@ -2068,7 +2066,7 @@ function createReactContext(defaultValue, calculateChangedBits) {
     };
 
     return Provider;
-  }(React__default['default'].Component);
+  }(React__default["default"].Component);
 
   Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = _propTypes2.default.object.isRequired, _Provider$childContex);
 
@@ -2132,7 +2130,7 @@ function createReactContext(defaultValue, calculateChangedBits) {
     };
 
     return Consumer;
-  }(React__default['default'].Component);
+  }(React__default["default"].Component);
 
   Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = _propTypes2.default.object, _Consumer$contextType);
   return {
@@ -2151,7 +2149,7 @@ exports.__esModule = true;
 
 
 
-var _react2 = _interopRequireDefault(React__default['default']);
+var _react2 = _interopRequireDefault(React__default["default"]);
 
 
 
@@ -2384,12 +2382,12 @@ var purist = function purist(Comp) {
       _createClass(PuristHOC, [{
         key: "render",
         value: function render() {
-          return React__default['default'].createElement(Comp, this.props);
+          return React__default["default"].createElement(Comp, this.props);
         }
       }]);
 
       return PuristHOC;
-    }(React__default['default'].Component)
+    }(React__default["default"].Component)
   );
 };
 
@@ -2420,7 +2418,7 @@ function (_React$Component2) {
   }]);
 
   return Purist;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 exports.purist = purist;
 exports.Purist = Purist;
@@ -7142,9 +7140,15 @@ function () {
         switch (_context.prev = _context.next) {
           case 0:
             query = querystringify_1.stringify(createQuery(activeYardNumber));
-            endpoint = storage$1.getLocalItem('opsportal-core:config').endpoints.yardNumbers;
+            endpoint = storage$1.getLocalItem('opsportal-core:config').endpoints.yardNumbersSearch;
             _context.next = 4;
-            return fetcher.get("".concat(endpoint, "?").concat(query));
+            return fetcher.get("".concat(endpoint, "?").concat(query), {
+              headers: {
+                collection: 'yards',
+                serviceName: 'opsportal',
+                Authorization: "bearer ".concat(storage$1.accessToken)
+              }
+            });
 
           case 4:
             _ref2 = _context.sent;
@@ -11112,7 +11116,7 @@ var regexCobaltCountry = /\.copart\.([a-z]{2})/;
 var isLogoutRoute = ['logout'].includes(getRouteName());
 var isAuthRoute = ['login', 'logout', ''].includes(getRouteName());
 var isCoreRoute = ['settings', 'home', 'webChat', ''].includes(getRouteName());
-var isIframeRoute = ['embedded-apps'].includes(getRouteName());
+var isIframeRoute = ['embedded-apps', 'embedded'].includes(getRouteName());
 var getDomain = function getDomain(url) {
   var country = url.match(regexCountry);
   var countryCode = (country && country.length > 1 && country[1] || 'US').toUpperCase();
@@ -11310,12 +11314,12 @@ var Portal$3 = function (_React$Component) {
         document.body.appendChild(this.defaultNode);
       }
 
-      return ReactDOM__default['default'].createPortal(this.props.children, this.props.node || this.defaultNode);
+      return ReactDOM__default["default"].createPortal(this.props.children, this.props.node || this.defaultNode);
     }
   }]);
 
   return Portal;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 Portal$3.propTypes = {
   children: propTypes.node.isRequired,
@@ -11393,7 +11397,7 @@ var Portal$2 = function (_React$Component) {
   }, {
     key: 'componentWillUnmount',
     value: function componentWillUnmount() {
-      ReactDOM__default['default'].unmountComponentAtNode(this.defaultNode || this.props.node);
+      ReactDOM__default["default"].unmountComponentAtNode(this.defaultNode || this.props.node);
 
       if (this.defaultNode) {
         document.body.removeChild(this.defaultNode);
@@ -11413,10 +11417,10 @@ var Portal$2 = function (_React$Component) {
       var children = this.props.children; // https://gist.github.com/jimfb/d99e0678e9da715ccf6454961ef04d1b
 
       if (typeof this.props.children.type === 'function') {
-        children = React__default['default'].cloneElement(this.props.children);
+        children = React__default["default"].cloneElement(this.props.children);
       }
 
-      this.portal = ReactDOM__default['default'].unstable_renderSubtreeIntoContainer(this, children, this.props.node || this.defaultNode);
+      this.portal = ReactDOM__default["default"].unstable_renderSubtreeIntoContainer(this, children, this.props.node || this.defaultNode);
     }
   }, {
     key: 'render',
@@ -11426,7 +11430,7 @@ var Portal$2 = function (_React$Component) {
   }]);
 
   return Portal;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 var LegacyPortal = Portal$2;
 Portal$2.propTypes = {
@@ -11436,7 +11440,7 @@ Portal$2.propTypes = {
 
 var Portal = void 0;
 
-if (ReactDOM__default['default'].createPortal) {
+if (ReactDOM__default["default"].createPortal) {
   Portal = Portalv4;
 } else {
   Portal = LegacyPortal;
@@ -22222,7 +22226,7 @@ var getPhoneStatusStyle = function getPhoneStatusStyle(status, theme) {
 
 var PhoneAvailableIcon = function PhoneAvailableIcon(_ref) {
   var theme = _ref.theme;
-  return React__default['default'].createElement(coreComponents.Icon, {
+  return React__default["default"].createElement(coreComponents.Icon, {
     name: "phone",
     variant: "material",
     style: theme === 'light' ? {
@@ -22241,33 +22245,33 @@ var PhoneUnavailableIcon = function PhoneUnavailableIcon(_ref2) {
       height = _ref2$height === void 0 ? '16px' : _ref2$height,
       _ref2$viewBox = _ref2.viewBox,
       viewBox = _ref2$viewBox === void 0 ? '0 0 18 18' : _ref2$viewBox;
-  return React__default['default'].createElement("svg", {
+  return React__default["default"].createElement("svg", {
     width: width,
     height: height,
     viewBox: viewBox
-  }, React__default['default'].createElement("g", {
+  }, React__default["default"].createElement("g", {
     id: "Cobalt---version-3.0",
     stroke: "none",
     strokeWidth: "1",
     fill: "none",
     fillRule: "evenodd"
-  }, React__default['default'].createElement("g", {
+  }, React__default["default"].createElement("g", {
     id: "Portal---Phone-Unavailable",
     transform: "translate(-1142.000000, -22.000000)"
-  }, React__default['default'].createElement("g", {
+  }, React__default["default"].createElement("g", {
     id: "Group-12",
     transform: "translate(1127.000000, 14.000000)"
-  }, React__default['default'].createElement("g", {
+  }, React__default["default"].createElement("g", {
     id: "baseline-local_phone-24px",
     transform: "translate(12.000000, 6.000000)"
-  }, React__default['default'].createElement("polygon", {
+  }, React__default["default"].createElement("polygon", {
     id: "Path",
     points: "0 0 24 0 24 24 0 24"
-  }), React__default['default'].createElement("path", {
+  }), React__default["default"].createElement("path", {
     d: "M6.62,10.79 C8.06,13.62 10.38,15.93 13.21,17.38 L15.41,15.18 C15.68,14.91 16.08,14.82 16.43,14.94 C17.55,15.31 18.76,15.51 20,15.51 C20.55,15.51 21,15.96 21,16.51 L21,20 C21,20.55 20.55,21 20,21 C10.61,21 3,13.39 3,4 C3,3.45 3.45,3 4,3 L7.5,3 C8.05,3 8.5,3.45 8.5,4 C8.5,5.25 8.7,6.45 9.07,7.57 C9.18,7.92 9.1,8.31 8.82,8.59 L6.62,10.79 Z",
     id: "Path",
     fill: "#F71241"
-  }), React__default['default'].createElement("polygon", {
+  }), React__default["default"].createElement("polygon", {
     id: "Path",
     fill: "#F71241",
     points: "22 3 21 2 17 6 13 2 12 3 16 7 12 11 13 12 17 8 21 12 22 11 18 7"
@@ -22285,26 +22289,26 @@ var PhoneStatus = function PhoneStatus(_ref3) {
       phoneStatus = _phoneStatusObject$ph === void 0 ? '' : _phoneStatusObject$ph,
       _phoneStatusObject$ph2 = phoneStatusObject.phoneStatusProcessing,
       phoneStatusProcessing = _phoneStatusObject$ph2 === void 0 ? false : _phoneStatusObject$ph2;
-  return React__default['default'].createElement(coreComponents.Tooltip, {
+  return React__default["default"].createElement(coreComponents.Tooltip, {
     content: phoneStatus
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     onClick: function onClick() {
       if (!phoneStatusProcessing) togglePhoneAvailability();
     },
     className: _getClassName(getPhoneStatusStyle(phoneStatus, theme), _styleModuleImportMap$5, {
       "handleMissingStyleName": "warn"
     })
-  }, phoneStatus === PHONE_STATUS.Available ? React__default['default'].createElement(PhoneAvailableIcon, {
+  }, phoneStatus === PHONE_STATUS.Available ? React__default["default"].createElement(PhoneAvailableIcon, {
     theme: theme
-  }) : null, phoneStatus === PHONE_STATUS.Offline ? React__default['default'].createElement(PhoneUnavailableIcon, theme === 'light' ? {
+  }) : null, phoneStatus === PHONE_STATUS.Offline ? React__default["default"].createElement(PhoneUnavailableIcon, theme === 'light' ? {
     viewBox: '0 0 24 24',
     width: '24px',
     height: '24px'
-  } : {}) : null, !phoneStatus ? React__default['default'].createElement(PhoneAvailableIcon, {
+  } : {}) : null, !phoneStatus ? React__default["default"].createElement(PhoneAvailableIcon, {
     theme: theme
-  }) : null, React__default['default'].createElement("div", null, phoneNumber), phoneStatusProcessing === true ? React__default['default'].createElement("div", {
+  }) : null, React__default["default"].createElement("div", null, phoneNumber), phoneStatusProcessing === true ? React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper"
-  }, React__default['default'].createElement(coreComponents.Spinner, {
+  }, React__default["default"].createElement(coreComponents.Spinner, {
     size: "xxs"
   })) : null));
 };
@@ -22597,9 +22601,9 @@ var STYLES = {
 var LanguageMenu = function LanguageMenu(props) {
   // TODO: Get stack from env tool. No props required.
   var languageOptions = getLanguages(props.selectedCountry, props.stack);
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4"
-  }, React__default['default'].createElement(coreComponents.AutoSelect, {
+  }, React__default["default"].createElement(coreComponents.AutoSelect, {
     options: Object.keys(languageOptions),
     selectedOption: props.selectedOption,
     value: props.value,
@@ -22643,9 +22647,9 @@ var RoleSelector$1 = function RoleSelector(_ref) {
       required = _ref$required === void 0 ? true : _ref$required;
       _ref.selectedYard;
       _ref.selectedCountryA3code;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4"
-  }, React__default['default'].createElement(coreComponents.AutoSelect, {
+  }, React__default["default"].createElement(coreComponents.AutoSelect, {
     name: "role",
     label: "Role",
     options: filterRoles$3(roles),
@@ -22688,9 +22692,9 @@ var YardNumberMenu$1 = function YardNumberMenu(_ref) {
       label = _ref.label,
       otherProps = _objectWithoutProperties(_ref, ["selectedYard", "name", "handleChange", "yardOptions", "label"]);
 
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4"
-  }, React__default['default'].createElement(coreComponents.AutoSelect, _extends({}, otherProps, {
+  }, React__default["default"].createElement(coreComponents.AutoSelect, _extends({}, otherProps, {
     name: name,
     value: selectedYard,
     options: Object.keys(yardOptions),
@@ -22866,9 +22870,9 @@ var optionStyleProps = {
 };
 
 var CurrencyMenu = function CurrencyMenu(props) {
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4"
-  }, React__default['default'].createElement(coreComponents.AutoSelect, {
+  }, React__default["default"].createElement(coreComponents.AutoSelect, {
     required: true,
     name: "selectedCurrency",
     label: "Currency for Lot Review",
@@ -23290,17 +23294,17 @@ var keysToBeDeleted = ['openEmailDialog', 'openPhoneDialog', 'searchParam', 'sel
 
 var RingCentralInfo$1 = function RingCentralInfo(_ref) {
   var phoneNumber = _ref.phoneNumber;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings"
-  }, React__default['default'].createElement("p", {
+  }, React__default["default"].createElement("p", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title"
-  }, "Phone Number"), React__default['default'].createElement("p", {
+  }, "Phone Number"), React__default["default"].createElement("p", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo"
-  }, React__default['default'].createElement("i", null, "Required to enable click to dial feature.")), React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("i", null, "Required to enable click to dial feature.")), React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow"
-  }, React__default['default'].createElement("span", {
+  }, React__default["default"].createElement("span", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField"
-  }, React__default['default'].createElement(coreComponents.Input, {
+  }, React__default["default"].createElement(coreComponents.Input, {
     id: "rcNumber",
     name: "rcNumber",
     label: "Ring Central Phone Number",
@@ -23726,64 +23730,64 @@ function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return React__default['default'].createElement("div", {
+      return React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm"
-      }, React__default['default'].createElement("div", {
+      }, React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body"
-      }, React__default['default'].createElement("form", null, React__default['default'].createElement("p", {
+      }, React__default["default"].createElement("form", null, React__default["default"].createElement("p", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle"
-      }, "Location And Language"), React__default['default'].createElement("div", {
+      }, "Location And Language"), React__default["default"].createElement("div", {
         className: "col-1-1 utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow",
         "data-e2e": "LocationAndLanguageRow"
-      }, React__default['default'].createElement(CurrencyMenu, {
+      }, React__default["default"].createElement(CurrencyMenu, {
         value: this.state.selectedCurrency,
         handleChange: this.handleInputChange.selectedCurrency
-      }), React__default['default'].createElement(YardNumberContainer, {
+      }), React__default["default"].createElement(YardNumberContainer, {
         history: this.yardsHistory,
         selectedYard: this.state.selectedYardNumber,
         handleChange: this.handleInputChange.selectedYardNumber,
         selectedCountry: this.state.selectedCountry
-      }), React__default['default'].createElement(RoleSelector$1, {
+      }), React__default["default"].createElement(RoleSelector$1, {
         roles: this.state.roles,
         value: this.state.selectedRole,
         handleChange: this.handleInputChange.selectedRole,
         selectedYard: this.state.selectedYardNumber,
         required: false
-      }), React__default['default'].createElement(LanguageMenu, {
+      }), React__default["default"].createElement(LanguageMenu, {
         value: this.state.selectedLanguage,
         handleChange: this.handleInputChange.selectedLanguage,
         selectedCountry: this.state.selectedCountry
-      })), React__default['default'].createElement("hr", {
+      })), React__default["default"].createElement("hr", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
-      }), React__default['default'].createElement("p", {
+      }), React__default["default"].createElement("p", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle"
-      }, "Printers"), React__default['default'].createElement(PrinterSettings, {
+      }, "Printers"), React__default["default"].createElement(PrinterSettings, {
         activePrinters: this.activePrinters,
         setPrinterData: this.setPrinterData,
         selectedYard: this.state.selectedYardNumber,
         selectedPrinterData: this.selectedPrinterData,
         printersData: this.state.printersData
-      })), React__default['default'].createElement("hr", {
+      })), React__default["default"].createElement("hr", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
-      }), this.state.ringCentralEnabled === false ? React__default['default'].createElement(PhoneNumberSettings, {
+      }), this.state.ringCentralEnabled === false ? React__default["default"].createElement(PhoneNumberSettings, {
         phoneNumber: this.state.phoneNumber,
         updatePhoneNumber: this.updatePhoneNumber
-      }) : this.state.ringCentralEnabled === true ? React__default['default'].createElement(RingCentralInfo$1, {
+      }) : this.state.ringCentralEnabled === true ? React__default["default"].createElement(RingCentralInfo$1, {
         phoneNumber: this.state.phoneNumber
-      }) : null, React__default['default'].createElement("hr", {
+      }) : null, React__default["default"].createElement("hr", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
-      }), React__default['default'].createElement("div", {
+      }), React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
         "data-e2e": "saveButton"
-      }, React__default['default'].createElement(coreComponents.Button, {
+      }, React__default["default"].createElement(coreComponents.Button, {
         primary: true,
         type: "submit",
         onClick: this.saveSettings
-      }, "Save"))), this.state.showLoading && React__default['default'].createElement("div", {
+      }, "Save"))), this.state.showLoading && React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
-      }, React__default['default'].createElement("div", {
+      }, React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
-      }, React__default['default'].createElement(coreComponents.Spinner, {
+      }, React__default["default"].createElement(coreComponents.Spinner, {
         size: "60px"
       }))));
     }
@@ -23801,7 +23805,7 @@ function (_React$Component) {
   }]);
 
   return SettingsView;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 var filterRoles$1 = function filterRoles(roles) {
   return roles.filter(function (role) {
@@ -23816,9 +23820,9 @@ var RoleSelector = function RoleSelector(_ref) {
       _ref$required = _ref.required,
       required = _ref$required === void 0 ? true : _ref$required;
       _ref.selectedYard;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3"
-  }, React__default['default'].createElement(coreComponents.AutoSelect, {
+  }, React__default["default"].createElement(coreComponents.AutoSelect, {
     name: "role",
     label: "Role",
     options: filterRoles$1(roles),
@@ -23885,7 +23889,7 @@ var transformCountriesOption = function transformCountriesOption(option) {
 };
 
 var renderMethod = function renderMethod(option) {
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "hierarchyOption",
     style: {
       color: 'black',
@@ -23895,7 +23899,7 @@ var renderMethod = function renderMethod(option) {
       overflow: 'hidden',
       textOverflow: 'ellipsis'
     }
-  }, React__default['default'].createElement("span", {
+  }, React__default["default"].createElement("span", {
     style: {
       color: option.isSelectable ? 'black' : 'grey'
     }
@@ -23911,14 +23915,14 @@ var HierarchySelector = function HierarchySelector(_ref) {
   var options = _ref.options,
       value = _ref.value,
       onChange = _ref.onChange;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3"
-  }, options.length === 0 ? React__default['default'].createElement(coreComponents.Input, {
+  }, options.length === 0 ? React__default["default"].createElement(coreComponents.Input, {
     label: "Hierarchy",
     name: "Hierarchy",
     placeholder: "Hierarchy",
     required: true
-  }) : null, options.length !== 0 ? React__default['default'].createElement(coreComponents.HierarchySelector, {
+  }) : null, options.length !== 0 ? React__default["default"].createElement(coreComponents.HierarchySelector, {
     label: "Hierarchy",
     name: "Hierarchy",
     options: options,
@@ -23936,7 +23940,7 @@ var HierarchyMenu = function HierarchyMenu(props) {
       handleChange = props.handleChange;
   var hierarchies = propOr$1([], 'country', hierarchiesData);
   var transFormedHierarchy = hierarchies.length > 0 ? hierarchies.map(transformCountriesOption) : [];
-  return React__default['default'].createElement(HierarchySelector, {
+  return React__default["default"].createElement(HierarchySelector, {
     options: transFormedHierarchy,
     value: value,
     onChange: function onChange(value) {
@@ -23953,9 +23957,9 @@ var YardNumberMenu = function YardNumberMenu(_ref) {
       var disabled = _ref.disabled,
       otherProps = _objectWithoutProperties(_ref, ["value", "handleChange", "yardOptions", "label", "disabled"]);
 
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3"
-  }, React__default['default'].createElement(coreComponents.AutoSelect, _extends({}, otherProps, {
+  }, React__default["default"].createElement(coreComponents.AutoSelect, _extends({}, otherProps, {
     name: "selectedYard",
     value: value,
     options: yardOptions,
@@ -23985,17 +23989,17 @@ var EMPTY_PRINTERS$1 = {
 
 var RingCentralInfo = function RingCentralInfo(_ref) {
   var phoneNumber = _ref.phoneNumber;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings"
-  }, React__default['default'].createElement("p", {
+  }, React__default["default"].createElement("p", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title"
-  }, "Phone Number"), React__default['default'].createElement("p", {
+  }, "Phone Number"), React__default["default"].createElement("p", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo"
-  }, React__default['default'].createElement("i", null, "Required to enable click to dial feature.")), React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("i", null, "Required to enable click to dial feature.")), React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow"
-  }, React__default['default'].createElement("span", {
+  }, React__default["default"].createElement("span", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField"
-  }, React__default['default'].createElement(coreComponents.Input, {
+  }, React__default["default"].createElement(coreComponents.Input, {
     id: "rcNumber",
     name: "rcNumber",
     label: "Ring Central Phone Number",
@@ -24621,60 +24625,60 @@ function (_React$Component) {
           yardOptions = _this$state.yardOptions,
           selectedHierarchy = _this$state.selectedHierarchy;
       var disableYardDropDown = propOr$1('country', 'level', selectedHierarchy) === 'yard';
-      return React__default['default'].createElement("div", {
+      return React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm"
-      }, React__default['default'].createElement("div", {
+      }, React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body"
-      }, React__default['default'].createElement("form", null, React__default['default'].createElement("p", {
+      }, React__default["default"].createElement("form", null, React__default["default"].createElement("p", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle"
-      }, "Hierarchy, Role And Yard"), React__default['default'].createElement("div", {
+      }, "Hierarchy, Role And Yard"), React__default["default"].createElement("div", {
         className: "col-1-1 utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow",
         "data-e2e": "LocationAndLanguageRow"
-      }, React__default['default'].createElement(RoleSelector, {
+      }, React__default["default"].createElement(RoleSelector, {
         roles: roles,
         value: selectedRole,
         selectedCountryA3code: this.state.selectedCountryA3code,
         handleChange: this.handleInputChange.selectedRole
-      }), React__default['default'].createElement(HierarchyMenu, {
+      }), React__default["default"].createElement(HierarchyMenu, {
         hierarchies: hierarchies,
         value: this.state.selectedHierarchyOption,
         handleChange: this.handleInputChange.selectedHierarchyOption
-      }), React__default['default'].createElement(YardNumberMenu, {
+      }), React__default["default"].createElement(YardNumberMenu, {
         yardOptions: yardOptions,
         disabled: disableYardDropDown,
         value: this.state.selectedYardNumber,
         handleChange: this.handleInputChange.selectedYardNumber
-      })), React__default['default'].createElement("hr", {
+      })), React__default["default"].createElement("hr", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
-      }), React__default['default'].createElement("p", {
+      }), React__default["default"].createElement("p", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle"
-      }, "Printers"), React__default['default'].createElement(PrinterSettings, {
+      }, "Printers"), React__default["default"].createElement(PrinterSettings, {
         activePrinters: this.activePrinters,
         setPrinterData: this.setPrinterData,
         selectedYard: this.state.selectedYardNumber,
         selectedPrinterData: this.selectedPrinterData,
         printersData: this.state.printersData
-      })), React__default['default'].createElement("hr", {
+      })), React__default["default"].createElement("hr", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
-      }), this.state.ringCentralEnabled === false ? React__default['default'].createElement(PhoneNumberSettings, {
+      }), this.state.ringCentralEnabled === false ? React__default["default"].createElement(PhoneNumberSettings, {
         phoneNumber: this.state.phoneNumber,
         updatePhoneNumber: this.updatePhoneNumber
-      }) : this.state.ringCentralEnabled === true ? React__default['default'].createElement(RingCentralInfo, {
+      }) : this.state.ringCentralEnabled === true ? React__default["default"].createElement(RingCentralInfo, {
         phoneNumber: this.state.phoneNumber
-      }) : null, React__default['default'].createElement("hr", {
+      }) : null, React__default["default"].createElement("hr", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
-      }), React__default['default'].createElement("div", {
+      }), React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
         "data-e2e": "saveButton"
-      }, React__default['default'].createElement(coreComponents.Button, {
+      }, React__default["default"].createElement(coreComponents.Button, {
         primary: true,
         type: "submit",
         onClick: this.saveSettings
-      }, "Save"))), this.state.showLoading && React__default['default'].createElement("div", {
+      }, "Save"))), this.state.showLoading && React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
-      }, React__default['default'].createElement("div", {
+      }, React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
-      }, React__default['default'].createElement(coreComponents.Spinner, {
+      }, React__default["default"].createElement(coreComponents.Spinner, {
         size: "60px"
       }))));
     }
@@ -24692,7 +24696,7 @@ function (_React$Component) {
   }]);
 
   return SettingsView;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 var useWindowSize = function useWindowSize() {
   var isClient = (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object';
@@ -24825,7 +24829,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
 
   var OverFlowIcon = function OverFlowIcon(_ref) {
     var name = _ref.name;
-    return React__default['default'].createElement(coreComponents.Icon, {
+    return React__default["default"].createElement(coreComponents.Icon, {
       name: name,
       variant: "material",
       style: {
@@ -24838,7 +24842,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
 
   var OverFlowText = function OverFlowText(_ref2) {
     var text = _ref2.text;
-    return React__default['default'].createElement("span", {
+    return React__default["default"].createElement("span", {
       style: {
         marginLeft: '5px'
       }
@@ -24849,30 +24853,30 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
     key: 'roleAndFlag',
     name: formatRole(role),
     onRender: function onRender(_, dismissMenu) {
-      return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement("div", {
+      return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
         onClick: function onClick() {
           navigateTo('/settings');
           dismissMenu();
         }
-      }, React__default['default'].createElement(OverFlowIcon, {
+      }, React__default["default"].createElement(OverFlowIcon, {
         name: "supervised_user_circle"
-      }), React__default['default'].createElement(OverFlowText, {
+      }), React__default["default"].createElement(OverFlowText, {
         text: formatRole(role)
       })));
     },
     renderIf: config.includes('role') || config.includes('flag'),
     render: function render() {
-      return React__default['default'].createElement("div", {
+      return React__default["default"].createElement("div", {
         id: "roleItem",
         className: "utilities_ops-app-frame_AppBarComponent_AppBar--item utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag",
         onClick: showSettingsInAppbar ? function () {
           return showCallout('roleItem');
         } : navigateTo('/settings')
-      }, config.includes('flag') ? React__default['default'].createElement(Flag$1, {
+      }, config.includes('flag') ? React__default["default"].createElement(Flag$1, {
         countryCode: countryCode,
         type: type
-      }) : null, config.includes('role') ? React__default['default'].createElement("div", {
+      }) : null, config.includes('role') ? React__default["default"].createElement("div", {
         "data-testid": "role"
       }, formatRole(role)) : null);
     }
@@ -24881,29 +24885,29 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
     name: yardNumber,
     renderIf: config.includes('yard'),
     onRender: function onRender(_, dismissMenu) {
-      return React__default['default'].createElement("div", {
+      return React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
         onClick: function onClick() {
           navigateTo('/settings');
           dismissMenu();
         }
-      }, React__default['default'].createElement(OverFlowIcon, {
+      }, React__default["default"].createElement(OverFlowIcon, {
         name: "domain"
-      }), React__default['default'].createElement(OverFlowText, {
+      }), React__default["default"].createElement(OverFlowText, {
         text: "Yard ".concat(yardNumber)
       }));
     },
     render: function render() {
-      return React__default['default'].createElement("div", {
+      return React__default["default"].createElement("div", {
         id: "yardItem",
         className: "utilities_ops-app-frame_AppBarComponent_AppBar--item utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber",
         onClick: showSettingsInAppbar ? function () {
           return showCallout('yardItem');
         } : navigateTo('/settings')
-      }, React__default['default'].createElement(coreComponents.Icon, {
+      }, React__default["default"].createElement(coreComponents.Icon, {
         name: "domain",
         variant: "material"
-      }), React__default['default'].createElement("div", {
+      }), React__default["default"].createElement("div", {
         "data-testid": "yardNumber",
         className: "utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber"
       }, yardNumber));
@@ -24912,7 +24916,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
     key: 'phoneStatus',
     name: phoneNumber,
     onRender: function onRender(_, dismissMenu) {
-      return React__default['default'].createElement(PhoneStatus, {
+      return React__default["default"].createElement(PhoneStatus, {
         config: config,
         theme: "light",
         phoneNumber: phoneNumber,
@@ -24926,7 +24930,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
     },
     renderIf: config.includes('phone') && phoneNumber,
     render: function render() {
-      return React__default['default'].createElement(PhoneStatus, {
+      return React__default["default"].createElement(PhoneStatus, {
         config: config,
         phoneNumber: phoneNumber,
         phoneStatusObject: phoneStatusObject,
@@ -24937,14 +24941,14 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
     key: 'feedback',
     name: 'Feedback',
     onRender: function onRender() {
-      return React__default['default'].createElement("div", {
+      return React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
         onClick: function onClick() {
           return props.toggleFeedbackDialog(true);
         }
-      }, React__default['default'].createElement(OverFlowIcon, {
+      }, React__default["default"].createElement(OverFlowIcon, {
         name: "feedback"
-      }), React__default['default'].createElement(OverFlowText, {
+      }), React__default["default"].createElement(OverFlowText, {
         text: "Feedback"
       }));
     },
@@ -24953,7 +24957,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
       return props.toggleFeedbackDialog(true);
     },
     render: function render() {
-      return React__default['default'].createElement(FeedbackButton, {
+      return React__default["default"].createElement(FeedbackButton, {
         onClick: function onClick() {
           return props.toggleFeedbackDialog(true);
         }
@@ -24964,23 +24968,23 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
     name: 'Logout',
     renderIf: true,
     onRender: function onRender(_, dismissMenu) {
-      return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement("div", {
+      return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
-      }, React__default['default'].createElement(OverFlowIcon, {
+      }, React__default["default"].createElement(OverFlowIcon, {
         name: "account_circle"
-      }), React__default['default'].createElement(OverFlowText, {
+      }), React__default["default"].createElement(OverFlowText, {
         text: propOr$1('', 'name', props.logoutItems[0])
-      })), React__default['default'].createElement("div", {
+      })), React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
         onClick: function onClick() {
           navigateTo('/settings');
           dismissMenu();
         }
-      }, React__default['default'].createElement(OverFlowIcon, {
+      }, React__default["default"].createElement(OverFlowIcon, {
         name: "settings"
-      }), React__default['default'].createElement(OverFlowText, {
+      }), React__default["default"].createElement(OverFlowText, {
         text: "Settings"
-      })), React__default['default'].createElement("div", {
+      })), React__default["default"].createElement("div", {
         className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
         onClick: function onClick(event) {
           props.onLogoutItemClicked(event, {
@@ -24989,14 +24993,14 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
           });
           dismissMenu();
         }
-      }, React__default['default'].createElement(OverFlowIcon, {
+      }, React__default["default"].createElement(OverFlowIcon, {
         name: "exit_to_app"
-      }), React__default['default'].createElement(OverFlowText, {
+      }), React__default["default"].createElement(OverFlowText, {
         text: "Logout"
       })));
     },
     render: function render() {
-      return React__default['default'].createElement(LogOutMenu, {
+      return React__default["default"].createElement(LogOutMenu, {
         items: props.logoutItems,
         onItemClick: props.onLogoutItemClicked
       });
@@ -25076,28 +25080,28 @@ var AppBar$1 = function AppBar(props) {
     return title || appTile.title || process.env.APP_TITLE;
   };
 
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     "data-e2e": "cc-AppBar",
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--root"
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems"
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     className: _getClassName(enableNewToolkitFeatures ? "copartLogoNew" : "copartLogo", _styleModuleImportMap$4, {
       "handleMissingStyleName": "warn"
     })
-  }, React__default['default'].createElement(CopartLogo, null), !enableNewToolkitFeatures && !isAuthRoute ? React__default['default'].createElement("div", {
+  }, React__default["default"].createElement(CopartLogo, null), !enableNewToolkitFeatures && !isAuthRoute ? React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--moduleName"
-  }, moduleName) : null, enableNewToolkitFeatures && showTitle ? React__default['default'].createElement("div", {
+  }, moduleName) : null, enableNewToolkitFeatures && showTitle ? React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--appTitle"
-  }, getTitle()) : null), React__default['default'].createElement("div", {
+  }, getTitle()) : null), React__default["default"].createElement("div", {
     id: "AppBarSearchBar",
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--searchBar"
-  }), React__default['default'].createElement("div", {
+  }), React__default["default"].createElement("div", {
     id: "AppBarPlaceholderDiv",
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv"
-  })), React__default['default'].createElement("div", {
+  })), React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems"
-  }, isLoggedOn ? React__default['default'].createElement(OverflowMenu, {
+  }, isLoggedOn ? React__default["default"].createElement(OverflowMenu, {
     key: "_".concat(width, "_").concat(count),
     items: generateAppBarElements(_objectSpread2({}, props, {
       toggleFeedbackDialog: toggleFeedbackDialog
@@ -25108,14 +25112,14 @@ var AppBar$1 = function AppBar(props) {
     overflowSetStyles: overflowSetStyles,
     overflowIcon: "CollapseMenu",
     overflowIconStyles: overflowIconStyles
-  }) : null), React__default['default'].createElement(FeedbackDialog, _extends({}, props, {
+  }) : null), React__default["default"].createElement(FeedbackDialog, _extends({}, props, {
     open: openFeedbackDialog,
     closeDialog: function closeDialog() {
       return toggleFeedbackDialog(false);
     },
     role: props.selectedRole || props.role,
     yardNumber: props.selectedYard || props.yardNumber
-  })), isCalloutVisible ? React__default['default'].createElement(Callout, {
+  })), isCalloutVisible ? React__default["default"].createElement(Callout, {
     ariaLabelledBy: "settings",
     ariaDescribedBy: "settings",
     role: "dialog",
@@ -25125,9 +25129,9 @@ var AppBar$1 = function AppBar(props) {
       return setCalloutVisible(false);
     },
     isBeakVisible: false
-  }, React__default['default'].createElement("div", null, !process.env.STACK || process.env.STACK === 'c' ? React__default['default'].createElement(SettingsView$1, {
+  }, React__default["default"].createElement("div", null, !process.env.STACK || process.env.STACK === 'c' ? React__default["default"].createElement(SettingsView$1, {
     onSave: onSave
-  }) : null, process.env.STACK === 'uk' ? React__default['default'].createElement(SettingsView, {
+  }) : null, process.env.STACK === 'uk' ? React__default["default"].createElement(SettingsView, {
     onSave: onSave
   }) : null)) : null);
 };
@@ -25300,44 +25304,44 @@ var IconComponent = function IconComponent(_ref) {
 
   switch (name) {
     case 'dialpad':
-      fieldDisplay = React__default['default'].createElement("svg", {
+      fieldDisplay = React__default["default"].createElement("svg", {
         width: "16px",
         height: "18px",
         viewBox: "0 0 16 22",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
-      }, React__default['default'].createElement("defs", null, React__default['default'].createElement("path", {
+      }, React__default["default"].createElement("defs", null, React__default["default"].createElement("path", {
         d: "M12,19 C10.9,19 10,19.9 10,21 C10,22.1 10.9,23 12,23 C13.1,23 14,22.1 14,21 C14,19.9 13.1,19 12,19 L12,19 Z M6,1 C4.9,1 4,1.9 4,3 C4,4.1 4.9,5 6,5 C7.1,5 8,4.1 8,3 C8,1.9 7.1,1 6,1 L6,1 Z M6,7 C4.9,7 4,7.9 4,9 C4,10.1 4.9,11 6,11 C7.1,11 8,10.1 8,9 C8,7.9 7.1,7 6,7 L6,7 Z M6,13 C4.9,13 4,13.9 4,15 C4,16.1 4.9,17 6,17 C7.1,17 8,16.1 8,15 C8,13.9 7.1,13 6,13 L6,13 Z M18,5 C19.1,5 20,4.1 20,3 C20,1.9 19.1,1 18,1 C16.9,1 16,1.9 16,3 C16,4.1 16.9,5 18,5 L18,5 Z M12,13 C10.9,13 10,13.9 10,15 C10,16.1 10.9,17 12,17 C13.1,17 14,16.1 14,15 C14,13.9 13.1,13 12,13 L12,13 Z M18,13 C16.9,13 16,13.9 16,15 C16,16.1 16.9,17 18,17 C19.1,17 20,16.1 20,15 C20,13.9 19.1,13 18,13 L18,13 Z M18,7 C16.9,7 16,7.9 16,9 C16,10.1 16.9,11 18,11 C19.1,11 20,10.1 20,9 C20,7.9 19.1,7 18,7 L18,7 Z M12,7 C10.9,7 10,7.9 10,9 C10,10.1 10.9,11 12,11 C13.1,11 14,10.1 14,9 C14,7.9 13.1,7 12,7 L12,7 Z M12,1 C10.9,1 10,1.9 10,3 C10,4.1 10.9,5 12,5 C13.1,5 14,4.1 14,3 C14,1.9 13.1,1 12,1 L12,1 Z",
         id: "path-dialpad"
-      })), React__default['default'].createElement("g", {
+      })), React__default["default"].createElement("g", {
         id: "Symbols",
         stroke: "none",
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Artboard",
         transform: "translate(-361.000000, -48.000000)"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Group",
         transform: "translate(357.000000, 47.000000)"
-      }, React__default['default'].createElement("polygon", {
+      }, React__default["default"].createElement("polygon", {
         id: "Bounds",
         points: "0 0 24 0 24 24 0 24"
-      }), React__default['default'].createElement("mask", {
+      }), React__default["default"].createElement("mask", {
         id: "mask-dialpad",
         fill: "white"
-      }, React__default['default'].createElement("use", {
+      }, React__default["default"].createElement("use", {
         xlinkHref: "#path-dialpad"
-      })), React__default['default'].createElement("use", {
+      })), React__default["default"].createElement("use", {
         id: "Mask",
         fill: "#000000",
         xlinkHref: "#path-dialpad"
-      }), React__default['default'].createElement("g", {
+      }), React__default["default"].createElement("g", {
         mask: "url(#mask-dialpad)",
         fill: "#000000",
         id: "Color-1"
-      }, React__default['default'].createElement("g", null, React__default['default'].createElement("rect", {
+      }, React__default["default"].createElement("g", null, React__default["default"].createElement("rect", {
         id: "Color-1",
         x: "0",
         y: "0",
@@ -25347,52 +25351,52 @@ var IconComponent = function IconComponent(_ref) {
       break;
 
     case 'reload':
-      fieldDisplay = React__default['default'].createElement("svg", {
+      fieldDisplay = React__default["default"].createElement("svg", {
         width: "18px",
         height: "20px",
         viewBox: "0 0 20 20",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Symbols",
         stroke: "none",
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Artboard-Copy",
         transform: "translate(-138.000000, -36.000000)",
         fill: "#171717",
         fillRule: "nonzero"
-      }, React__default['default'].createElement("path", {
+      }, React__default["default"].createElement("path", {
         d: "M148,56 C148.917969,56 149.803385,55.8811849 150.65625,55.6435547 C151.509115,55.4059245 152.306641,55.070638 153.048828,54.6376953 C153.791016,54.2047526 154.466471,53.6839193 155.075195,53.0751953 C155.683919,52.4664714 156.204753,51.7910156 156.637695,51.0488281 C157.070638,50.3066406 157.405924,49.5091146 157.643555,48.65625 C157.881185,47.8033854 158,46.9179688 158,46 C158,44.8802083 157.820964,43.804362 157.462891,42.7724609 C157.104818,41.7405599 156.601888,40.7998047 155.954102,39.9501953 C155.306315,39.1005859 154.533203,38.3649089 153.634766,37.7431641 C152.736328,37.1214193 151.746745,36.6640625 150.666016,36.3710938 L150.666016,36.3710938 L150.333984,37.5722656 C151.277995,37.8326823 152.142253,38.2347005 152.926758,38.7783203 C153.711263,39.3219401 154.386719,39.9648438 154.953125,40.7070312 C155.519531,41.4492188 155.960612,42.2727865 156.276367,43.1777344 C156.592122,44.0826823 156.75,45.0234375 156.75,46 C156.75,46.8072917 156.645833,47.5820312 156.4375,48.3242188 C156.229167,49.0664062 155.93457,49.7613932 155.553711,50.4091797 C155.172852,51.0569661 154.715495,51.6477865 154.181641,52.1816406 C153.647786,52.7154948 153.056966,53.1728516 152.40918,53.5537109 C151.761393,53.9345703 151.064779,54.2291667 150.319336,54.4375 C149.573893,54.6458333 148.800781,54.75 148,54.75 C147.192708,54.75 146.417969,54.6458333 145.675781,54.4375 C144.933594,54.2291667 144.238607,53.9345703 143.59082,53.5537109 C142.943034,53.1728516 142.352214,52.7154948 141.818359,52.1816406 C141.284505,51.6477865 140.827148,51.0569661 140.446289,50.4091797 C140.06543,49.7613932 139.770833,49.0647786 139.5625,48.3193359 C139.354167,47.5738932 139.25,46.8007812 139.25,46 C139.25,45.1601562 139.367188,44.343099 139.601562,43.5488281 C139.835938,42.7545573 140.171224,42.0139974 140.607422,41.3271484 C141.04362,40.6402995 141.569336,40.0218099 142.18457,39.4716797 C142.799805,38.9215495 143.488281,38.4641927 144.25,38.0996094 L144.25,38.0996094 L144.25,41 L145.5,41 L145.5,36 L140.5,36 L140.5,37.25 L143.175781,37.25 C142.375,37.6927083 141.655599,38.2249349 141.017578,38.8466797 C140.379557,39.4684245 139.837565,40.1585286 139.391602,40.9169922 C138.945638,41.6754557 138.602214,42.484375 138.361328,43.34375 C138.120443,44.203125 138,45.0885417 138,46 C138,46.9244792 138.118815,47.8115234 138.356445,48.6611328 C138.594076,49.5107422 138.929362,50.3066406 139.362305,51.0488281 C139.795247,51.7910156 140.316081,52.4664714 140.924805,53.0751953 C141.533529,53.6839193 142.208984,54.2047526 142.951172,54.6376953 C143.693359,55.070638 144.490885,55.4059245 145.34375,55.6435547 C146.196615,55.8811849 147.082031,56 148,56 Z",
         id: "icon_reload"
       }))));
       break;
 
     case 'accept':
-      fieldDisplay = React__default['default'].createElement("svg", {
+      fieldDisplay = React__default["default"].createElement("svg", {
         width: "36px",
         height: "25px",
         viewBox: "0 0 36 25",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
-      }, React__default['default'].createElement("defs", null, React__default['default'].createElement("polygon", {
+      }, React__default["default"].createElement("defs", null, React__default["default"].createElement("polygon", {
         id: "path-2",
         points: "7.5 13.475 4.025 10 2.84166667 11.175 7.5 15.8333333 17.5 5.83333333 16.325 4.65833333"
-      })), React__default['default'].createElement("g", {
+      })), React__default["default"].createElement("g", {
         id: "Symbols",
         stroke: "none",
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Artboard-Copy",
         transform: "translate(-234.000000, -33.000000)"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "icon_accept",
         transform: "translate(234.000000, 33.500000)"
-      }, React__default['default'].createElement("rect", {
+      }, React__default["default"].createElement("rect", {
         id: "Rectangle",
         fill: "#4B9D4F",
         x: "0",
@@ -25400,28 +25404,28 @@ var IconComponent = function IconComponent(_ref) {
         width: "36",
         height: "24",
         rx: "12"
-      }), React__default['default'].createElement("g", {
+      }), React__default["default"].createElement("g", {
         id: "icon_accept",
         transform: "translate(8.000000, 2.000000)"
-      }, React__default['default'].createElement("polygon", {
+      }, React__default["default"].createElement("polygon", {
         id: "Bounds",
         points: "0 0 20 0 20 20 0 20"
-      }), React__default['default'].createElement("mask", {
+      }), React__default["default"].createElement("mask", {
         id: "mask-3",
         fill: "white"
-      }, React__default['default'].createElement("use", {
+      }, React__default["default"].createElement("use", {
         xlinkHref: "#path-2"
-      })), React__default['default'].createElement("use", {
+      })), React__default["default"].createElement("use", {
         id: "Mask",
         fill: "#000000",
         xlinkHref: "#path-2"
-      }), React__default['default'].createElement("g", {
+      }), React__default["default"].createElement("g", {
         id: "Group",
         mask: "url(#mask-3)",
         fill: "#FFFFFF"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Color-2"
-      }, React__default['default'].createElement("rect", {
+      }, React__default["default"].createElement("rect", {
         id: "color-2",
         x: "0",
         y: "0",
@@ -25431,28 +25435,28 @@ var IconComponent = function IconComponent(_ref) {
       break;
 
     case 'reject':
-      fieldDisplay = React__default['default'].createElement("svg", {
+      fieldDisplay = React__default["default"].createElement("svg", {
         width: "36px",
         height: "25px",
         viewBox: "0 0 36 25",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
-      }, React__default['default'].createElement("defs", null, React__default['default'].createElement("polygon", {
+      }, React__default["default"].createElement("defs", null, React__default["default"].createElement("polygon", {
         id: "path-3",
         points: "15.8333333 5.34166667 14.6583333 4.16666667 10 8.825 5.34166667 4.16666667 4.16666667 5.34166667 8.825 10 4.16666667 14.6583333 5.34166667 15.8333333 10 11.175 14.6583333 15.8333333 15.8333333 14.6583333 11.175 10"
-      })), React__default['default'].createElement("g", {
+      })), React__default["default"].createElement("g", {
         id: "Symbols",
         stroke: "none",
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Artboard-Copy",
         transform: "translate(-290.000000, -33.000000)"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "icon_reject",
         transform: "translate(290.000000, 33.500000)"
-      }, React__default['default'].createElement("rect", {
+      }, React__default["default"].createElement("rect", {
         id: "Rectangle",
         fill: "#E53935",
         x: "0",
@@ -25460,28 +25464,28 @@ var IconComponent = function IconComponent(_ref) {
         width: "36",
         height: "24",
         rx: "12"
-      }), React__default['default'].createElement("g", {
+      }), React__default["default"].createElement("g", {
         id: "Icon_reject",
         transform: "translate(8.000000, 2.000000)"
-      }, React__default['default'].createElement("polygon", {
+      }, React__default["default"].createElement("polygon", {
         id: "Bounds",
         points: "0 0 20 0 20 20 0 20"
-      }), React__default['default'].createElement("mask", {
+      }), React__default["default"].createElement("mask", {
         id: "mask-4",
         fill: "white"
-      }, React__default['default'].createElement("use", {
+      }, React__default["default"].createElement("use", {
         xlinkHref: "#path-3"
-      })), React__default['default'].createElement("use", {
+      })), React__default["default"].createElement("use", {
         id: "Mask",
         fill: "#000000",
         xlinkHref: "#path-3"
-      }), React__default['default'].createElement("g", {
+      }), React__default["default"].createElement("g", {
         id: "Group",
         mask: "url(#mask-4)",
         fill: "#FFFFFF"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Color-3"
-      }, React__default['default'].createElement("rect", {
+      }, React__default["default"].createElement("rect", {
         id: "color-3",
         x: "0",
         y: "0",
@@ -25491,28 +25495,28 @@ var IconComponent = function IconComponent(_ref) {
       break;
 
     case 'wrapup':
-      fieldDisplay = React__default['default'].createElement("svg", {
+      fieldDisplay = React__default["default"].createElement("svg", {
         width: "36px",
         height: "24px",
         viewBox: "0 0 36 24",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
-      }, React__default['default'].createElement("defs", null, React__default['default'].createElement("path", {
+      }, React__default["default"].createElement("defs", null, React__default["default"].createElement("path", {
         d: "M10,7.5 C8.66666667,7.5 7.375,7.70833333 6.16666667,8.1 L6.16666667,10.6833333 C6.16666667,11.0083333 5.975,11.3 5.7,11.4333333 C4.88333333,11.8416667 4.14166667,12.3666667 3.48333333,12.975 C3.33333333,13.125 3.125,13.2083333 2.9,13.2083333 C2.66666667,13.2083333 2.45833333,13.1166667 2.30833333,12.9666667 L0.241666667,10.9 C0.0916666667,10.7583333 0,10.55 0,10.3166667 C0,10.0833333 0.0916666667,9.875 0.241666667,9.725 C2.78333333,7.31666667 6.21666667,5.83333333 10,5.83333333 C13.7833333,5.83333333 17.2166667,7.31666667 19.7583333,9.725 C19.9083333,9.875 20,10.0833333 20,10.3166667 C20,10.55 19.9083333,10.7583333 19.7583333,10.9083333 L17.6916667,12.975 C17.5416667,13.125 17.3333333,13.2166667 17.1,13.2166667 C16.875,13.2166667 16.6666667,13.125 16.5166667,12.9833333 C15.8583333,12.3666667 15.1083333,11.85 14.2916667,11.4416667 C14.0166667,11.3083333 13.825,11.025 13.825,10.6916667 L13.825,8.10833333 C12.625,7.70833333 11.3333333,7.5 10,7.5 L10,7.5 Z",
         id: "path-4"
-      })), React__default['default'].createElement("g", {
+      })), React__default["default"].createElement("g", {
         id: "Symbols",
         stroke: "none",
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Artboard-Copy",
         transform: "translate(-290.000000, -133.000000)"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "icon_complete_call",
         transform: "translate(290.000000, 133.000000)"
-      }, React__default['default'].createElement("rect", {
+      }, React__default["default"].createElement("rect", {
         id: "Rectangle",
         fill: "#1D5AB9",
         x: "0",
@@ -25520,28 +25524,28 @@ var IconComponent = function IconComponent(_ref) {
         width: "36",
         height: "24",
         rx: "12"
-      }), React__default['default'].createElement("g", {
+      }), React__default["default"].createElement("g", {
         id: "icon_accept",
         transform: "translate(8.000000, 2.000000)"
-      }, React__default['default'].createElement("polygon", {
+      }, React__default["default"].createElement("polygon", {
         id: "Bounds",
         points: "0 0 20 0 20 20 0 20"
-      }), React__default['default'].createElement("mask", {
+      }), React__default["default"].createElement("mask", {
         id: "mask-5",
         fill: "white"
-      }, React__default['default'].createElement("use", {
+      }, React__default["default"].createElement("use", {
         xlinkHref: "#path-4"
-      })), React__default['default'].createElement("use", {
+      })), React__default["default"].createElement("use", {
         id: "Mask",
         fill: "#000000",
         xlinkHref: "#path-4"
-      }), React__default['default'].createElement("g", {
+      }), React__default["default"].createElement("g", {
         id: "Group",
         mask: "url(#mask-5)",
         fill: "#FFFFFF"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Color"
-      }, React__default['default'].createElement("rect", {
+      }, React__default["default"].createElement("rect", {
         id: "color",
         x: "0",
         y: "0",
@@ -25551,28 +25555,28 @@ var IconComponent = function IconComponent(_ref) {
       break;
 
     case 'end':
-      fieldDisplay = React__default['default'].createElement("svg", {
+      fieldDisplay = React__default["default"].createElement("svg", {
         width: "36px",
         height: "24px",
         viewBox: "0 0 36 24",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
-      }, React__default['default'].createElement("defs", null, React__default['default'].createElement("path", {
+      }, React__default["default"].createElement("defs", null, React__default["default"].createElement("path", {
         d: "M10,7.5 C8.66666667,7.5 7.375,7.70833333 6.16666667,8.1 L6.16666667,10.6833333 C6.16666667,11.0083333 5.975,11.3 5.7,11.4333333 C4.88333333,11.8416667 4.14166667,12.3666667 3.48333333,12.975 C3.33333333,13.125 3.125,13.2083333 2.9,13.2083333 C2.66666667,13.2083333 2.45833333,13.1166667 2.30833333,12.9666667 L0.241666667,10.9 C0.0916666667,10.7583333 0,10.55 0,10.3166667 C0,10.0833333 0.0916666667,9.875 0.241666667,9.725 C2.78333333,7.31666667 6.21666667,5.83333333 10,5.83333333 C13.7833333,5.83333333 17.2166667,7.31666667 19.7583333,9.725 C19.9083333,9.875 20,10.0833333 20,10.3166667 C20,10.55 19.9083333,10.7583333 19.7583333,10.9083333 L17.6916667,12.975 C17.5416667,13.125 17.3333333,13.2166667 17.1,13.2166667 C16.875,13.2166667 16.6666667,13.125 16.5166667,12.9833333 C15.8583333,12.3666667 15.1083333,11.85 14.2916667,11.4416667 C14.0166667,11.3083333 13.825,11.025 13.825,10.6916667 L13.825,8.10833333 C12.625,7.70833333 11.3333333,7.5 10,7.5 L10,7.5 Z",
         id: "path-5"
-      })), React__default['default'].createElement("g", {
+      })), React__default["default"].createElement("g", {
         id: "Symbols",
         stroke: "none",
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Artboard-Copy",
         transform: "translate(-290.000000, -70.000000)"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "icon_end_call",
         transform: "translate(290.000000, 70.000000)"
-      }, React__default['default'].createElement("rect", {
+      }, React__default["default"].createElement("rect", {
         id: "Rectangle",
         fill: "#E53935",
         x: "0",
@@ -25580,28 +25584,28 @@ var IconComponent = function IconComponent(_ref) {
         width: "36",
         height: "24",
         rx: "12"
-      }), React__default['default'].createElement("g", {
+      }), React__default["default"].createElement("g", {
         id: "icon_end_call",
         transform: "translate(8.000000, 2.000000)"
-      }, React__default['default'].createElement("polygon", {
+      }, React__default["default"].createElement("polygon", {
         id: "Bounds",
         points: "0 0 20 0 20 20 0 20"
-      }), React__default['default'].createElement("mask", {
+      }), React__default["default"].createElement("mask", {
         id: "mask-6",
         fill: "white"
-      }, React__default['default'].createElement("use", {
+      }, React__default["default"].createElement("use", {
         xlinkHref: "#path-5"
-      })), React__default['default'].createElement("use", {
+      })), React__default["default"].createElement("use", {
         id: "Mask",
         fill: "#000000",
         xlinkHref: "#path-5"
-      }), React__default['default'].createElement("g", {
+      }), React__default["default"].createElement("g", {
         id: "Group",
         mask: "url(#mask-6)",
         fill: "#FFFFFF"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Color"
-      }, React__default['default'].createElement("rect", {
+      }, React__default["default"].createElement("rect", {
         id: "color",
         x: "0",
         y: "0",
@@ -25611,28 +25615,28 @@ var IconComponent = function IconComponent(_ref) {
       break;
 
     case 'in_call':
-      fieldDisplay = React__default['default'].createElement("svg", {
+      fieldDisplay = React__default["default"].createElement("svg", {
         width: "20px",
         height: "20px",
         viewBox: "0 0 20 20",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Symbols",
         stroke: "none",
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Artboard-Copy",
         transform: "translate(-266.000000, -163.000000)"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "phone-in-progress-icon",
         transform: "translate(266.000000, 163.000000)"
-      }, React__default['default'].createElement("polygon", {
+      }, React__default["default"].createElement("polygon", {
         id: "bounds",
         points: "0 0 20 0 20 20 0 20"
-      }), React__default['default'].createElement("path", {
+      }), React__default["default"].createElement("path", {
         d: "M16.6666667,12.9166667 C15.625,12.9166667 14.625,12.75 13.6916667,12.4416667 C13.4,12.35 13.075,12.4166667 12.8416667,12.6416667 L11.0083333,14.475 C8.65,13.275 6.71666667,11.35 5.51666667,8.98333333 L7.35,7.14166667 C7.58333333,6.925 7.65,6.6 7.55833333,6.30833333 C7.25,5.375 7.08333333,4.375 7.08333333,3.33333333 C7.08333333,2.875 6.70833333,2.5 6.25,2.5 L3.33333333,2.5 C2.875,2.5 2.5,2.875 2.5,3.33333333 C2.5,11.1583333 8.84166667,17.5 16.6666667,17.5 C17.125,17.5 17.5,17.125 17.5,16.6666667 L17.5,13.75 C17.5,13.2916667 17.125,12.9166667 16.6666667,12.9166667 Z M15.8333333,10 L17.5,10 C17.5,5.85833333 14.1416667,2.5 10,2.5 L10,4.16666667 C13.225,4.16666667 15.8333333,6.775 15.8333333,10 Z M12.5,10 L14.1666667,10 C14.1666667,7.7 12.3,5.83333333 10,5.83333333 L10,7.5 C11.3833333,7.5 12.5,8.61666667 12.5,10 Z",
         id: "in-progress-icon",
         fill: "#1D5AB9",
@@ -25641,28 +25645,28 @@ var IconComponent = function IconComponent(_ref) {
       break;
 
     case 'conference':
-      fieldDisplay = React__default['default'].createElement("svg", {
+      fieldDisplay = React__default["default"].createElement("svg", {
         width: "20px",
         height: "20px",
         viewBox: "0 0 20 20",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Symbols",
         stroke: "none",
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Artboard-Copy",
         transform: "translate(-266.000000, -114.000000)"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "phone-conference-icon",
         transform: "translate(266.000000, 114.000000)"
-      }, React__default['default'].createElement("polygon", {
+      }, React__default["default"].createElement("polygon", {
         id: "bounds",
         points: "0 0 20 0 20 20 0 20"
-      }), React__default['default'].createElement("path", {
+      }), React__default["default"].createElement("path", {
         d: "M5.25,2.5 C5.70833333,2.5 6.08333333,2.875 6.08333333,3.33333333 C6.08333333,4.375 6.25,5.375 6.55833333,6.30833333 C6.65,6.6 6.58333333,6.925 6.35,7.14166667 L6.35,7.14166667 L4.51666667,8.98333333 C5.71666667,11.35 7.65,13.275 10.0083333,14.475 L10.0083333,14.475 L11.8416667,12.6416667 C12.075,12.4166667 12.4,12.35 12.6916667,12.4416667 C13.625,12.75 14.625,12.9166667 15.6666667,12.9166667 C16.125,12.9166667 16.5,13.2916667 16.5,13.75 L16.5,13.75 L16.5,16.6666667 C16.5,17.125 16.125,17.5 15.6666667,17.5 C7.84166667,17.5 1.5,11.1583333 1.5,3.33333333 C1.5,2.875 1.875,2.5 2.33333333,2.5 L2.33333333,2.5 Z M11.5,7 C12.665,7 15,7.585 15,8.75 L15,8.75 L15,10 L8,10 L8,8.75 C8,7.585 10.335,7 11.5,7 Z M15.5,7 C16.665,7 19,7.585 19,8.75 L19,8.75 L19,10 L16,10 L16,8.75 C16,8.01 15.595,7.445 15.015,7.025 C15.19,7.01 15.355,7 15.5,7 Z M15.5,3 C16.33,3 16.995,3.67 16.995,4.5 C16.995,5.33 16.33,6 15.5,6 C14.67,6 14,5.33 14,4.5 C14,3.67 14.67,3 15.5,3 Z M11.5,3 C12.33,3 12.995,3.67 12.995,4.5 C12.995,5.33 12.33,6 11.5,6 C10.67,6 10,5.33 10,4.5 C10,3.67 10.67,3 11.5,3 Z",
         id: "conference-icon",
         fill: "#1D5AB9",
@@ -25671,28 +25675,28 @@ var IconComponent = function IconComponent(_ref) {
       break;
 
     case 'wrapping':
-      fieldDisplay = React__default['default'].createElement("svg", {
+      fieldDisplay = React__default["default"].createElement("svg", {
         width: "20px",
         height: "20px",
         viewBox: "0 0 20 20",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Symbols",
         stroke: "none",
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "Artboard-Copy",
         transform: "translate(-266.000000, -188.000000)"
-      }, React__default['default'].createElement("g", {
+      }, React__default["default"].createElement("g", {
         id: "phone-wrap-up-icon",
         transform: "translate(266.000000, 188.000000)"
-      }, React__default['default'].createElement("polygon", {
+      }, React__default["default"].createElement("polygon", {
         id: "bounds",
         points: "0 0 20 0 20 20 0 20"
-      }), React__default['default'].createElement("path", {
+      }), React__default["default"].createElement("path", {
         d: "M6.25,2.5 C6.70833333,2.5 7.08333333,2.875 7.08333333,3.33333333 C7.08333333,4.375 7.25,5.375 7.55833333,6.30833333 C7.65,6.6 7.58333333,6.925 7.35,7.14166667 L7.35,7.14166667 L5.51666667,8.98333333 C6.71666667,11.35 8.65,13.275 11.0083333,14.475 L11.0083333,14.475 L12.8416667,12.6416667 C13.075,12.4166667 13.4,12.35 13.6916667,12.4416667 C14.625,12.75 15.625,12.9166667 16.6666667,12.9166667 C17.125,12.9166667 17.5,13.2916667 17.5,13.75 L17.5,13.75 L17.5,16.6666667 C17.5,17.125 17.125,17.5 16.6666667,17.5 C8.84166667,17.5 2.5,11.1583333 2.5,3.33333333 C2.5,2.875 2.875,2.5 3.33333333,2.5 L3.33333333,2.5 Z M18.1083333,3 L19.1666667,4.05833333 L13.175,10.05 L10,6.875 L11.0583333,5.81666667 L13.1833333,7.94166667 L18.1083333,3 Z",
         id: "wrap-up-icon",
         fill: "#1D5AB9",
@@ -25704,16 +25708,16 @@ var IconComponent = function IconComponent(_ref) {
       fieldDisplay = null;
   }
 
-  return React__default['default'].createElement(coreComponents.Tooltip, {
+  return React__default["default"].createElement(coreComponents.Tooltip, {
     content: tooltipContent
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     onClick: onClick,
     className: "utilities_ops-app-frame_CallCapsule_style--iconBtn",
     name: name,
     onKeyPress: onClick,
     role: "button",
     tabIndex: "0"
-  }, React__default['default'].createElement("span", {
+  }, React__default["default"].createElement("span", {
     className: _getClassName(customStyle, _styleModuleImportMap$3, {
       "handleMissingStyleName": "warn"
     })
@@ -26467,7 +26471,7 @@ var _createClass = function () {
 
 
 
-var _react2 = _interopRequireDefault(React__default['default']);
+var _react2 = _interopRequireDefault(React__default["default"]);
 
 
 
@@ -26871,7 +26875,7 @@ var ModalPortal = function (_Component) {
   }]);
 
   return ModalPortal;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 ModalPortal.defaultProps = {
   style: {
@@ -27089,11 +27093,11 @@ var _createClass = function () {
 
 
 
-var _react2 = _interopRequireDefault(React__default['default']);
+var _react2 = _interopRequireDefault(React__default["default"]);
 
 
 
-var _reactDom2 = _interopRequireDefault(ReactDOM__default['default']);
+var _reactDom2 = _interopRequireDefault(ReactDOM__default["default"]);
 
 
 
@@ -27309,7 +27313,7 @@ var Modal = function (_Component) {
   }]);
 
   return Modal;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 Modal.propTypes = {
   isOpen: _propTypes2.default.bool.isRequired,
@@ -27417,16 +27421,16 @@ ReactModal.setAppElement('*');
 var ReloadDialog = function ReloadDialog(_ref) {
   var showReload = _ref.showReload,
       onReloadFlex = _ref.onReloadFlex;
-  return React__default['default'].createElement(ReactModal, {
+  return React__default["default"].createElement(ReactModal, {
     isOpen: showReload,
     className: "utilities_ops-app-frame_CallCapsule_style--dialogCon"
-  }, React__default['default'].createElement("h3", {
+  }, React__default["default"].createElement("h3", {
     className: "utilities_ops-app-frame_CallCapsule_style--dialogHeading"
-  }, "Warning!"), React__default['default'].createElement("p", {
+  }, "Warning!"), React__default["default"].createElement("p", {
     className: "utilities_ops-app-frame_CallCapsule_style--dialogInfo"
-  }, "You have closed active flex tab. Please reload flex"), React__default['default'].createElement("div", {
+  }, "You have closed active flex tab. Please reload flex"), React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--dialogBtn"
-  }, React__default['default'].createElement(coreComponents.Button, {
+  }, React__default["default"].createElement(coreComponents.Button, {
     primary: true,
     onClick: onReloadFlex
   }, "Ok")));
@@ -27448,12 +27452,12 @@ var Warning = function Warning(_ref) {
     }
   };
 
-  return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(coreComponents.Tooltip, {
+  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(coreComponents.Tooltip, {
     content: warning
-  }, React__default['default'].createElement(coreComponents.IconButton, {
+  }, React__default["default"].createElement(coreComponents.IconButton, {
     disabled: isFlexLoaded,
     onClick: warningIconClick
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     name: "warning",
     variant: "material",
     style: _objectSpread2({
@@ -27516,17 +27520,17 @@ var CallIndicator = function CallIndicator(_ref) {
   var _voiceTask$event = voiceTask.event,
       event = _voiceTask$event === void 0 ? '' : _voiceTask$event,
       conference = voiceTask.conference;
-  return React__default['default'].createElement("span", {
+  return React__default["default"].createElement("span", {
     className: "utilities_ops-app-frame_CallCapsule_style--callIndicator"
-  }, event === 'assigned' && conference !== 'true' && React__default['default'].createElement(IconComponent, {
+  }, event === 'assigned' && conference !== 'true' && React__default["default"].createElement(IconComponent, {
     name: "in_call",
     customStyle: "icon",
     tooltipContent: "In Call"
-  }), event === 'wrapping' && React__default['default'].createElement(IconComponent, {
+  }), event === 'wrapping' && React__default["default"].createElement(IconComponent, {
     name: "wrapping",
     customStyle: "icon",
     tooltipContent: "Wrapping"
-  }), conference === 'true' && event === 'assigned' && React__default['default'].createElement(IconComponent, {
+  }), conference === 'true' && event === 'assigned' && React__default["default"].createElement(IconComponent, {
     name: "conference",
     customStyle: "icon",
     tooltipContent: "Conference"
@@ -27542,12 +27546,12 @@ var CallerInfo = function CallerInfo(_ref2) {
       callerType = _voiceTask$callerType === void 0 ? '' : _voiceTask$callerType,
       _voiceTask$callType = voiceTask.callType,
       callType = _voiceTask$callType === void 0 ? '' : _voiceTask$callType;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--leftPillCon"
-  }, React__default['default'].createElement(coreComponents.Typography, {
+  }, React__default["default"].createElement(coreComponents.Typography, {
     variant: "h1",
     className: "utilities_ops-app-frame_CallCapsule_style--heading1"
-  }, callerNumber ? getFormattedPhoneNumber(callerNumber) : noCallInfo), React__default['default'].createElement(coreComponents.Typography, {
+  }, callerNumber ? getFormattedPhoneNumber(callerNumber) : noCallInfo), React__default["default"].createElement(coreComponents.Typography, {
     variant: "h6",
     className: "utilities_ops-app-frame_CallCapsule_style--heading6"
   }, callType === 'callback' ? callerType ? "".concat(callerType, " - CALLBACK") : 'CALLBACK' : "".concat(callerType)));
@@ -27566,32 +27570,32 @@ var Voice = function Voice(_ref3) {
       wrapup = _voiceTask$wrapup === void 0 ? '' : _voiceTask$wrapup,
       _voiceTask$event2 = voiceTask.event,
       event = _voiceTask$event2 === void 0 ? '' : _voiceTask$event2;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--centerPillCon"
-  }, accept !== 'true' && wrapup !== 'true' && React__default['default'].createElement("div", {
+  }, accept !== 'true' && wrapup !== 'true' && React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--actionIcon"
-  }, React__default['default'].createElement(IconComponent, {
+  }, React__default["default"].createElement(IconComponent, {
     name: "accept",
     customStyle: "icon",
     tooltipContent: "Answer",
     onClick: onAccept
-  })), accept !== 'true' && event === 'reserved' && enableRejectButton.includes(role) && React__default['default'].createElement("div", {
+  })), accept !== 'true' && event === 'reserved' && enableRejectButton.includes(role) && React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--actionIcon"
-  }, React__default['default'].createElement(IconComponent, {
+  }, React__default["default"].createElement(IconComponent, {
     name: "reject",
     customStyle: "icon",
     tooltipContent: "Reject",
     onClick: onReject
-  })), accept === 'true' && wrapup !== 'true' && React__default['default'].createElement("div", {
+  })), accept === 'true' && wrapup !== 'true' && React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--actionIcon"
-  }, React__default['default'].createElement(IconComponent, {
+  }, React__default["default"].createElement(IconComponent, {
     name: "end",
     customStyle: "icon",
     tooltipContent: "Hang Up",
     onClick: onHangup
-  })), wrapup === 'true' && React__default['default'].createElement("div", {
+  })), wrapup === 'true' && React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--actionIcon"
-  }, React__default['default'].createElement(IconComponent, {
+  }, React__default["default"].createElement(IconComponent, {
     name: "wrapup",
     customStyle: "icon",
     tooltipContent: "Wrap up",
@@ -27608,25 +27612,25 @@ var Actions$1 = function Actions(_ref4) {
       voiceTaskAccepted = _ref4.voiceTaskAccepted,
       isFullScreen = _ref4.isFullScreen,
       toggleScreen = _ref4.toggleScreen;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--centerPillCon"
-  }, !voiceTaskAccepted && React__default['default'].createElement(IconComponent, {
+  }, !voiceTaskAccepted && React__default["default"].createElement(IconComponent, {
     name: "dialpad",
     color: "#000",
     tooltipContent: "Dialpad",
     onClick: onDialPadIconClick
-  }), isFlexLoaded && React__default['default'].createElement(IconComponent, {
+  }), isFlexLoaded && React__default["default"].createElement(IconComponent, {
     name: "reload",
     customStyle: voiceTaskAccepted ? 'disabledIcon' : 'icon',
     tooltipContent: voiceTaskAccepted ? 'Please reload when there is no active call' : 'Reload',
     onClick: function onClick() {
       return voiceTaskAccepted ? false : onReloadFlex();
     }
-  }), !isFlexLoaded && React__default['default'].createElement(coreComponents.Tooltip, {
+  }), !isFlexLoaded && React__default["default"].createElement(coreComponents.Tooltip, {
     content: showFlex ? 'Hide' : 'Show'
-  }, React__default['default'].createElement(coreComponents.IconButton, {
+  }, React__default["default"].createElement(coreComponents.IconButton, {
     onClick: onIframeOpenClick
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     name: showFlex ? 'close' : 'more_horiz',
     variant: "material",
     style: {
@@ -27634,11 +27638,11 @@ var Actions$1 = function Actions(_ref4) {
       cursor: 'pointer',
       fontSize: '18px'
     }
-  }))), !isFlexLoaded && showFlex && React__default['default'].createElement(coreComponents.Tooltip, {
+  }))), !isFlexLoaded && showFlex && React__default["default"].createElement(coreComponents.Tooltip, {
     content: isFullScreen ? 'Exit Full Screen' : 'Full Screen'
-  }, React__default['default'].createElement(coreComponents.IconButton, {
+  }, React__default["default"].createElement(coreComponents.IconButton, {
     onClick: toggleScreen
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     name: isFullScreen ? 'fullscreen_exit' : 'fullscreen',
     variant: "material",
     style: {
@@ -27655,31 +27659,31 @@ var Activity = function Activity(_ref5) {
       status = _ref5.status,
       voiceTask = _ref5.voiceTask;
   var isDropDownOpen = !isEmpty$2(voiceTask) && (voiceTask === null || voiceTask === void 0 ? void 0 : voiceTask.wrapup) !== 'true';
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--rightPillCon"
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--statusIndicator"
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     name: "CircleFill",
     style: {
       color: colorMapper[status],
       fontSize: '10px'
     }
-  })), React__default['default'].createElement(coreComponents.Typography, {
+  })), React__default["default"].createElement(coreComponents.Typography, {
     variant: "h1",
     className: "utilities_ops-app-frame_CallCapsule_style--heading1"
-  }, React__default['default'].createElement("span", null, status)), !isDropDownOpen ? React__default['default'].createElement(coreComponents.Tooltip, {
+  }, React__default["default"].createElement("span", null, status)), !isDropDownOpen ? React__default["default"].createElement(coreComponents.Tooltip, {
     content: "Status"
-  }, React__default['default'].createElement(coreComponents.IconDropdownMenu, {
+  }, React__default["default"].createElement(coreComponents.IconDropdownMenu, {
     items: items,
     icon: "CaretSolidDown",
     onItemClick: function onItemClick(event, item) {
       onDropDownClick(item);
     },
     position: "ChevronDown"
-  })) : React__default['default'].createElement(coreComponents.Tooltip, {
+  })) : React__default["default"].createElement(coreComponents.Tooltip, {
     content: errorMessage
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     name: "CaretSolidDown",
     style: {
       cursor: 'not-allowed',
@@ -27694,16 +27698,16 @@ var NotLoggedIn = function NotLoggedIn(_ref6) {
   var onIframeOpenClick = _ref6.onIframeOpenClick,
       showFlex = _ref6.showFlex,
       isReload = _ref6.isReload;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--centerPillCon"
-  }, !isReload && React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(coreComponents.Typography, {
+  }, !isReload && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(coreComponents.Typography, {
     variant: "h3",
     className: "utilities_ops-app-frame_CallCapsule_style--heading1"
-  }, notLoggedInMsg), React__default['default'].createElement(coreComponents.Tooltip, {
+  }, notLoggedInMsg), React__default["default"].createElement(coreComponents.Tooltip, {
     content: showFlex ? 'Hide' : 'Show'
-  }, React__default['default'].createElement(coreComponents.IconButton, {
+  }, React__default["default"].createElement(coreComponents.IconButton, {
     onClick: onIframeOpenClick
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     name: showFlex ? 'close' : 'launch',
     variant: "material",
     style: {
@@ -27711,7 +27715,7 @@ var NotLoggedIn = function NotLoggedIn(_ref6) {
       cursor: 'pointer',
       fontSize: '18px'
     }
-  })))), isReload && React__default['default'].createElement(coreComponents.Typography, {
+  })))), isReload && React__default["default"].createElement(coreComponents.Typography, {
     variant: "h3",
     className: "utilities_ops-app-frame_CallCapsule_style--heading1"
   }, loadingMsg));
@@ -27720,24 +27724,24 @@ var NotLoggedIn = function NotLoggedIn(_ref6) {
 var ReloadFlex = function ReloadFlex(_ref7) {
   var onReloadFlex = _ref7.onReloadFlex,
       showReload = _ref7.showReload;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--centerPillCon"
-  }, React__default['default'].createElement(coreComponents.Typography, {
+  }, React__default["default"].createElement(coreComponents.Typography, {
     variant: "h3",
     className: "utilities_ops-app-frame_CallCapsule_style--heading1"
-  }, "Please reload the flex"), React__default['default'].createElement(IconComponent, {
+  }, "Please reload the flex"), React__default["default"].createElement(IconComponent, {
     name: "reload",
     customStyle: "icon",
     tooltipContent: "Reload",
     onClick: onReloadFlex
-  }), React__default['default'].createElement(ReloadDialog, {
+  }), React__default["default"].createElement(ReloadDialog, {
     showReload: showReload,
     onReloadFlex: onReloadFlex
   }));
 };
 
 var Divider = function Divider() {
-  return React__default['default'].createElement("hr", null);
+  return React__default["default"].createElement("hr", null);
 };
 
 var CallerPill = function CallerPill(_ref8) {
@@ -27764,23 +27768,23 @@ var CallerPill = function CallerPill(_ref8) {
       warning = _ref8.warning,
       setWarning = _ref8.setWarning,
       setShowFlex = _ref8.setShowFlex;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: _getClassName("CallerPillCon ".concat(showSpinner ? ' opacity' : ''), _styleModuleImportMap$2, {
       "handleMissingStyleName": "warn"
     })
-  }, !isEmpty$2(profileData) && !showReload && React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(CallIndicator, {
+  }, !isEmpty$2(profileData) && !showReload && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(CallIndicator, {
     voiceTask: voiceTask
-  }), React__default['default'].createElement(CallerInfo, {
+  }), React__default["default"].createElement(CallerInfo, {
     voiceTask: voiceTask,
     isVoiceEmpty: isEmpty$2(voiceTask)
-  }), React__default['default'].createElement(Divider, null), !isEmpty$2(voiceTask) && React__default['default'].createElement(Voice, {
+  }), React__default["default"].createElement(Divider, null), !isEmpty$2(voiceTask) && React__default["default"].createElement(Voice, {
     onAccept: acceptTask,
     onReject: rejectTask,
     onHangup: hangupTask,
     voiceTask: voiceTask,
     onWrapup: wrapupTask,
     role: profileData === null || profileData === void 0 ? void 0 : profileData.role
-  }), React__default['default'].createElement(Actions$1, {
+  }), React__default["default"].createElement(Actions$1, {
     onDialPadIconClick: onDialPadIconClick,
     onIframeOpenClick: onIframeOpenClick,
     showFlex: showFlex,
@@ -27789,23 +27793,23 @@ var CallerPill = function CallerPill(_ref8) {
     voiceTaskAccepted: (voiceTask === null || voiceTask === void 0 ? void 0 : voiceTask.accept) === 'true',
     isFullScreen: isFullScreen,
     toggleScreen: toggleScreen
-  }), React__default['default'].createElement(Divider, null), React__default['default'].createElement(Activity, {
+  }), React__default["default"].createElement(Divider, null), React__default["default"].createElement(Activity, {
     onDropDownClick: onDropDownClick,
     items: activities,
     status: status,
     voiceTask: voiceTask
-  })), isEmpty$2(profileData) && !showReload && React__default['default'].createElement(NotLoggedIn, {
+  })), isEmpty$2(profileData) && !showReload && React__default["default"].createElement(NotLoggedIn, {
     isReload: isReload,
     onIframeOpenClick: onIframeOpenClick,
     showFlex: showFlex
-  }), showReload && React__default['default'].createElement(ReloadFlex, {
+  }), showReload && React__default["default"].createElement(ReloadFlex, {
     showReload: showReload,
     onReloadFlex: onReloadFlex
-  }), showSpinner && React__default['default'].createElement("span", {
+  }), showSpinner && React__default["default"].createElement("span", {
     className: "utilities_ops-app-frame_CallCapsule_style--capsuleSpinner"
-  }, React__default['default'].createElement(coreComponents.Spinner, {
+  }, React__default["default"].createElement(coreComponents.Spinner, {
     size: "xs"
-  })), warning !== 'false' && React__default['default'].createElement(Warning, {
+  })), warning !== 'false' && React__default["default"].createElement(Warning, {
     setWarning: setWarning,
     setShowFlex: setShowFlex,
     isVoiceEmpty: isEmpty$2(voiceTask),
@@ -27862,7 +27866,7 @@ var Dialer = function Dialer(_ref) {
   var opened = _ref.opened,
       onOutBoundCall = _ref.onOutBoundCall;
 
-  var _React$useState = React__default['default'].useState(''),
+  var _React$useState = React__default["default"].useState(''),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       number = _React$useState2[0],
       setNumber = _React$useState2[1];
@@ -27917,13 +27921,13 @@ var Dialer = function Dialer(_ref) {
     }
   };
 
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: _getClassName("dialpadCon ".concat(opened ? 'visible' : 'hidden'), _styleModuleImportMap$1, {
       "handleMissingStyleName": "warn"
     })
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--inputCon"
-  }, React__default['default'].createElement("input", {
+  }, React__default["default"].createElement("input", {
     ref: inputRef,
     placeholder: "",
     value: number,
@@ -27933,23 +27937,23 @@ var Dialer = function Dialer(_ref) {
     onChange: function onChange(e) {
       return setNumber(e.target.value);
     }
-  })), React__default['default'].createElement("section", null, buttons.map(function (char) {
-    return React__default['default'].createElement("button", {
+  })), React__default["default"].createElement("section", null, buttons.map(function (char) {
+    return React__default["default"].createElement("button", {
       className: "utilities_ops-app-frame_CallCapsule_style--btn",
       key: char,
       onClick: function onClick() {
         return AddNumber(char);
       }
     }, char);
-  })), React__default['default'].createElement("div", {
+  })), React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--callActionCon"
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--marginLeft"
-  }, React__default['default'].createElement(coreComponents.IconButton, {
+  }, React__default["default"].createElement(coreComponents.IconButton, {
     onClick: function onClick() {
       backspace();
     }
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     name: "Back",
     style: {
       color: 'red',
@@ -27957,15 +27961,15 @@ var Dialer = function Dialer(_ref) {
       textAlign: 'center',
       cursor: 'pointer'
     }
-  }))), React__default['default'].createElement("div", {
+  }))), React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--marginLeft"
-  }, React__default['default'].createElement(coreComponents.IconButton, {
+  }, React__default["default"].createElement(coreComponents.IconButton, {
     onClick: function onClick() {
       var _inputRef$current;
 
       onOutBoundCall(inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value);
     }
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     name: "Phone",
     style: {
       color: 'green',
@@ -28675,17 +28679,17 @@ var CallCapsule = function CallCapsule() {
     });
   };
 
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--container"
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--flex-bar"
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     className: _getClassName(shake ? 'shake' : '', _styleModuleImportMap, {
       "handleMissingStyleName": "warn"
     })
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_CallCapsule_style--warningMsg"
-  }, !isFlexLoaded && React__default['default'].createElement("span", null, activeTabWarning)), React__default['default'].createElement(CallerPill, {
+  }, !isFlexLoaded && React__default["default"].createElement("span", null, activeTabWarning)), React__default["default"].createElement(CallerPill, {
     profileData: profileData,
     voiceTask: voiceTask,
     acceptTask: acceptTask,
@@ -28708,14 +28712,14 @@ var CallCapsule = function CallCapsule() {
     warning: warning,
     setWarning: setWarning,
     setShowFlex: setShowFlex
-  }))), React__default['default'].createElement(Dialer, {
+  }))), React__default["default"].createElement(Dialer, {
     onOutBoundCall: onOutBoundCall,
     opened: dialerOpen
-  }), !isFlexLoaded && React__default['default'].createElement("div", {
+  }), !isFlexLoaded && React__default["default"].createElement("div", {
     className: _getClassName("".concat(showFlex ? 'visible' : 'hidden', " ").concat(isFullScreen ? 'fullScreen' : 'iframeSection'), _styleModuleImportMap, {
       "handleMissingStyleName": "warn"
     })
-  }, React__default['default'].createElement("iframe", {
+  }, React__default["default"].createElement("iframe", {
     style: {
       width: '100%',
       height: '100%',
@@ -28923,21 +28927,21 @@ var PrinterDialog = function PrinterDialog(_ref) {
     handleClose();
   };
 
-  return React__default['default'].createElement(coreComponents.Dialog, {
+  return React__default["default"].createElement(coreComponents.Dialog, {
     title: "Printer Selection",
     isOpen: isDialogOpen,
     dismiss: handleClose
-  }, printersData ? React__default['default'].createElement("div", {
+  }, printersData ? React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_PrinterDialog_PrinterDialog--printerSettings"
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     className: "col-1-1"
   }, printerFields.map(function (printer) {
     var name = printer.name || '';
     var printers = getPrinterOptions(printersData[name]);
-    return React__default['default'].createElement("div", {
+    return React__default["default"].createElement("div", {
       key: name,
       className: "col-1-3"
-    }, React__default['default'].createElement(coreComponents.AutoSelect, {
+    }, React__default["default"].createElement(coreComponents.AutoSelect, {
       key: name,
       label: printer.label,
       name: name,
@@ -28953,12 +28957,12 @@ var PrinterDialog = function PrinterDialog(_ref) {
         return code;
       }
     }));
-  })), React__default['default'].createElement("hr", null), React__default['default'].createElement("div", {
+  })), React__default["default"].createElement("hr", null), React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_PrinterDialog_PrinterDialog--buttonBox"
-  }, React__default['default'].createElement(coreComponents.Button, {
+  }, React__default["default"].createElement(coreComponents.Button, {
     primary: true,
     onClick: handleClose
-  }, "Cancel"), React__default['default'].createElement(coreComponents.Button, {
+  }, "Cancel"), React__default["default"].createElement(coreComponents.Button, {
     primary: true,
     onClick: savePrinters
   }, "Save"))) : null);
@@ -28967,121 +28971,6 @@ var PrinterDialog = function PrinterDialog(_ref) {
 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";
 styleInject(css_248z$2);
 
-var _storage$getLocalItem, _storage$getLocalItem2, _storage$getLocalItem3;
-var twilioConfig = ((_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.twilioConfig) || {};
-var isTwilioEnabled = (twilioConfig === null || twilioConfig === void 0 ? void 0 : twilioConfig.isTwilioEnabled) || false;
-var enabledYardsList = twilioConfig.enabledYards || [];
-var isYardEnabled = includes$1(storage$1 === null || storage$1 === void 0 ? void 0 : storage$1.activeYardNumber, enabledYardsList);
-var entityName = ((_storage$getLocalItem2 = storage$1.getLocalItem('login')) === null || _storage$getLocalItem2 === void 0 ? void 0 : (_storage$getLocalItem3 = _storage$getLocalItem2.userData) === null || _storage$getLocalItem3 === void 0 ? void 0 : _storage$getLocalItem3.entity_name) || 'N/A';
-var lightGreen = '#7dc033';
-var copartBlue = '#1d5ab9';
-var brandTextColor = '#ffffff';
-var personalizedColorsWhite = '#FFFFFF';
-var personalizedColorGray = '#ecedf1';
-
-var brandMessageBubbleColors = function brandMessageBubbleColors(bgColor) {
-  return {
-    Bubble: {
-      background: bgColor,
-      color: brandTextColor
-    },
-    Avatar: {
-      background: bgColor,
-      color: brandTextColor
-    },
-    Header: {
-      color: brandTextColor
-    }
-  };
-};
-
-var brandedColors = {
-  Chat: {
-    MessageListItem: {
-      FromOthers: brandMessageBubbleColors(copartBlue),
-      FromMe: brandMessageBubbleColors(lightGreen)
-    },
-    MessageInput: {
-      Button: {
-        background: copartBlue,
-        color: brandTextColor
-      }
-    },
-    MessageCanvasTray: {
-      Container: {
-        background: copartBlue,
-        color: personalizedColorsWhite
-      }
-    }
-  },
-  MainHeader: {
-    Container: {
-      background: copartBlue,
-      color: personalizedColorsWhite
-    },
-    Logo: {
-      fill: brandTextColor
-    }
-  },
-  EntryPoint: {
-    Container: {
-      background: copartBlue,
-      color: personalizedColorsWhite
-    }
-  },
-  PreEngagementCanvas: {
-    Container: {
-      background: personalizedColorGray
-    },
-    Form: {
-      SubmitButton: {
-        background: copartBlue,
-        color: personalizedColorsWhite
-      }
-    }
-  }
-};
-
-var handleCloseCallBack = function handleCloseCallBack() {
-  return document.getElementById('twilio-customer-frame').style.display = 'none';
-};
-
-({
-  accountSid: (twilioConfig === null || twilioConfig === void 0 ? void 0 : twilioConfig.accountSid) || '',
-  flexFlowSid: twilioConfig.flexFlowSid || '',
-  colorTheme: {
-    overrides: brandedColors
-  },
-  componentProps: {
-    startEngagementOnInit: true,
-    MainHeader: {
-      closeCallback: function closeCallback() {
-        return handleCloseCallBack();
-      }
-    },
-    MessagingCanvas: {
-      memberDisplayOptions: {
-        yourDefaultName: entityName,
-        yourFriendlyNameOverride: false,
-        theirFriendlyNameOverride: true
-      }
-    }
-  }
-});
-
-[{
-  key: 'userName',
-  name: ''
-}, {
-  key: 'settings',
-  name: 'Settings'
-}].concat(_toConsumableArray(isTwilioEnabled && process.env.IS_CORE_APP && isYardEnabled ? [{
-  key: 'webChat',
-  name: 'Chat with HelpDesk'
-}] : []), [{
-  key: 'logout',
-  name: 'Logout'
-}]);
 var APP_BAR_CONFIGS = {
   c: ['flag', 'role', 'yard', 'phone'],
   g: ['flag', 'role', 'yard'],
@@ -29101,15 +28990,11 @@ if (!enableNewToolkitFeatures) SETTINGS_ITEMS.splice(1, 0, {
   key: 'settings',
   name: 'Settings'
 });
-if (isTwilioEnabled && process.env.IS_CORE_APP) SETTINGS_ITEMS.splice(2, 0, {
-  key: 'webChat',
-  name: 'Chat with HelpDesk'
-});
 
 var CountryFlag = function CountryFlag() {
   var _storage$activeCountr;
 
-  return React__default['default'].createElement(Flag, {
+  return React__default["default"].createElement(Flag, {
     countryCode: (_storage$activeCountr = storage$1.activeCountry) === null || _storage$activeCountr === void 0 ? void 0 : _storage$activeCountr.toLowerCase()
   });
 };
@@ -29195,10 +29080,6 @@ var AppBar = function AppBar(_ref) {
       });
       return storage$1.logout();
     }
-
-    if (item.key === 'webChat') {
-      return window.open('/webChat');
-    }
   };
 
   var feedbackConfig = function feedbackConfig() {
@@ -29230,7 +29111,7 @@ var AppBar = function AppBar(_ref) {
   } : _storage$chromePlugin;
   var placeholderNode = document.getElementById('AppBarPlaceholderDiv');
   var isAppEnabledTwilio = process.env.IS_TWILIO_ENABLED || false;
-  return React__default['default'].createElement("div", null, React__default['default'].createElement(AppBar$1, {
+  return React__default["default"].createElement("div", null, React__default["default"].createElement(AppBar$1, {
     moduleName: "OPS PORTAL",
     isLoggedOn: storage$1.isAuthenticated,
     config: APP_BAR_CONFIGS[STACK],
@@ -29256,9 +29137,9 @@ var AppBar = function AppBar(_ref) {
     showTitle: showTitle,
     title: title,
     history: history
-  }), storage$1.twilioEnabledStatus && isAppEnabledTwilio && isMounted && placeholderNode && storage$1.callCapsuleEnabledStatus && React__default['default'].createElement(Portal$1, {
+  }), storage$1.twilioEnabledStatus && isAppEnabledTwilio && isMounted && placeholderNode && storage$1.callCapsuleEnabledStatus && React__default["default"].createElement(Portal$1, {
     node: placeholderNode
-  }, React__default['default'].createElement(CallCapsule, null)), isPrinterDialogOpen && React__default['default'].createElement(PrinterDialog, {
+  }, React__default["default"].createElement(CallCapsule, null)), isPrinterDialogOpen && React__default["default"].createElement(PrinterDialog, {
     isDialogOpen: isPrinterDialogOpen,
     handleClose: function handleClose() {
       return setPrinterDialogOpen(false);
@@ -39325,6 +39206,26 @@ function filterOutNotificationForOtherApps(notifications) {
   })(notifications);
 }
 
+function filterOutDuplicateNotificationsForMiphone(notifications) {
+  var miphoneNotificationPresent = false;
+  var filtered = [];
+
+  for (var i = notifications.length - 1; i >= 0; i--) {
+    var current = notifications[i];
+
+    if (current.news_source === 'Miphone') {
+      if (!miphoneNotificationPresent) {
+        filtered.push(current);
+        miphoneNotificationPresent = true;
+      }
+    } else {
+      filtered.push(current);
+    }
+  }
+
+  return filtered.reverse();
+}
+
 var caseInsensitiveIncludes = function caseInsensitiveIncludes(val) {
   return function (arr) {
     try {
@@ -39366,7 +39267,7 @@ function filterOutNotificationByAudience(notifications) {
 }
 function filterNotifications(notifications) {
   try {
-    return compose(filterOutNotificationByAudience, filterOutViewedNotifications, filterOutExpiredNotifications, filterOutNotificationForOtherApps)(notifications);
+    return compose(filterOutDuplicateNotificationsForMiphone, filterOutNotificationByAudience, filterOutViewedNotifications, filterOutExpiredNotifications, filterOutNotificationForOtherApps)(notifications);
   } catch (err) {
     console.error(err);
     return notifications;
@@ -43598,8 +43499,17 @@ function useFirebase(firebaseConfig) {
   React.useEffect(function () {
     connect(firebaseConfig);
     attachHandlers(setNotifications);
+
+    var onStorageChanged = function onStorageChanged() {
+      refetchNotifications();
+    };
+
+    window.addEventListener('localStorageChanged', onStorageChanged);
+    window.addEventListener('sessionStorageChanged', onStorageChanged);
     return function () {
       firebase.off();
+      window.removeEventListener('localStorageChanged', onStorageChanged);
+      window.removeEventListener('sessionStorageChanged', onStorageChanged);
     };
   }, []);
   React.useEffect(function () {
@@ -43625,7 +43535,7 @@ var withFirebase = function withFirebase(Comp) {
           notifications = _useFirebase2[0],
           dismissNotifications = _useFirebase2[1];
 
-      return React__default['default'].createElement(Comp, _extends({
+      return React__default["default"].createElement(Comp, _extends({
         notifications: sortNotifications(notifications),
         onDismiss: function onDismiss(notification) {
           return dismissNotifications(notification);
@@ -43660,29 +43570,29 @@ var Actions = function Actions(_ref) {
       onDismiss = _ref.onDismiss,
       isDismissible = _ref.isDismissible;
       _ref.category;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     style: {
       display: 'flex',
       flex: '0.1',
       flexDirection: showNavButtons ? 'row' : 'row-reverse'
     }
-  }, showNavButtons && React__default['default'].createElement("div", {
+  }, showNavButtons && React__default["default"].createElement("div", {
     style: {
       flex: '0.8',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'space-evenly'
     }
-  }, React__default['default'].createElement(coreComponents.IconButton, {
+  }, React__default["default"].createElement(coreComponents.IconButton, {
     onClick: onLeftButtonClick
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     name: "arrow_back",
     variant: "material"
-  })), count > 1 && React__default['default'].createElement("div", {
+  })), count > 1 && React__default["default"].createElement("div", {
     style: {
       width: '24px'
     }
-  }, React__default['default'].createElement(coreComponents.Persona, {
+  }, React__default["default"].createElement(coreComponents.Persona, {
     size: 24,
     backgroundColor: "#cccccc",
     imageInitials: "".concat(current, "/").concat(count),
@@ -43691,21 +43601,21 @@ var Actions = function Actions(_ref) {
         color: 'var(--charcoal)'
       }
     }
-  })), React__default['default'].createElement(coreComponents.IconButton, {
+  })), React__default["default"].createElement(coreComponents.IconButton, {
     onClick: onRightButtonClick
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     style: {
       cursor: 'pointer'
     },
     name: "arrow_forward",
     variant: "material"
-  }))), isDismissible && React__default['default'].createElement("div", {
+  }))), isDismissible && React__default["default"].createElement("div", {
     style: {
       flex: '0.2'
     }
-  }, React__default['default'].createElement(coreComponents.IconButton, {
+  }, React__default["default"].createElement(coreComponents.IconButton, {
     onClick: onDismiss
-  }, React__default['default'].createElement(coreComponents.Icon, {
+  }, React__default["default"].createElement(coreComponents.Icon, {
     name: "close",
     variant: "material"
   }))));
@@ -43722,7 +43632,7 @@ var Banner = function Banner(_ref2) {
       isDismissible = _ref2.isDismissible,
       onDismiss = _ref2.onDismiss,
       link = _ref2.link;
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     style: {
       backgroundColor: alertToColorMapping[category],
       color: alertTextToColorMapping[category],
@@ -43730,25 +43640,25 @@ var Banner = function Banner(_ref2) {
       alignItems: 'center',
       height: '40px'
     }
-  }, React__default['default'].createElement("div", {
+  }, React__default["default"].createElement("div", {
     style: {
       padding: '0px 10px',
       flex: '0.9',
       fontSize: '15px',
       color: alertTextToColorMapping[category]
     }
-  }, isNil$1(link) || isEmpty$2(link) ? React__default['default'].createElement("div", {
+  }, isNil$1(link) || isEmpty$2(link) ? React__default["default"].createElement("div", {
     style: {
       fontWeight: '800'
     }
-  }, message) : React__default['default'].createElement("a", {
+  }, message) : React__default["default"].createElement("a", {
     href: formatLink(link),
     target: "_blank",
     style: {
       textDecoration: 'underline',
       fontWeight: '800'
     }
-  }, message)), React__default['default'].createElement(Actions, {
+  }, message)), React__default["default"].createElement(Actions, {
     showNavButtons: showNavButtons,
     onLeftButtonClick: onLeftButtonClick,
     count: count,
@@ -43784,7 +43694,7 @@ var Notifications$1 = function Notifications(_ref) {
   };
 
   var notification = notifications[i];
-  return React__default['default'].createElement(React__default['default'].Fragment, null, !isNil$1(notification) ? React__default['default'].createElement(Banner, _extends({
+  return React__default["default"].createElement(React__default["default"].Fragment, null, !isNil$1(notification) ? React__default["default"].createElement(Banner, _extends({
     current: i + 1,
     count: notifications.length,
     showNavButtons: notifications.length > 1,
@@ -43811,9 +43721,9 @@ var getFirebaseConfig = function getFirebaseConfig() {
 function withFirebaseConfigCheck (Comp) {
   var firebaseConfig = getFirebaseConfig();
   return function (props) {
-    return firebaseConfigValidator(firebaseConfig) ? React__default['default'].createElement(Comp, _extends({
+    return firebaseConfigValidator(firebaseConfig) ? React__default["default"].createElement(Comp, _extends({
       firebaseConfig: firebaseConfig
-    }, props)) : React__default['default'].createElement("div", null, props.children);
+    }, props)) : React__default["default"].createElement("div", null, props.children);
   };
 }
 
@@ -43865,26 +43775,34 @@ var AppFrame = function AppFrame(props) {
     setAppBarMounted: setAppBarMounted
   });
 
-  return React__default['default'].createElement("div", {
+  var onSettingsSaved = function onSettingsSaved() {
+    var handler = props.onSettingsSaved || function () {
+      return location.reload();
+    };
+
+    var event = new Event('localStorageChanged');
+    window.dispatchEvent(event);
+    handler();
+  };
+
+  return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppFrame_AppFrame--AppFrame",
     style: props.handleScrolling ? SCROLL : NO_SCROLL
-  }, React__default['default'].createElement(BreadcrumbsProvider, {
+  }, React__default["default"].createElement(BreadcrumbsProvider, {
     history: props.history
-  }, React__default['default'].createElement(AuthGuard, authGuardProps, React__default['default'].createElement(ConfigFetcher, null, React__default['default'].createElement(Notifications, null, React__default['default'].createElement("div", null, React__default['default'].createElement("header", {
+  }, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement(Notifications, null, React__default["default"].createElement("div", null, React__default["default"].createElement("header", {
     className: "utilities_ops-app-frame_AppFrame_AppFrame--header"
-  }, React__default['default'].createElement(AppBar, {
+  }, React__default["default"].createElement(AppBar, {
     searchBarProps: props.searchBarProps,
     history: props.history,
     setAppBarMounted: setAppBarMounted,
-    onSettingsSaved: props.onSettingsSaved || function () {
-      return location.reload();
-    },
+    onSettingsSaved: onSettingsSaved,
     showTitle: props.showTitle || true,
     title: props.appTitle
-  })), React__default['default'].createElement(Breadcrumbs, {
+  })), React__default["default"].createElement(Breadcrumbs, {
     history: props.history,
     pathname: window.location.pathname
-  }), React__default['default'].createElement("main", {
+  }), React__default["default"].createElement("main", {
     className: "utilities_ops-app-frame_AppFrame_AppFrame--AppContainer"
   }, props.children)))))));
 };
@@ -43930,7 +43848,7 @@ function () {
   };
 }();
 
-var CallLogger = React__default['default'].memo(function (_ref2) {
+var CallLogger = React__default["default"].memo(function (_ref2) {
   var _ref2$fromPhone = _ref2.fromPhone,
       fromPhone = _ref2$fromPhone === void 0 ? '' : _ref2$fromPhone,
       _ref2$toPhone = _ref2.toPhone,
@@ -43993,7 +43911,7 @@ var CallLogger = React__default['default'].memo(function (_ref2) {
     return false;
   }
 
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     onClickCapture: childClicked
   }, props.children(status));
 });
@@ -44092,7 +44010,7 @@ var AutoRefresh = function AutoRefresh(props) {
       dialogOpenTimeout && clearTimeout(dialogOpenTimeout);
     }
   }, [dialogOpen]);
-  return React__default['default'].createElement(coreComponents.ConfirmationDialog, {
+  return React__default["default"].createElement(coreComponents.ConfirmationDialog, {
     isOpen: dialogOpen,
     title: "Reload Application",
     onChoice: function onChoice(choice) {