'use strict';

var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
var React = require('react');
var Button$1 = require('@bigbinary/neetoui/Button');
var Toastr = require('@bigbinary/neetoui/Toastr');
var Typography = require('@bigbinary/neetoui/Typography');
var reactI18next = require('react-i18next');
var i18next = require('i18next');
var yup = require('yup');
var formik = require('formik');
var utils = require('@bigbinary/neeto-commons-frontend/utils');
var Button = require('@bigbinary/neetoui/formik/Button');
var Input = require('@bigbinary/neetoui/formik/Input');
var ramda = require('ramda');
var jsxRuntime = require('react/jsx-runtime');

function _interopNamespaceDefault(e) {
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(n, k, d.get ? d : {
          enumerable: true,
          get: function () { return e[k]; }
        });
      }
    });
  }
  n.default = e;
  return Object.freeze(n);
}

var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);

var INITIAL_FORM_VALUES = {
  email: "",
  password: ""
};
var DEFAULT_EMAIL = "oliver@example.com";
var DEFAULT_PASSWORD = "welcome";
var LOGIN_FORM_VALIDATION_SCHEMA = yup__namespace.object().shape({
  email: yup__namespace.string().email(i18next.t("neetoMolecules.login.invalidEmail")).required(i18next.t("neetoMolecules.login.emailRequired")),
  password: yup__namespace.string().required(i18next.t("neetoMolecules.login.passwordRequired"))
});

var SignInForm = function SignInForm(_ref) {
  var handleFormSubmit = _ref.handleFormSubmit;
  var _useTranslation = reactI18next.useTranslation(),
    t = _useTranslation.t;
  var _getQueryParams = utils.getQueryParams(),
    _getQueryParams$email = _getQueryParams.email,
    email = _getQueryParams$email === void 0 ? "" : _getQueryParams$email;
  var emailPrefilledInitialValues = function emailPrefilledInitialValues() {
    return ramda.assoc("email", email, INITIAL_FORM_VALUES);
  };
  if (Button === undefined) {
    return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
      components: {
        code: /*#__PURE__*/jsxRuntime.jsx("code", {})
      },
      i18nKey: "neetoMolecules.login.installNeetoUI"
    });
  }
  return /*#__PURE__*/jsxRuntime.jsx(formik.Formik, {
    initialValues: emailPrefilledInitialValues(),
    validationSchema: LOGIN_FORM_VALIDATION_SCHEMA,
    onSubmit: handleFormSubmit,
    children: /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
      className: "flex w-full flex-col gap-y-6",
      children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
        required: true,
        "data-testid": "login-email-text-field",
        label: t("neetoMolecules.login.email"),
        name: "email",
        size: "large"
      }), /*#__PURE__*/jsxRuntime.jsx(Input, {
        required: true,
        "data-testid": "login-password-text-field",
        label: t("neetoMolecules.login.password"),
        name: "password",
        size: "large",
        type: "password"
      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
        fullWidth: true,
        "data-testid": "login-submit-button",
        label: t("neetoMolecules.login.login"),
        size: "large",
        style: "secondary",
        type: "submit"
      })]
    })
  });
};

function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
var SignIn = function SignIn(_ref) {
  var handleSubmit = _ref.handleSubmit;
  var _useState = React.useState(null),
    _useState2 = _slicedToArray(_useState, 2),
    isSubmitting = _useState2[0],
    setIsSubmitting = _useState2[1];
  var _useTranslation = reactI18next.useTranslation(),
    t = _useTranslation.t;
  var redirectAfterSuccessfulLogin = function redirectAfterSuccessfulLogin(redirectTo) {
    window.location.pathname = redirectTo || "/";
  };
  var handleFormSubmit = /*#__PURE__*/function () {
    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(formValues) {
      var response;
      return _regenerator().w(function (_context) {
        while (1) switch (_context.p = _context.n) {
          case 0:
            _context.p = 0;
            _context.n = 1;
            return handleSubmit({
              user: formValues
            });
          case 1:
            response = _context.v;
            Toastr.success(t("neetoMolecules.login.success"));
            redirectAfterSuccessfulLogin(response.redirectTo);
            _context.n = 3;
            break;
          case 2:
            _context.p = 2;
            _context.v;
          case 3:
            return _context.a(2);
        }
      }, _callee, null, [[0, 2]]);
    }));
    return function handleFormSubmit(_x) {
      return _ref2.apply(this, arguments);
    };
  }();
  var loginAsOliver = /*#__PURE__*/function () {
    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
      return _regenerator().w(function (_context2) {
        while (1) switch (_context2.n) {
          case 0:
            setIsSubmitting(true);
            _context2.n = 1;
            return handleFormSubmit({
              email: DEFAULT_EMAIL,
              password: DEFAULT_PASSWORD
            });
          case 1:
            setIsSubmitting(false);
          case 2:
            return _context2.a(2);
        }
      }, _callee2);
    }));
    return function loginAsOliver() {
      return _ref3.apply(this, arguments);
    };
  }();
  return /*#__PURE__*/jsxRuntime.jsx("div", {
    className: "flex h-dvh w-full justify-center",
    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
      className: "neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm flex w-full max-w-lg flex-col gap-y-6 self-center p-8 sm:min-w-max sm:p-10",
      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
        style: "h3",
        weight: "medium",
        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
          components: {
            bold: /*#__PURE__*/jsxRuntime.jsx("b", {
              "data-test-id": "organization-name"
            })
          },
          i18nKey: "neetoMolecules.login.toOrganizationAccount",
          values: {
            organizationName: globalProps.organization.name
          }
        })
      }), /*#__PURE__*/jsxRuntime.jsx(Button$1, {
        fullWidth: true,
        disabled: isSubmitting,
        label: t("neetoMolecules.login.loginAsOliver"),
        loading: isSubmitting,
        size: "large",
        style: "primary",
        onClick: loginAsOliver
      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
        className: "text-center",
        style: "body1",
        weight: "semibold",
        children: t("neetoMolecules.common.or").toLocaleUpperCase()
      }), /*#__PURE__*/jsxRuntime.jsx(SignInForm, {
        handleFormSubmit: handleFormSubmit
      })]
    })
  });
};

module.exports = SignIn;
//# sourceMappingURL=LoginPage.js.map
