import React, { Component } from 'react'; import { PropTypes } from 'prop-types'; import { observer, inject } from 'mobx-react'; import InputField from 'ui/components/forms/InputField'; import ActionButton from 'ui/components/forms/ActionButton'; import asForm from 'ui/components/forms/asForm'; import { Trans, withTranslation } from 'react-i18next'; import withCustomComponent from 'ui/components/withCustomComponent'; @withCustomComponent('PasswordSection') @withTranslation() @inject('appStore', 'authStore') @observer class PasswordSection extends Component { static propTypes = { customer: PropTypes.object.isRequired, }; render() { const { t, appStore, authStore, customer, updateProperty } = this.props; return (

{/*customer.AccessPincode && (

{t('Your PIN and password')}

)*/}

{t('Your password')}

{customer.AccessPincode && (

)}

{t('To change your password, type your current password')}

If you don't remember your current password: { ev.preventDefault(); authStore .loadResetPassword(customer.Email) .then((data) => { appStore.setPopMessage( t( 'We have sent you an email to {{email}} to reset your password', { email: customer.Email } ) ); }); }} href="#" > request a password reset email .

{customer.OldPassword && (

)}

{customer.OldPassword && customer.NewPassword && (

)} {customer.OldPassword && customer.NewPassword && customer.RepeatNewPassword && ( this.props.saveCustomer()} busy={authStore.isSavingCustomerWithUser} /> )}

); } } export default asForm(PasswordSection, 'customer');

Events calendar