React_Client_App_Access/node_modules/.cache/babel-loader/469004ae49a20d9efcc1a77ed831c04e.json

{"ast":null,"code":"import _defineProperty from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread\";\nimport _classCallCheck from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Projects/React Access/ClientApp/src/components/LoginForm.tsx\";\nimport AccountOutlineIcon from 'mdi-react/AccountOutlineIcon';\nimport EyeIcon from 'mdi-react/EyeIcon';\nimport KeyVariantIcon from 'mdi-react/KeyVariantIcon';\nimport React, { PureComponent } from 'react';\nimport { Link, Redirect } from 'react-router-dom';\nimport { Input } from 'reactstrap';\nimport CheckBoxField from '../shared/components/form/CheckBox';\nimport { fetchUser } from '../store/auth/actions'; // import { I18nextProviderProps } from 'react-i18next';\n\n;\n\nvar LoginForm = /*#__PURE__*/function (_PureComponent) {\n  _inherits(LoginForm, _PureComponent);\n\n  function LoginForm() {\n    var _getPrototypeOf2;\n\n    var _this;\n\n    _classCallCheck(this, LoginForm);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(LoginForm)).call.apply(_getPrototypeOf2, [this].concat(args)));\n    _this.state = {\n      showPassword: false,\n      loginSuccess: false,\n      desiredUser: 'testuser',\n      desiredPass: 'rpmdspecs',\n      username: '',\n      // TODO: Implement actual login\n      password: ''\n    };\n\n    _this.showPassword = function (e) {\n      e.preventDefault();\n\n      _this.setState(function (prevState) {\n        return {\n          showPassword: !prevState.showPassword\n        };\n      });\n    };\n\n    _this.handleSubmit = function (e) {\n      e.preventDefault(); // TODO: Req user table\n      // TODO: Verify user exists && isActive, else return 401\n      // TODO: Verify users pass is correct, else return 401  \n      // const dbUser;\n      // const dbPass;\n\n      var _this$state = _this.state,\n          desiredPass = _this$state.desiredPass,\n          password = _this$state.password,\n          desiredUser = _this$state.desiredUser,\n          username = _this$state.username;\n      var user = fetchUser(_this.state.username, _this.state.password);\n\n      if (desiredUser === username && desiredPass === password) {\n        _this.setState({\n          loginSuccess: true\n        });\n      } else {\n        alert('Incorrect username/password combination');\n\n        _this.setState(_objectSpread({}, _this.state, {\n          password: ''\n        }));\n      }\n    };\n\n    _this.handleFormChange = function (e) {\n      _this.setState(_objectSpread({}, _this.state, _defineProperty({}, e.target.name, e.target.value)));\n    };\n\n    _this.toggleCheckBox = function (e) {};\n\n    return _this;\n  }\n\n  _createClass(LoginForm, [{\n    key: \"render\",\n    value: function render() {\n      var _this2 = this;\n\n      var _this$props = this.props,\n          reset = _this$props.reset,\n          t = _this$props.t;\n      var _this$state2 = this.state,\n          showPassword = _this$state2.showPassword,\n          loginSuccess = _this$state2.loginSuccess;\n\n      if (loginSuccess) {\n        return /*#__PURE__*/React.createElement(Redirect, {\n          to: '/dspecs/general',\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 91,\n            columnNumber: 9\n          }\n        });\n      }\n\n      return /*#__PURE__*/React.createElement(\"form\", {\n        className: \"form\",\n        onChange: this.handleFormChange,\n        onSubmit: this.handleSubmit,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 95,\n          columnNumber: 7\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 96,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(\"span\", {\n        className: \"form__form-group-label\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 97,\n          columnNumber: 11\n        }\n      }, \"Username\"), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-field\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 98,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-icon\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 99,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(AccountOutlineIcon, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 100,\n          columnNumber: 15\n        }\n      })), /*#__PURE__*/React.createElement(Input, {\n        name: \"username\",\n        component: \"input\",\n        type: \"text\",\n        placeholder: \"Name\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 102,\n          columnNumber: 13\n        }\n      }))), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 110,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(\"span\", {\n        className: \"form__form-group-label\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 111,\n          columnNumber: 11\n        }\n      }, \"Password\"), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-field\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 112,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-icon\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 113,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(KeyVariantIcon, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 114,\n          columnNumber: 15\n        }\n      })), /*#__PURE__*/React.createElement(Input, {\n        name: \"password\",\n        component: \"input\",\n        type: showPassword ? 'text' : 'password',\n        placeholder: \"Password\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 116,\n          columnNumber: 13\n        }\n      }), /*#__PURE__*/React.createElement(\"button\", {\n        className: \"form__form-group-button\",\n        onClick: function onClick(e) {\n          return _this2.showPassword(e);\n        },\n        type: \"button\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 122,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(EyeIcon, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 126,\n          columnNumber: 14\n        }\n      }))), /*#__PURE__*/React.createElement(Link, {\n        to: \"/forgotPassword\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 129,\n          columnNumber: 11\n        }\n      }, \"Forgot my Password\")), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 131,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-field\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 132,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/React.createElement(CheckBoxField, {\n        label: \"Remember me\",\n        onChange: this.toggleCheckBox //TODO: program checkbox\n        ,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 133,\n          columnNumber: 13\n        }\n      }))), /*#__PURE__*/React.createElement(\"button\", {\n        className: \"btn btn-primary account__btn account__btn--small\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 139,\n          columnNumber: 9\n        }\n      }, \"Sign In\"));\n    }\n  }]);\n\n  return LoginForm;\n}(PureComponent); // export default reduxForm({\n//   form: 'horizontal_form_layout_with_icons', // a unique identifier for this form\n// })(withTranslation('common')(LoginForm));\n\n\nLoginForm.defaultProps = {\n  t: function t() {\n    return null;\n  },\n  handleSubmit: function handleSubmit() {\n    return null;\n  },\n  reset: function reset() {\n    return null;\n  },\n  i18n: null,\n  tReady: false\n};\nexport default LoginForm;","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/ClientApp/src/components/LoginForm.tsx"],"names":["AccountOutlineIcon","EyeIcon","KeyVariantIcon","React","PureComponent","Link","Redirect","Input","CheckBoxField","fetchUser","LoginForm","state","showPassword","loginSuccess","desiredUser","desiredPass","username","password","e","preventDefault","setState","prevState","handleSubmit","user","alert","handleFormChange","target","name","value","toggleCheckBox","props","reset","t","defaultProps","i18n","tReady"],"mappings":"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","sourcesContent":["import AccountOutlineIcon from 'mdi-react/AccountOutlineIcon';\nimport EyeIcon from 'mdi-react/EyeIcon';\nimport KeyVariantIcon from 'mdi-react/KeyVariantIcon';\nimport React, { PureComponent } from 'react';\nimport { Link, Redirect } from 'react-router-dom';\nimport { Input } from 'reactstrap';\n\nimport CheckBoxField from '../shared/components/form/CheckBox';\nimport { fetchUser } from '../store/auth/actions';\n\n// import { I18nextProviderProps } from 'react-i18next';\ninterface LoginFormProps {\n  t?: any,\n  // handleSubmit?: any,\n  reset?: any,\n  i18n?: any,\n  tReady?: boolean;\n  history?: any;\n};\n\ninterface LoginFormState {\n  showPassword: boolean,\n  loginSuccess: boolean,\n  username: string,\n  password: string,\n  desiredUser: string,\n  desiredPass: string\n}\n\nclass LoginForm extends PureComponent<LoginFormProps, LoginFormState> {\n  static defaultProps = {\n    t: () => null,\n    handleSubmit: () => null,\n    reset: () => null,\n    i18n: null,\n    tReady: false,\n  };\n\n  state = {\n    showPassword: false,\n    loginSuccess: false,\n    desiredUser: 'testuser',\n    desiredPass: 'rpmdspecs',\n    username: '',  // TODO: Implement actual login\n    password: ''\n  }\n\n  showPassword = (e: any) => {\n    e.preventDefault();\n    this.setState(prevState => ({ showPassword: !prevState.showPassword }));\n  };\n\n  handleSubmit = (e: any) => {\n    e.preventDefault();\n    // TODO: Req user table\n    // TODO: Verify user exists && isActive, else return 401\n    // TODO: Verify users pass is correct, else return 401  \n    // const dbUser;\n    // const dbPass;\n    \n    \n    const { desiredPass, password, desiredUser, username } = this.state;\n    var user = fetchUser(this.state.username, this.state.password);\n    if (desiredUser === username && desiredPass === password) {\n      this.setState({\n        loginSuccess: true\n      })\n    } else {\n      alert('Incorrect username/password combination')\n      this.setState({\n        ...this.state,\n        password: ''\n      })\n    }\n  }\n  handleFormChange = (e: any) => {\n    this.setState({\n      ...this.state,\n      [e.target.name]: e.target.value\n    })\n  }\n  toggleCheckBox = (e: any) => {\n\n  }\n\n  render() {\n    const { reset, t } = this.props;\n    const { showPassword, loginSuccess } = this.state;\n    if (loginSuccess) {\n      return (\n        <Redirect to={'/dspecs/general'} />\n      )\n    }\n    return (\n      <form className=\"form\" onChange={this.handleFormChange} onSubmit={this.handleSubmit}>\n        <div className=\"form__form-group\">\n          <span className=\"form__form-group-label\">Username</span>\n          <div className=\"form__form-group-field\">\n            <div className=\"form__form-group-icon\">\n              <AccountOutlineIcon />\n            </div>\n            <Input\n              name=\"username\"\n              component=\"input\"\n              type=\"text\"\n              placeholder=\"Name\"\n            />\n          </div>\n        </div>\n        <div className=\"form__form-group\">\n          <span className=\"form__form-group-label\">Password</span>\n          <div className=\"form__form-group-field\">\n            <div className=\"form__form-group-icon\">\n              <KeyVariantIcon />\n            </div>\n            <Input\n              name=\"password\"\n              component=\"input\"\n              type={showPassword ? 'text' : 'password'}\n              placeholder=\"Password\"\n            />\n            <button\n              className='form__form-group-button'\n              onClick={e => this.showPassword(e)}\n              type=\"button\"\n            ><EyeIcon />\n            </button>\n          </div>\n          <Link to=\"/forgotPassword\">Forgot my Password</Link>\n        </div>\n        <div className=\"form__form-group\">\n          <div className=\"form__form-group-field\">\n            <CheckBoxField\n              label=\"Remember me\"\n              onChange={this.toggleCheckBox} //TODO: program checkbox\n            />\n          </div>\n        </div>\n        <button className=\"btn btn-primary account__btn account__btn--small\" >Sign In</button>\n      </form>\n    );\n  }\n}\n\n// export default reduxForm({\n//   form: 'horizontal_form_layout_with_icons', // a unique identifier for this form\n// })(withTranslation('common')(LoginForm));\nexport default LoginForm"]},"metadata":{},"sourceType":"module"}