{"version":3,"file":"index-DAM02M2W.js","sources":["../../src/features/auth/components/login-form/login-form.tsx","../../src/pages/login/login.tsx"],"sourcesContent":["import {\n  LoginCred,\n  useAuthGoogleGetAuthorizationMutation,\n  useAuthLoginGoogleMutation,\n  useAuthLoginMutation,\n  useLazyAuthWhoamiQuery,\n} from '@app/services/auto-generated/auth'\nimport {\n  Alert,\n  Button,\n  Container,\n  Divider,\n  InputAdornment,\n  Link,\n  TextField,\n  Typography,\n} from '@common/components'\nimport {\n  DASHBOARD_ROUTE,\n  FORGET_ROUTE,\n  MY_CLASSROOMS_ROUTE,\n  PROFILE_ROUTE,\n  REGISTER_ROUTE,\n  VERIFY_ROUTE,\n} from '@common/constants/routes'\nimport { useTranslation } from '@common/hooks'\nimport { EmailIcon, GoogleIcon, KeyIcon } from '@common/icons'\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport { SubmitHandler, useForm } from '@lib/form'\nimport { RouterLink, useNavigate, useSearchParams, useLocation } from '@lib/router'\nimport { isErrorResponse } from '@types'\nimport { urlEncodeEmail } from '@utils'\nimport React from 'react'\nimport { loginSchema } from '@common/utils/validations/auth.validations'\nimport { StyledTextField } from './login-form.styles'\nimport { useMediaQuery } from '@common/hooks'\n\nconst LoginForm: React.FC = () => {\n  const isMobile = useMediaQuery(950)\n  const [searchParams] = useSearchParams()\n  const { t } = useTranslation('login-page')\n  const navigate = useNavigate()\n  const location = useLocation()\n\n  const { handleSubmit, control, getValues } = useForm<LoginCred>({\n    defaultValues: {\n      password: '',\n      email: '',\n      username: '',\n    },\n    resolver: yupResolver(loginSchema),\n  })\n\n  const parseJSON = (str: string) => {\n    try {\n      return JSON.parse(str)\n    } catch (err) {\n      return null\n    }\n  }\n\n  const [login, { isLoading: isLoadingLogin, isError }] = useAuthLoginMutation()\n  const [\n    getGoogleAuth,\n    { isLoading: isLoadingGetGoogleAuth, isSuccess: isSuccessGoogleAuthLogin },\n  ] = useAuthGoogleGetAuthorizationMutation()\n  const [loginWithGoogle, { isLoading: isLoadingLoginWithGoogle }] = useAuthLoginGoogleMutation()\n  const [getUser] = useLazyAuthWhoamiQuery()\n\n  const onSubmit: SubmitHandler<LoginCred> = async (formState) => {\n    try {\n      if (formState.email === '') {\n        formState.email = null\n      }\n      if (formState.username === '') {\n        formState.username = null\n      }\n\n      try {\n        await login({ loginCred: formState }).unwrap()\n      } catch (err: any) {\n        if (isErrorResponse(err)) {\n          if (err.data.detail.error_code === 'EXC_USER_NOT_VERIFIED') {\n            const email: string | undefined = getValues('email')\n            if (email) {\n              navigate(`${VERIFY_ROUTE}?email=${urlEncodeEmail(email)}`)\n            }\n          }\n        }\n      }\n      await getUser().unwrap()\n    } catch (err) {}\n    if (formState.username === null) {\n      formState.username = ''\n    }\n    if (formState.email === null) {\n      formState.email = ''\n    }\n  }\n\n  const handleGoogleLogin = async () => {\n    try {\n      const previousUrl = location.state?.from?.pathname || DASHBOARD_ROUTE\n      console.log('previousUrl:', previousUrl)\n      const state = encodeURIComponent(JSON.stringify({ realRedirectUrl: previousUrl }))\n      const { url } = await getGoogleAuth({\n        googleGetAuthorizationRequest: {\n          redirect_url: `${window.location.origin}/`,\n          state,\n        },\n      }).unwrap()\n      window.location.href = url\n    } catch (error) {\n      console.error('Google login error:', error)\n    }\n  }\n\n  // for google sign in\n  const code = searchParams.get('code')\n  const state = searchParams.get('state')\n\n  const loginGoogleFlow = async () => {\n    if (code) {\n      await loginWithGoogle({\n        googleLoginRequest: {\n          code,\n          redirect_url: `${window.location.origin}/`,\n          ext: state ? parseJSON(decodeURIComponent(state)) : null,\n        },\n      }).unwrap()\n      await getUser().unwrap()\n      const parsedState = parseJSON(decodeURIComponent(state))\n      if (parsedState && parsedState['realRedirectUrl'] === PROFILE_ROUTE) {\n        navigate(MY_CLASSROOMS_ROUTE)\n        return\n      }\n      if (parsedState) {\n        window.location.href = parsedState['realRedirectUrl']\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    if (code) {\n      loginGoogleFlow()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [code])\n\n  // if (isLoadingLoginWithGoogle) {\n  //   return (\n  //     <Box\n  //       sx={{\n  //         width: '300px',\n  //         height: '300px',\n  //         display: 'flex',\n  //         justifyContent: 'center',\n  //         alignItems: 'center',\n  //       }}\n  //     >\n  //       <CircularProgress color='error' />\n  //     </Box>\n  //   )\n  // }\n\n  return (\n    <Container component='form' maxWidth='xs' onSubmit={handleSubmit(onSubmit)}>\n      <Typography align='center' sx={{ mb: 4, fontSize: { xs: '17px', sm: '20px', md: '24px' } }}>\n        {t('title', 'Returning users')}\n      </Typography>\n      {isError && (\n        <Alert variant='outlined' severity='error' sx={{ mb: 2 }}>\n          Please verify your email and password\n        </Alert>\n      )}\n      <StyledTextField\n        size={isMobile ? 'small' : 'medium'}\n        name='email'\n        type='email'\n        control={control}\n        placeholder={t('email-input.placeholder', 'Email')}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position='start'>\n              <EmailIcon />\n            </InputAdornment>\n          ),\n        }}\n        fullWidth\n        sx={{ mb: 2 }}\n      />\n      <StyledTextField\n        size={isMobile ? 'small' : 'medium'}\n        name='password'\n        type='password'\n        control={control}\n        placeholder={t('password-input.placeholder', 'Password')}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position='start'>\n              <KeyIcon />\n            </InputAdornment>\n          ),\n        }}\n        fullWidth\n        sx={{ mb: 1 }}\n      />\n      <Typography variant='body2' sx={{ mb: 2 }}>\n        {t('forget-password.typo', 'Forgot your password?')}{' '}\n        <Link underline='hover' component={RouterLink} to={FORGET_ROUTE}>\n          {t('forget-password.link', 'Reset')}\n        </Link>\n      </Typography>\n      <Button\n        size={isMobile ? 'small' : 'medium'}\n        loading={isLoadingLogin}\n        variant='contained'\n        type='submit'\n        fullWidth\n        sx={{ mb: 2 }}\n      >\n        {t('submit-button.label', 'Login')}\n      </Button>\n      <Divider sx={{ my: 1 }}>OR</Divider>\n      <Button\n        fullWidth\n        onClick={handleGoogleLogin}\n        variant='outlined'\n        color='neutral'\n        loading={isLoadingGetGoogleAuth}\n        startIcon={<GoogleIcon />}\n        sx={{ mb: 1 }}\n        size={isMobile ? 'small' : 'medium'}\n      >\n        {t('google-button.label', 'Sign in with google')}\n      </Button>\n      <Typography variant='body2' sx={{ mt: 1 }}>\n        {t('no-account.typo', \"Don't have an account?\")}{' '}\n        <Link underline='hover' component={RouterLink} to={REGISTER_ROUTE + '?step=0'}>\n          {t('no-account.link', 'Register')}\n        </Link>\n      </Typography>\n    </Container>\n  )\n}\n\nexport default LoginForm\n","import React from 'react'\nimport { Button, Link, Paper, Typography } from '@common/components'\nimport { CenterContainer } from '@common/containers'\nimport { LoginForm } from '@features/auth/components'\nimport { ThemeProvider } from '@common/utils/styles'\nimport pengguinLogo from '@assets/svg/pengguin-logo.svg'\nimport { useTranslation } from 'react-i18next'\nimport lightTheme from '@styles/themes/light-theme'\nimport { ArrowOutwardIcon } from '@common/icons'\nimport { RouterLink } from '@lib/router'\nimport { MAIN_ROUTE } from '@common/constants/routes'\nimport { useTheme } from '@features/theme/theme.hooks'\nimport isepakLogoDark from '@assets/svg/logo-speakduo-dark.svg'\n\nconst Login: React.FC = () => {\n  const { t } = useTranslation('login-page')\n  const { isDark } = useTheme()\n  return (\n    <>\n      <Button\n        component={RouterLink}\n        to={MAIN_ROUTE}\n        color='neutral'\n        variant='text'\n        sx={{\n          fontWeight: 600,\n          color: 'GrayText',\n          position: 'absolute',\n          top: 5,\n          right: 50,\n          ':hover': {\n            color: (theme) => (theme.palette.mode === 'dark' ? 'white' : 'black'),\n          },\n        }}\n      >\n        Explore Events\n        <ArrowOutwardIcon sx={{ fontSize: '14px' }} />\n      </Button>\n      <CenterContainer>\n        <Paper sx={{ py: { xs: 2, md: 5 }, borderRadius: '20px', maxWidth: '90%' }}>\n          <Link component={RouterLink} to={MAIN_ROUTE}>\n            <img\n              src={isDark ? isepakLogoDark : pengguinLogo}\n              alt={'pegguin'}\n              style={{\n                display: 'block',\n                width: '190px',\n                margin: '0 auto',\n                marginBottom: '22px',\n              }}\n            />\n          </Link>\n          <Typography align='center' sx={{ mb: 0.5, fontSize: { xs: '16px', md: '20px' } }}>\n            {t('title', 'Sign in')}\n          </Typography>\n          <LoginForm />\n        </Paper>\n      </CenterContainer>\n    </>\n  )\n}\n\nexport default Login\n"],"names":["LoginForm","isMobile","useMediaQuery","searchParams","useSearchParams","t","useTranslation","navigate","useNavigate","location","useLocation","handleSubmit","control","getValues","useForm","yupResolver","loginSchema","parseJSON","str","login","isLoadingLogin","isError","useAuthLoginMutation","getGoogleAuth","isLoadingGetGoogleAuth","isSuccessGoogleAuthLogin","useAuthGoogleGetAuthorizationMutation","loginWithGoogle","isLoadingLoginWithGoogle","useAuthLoginGoogleMutation","getUser","useLazyAuthWhoamiQuery","onSubmit","formState","err","isErrorResponse","email","VERIFY_ROUTE","urlEncodeEmail","handleGoogleLogin","previousUrl","_b","_a","DASHBOARD_ROUTE","state","url","error","code","loginGoogleFlow","parsedState","PROFILE_ROUTE","MY_CLASSROOMS_ROUTE","React","jsxs","Container","jsx","Typography","Alert","StyledTextField","InputAdornment","EmailIcon","KeyIcon","Link","RouterLink","FORGET_ROUTE","Button","Divider","GoogleIcon","REGISTER_ROUTE","Login","isDark","useTheme","Fragment","MAIN_ROUTE","theme","ArrowOutwardIcon","CenterContainer","Paper","isepakLogoDark","pengguinLogo"],"mappings":"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"}