{"remainingRequest":"/var/www/html/payroll_manager/front-end/node_modules/thread-loader/dist/cjs.js??ref--4-2!/var/www/html/payroll_manager/front-end/node_modules/ts-loader/index.js??ref--4-3!/var/www/html/payroll_manager/front-end/node_modules/tslint-loader/index.js!/var/www/html/payroll_manager/front-end/src/main/webapp/app/modules/account/password-reset/finish/password-reset-finish.tsx","dependencies":[{"path":"/var/www/html/payroll_manager/front-end/src/main/webapp/app/modules/account/password-reset/finish/password-reset-finish.tsx","mtime":1533613271901},{"path":"/var/www/html/payroll_manager/front-end/node_modules/react-hot-loader/webpack.js","mtime":1505850161000},{"path":"/var/www/html/payroll_manager/front-end/node_modules/cache-loader/dist/cjs.js","mtime":0},{"path":"/var/www/html/payroll_manager/front-end/node_modules/thread-loader/dist/cjs.js","mtime":0},{"path":"/var/www/html/payroll_manager/front-end/node_modules/ts-loader/index.js","mtime":1530127508000},{"path":"/var/www/html/payroll_manager/front-end/node_modules/tslint-loader/index.js","mtime":1519899048000}],"contextDependencies":[],"result":["import * as tslib_1 from \"tslib\";\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Col, Row, Button } from 'reactstrap';\nimport { AvForm, AvField } from 'availity-reactstrap-validation';\nimport { handlePasswordResetFinish, reset } from '../password-reset.reducer';\nimport PasswordStrengthBar from 'app/shared/layout/password/password-strength-bar';\nvar PasswordResetFinishPage = /** @class */ (function (_super) {\n    tslib_1.__extends(PasswordResetFinishPage, _super);\n    function PasswordResetFinishPage() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.state = {\n            password: '',\n            key: _this.props.match.params.key\n        };\n        _this.handleValidSubmit = function (event, values) {\n            _this.props.handlePasswordResetFinish(_this.state.key, values.newPassword);\n        };\n        _this.updatePassword = function (event) {\n            _this.setState({ password: event.target.value });\n        };\n        return _this;\n    }\n    PasswordResetFinishPage.prototype.componentWillUnmount = function () {\n        this.props.reset();\n    };\n    PasswordResetFinishPage.prototype.getResetForm = function () {\n        return (React.createElement(AvForm, { onValidSubmit: this.handleValidSubmit },\n            React.createElement(AvField, { name: \"newPassword\", label: \"New password\", placeholder: 'New password', type: \"password\", validate: {\n                    required: { value: true, errorMessage: 'Your password is required.' },\n                    minLength: { value: 4, errorMessage: 'Your password is required to be at least 4 characters.' },\n                    maxLength: { value: 50, errorMessage: 'Your password cannot be longer than 50 characters.' }\n                }, onChange: this.updatePassword }),\n            React.createElement(PasswordStrengthBar, { password: this.state.password }),\n            React.createElement(AvField, { name: \"confirmPassword\", label: \"New password confirmation\", placeholder: \"Confirm the new password\", type: \"password\", validate: {\n                    required: { value: true, errorMessage: 'Your confirmation password is required.' },\n                    minLength: { value: 4, errorMessage: 'Your confirmation password is required to be at least 4 characters.' },\n                    maxLength: { value: 50, errorMessage: 'Your confirmation password cannot be longer than 50 characters.' },\n                    match: { value: 'newPassword', errorMessage: 'The password and its confirmation do not match!' }\n                } }),\n            React.createElement(Button, { color: \"success\", type: \"submit\" }, \"Validate new password\")));\n    };\n    PasswordResetFinishPage.prototype.render = function () {\n        var key = this.state.key;\n        return (React.createElement(\"div\", null,\n            React.createElement(Row, { className: \"justify-content-center\" },\n                React.createElement(Col, { md: \"4\" },\n                    React.createElement(\"h1\", null, \"Reset password\"),\n                    React.createElement(\"div\", null, key ? this.getResetForm() : null)))));\n    };\n    return PasswordResetFinishPage;\n}(React.Component));\nexport { PasswordResetFinishPage };\nvar mapDispatchToProps = { handlePasswordResetFinish: handlePasswordResetFinish, reset: reset };\nexport default connect(null, mapDispatchToProps)(PasswordResetFinishPage);\n",{"version":3,"file":"/var/www/html/payroll_manager/front-end/src/main/webapp/app/modules/account/password-reset/finish/password-reset-finish.tsx","sourceRoot":"","sources":["/var/www/html/payroll_manager/front-end/node_modules/tslint-loader/index.js!/var/www/html/payroll_manager/front-end/src/main/webapp/app/modules/account/password-reset/finish/password-reset-finish.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\nimport { Alert, Col, Row, Button } from 'reactstrap';\nimport { AvForm, AvField } from 'availity-reactstrap-validation';\n\nimport { RouteComponentProps } from 'react-router-dom';\n\nimport { IRootState } from 'app/shared/reducers';\nimport { handlePasswordResetFinish, reset } from '../password-reset.reducer';\nimport PasswordStrengthBar from 'app/shared/layout/password/password-strength-bar';\n\nexport interface IPasswordResetFinishProps extends DispatchProps, RouteComponentProps<{ key: string }> {}\n\nexport interface IPasswordResetFinishState {\n  password: string;\n  key: string;\n}\n\nexport class PasswordResetFinishPage extends React.Component<IPasswordResetFinishProps, IPasswordResetFinishState> {\n  state: IPasswordResetFinishState = {\n    password: '',\n    key: this.props.match.params.key\n  };\n\n  componentWillUnmount() {\n    this.props.reset();\n  }\n\n  handleValidSubmit = (event, values) => {\n    this.props.handlePasswordResetFinish(this.state.key, values.newPassword);\n  };\n\n  updatePassword = event => {\n    this.setState({ password: event.target.value });\n  };\n\n  getResetForm() {\n    return (\n      <AvForm onValidSubmit={this.handleValidSubmit}>\n        <AvField\n          name=\"newPassword\"\n          label=\"New password\"\n          placeholder={'New password'}\n          type=\"password\"\n          validate={{\n            required: { value: true, errorMessage: 'Your password is required.' },\n            minLength: { value: 4, errorMessage: 'Your password is required to be at least 4 characters.' },\n            maxLength: { value: 50, errorMessage: 'Your password cannot be longer than 50 characters.' }\n          }}\n          onChange={this.updatePassword}\n        />\n        <PasswordStrengthBar password={this.state.password} />\n        <AvField\n          name=\"confirmPassword\"\n          label=\"New password confirmation\"\n          placeholder=\"Confirm the new password\"\n          type=\"password\"\n          validate={{\n            required: { value: true, errorMessage: 'Your confirmation password is required.' },\n            minLength: { value: 4, errorMessage: 'Your confirmation password is required to be at least 4 characters.' },\n            maxLength: { value: 50, errorMessage: 'Your confirmation password cannot be longer than 50 characters.' },\n            match: { value: 'newPassword', errorMessage: 'The password and its confirmation do not match!' }\n          }}\n        />\n        <Button color=\"success\" type=\"submit\">\n          Validate new password\n        </Button>\n      </AvForm>\n    );\n  }\n\n  render() {\n    const { key } = this.state;\n\n    return (\n      <div>\n        <Row className=\"justify-content-center\">\n          <Col md=\"4\">\n            <h1>Reset password</h1>\n            <div>{key ? this.getResetForm() : null}</div>\n          </Col>\n        </Row>\n      </div>\n    );\n  }\n}\n\nconst mapDispatchToProps = { handlePasswordResetFinish, reset };\n\ntype DispatchProps = typeof mapDispatchToProps;\n\nexport default connect(\n  null,\n  mapDispatchToProps\n)(PasswordResetFinishPage);\n"]}]}