@coko/client/dist/ui/authentication/Login.js

Client side common code for coko apps

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _common = require("../common");
var _AuthenticationForm = _interopRequireDefault(require("./AuthenticationForm"));
var _AuthenticationHeader = _interopRequireDefault(require("./AuthenticationHeader"));
var _AuthenticationWrapper = _interopRequireDefault(require("./AuthenticationWrapper"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
// import styled from 'styled-components'

var Login = function Login(props) {
  var className = props.className,
    errorMessage = props.errorMessage,
    hasError = props.hasError,
    loading = props.loading,
    onSubmit = props.onSubmit;
  return /*#__PURE__*/_react["default"].createElement(_common.Page, {
    maxWidth: 600
  }, /*#__PURE__*/_react["default"].createElement(_AuthenticationWrapper["default"], {
    className: className
  }, /*#__PURE__*/_react["default"].createElement(_AuthenticationHeader["default"], null, "Login"), /*#__PURE__*/_react["default"].createElement(_AuthenticationForm["default"], {
    alternativeActionLabel: "Do you want to signup instead?",
    alternativeActionLink: "/signup",
    errorMessage: errorMessage,
    hasError: hasError,
    loading: loading,
    onSubmit: onSubmit,
    showForgotPassword: true,
    submitButtonLabel: "Log in",
    title: "Login"
  }, /*#__PURE__*/_react["default"].createElement(_common.Form.Item, {
    label: "Email",
    name: "email",
    rules: [{
      required: true,
      message: 'Email is required'
    }, {
      type: 'email',
      message: 'This is not a valid email address'
    }]
  }, /*#__PURE__*/_react["default"].createElement(_common.Input, {
    autoComplete: "email",
    placeholder: "Please enter your email",
    type: "email"
  })), /*#__PURE__*/_react["default"].createElement(_common.Form.Item, {
    label: "Password",
    name: "password",
    rules: [{
      required: true,
      message: 'Password is required'
    }]
  }, /*#__PURE__*/_react["default"].createElement(_common.Input, {
    autoComplete: "current-password",
    placeholder: "Please enter your password",
    type: "password"
  })))));
};
Login.propTypes = {
  errorMessage: _propTypes["default"].string,
  hasError: _propTypes["default"].bool,
  loading: _propTypes["default"].bool,
  onSubmit: _propTypes["default"].func.isRequired
};
Login.defaultProps = {
  errorMessage: null,
  hasError: false,
  loading: false
};
var _default = Login;
exports["default"] = _default;