{"version":3,"file":"login.page-30389840.js","sources":["../../src/features/auth/login-form.component.tsx","../../src/pages/login.page.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { Link, useNavigate } from 'react-router-dom';\nimport * as yup from 'yup';\n/* eslint-disable react-hooks/exhaustive-deps */\nimport eyeIcon from '@/assets/icons/eye-icon.svg';\nimport eyeIconSlash from '@/assets/icons/eye-slash-icon.svg';\nimport Spinner from '@/components/spinner/spinner.component';\nimport routesConfig from '@/config/routes.config';\nimport { useLoginMutation } from './auth.api';\nimport FormInput from './form-input.component';\nimport PrivacyAndTerms from './privacy-and-terms';\n\nconst LoginFormData = yup\n  .object({\n    email: yup.string().email().required('Email is required.'),\n    password: yup.string().required('Password is required.').min(8),\n  })\n  .required();\n\nconst LoginForm = () => {\n  const [login, { isLoading, isSuccess, error }] = useLoginMutation();\n\n  const navigate = useNavigate();\n  const [showPass, setShowPass] = useState(false);\n\n  const toggleShowPass = () => setShowPass(!showPass);\n\n  useEffect(() => {\n    const err: any = error;\n    const isNotConfirmed = err?.data?.includes('User is not confirmed');\n\n    if (isNotConfirmed) {\n      navigate(routesConfig.CONFIRM_USER);\n    }\n  }, [error]);\n\n  useEffect(() => {\n    if (isSuccess) {\n      navigate(routesConfig.HOME);\n    }\n  }, [isSuccess]);\n\n  const {\n    register,\n    setValue,\n    handleSubmit,\n    formState: { errors },\n  } = useForm({\n    resolver: yupResolver(LoginFormData),\n  });\n\n  const onSubmit = (data: any) => login(data);\n\n  return (\n    <form\n      onSubmit={handleSubmit(onSubmit)}\n      className=\"flex flex-col items-center gap-3 md:gap-5 md:mt-12 font-jakarta\"\n    >\n      <h1 className=\"md:text-[3.5rem] text-4xl mb-5 font-bold text-deep-blue\">\n        Welcome back!\n      </h1>\n\n      <FormInput\n        name=\"email\"\n        register={register}\n        setValue={setValue}\n        title=\"Email address\"\n        error={errors.email?.message}\n        placeholder=\"Enter your email address\"\n      />\n      <FormInput\n        name=\"password\"\n        title=\"Password\"\n        register={register}\n        setValue={setValue}\n        placeholder=\"********\"\n        toggleShow={toggleShowPass}\n        error={errors.password?.message}\n        type={showPass ? 'text' : 'password'}\n        icon={showPass ? eyeIcon : eyeIconSlash}\n      />\n\n      <Link\n        to=\"/forgot-pass\"\n        data-testid=\"forgot-pass-link\"\n        className=\"text-deep-blue hover:underline mr-auto\"\n      >\n        Forgot password?\n      </Link>\n\n      <button\n        type=\"submit\"\n        data-testid=\"login-btn\"\n        className=\"w-full rounded-xl p-2 md:p-3 font-semibold flex justify-center items-center gap-2 bg-deep-blue text-white\"\n      >\n        Login\n        {isLoading && <Spinner />}\n      </button>\n\n      <PrivacyAndTerms />\n\n      <div className=\"font-semibold space-x-2 z-10\">\n        <span className=\"text-darkgray\">Don&apos;t have an account?</span>\n        <Link\n          to={routesConfig.REGISTRATION}\n          data-testid=\"register-link\"\n          className=\"underline underline-offset-4 text-deep-blue hover:text-dark\"\n        >\n          Register\n        </Link>\n      </div>\n    </form>\n  );\n};\n\nexport default LoginForm;\n","import LoginForm from '@/features/auth/login-form.component';\n\nconst LoginPage = () => {\n  return <LoginForm />;\n};\n\nexport default LoginPage;\n"],"names":["LoginFormData","create","create$1","LoginForm","login","isLoading","isSuccess","error","useLoginMutation","navigate","useNavigate","showPass","setShowPass","reactExports","toggleShowPass","err","_a","routesConfig","register","setValue","handleSubmit","errors","useForm","o","jsxs","data","jsx","FormInput","_b","eyeIcon","eyeIconSlash","Link","Spinner","PrivacyAndTerms","LoginPage"],"mappings":"6oBAcA,MAAAA,EAAAC,EAAA,CACA,MAAAC,EAAA,EAAA,MAAA,EAAA,SAAA,oBAAA,EACA,SAAAA,EAAA,EAAA,SAAA,uBAAA,EAAA,IAAA,CAAA,CAEA,CAAA,EAAA,SAAA,EAGAC,EAAA,IAAA,SACA,KAAA,CAAAC,EAAA,CAAA,UAAAC,EAAA,UAAAC,EAAA,MAAAC,CAAA,CAAA,EAAAC,EAAA,EAEAC,EAAAC,EAAA,EACA,CAAAC,EAAAC,CAAA,EAAAC,EAAA,SAAA,EAAA,EAEAC,EAAA,IAAAF,EAAA,CAAAD,CAAA,EAEAE,EAAA,UAAA,IAAA,OACA,MAAAE,EAAAR,IACAS,EAAAD,GAAA,YAAAA,EAAA,OAAA,YAAAC,EAAA,SAAA,2BAGAP,EAAAQ,EAAA,YAAA,CACA,EAAA,CAAAV,CAAA,CAAA,EAGAM,EAAA,UAAA,IAAA,CACAP,GACAG,EAAAQ,EAAA,IAAA,CACA,EAAA,CAAAX,CAAA,CAAA,EAGA,KAAA,CAAA,SAAAY,EACA,SAAAC,EACA,aAAAC,EACA,UAAA,CAAA,OAAAC,CAAA,CACA,EAAAC,EAAA,CACA,SAAAC,EAAAvB,CAAA,CACA,CAAA,EAKA,OAAAwB,EACA,OAAA,CAAA,SAAAJ,EAHAK,GAAArB,EAAAqB,CAAA,CAGA,EACA,UAAA,kEACA,SAAA,CAEAC,EAAA,KAAA,CAAA,UAAA,0DAAA,SAAA,eAAA,CAAA,EAEAA,EAEAC,EAAA,CAAA,KAAA,QACA,SAAAT,EACA,SAAAC,EACA,MAAA,gBACA,OAAAH,EAAAK,EAAA,QAAA,YAAAL,EAAA,QACA,YAAA,0BACA,CAAA,EACAU,EACAC,EAAA,CAAA,KAAA,WACA,MAAA,WACA,SAAAT,EACA,SAAAC,EACA,YAAA,WACA,WAAAL,EACA,OAAAc,EAAAP,EAAA,WAAA,YAAAO,EAAA,QACA,KAAAjB,EAAA,OAAA,WACA,KAAAA,EAAAkB,EAAAC,CACA,CAAA,EACAJ,EAEAK,EAAA,CAAA,GAAA,eACA,cAAA,mBACA,UAAA,yCACA,SAAA,kBACA,CAAA,EAEAP,EAEA,SAAA,CAAA,KAAA,SACA,cAAA,YACA,UAAA,4GACA,SAAA,CACA,QAAAnB,GAAAqB,EAAAM,EAAA,CAAA,CAAA,CAEA,CAAA,CAAA,EACAN,EAAAO,EAAA,CAAA,CAAA,EAEAT,EAAA,MAAA,CAAA,UAAA,+BAAA,SAAA,CAGAE,EAAA,OAAA,CAAA,UAAA,gBAAA,SAAA,wBAAA,CAAA,EAAAA,EACAK,EAAA,CAAA,GAAAd,EAAA,aACA,cAAA,gBACA,UAAA,8DACA,SAAA,UACA,CAAA,CAEA,CAAA,CAAA,CACA,CAAA,CAAA,CAGA,ECjHAiB,EAAA,IACAR,EAAAvB,EAAA,CAAA,CAAA"}