import { client } from "@sc/api/gql/client"; import { Button, Cell, Grid, Paper, TextInput } from "@sc/components/ui"; import { AppConfig } from "@sc/modules/app"; import gql from "graphql-tag"; import _ from "lodash"; import React, { Component } from "react"; import { Link } from "react-router-dom"; import style from "./style"; class PasswordReset extends Component { constructor(props) { super(props); this.state = { email: "", loading: false, error: false, message: "", success: false }; this.sendResetInstructions = this.sendResetInstructions.bind(this); } static contextType = AppConfig; componentDidMount() { const { app } = this.context; if (this.state.loading) this.setState({ loading: false }); if (app.loadIntercom) window.Intercom("shutdown"); } async sendResetInstructions() { const { email } = this.state; const to = email; const from = "10 Minute Funnels "; const subject = `Password Reset Instructions for <%= name %>`; const text = ``; const html = `

Hi <%= name %>,

Thanks for using 10 Minute Funnels.

Someone requested a password reset for your account.

If this was not you, please disregard this email.

If you'd like to continue, click the link below.

This link will expire in 20 minutes

${window.location.href.replace(/\/$/, "")}/<%= token %>

Thanks,

10 Minute Funnels Team

`; const resetResponse = await client.mutate({ mutation: gql` mutation sendResetPasswordEmail( $to: String! $from: String! $subject: String! $text: String! $html: String! ) { sendResetPasswordEmail( to: $to from: $from subject: $subject text: $text html: $html ) { statusCode message } } `, variables: { to, from, subject, text, html } }); const response = _.get(resetResponse, "data.sendResetPasswordEmail", false); console.log({ response }); if (response.statusCode === 400) { this.setState({ error: true, loading: false, message: response.message }); } else { this.setState({ error: false, success: true }); } } render() { const { app } = this.context; return ( {app.name} {this.state.error ? (
{this.state.message}
) : null} {this.state.success ? (

Your password reset instructions have been sent

Please check your email to continue.

) : ( <>

Enter the email address you signed up with below.

We will send you an email with a link to reset your password.

{ this.setState({ email: e.target.value }); }} onKeyUp={e => { if (e.keyCode === 13) this.sendResetInstructions(); }} focusOnMount />
{this.state.loading ? ( ) : ( )} )} ); } } PasswordReset.defaultProps = { // logo: app.logoBlack, error: false }; export default PasswordReset;