\r\n {textValue && isPassword ? (\r\n \r\n {this.state.showPassword ? Resources.Hide : Resources.Show}\r\n \r\n ) : null}\r\n {label ? (\r\n \r\n ) : null}\r\n {/* {dollarAmountInput && $
}\r\n \r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class MainLoader extends Component {\r\n render() {\r\n const spinner = ;\r\n if (this.props.fullScreen === true) {\r\n return (\r\n \r\n
\r\n \r\n {spinner}\r\n
\r\n );\r\n }\r\n\r\n return spinner;\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nfunction LockstepLogo() {\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default LockstepLogo;","import React, { Component } from \"react\";\r\n\r\nclass IconGlobe extends Component {\r\n render() {\r\n let { className, height, style } = this.props;\r\n\r\n return (\r\n \r\n
\r\n {Resources.ForgoutYourPassword}
\r\n{Resources.WellHelpYouResetAndGetBackOnTrack}
\r\n\r\n \r\n
\r\n \r\n
\r\n {Resources.PleaseEnterNewPassword}
\r\n\r\n {\r\n let value = e.target.value;\r\n setPassword(value);\r\n }}\r\n />\r\n {\r\n let value = e.target.value;\r\n setConfirmPassword(value);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n {Resources.BackToLogin}\r\n \r\n \r\n {props.loginStore.sendingResetEmail ? \r\n {view === \"request\" ? : null}\r\n {renderContent()}\r\n \r\n }\r\n \r\n
\r\n )\r\n}\r\n\r\nconst storeToProps = (store: any) => {\r\n return {\r\n loginStore: store.login,\r\n };\r\n};\r\n\r\nexport default withRouter(connect(storeToProps, dispatchToProps)(ResetPassword));","import React, { Component } from \"react\";\r\n\r\nclass DoneIcon extends Component {\r\n render() {\r\n return (\r\n \r\n
:\r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DoneIcon;","import React, { Component } from \"react\";\r\n\r\nclass ErrorIcon extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ErrorIcon;"," import React, { Component } from \"react\";\r\n import Card from \"./library/card\";\r\n import IconGlobe from \"./library/icons/iconGlobe\";\r\n import TextInput from \"./library/textInput\";\r\n import DoneIcon from \"./library/doneIcon\";\r\n import MainLoader from \"./library/mainLoader\";\r\n import { withRouter } from \"react-router-dom\";\r\n import { connect } from \"react-redux\";\r\n import IconLeftArrow from \"./library/icons/iconLeftArrow\";\r\n import ErrorIcon from \"./library/errorIcon\";\r\n import { isEmpty } from \"../lib/utils\"\r\n\r\n import { dispatchToProps as loginDP } from \"../store/login-actions\";\r\n\r\n import Resources from \"../lib/resources\";\r\n\r\n type LoginState = {\r\n email: string,\r\n companyLogo: string,\r\n successView: boolean,\r\n failedView: boolean,\r\n failedViewMessage:string,\r\n customerId: string,\r\n customerIdView: boolean,\r\n enterEmailView: boolean,\r\n apEmailAddress: string,\r\n validCustId: boolean\r\n }\r\n\r\n type LoginProps = {\r\n match: any,\r\n history: any,\r\n location: any,\r\n getCompanySpecificMagicLink: any,\r\n getCompanySpecificMagicLinkWithCustomerId:any,\r\n getCompanyLogo: any,\r\n loginStore: any,\r\n getCustFromCustId: any,\r\n registerNewEmailAddress: any,\r\n }\r\n\r\n const dispatchToProps = (dispatch: any) => ({\r\n ...loginDP(dispatch)\r\n });\r\n\r\n class MagicLinkRequest extends Component\r\n
\r\n :\r\n \r\n \r\n {this.props.loginStore.gettingCustFromId || this.props.loginStore.registeringEmail || this.props.loginStore.gettingMagicLink ?\r\n \r\n :\r\n this.state.failedView ?\r\n \r\n :\r\n this.state.successView ?\r\n \r\n \r\n : this.state.customerIdView ?\r\n \r\n }\r\n \r\n
\r\n }\r\n \r\n {!isEmpty(this.state.companyLogo) ? 
\r\n : null}\r\n
\r\n \r\n connected by\r\n \r\n
\r\n \r\n
:\r\n this.state.enterEmailView ?\r\n \r\n \r\n
\r\n \r\n
\r\n {Resources.GreatThanks(this.props.loginStore.customer.custName)}
\r\n{Resources.RegisterEmailInfo}
\r\n\r\n {\r\n let value = e.target.value;\r\n this.setState({ apEmailAddress: value });\r\n ;\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n }\r\n
\r\n \r\n \r\n
\r\n {!this.state.failedViewMessage && {this.state.validCustId ? Resources.OopsWeDontRecognizeThatAddress : Resources.InvalidCustomerId}
}\r\n\r\n{this.state.failedViewMessage ? Resources.CustomFailedViewMessage : this.state.validCustId ? Resources.MagicLinkFailedCompanyMessage : Resources.InvalidCustomerIdMessgae(this.props.loginStore.customer.collectorEmail)}
\r\n\r\n {!this.state.failedViewMessage &&\r\n {\r\n let value = e.target.value;\r\n this.setState({ customerId: value, validCustId: true });\r\n ;\r\n }}\r\n />\r\n\r\n
\r\n \r\n \r\n \r\n :\r\n \r\n \r\n }\r\n\r\n
\r\n \r\n
\r\n {this.state.apEmailAddress != \"\" ?\r\n {Resources.Success}
\r\n{Resources.WeAreVerifyingYourEmailReachOutToEmail(this.props.loginStore.customer.collectorEmail)}
\r\n{Resources.MagicLinkSent}
\r\n{Resources.CheckEmailToGetLink}
\r\n\r\n\r\n \r\n
\r\n :\r\n \r\n
\r\n {Resources.CustomerIdViewMessage}
\r\n\r\n {\r\n this.setState({ customerId: e.target.value });\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {Resources.LookingToViewInvoiceMakePayments}
\r\n{Resources.MagicLinkInstructions}
\r\n\r\n {\r\n let value = e.target.value;\r\n this.setState({ email: value });\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n