@copart/ops-tool-kit 1.12.1-alpha.17 → 1.12.1-alpha.18

package/dist/ops-tool-kit.js

@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$r = "@copart/ops-tool-kit";
-const version$7 = "1.12.1-alpha.17";
+const version$7 = "1.12.1-alpha.18";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -23419,7 +23419,7 @@ var formatOptions = function formatOptions(options) {
     };
   });
 };
-var LanguageMenu = function LanguageMenu(props) {
+var LanguageMenu$1 = function LanguageMenu(props) {
   // TODO: Get stack from env tool. No props required.
   var languageOptions = getLanguages(props.selectedCountry, props.stack);
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -23457,7 +23457,7 @@ var filterRoles$4 = function filterRoles(roles) {
   var byCountry = descend$1(prop$1('countryCode'));
   return sort$1(byCountry, filtered);
 };
-var RoleSelector$1 = function RoleSelector(_ref) {
+var RoleSelector$2 = function RoleSelector(_ref) {
   var handleChange = _ref.handleChange,
     value = _ref.value,
     roles = _ref.roles,
@@ -24142,7 +24142,7 @@ var SettingsView$2 = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/React__default["default"].createElement("p", null, "Settings")), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-1-1 utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow",
         "data-e2e": "LocationAndLanguageRow"
-      }, /*#__PURE__*/React__default["default"].createElement(LanguageMenu, {
+      }, /*#__PURE__*/React__default["default"].createElement(LanguageMenu$1, {
         value: this.state.selectedLanguage,
         handleChange: this.handleInputChange.selectedLanguage,
         selectedCountry: this.state.selectedCountry
@@ -24151,7 +24151,7 @@ var SettingsView$2 = /*#__PURE__*/function (_React$Component) {
         selectedYard: this.state.selectedYardNumber,
         handleChange: this.handleInputChange.selectedYardNumber,
         selectedCountry: this.state.selectedCountry
-      }), /*#__PURE__*/React__default["default"].createElement(RoleSelector$1, {
+      }), /*#__PURE__*/React__default["default"].createElement(RoleSelector$2, {
         roles: this.state.roles,
         value: this.state.selectedRole,
         handleChange: this.handleInputChange.selectedRole,
@@ -24192,7 +24192,7 @@ var filterRoles$2 = function filterRoles(roles) {
     return role.roleName;
   });
 };
-var RoleSelector = function RoleSelector(_ref) {
+var RoleSelector$1 = function RoleSelector(_ref) {
   var handleChange = _ref.handleChange,
     value = _ref.value,
     roles = _ref.roles,
@@ -24867,7 +24867,7 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/React__default["default"].createElement("p", null, "Settings")), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-1-1 utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow",
         "data-e2e": "LocationAndLanguageRow"
-      }, /*#__PURE__*/React__default["default"].createElement(RoleSelector, {
+      }, /*#__PURE__*/React__default["default"].createElement(RoleSelector$1, {
         roles: roles,
         value: selectedRole,
         selectedCountryA3code: this.state.selectedCountryA3code,
@@ -25250,22 +25250,25 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
       };
     });
     return _this;
-  } // componentWillMount() {
-  //   this.fetchRoles(this.state.selectedCountryA3code)
-  //   getRCExtensionStatus().then((response) => {
-  //     response && resetPhoneSettingsBasedOnRCStatus(response)
-  //     this.setState({
-  //       ringCentralEnabled: ringCentralEnabled(),
-  //       phoneNumber: activePhoneNumber(),
-  //     })
-  //   })
-  //   this.getActivePrinters(
-  //     this.state.selectedYardNumber,
-  //     true,
-  //     this.state.selectedCountryA3code,
-  //   )
-  // }
+  }
   _createClass$2(SettingsView, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      this.fetchRoles(this.state.selectedCountryA3code);
+      // getRCExtensionStatus().then((response) => {
+      //   response && resetPhoneSettingsBasedOnRCStatus(response)
+      //   this.setState({
+      //     ringCentralEnabled: ringCentralEnabled(),
+      //     phoneNumber: activePhoneNumber(),
+      //   })
+      // })
+      // this.getActivePrinters(
+      //   this.state.selectedYardNumber,
+      //   true,
+      //   this.state.selectedCountryA3code,
+      // )
+    }
+  }, {
     key: "activePrinters",
     get: function get() {
       return {
@@ -25283,7 +25286,48 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
         className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm"
       }, this.props.width > 760 && /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
         logout: this.props.onLogoutItemClicked
-      }));
+      }), /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader"
+      }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
+        name: "gear",
+        variant: "solid"
+      }), /*#__PURE__*/React__default["default"].createElement("p", null, "Settings")), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-1-1 utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow",
+        "data-e2e": "LocationAndLanguageRow"
+      }, /*#__PURE__*/React__default["default"].createElement(LanguageMenu, {
+        value: this.state.selectedLanguage,
+        handleChange: this.handleInputChange.selectedLanguage,
+        selectedCountry: this.state.selectedCountry
+      }), /*#__PURE__*/React__default["default"].createElement(YardMenuContainer, {
+        history: this.yardsHistory,
+        selectedYard: this.state.selectedYardNumber,
+        handleChange: this.handleInputChange.selectedYardNumber,
+        selectedCountry: this.state.selectedCountry
+      }), /*#__PURE__*/React__default["default"].createElement(RoleSelector, {
+        roles: this.state.roles,
+        value: this.state.selectedRole,
+        handleChange: this.handleInputChange.selectedRole,
+        selectedYard: this.state.selectedYardNumber,
+        required: false
+      }))), /*#__PURE__*/React__default["default"].createElement("hr", {
+        className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
+      }), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
+        "data-e2e": "saveButton"
+      }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
+        primary: true,
+        type: "submit",
+        onClick: this.saveSettings
+      }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
+        name: "floppy-disk",
+        variant: "regular"
+      }), /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt"
+      }, "Save"))), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
+      }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
+        size: "60px"
+      })));
     }
   }]);
   return SettingsView;