{"ast":null,"code":"import _classCallCheck from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/components/ForgotPassword.tsx\";\nimport React, { PureComponent } from \"react\";\nimport { Card, CardBody, Col, Container, Row, Button, CardHeader } from \"reactstrap\";\nimport { Input } from 'reactstrap';\n\nvar ForgotPwForm = /*#__PURE__*/function (_PureComponent) {\n  _inherits(ForgotPwForm, _PureComponent);\n\n  function ForgotPwForm(props) {\n    var _this;\n\n    _classCallCheck(this, ForgotPwForm);\n\n    _this = _possibleConstructorReturn(this, _getPrototypeOf(ForgotPwForm).call(this, props));\n\n    _this.emailMe = function () {\n      //send an email to reset\n      alert('An email has been sent to reset your password. Please follow the instructions in the email to reset your password.');\n    };\n\n    _this.changeStatus = function (newStatus) {\n      switch (newStatus) {\n        case 'edit':\n          _this.setState({\n            formStatus: newStatus,\n            formDisabled: false\n          });\n\n          break;\n\n        case 'read':\n          _this.setState({\n            formStatus: newStatus,\n            formDisabled: true\n          });\n\n          break;\n      }\n    };\n\n    _this.state = {\n      formStatus: 'edit',\n      formDisabled: false\n    };\n    return _this;\n  }\n\n  _createClass(ForgotPwForm, [{\n    key: \"render\",\n    value: function render() {\n      var _this2 = this;\n\n      return /*#__PURE__*/React.createElement(\"form\", {\n        className: \"form\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 53,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 54,\n          columnNumber: 17\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-field\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 55,\n          columnNumber: 21\n        }\n      }, /*#__PURE__*/React.createElement(Container, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 56,\n          columnNumber: 25\n        }\n      }, /*#__PURE__*/React.createElement(Card, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 57,\n          columnNumber: 29\n        }\n      }, /*#__PURE__*/React.createElement(CardHeader, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 58,\n          columnNumber: 33\n        }\n      }, /*#__PURE__*/React.createElement(Col, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 59,\n          columnNumber: 37\n        }\n      }, /*#__PURE__*/React.createElement(Row, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 60,\n          columnNumber: 41\n        }\n      }, /*#__PURE__*/React.createElement(\"p\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 45\n        }\n      }, /*#__PURE__*/React.createElement(\"strong\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 48\n        }\n      }, \"Enter your email to reset your password\"))))), /*#__PURE__*/React.createElement(CardBody, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 66,\n          columnNumber: 33\n        }\n      }, /*#__PURE__*/React.createElement(Col, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 37\n        }\n      }, /*#__PURE__*/React.createElement(Row, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 68,\n          columnNumber: 41\n        }\n      }, /*#__PURE__*/React.createElement(Input, {\n        email: \"email\",\n        component: \"input\",\n        type: \"text\",\n        placeholder: \"email\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 69,\n          columnNumber: 45\n        }\n      }))), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-field\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 77,\n          columnNumber: 37\n        }\n      }, /*#__PURE__*/React.createElement(Col, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 78,\n          columnNumber: 41\n        }\n      }, /*#__PURE__*/React.createElement(Row, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 79,\n          columnNumber: 45\n        }\n      }), /*#__PURE__*/React.createElement(\"span\", {\n        className: \"button-forgot\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 80,\n          columnNumber: 45\n        }\n      }, /*#__PURE__*/React.createElement(Row, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 81,\n          columnNumber: 49\n        }\n      }, /*#__PURE__*/React.createElement(Button, {\n        className: \"btn\",\n        color: \"info\",\n        onClick: function onClick() {\n          return _this2.emailMe();\n        },\n        type: \"button\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 82,\n          columnNumber: 53\n        }\n      }, \"reset my password\")))))))))));\n    }\n  }]);\n\n  return ForgotPwForm;\n}(PureComponent);\n\nexport default ForgotPwForm;","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/components/ForgotPassword.tsx"],"names":["React","PureComponent","Card","CardBody","Col","Container","Row","Button","CardHeader","Input","ForgotPwForm","props","emailMe","alert","changeStatus","newStatus","setState","formStatus","formDisabled","state"],"mappings":"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","sourcesContent":["import { Link } from 'react-router-dom';\nimport React, { PureComponent } from \"react\";\nimport { Card, CardBody, Col, Container, Row, Button, CardHeader } from \"reactstrap\";\nimport FormRow from '../shared/components/form/FormRow';\nimport { Input } from 'reactstrap';\n\n\n\ninterface ForgotPwFormProps {\n    match: any,\n}\ninterface ForgotPwFormState {\n    formStatus: string,\n    formDisabled: boolean,\n}\n\nclass ForgotPwForm extends PureComponent<ForgotPwFormProps, ForgotPwFormState> {\n\n    constructor(props: ForgotPwFormProps) {\n        super(props);\n\n        this.state = {\n            formStatus: 'edit',\n            formDisabled: false,\n\n        };\n    }\n\n    emailMe = () => {\n        //send an email to reset\n        alert('An email has been sent to reset your password. Please follow the instructions in the email to reset your password.')\n    }\n\n    changeStatus = (newStatus: string) => {\n        switch (newStatus) {\n            case 'edit':\n                this.setState({\n                    formStatus: newStatus,\n                    formDisabled: false\n                });\n                break;\n            case 'read':\n                this.setState({\n                    formStatus: newStatus,\n                    formDisabled: true\n                })\n                break;\n        }\n    }\n\n    render() {\n        return (\n            <form className=\"form\">\n                <div className=\"form__form-group\">\n                    <div className=\"form__form-group-field\">\n                        <Container>\n                            <Card>\n                                <CardHeader>\n                                    <Col>\n                                        <Row>\n                                            <p><strong>Enter your email to reset your password</strong></p>\n                                        </Row>\n                                    </Col>\n                                </CardHeader>\n\n                                <CardBody>\n                                    <Col>\n                                        <Row>\n                                            <Input\n                                                email=\"email\"\n                                                component=\"input\"\n                                                type=\"text\"\n                                                placeholder=\"email\"\n                                            />\n                                        </Row>\n                                    </Col>\n                                    <div className=\"form__form-group-field\">\n                                        <Col>\n                                            <Row></Row>\n                                            <span className='button-forgot'>\n                                                <Row>\n                                                    <Button\n                                                        className=\"btn\"\n                                                        color=\"info\"\n                                                        onClick={() => this.emailMe()}\n                                                        type=\"button\">\n                                                        reset my password\n                                </Button>\n                                                </Row>\n                                            </span>\n\n                                        </Col>\n                                    </div>\n                                </CardBody>\n                            </Card>\n                        </Container>\n                    </div>\n                </div>\n            </form>\n        );\n    }\n}\n\nexport default ForgotPwForm;\n"]},"metadata":{},"sourceType":"module"}