@campxdev/shared 0.3.8 → 0.3.9

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@campxdev/shared",
-	"version": "0.3.8",
+	"version": "0.3.9",
 	"main": "./exports.ts",
 	"scripts": {
 		"start": "react-scripts start",

package/src/components/LoginForm.tsx

@@ -0,0 +1,103 @@
+import {Visibility, VisibilityOff} from '@mui/icons-material'
+import {
+	Alert,
+	Box,
+	Button,
+	IconButton,
+	InputAdornment,
+	Stack,
+	styled,
+} from '@mui/material'
+import axiosBase from 'axios'
+import Cookies from 'js-cookie'
+import {useState} from 'react'
+import {useForm} from 'react-hook-form'
+import {FormTextField} from './HookForm'
+
+export const StyledTextField = styled(FormTextField)(({theme}) => ({
+	'& .MuiInputBase-root': {
+		minHeight: '60px',
+	},
+	'& .MuiOutlinedInput-input': {
+		padding: '18.5px 14px',
+	},
+}))
+
+export const StyledButton = styled(Button)(({theme}) => ({
+	borderRadius: '10px',
+	height: '60px',
+	fontSize: '18px',
+}))
+
+export function LoginForm() {
+	const [showPassword, setShowPassword] = useState(false)
+	const {handleSubmit, control} = useForm()
+	const [error, setError] = useState('')
+
+	const onSubmit = async (values) => {
+		try {
+			const res = await axiosBase({
+				method: 'POST',
+				url: 'https://ums-api.campx.dev/auth/login',
+				data: {
+					values,
+				},
+			})
+			Cookies.set('campx_session_key', res.data.cookie)
+			window.location.href = '/'
+		} catch (err) {
+			// eslint-disable-next-line no-console
+			console.log(err)
+			setError(err.response.data.message ?? 'Server Error')
+		}
+	}
+
+	return (
+		<Box sx={{maxWidth: '500px'}} margin='0 auto' padding={'0 1rem'}>
+			<form onSubmit={handleSubmit(onSubmit)}>
+				<Stack gap={'40px'}>
+					<Box>
+						<StyledTextField
+							size='medium'
+							control={control}
+							name='username'
+							label='User ID'
+							required
+						/>
+					</Box>
+					<Box>
+						<StyledTextField
+							control={control}
+							name='password'
+							label='Password'
+							type={showPassword ? 'text' : 'password'}
+							required
+							InputProps={{
+								endAdornment: (
+									<InputAdornment position='end'>
+										<IconButton
+											size='small'
+											aria-label='toggle password visibility'
+											onClick={() => setShowPassword((prev) => !prev)}
+											edge='end'
+										>
+											{showPassword ? <VisibilityOff /> : <Visibility />}
+										</IconButton>
+									</InputAdornment>
+								),
+							}}
+						/>
+					</Box>
+					<StyledButton type='submit'>Login</StyledButton>
+				</Stack>
+			</form>
+			{error && (
+				<Alert severity='error' sx={{marginTop: '20px'}}>
+					{error}
+				</Alert>
+			)}
+		</Box>
+	)
+}
+
+export default LoginForm

package/src/components/index.ts

@@ -14,6 +14,7 @@ import UploadDocument from './UploadDocument'
 import {Table as StyledTable} from './Table'
 import ErrorBoundary from './ErrorBoundary'
 import FullScreenLoader from './FullScreenLoader'
+import LoginForm from './LoginForm'
 
 export {default as Image} from './Image'
 export {default as PageHeader} from './PageHeader'
@@ -57,6 +58,7 @@ export {
 	StyledTable,
 	ErrorBoundary,
 	FullScreenLoader,
+	LoginForm,
 }
 
 export * from './UploadButton/types'

package/src/utils/index.ts

@@ -5,3 +5,4 @@ export {default as romanize} from './romanize'
 export {default as withRouteWrapper} from './withRouteWrapper'
 export {default as withSuspense} from './withSuspense'
 export {default as withLocalization} from './withLocalization'
+export {default as onLogout} from './logout'

package/src/utils/logout.ts

@@ -1,27 +1,23 @@
-import Cookies from "js-cookie";
-import axios, { axiosErrorToast } from "../config/axios";
+import Cookies from 'js-cookie'
+import axios, {axiosErrorToast} from '../config/axios'
+import {isDevelopment} from '../constants'
 
-const origin = window?.location?.origin?.split(".");
-const isDevelopment =
-  process.env.NODE_ENV === "development" ||
-  origin?.slice(-2).join(".") === "campx.dev";
+export default function logout() {
+	if (isDevelopment) {
+		Cookies.remove('campx_session_key')
+		window.location.href = '/'
+		return
+	}
 
-export default function logout(baseUrl) {
-  if (isDevelopment) {
-    Cookies.remove("campx_session_key");
-    window.location.href = "/";
-    return;
-  }
-
-  axios({
-    method: "POST",
-    baseURL: baseUrl,
-    url: "/auth/logout",
-  })
-    .then((res) => {
-      window.location.href = "/";
-    })
-    .catch((err) => {
-      axiosErrorToast("Unable To Logout.");
-    });
+	axios({
+		method: 'POST',
+		baseURL: 'https://auth-api.campx.in',
+		url: '/auth/logout',
+	})
+		.then((res) => {
+			window.location.href = '/'
+		})
+		.catch((err) => {
+			axiosErrorToast('Unable To Logout.')
+		})
 }