\r\n \r\n
\r\n );\r\n }\r\n}\r\n","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
\r\n \r\n \r\n \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\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\nexport default DoneIcon;","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 {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\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\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 IconCheckCircle extends Component {\r\n render() {\r\n let { className, height } = this.props;\r\n\r\n return (\r\n \r\n \r\n {this.state.failedView ?\r\n \r\n :\r\n this.state.successView ?\r\n \r\n \r\n :\r\n this.state.magicLinkView ?\r\n this.props.loginStore.gettingMagicLink ?\r\n \r\n {this.props.loginStore.loginFailed ? \r\n \r\n : null}\r\n
\r\n }\r\n \r\n
: null}\r\n \r\n
\r\n \r\n
\r\n {Resources.MagicLinkFailedSend}
\r\n \r\n\r\n
\r\n \r\n
\r\n {Resources.MagicLinkSent}
\r\n{Resources.CheckEmailToGetLink}
\r\n\r\n
:\r\n \r\n \r\n
:\r\n this.props.loginStore.loggingIn ? {Resources.TiredOfRememberingPasswords}
\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
: \r\n
: null}\r\n \r\n {\r\n let value = e.target.value;\r\n this.setState({ username: value });\r\n ;\r\n }}\r\n />\r\n
\r\n \r\n {\r\n let value = e.target.value;\r\n this.setState({ password: value });\r\n ;\r\n }}\r\n />\r\n
\r\n {Resources.ForgotPassword}\r\n \r\n {\r\n this.setState({ rememberMeChecked: !this.state.rememberMeChecked });\r\n }} />\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {Resources.Or}
\r\n \r\n\r\n
\r\n {this.props.flags.authUiCreateAccountButton ?\r\n {Resources.DontFeelLikeTypingYourPassword}
\r\n \r\n\r\n \r\n
\r\n {Resources.Or}
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \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\nimport Card from \"./library/card\";\r\nimport IconGlobe from \"./library/icons/iconGlobe\";\r\nimport TextInput from \"./library/textInput\";\r\nimport DoneIcon from \"./library/doneIcon\";\r\nimport MainLoader from \"./library/mainLoader\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IconLeftArrow from \"./library/icons/iconLeftArrow\";\r\nimport ErrorIcon from \"./library/errorIcon\";\r\nimport { isEmpty } from \"../lib/utils\"\r\n\r\nimport { dispatchToProps as loginDP } from \"../store/login-actions\";\r\n\r\nimport Resources from \"../lib/resources\";\r\n\r\ntype LoginState = {\r\n email: string,\r\n companyLogo: string,\r\n successView: boolean,\r\n failedView: boolean,\r\n customerId: string,\r\n enterEmailView: boolean,\r\n apEmailAddress: string,\r\n validCustId: boolean\r\n}\r\n\r\ntype LoginProps = {\r\n match: any,\r\n history: any,\r\n location: any,\r\n getCompanySpecificMagicLink: any,\r\n getCompanyLogo: any,\r\n loginStore: any,\r\n getCustFromCustId: any,\r\n registerNewEmailAddress: any,\r\n}\r\n\r\nconst dispatchToProps = (dispatch: any) => ({\r\n ...loginDP(dispatch)\r\n});\r\n\r\nclass MagicLinkRequest extends Component\r\n
:\r\n \r\n
\r\n \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 :\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 {this.state.validCustId ? Resources.OopsWeDontRecognizeThatAddress : Resources.InvalidCustomerId}
\r\n{this.state.validCustId ? Resources.MagicLinkFailedCompanyMessage : Resources.InvalidCustomerIdMessgae(this.props.loginStore.customer.collectorEmail)}
\r\n\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 {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 {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
\r\n