autodisol/components/ForgottenPasswordPage.js

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireWildcard(require("react"));

var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));

var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));

var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));

var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));

var _Link = _interopRequireDefault(require("react-router-dom/Link"));

var _formData2 = _interopRequireDefault(require("sharyn/client/form-data"));

var _Page = _interopRequireDefault(require("sharyn/components/Page"));

var _cond = _interopRequireDefault(require("sharyn/util/cond"));

var _i18n = require("../i18n");

var _CustomButton = _interopRequireDefault(require("./CustomButton"));

var _propTypes = _interopRequireDefault(require("prop-types"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }

function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }

function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }

var translations = {
  'forgotten password': {
    fr: 'Mot de passe oublié',
    en: 'Forgotten Password',
    es: 'Contraseña olvidada'
  },
  'back to login page': {
    fr: 'Retour à la page de connexion',
    en: 'Back to login page',
    es: 'Volver a la página de conexión'
  },
  'reset password': {
    fr: 'Changer le mot de passe',
    en: 'Reset password',
    es: 'Cambiar contraseña'
  },
  'email or username': {
    fr: "E-mail ou nom d'utilisateur",
    en: 'Email or username',
    es: 'Email o nombre de usuario'
  },
  'reset password email sent': {
    fr: 'Un e-mail vous a été envoyé pour changer de mot de passe.',
    en: 'An email has been sent to you to set your new password.',
    es: 'Se le ha enviado un correo electrónico para configurar su nueva contraseña.'
  },
  'call error message': {
    fr: "Cela n'a pas fonctionné. Merci de réessayer plus tard.",
    en: 'Something went wrong, please try again later.',
    es: 'No funcionó, por favor intente de nuevo más tarde.'
  }
};

var submitHandler = function submitHandler(_ref) {
  var lang = _ref.lang,
      emailPasswordResetCall = _ref.emailPasswordResetCall,
      setIsFinished = _ref.setIsFinished,
      setIsLoading = _ref.setIsLoading,
      setErrorMessage = _ref.setErrorMessage;
  return (
    /*#__PURE__*/
    function () {
      var _ref2 = _asyncToGenerator(
      /*#__PURE__*/
      regeneratorRuntime.mark(function _callee(e) {
        var _formData, username;

        return regeneratorRuntime.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                e.preventDefault();
                _formData = (0, _formData2["default"])(e), username = _formData.username;
                setIsLoading(true);
                _context.next = 5;
                return emailPasswordResetCall(username);

              case 5:
                if (!_context.sent) {
                  _context.next = 9;
                  break;
                }

                setIsFinished(true);
                _context.next = 10;
                break;

              case 9:
                setErrorMessage((0, _i18n.getTranslation)(translations, lang, 'call error message'));

              case 10:
                setIsLoading(false);

              case 11:
              case "end":
                return _context.stop();
            }
          }
        }, _callee);
      }));

      return function (_x) {
        return _ref2.apply(this, arguments);
      };
    }()
  );
};

var configLanguage = (0, _i18n.getLanguage)();

var ForgottenPasswordPageJSX = function ForgottenPasswordPageJSX(_ref3) {
  var _storyLanguage;

  var css = _ref3.classes,
      emailPasswordResetCall = _ref3.emailPasswordResetCall,
      _ref3$loginPath = _ref3.loginPath,
      loginPath = _ref3$loginPath === void 0 ? '' : _ref3$loginPath,
      storyLanguage = _ref3.storyLanguage,
      isNeutral = _ref3.isNeutral;
  var lang = (_storyLanguage = storyLanguage) !== null && _storyLanguage !== void 0 ? _storyLanguage : configLanguage;

  var _useState = (0, _react.useState)(null),
      _useState2 = _slicedToArray(_useState, 2),
      errorMessage = _useState2[0],
      setErrorMessage = _useState2[1];

  var _useState3 = (0, _react.useState)(false),
      _useState4 = _slicedToArray(_useState3, 2),
      isFinished = _useState4[0],
      setIsFinished = _useState4[1];

  var _useState5 = (0, _react.useState)(false),
      _useState6 = _slicedToArray(_useState5, 2),
      isLoading = _useState6[0],
      setIsLoading = _useState6[1];

  return _react["default"].createElement(_Page["default"], {
    noPaper: true,
    middle: true,
    paperClass: css.container
  }, _react["default"].createElement("div", {
    style: {
      textAlign: 'center',
      width: '90%',
      maxWidth: 300
    }
  }, (0, _cond["default"])([[isFinished, function () {
    return _react["default"].createElement("div", null, (0, _i18n.getTranslation)(translations, lang, 'reset password email sent'));
  }], [isLoading, function () {
    return _react["default"].createElement(_CircularProgress["default"], null);
  }]], function () {
    return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_Typography["default"], {
      variant: "h1",
      style: {
        marginBottom: 24
      }
    }, (0, _i18n.getTranslation)(translations, lang, 'forgotten password')), errorMessage && _react["default"].createElement(_Typography["default"], {
      color: "error",
      style: {
        margin: '20px 0'
      }
    }, errorMessage), _react["default"].createElement("form", {
      style: {
        marginTop: 60,
        marginBottom: 40
      },
      onSubmit: submitHandler({
        emailPasswordResetCall: emailPasswordResetCall,
        setErrorMessage: setErrorMessage,
        setIsFinished: setIsFinished,
        setIsLoading: setIsLoading,
        lang: lang
      })
    }, _react["default"].createElement(_TextField["default"], {
      label: (0, _i18n.getTranslation)(translations, lang, 'email or username'),
      name: "username",
      style: {
        marginBottom: 20
      },
      required: true
    }), _react["default"].createElement("br", null), _react["default"].createElement(_CustomButton["default"], {
      colorType: !isNeutral ? 'primary' : 'secondary',
      height: "short",
      variant: "contained",
      type: "submit",
      style: {
        marginTop: 10
      }
    }, (0, _i18n.getTranslation)(translations, lang, 'reset password'))), _react["default"].createElement(_Typography["default"], {
      variant: "body1",
      color: !isNeutral ? 'primary' : 'secondary'
    }, _react["default"].createElement(_Link["default"], {
      to: loginPath,
      style: {
        color: 'inherit'
      }
    }, (0, _i18n.getTranslation)(translations, lang, 'back to login page'))));
  })));
};

ForgottenPasswordPageJSX.propTypes = {
  classes: _propTypes["default"].object.isRequired,
  emailPasswordResetCall: _propTypes["default"].func.isRequired,
  loginPath: _propTypes["default"].string,
  storyLanguage: _propTypes["default"].string,
  isNeutral: _propTypes["default"].bool.isRequired
};
var ForgottenPasswordPage = (0, _withStyles["default"])({
  container: {
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    width: '100%'
  }
})(ForgottenPasswordPageJSX);
var _default = ForgottenPasswordPage;
exports["default"] = _default;