@campxdev/shared 0.5.19 → 0.5.21

package/src/contexts/Providers.tsx

@@ -1,58 +1,57 @@
-import MuiThemeProvider from '../theme/MuiThemeProvider'
-import ConfirmContextProvider from '../components/PopupConfirm/ConfirmContextProvider'
-import {CssBaseline} from '@mui/material'
-import {BrowserRouter} from 'react-router-dom'
-import QueryClientProvider from './QueryClientProvider'
-
-import DialogProvider from '../components/DrawerWrapper/DrawerWrapper'
-import {ToastContainer} from '../components'
-import LoginFormProvider from './LoginFormProvider'
-import {ReactNode} from 'react'
-import {isDevelopment} from '../constants'
-import useAppInit from '../hooks/useAppInit'
-import Cookies from 'js-cookie'
-
-export const campxTenantKey = Cookies.get('campx_tenant')
-export const urlTenantKey = window.location.pathname.split('/')[1]
-
-export default function Providers({children}: {children: ReactNode}) {
-	const {isInvalid} = useAppInit()
-
-	if (isInvalid) return <InvalidClientKey />
-	return (
-		<BrowserRouter basename={isDevelopment ? 'campx_dev' : campxTenantKey}>
-			<QueryClientProvider>
-				<MuiThemeProvider>
-					<DialogProvider>
-						<LoginFormProvider>
-							<ConfirmContextProvider>{children}</ConfirmContextProvider>
-							<CssBaseline />
-						</LoginFormProvider>
-						<ToastContainer />
-					</DialogProvider>
-				</MuiThemeProvider>
-			</QueryClientProvider>
-		</BrowserRouter>
-	)
-}
-
-const InvalidClientKey = () => {
-	return (
-		<div
-			style={{
-				height: '95vh',
-				width: '95vw',
-				display: 'grid',
-				placeItems: 'center',
-				fontFamily: 'sans-serif',
-			}}
-		>
-			<h1>Invalid Tenant Key</h1>
-			{!isDevelopment && (
-				<a href='https://id.campx.in'>
-					<p>Login to continue</p>
-				</a>
-			)}
-		</div>
-	)
-}
+import MuiThemeProvider from '../theme/MuiThemeProvider'
+import ConfirmContextProvider from '../components/PopupConfirm/ConfirmContextProvider'
+import {CssBaseline} from '@mui/material'
+import {BrowserRouter} from 'react-router-dom'
+import QueryClientProvider from './QueryClientProvider'
+
+import DialogProvider from '../components/DrawerWrapper/DrawerWrapper'
+import {ToastContainer} from '../components'
+import LoginFormProvider from './LoginFormProvider'
+import {ReactNode} from 'react'
+import {isDevelopment} from '../constants'
+import useAppInit from '../hooks/useAppInit'
+import Cookies from 'js-cookie'
+
+export const campxTenantKey = Cookies.get('campx_tenant')
+export const urlTenantKey = window.location.pathname.split('/')[1]
+
+export default function Providers({children}: {children: ReactNode}) {
+	const {isInvalid} = useAppInit()
+
+	return (
+		<BrowserRouter basename={isDevelopment ? 'campx_dev' : campxTenantKey}>
+			<QueryClientProvider>
+				<MuiThemeProvider>
+					<DialogProvider>
+						<LoginFormProvider>
+							<ConfirmContextProvider>{children}</ConfirmContextProvider>
+							<CssBaseline />
+						</LoginFormProvider>
+						<ToastContainer />
+					</DialogProvider>
+				</MuiThemeProvider>
+			</QueryClientProvider>
+		</BrowserRouter>
+	)
+}
+
+const InvalidClientKey = () => {
+	return (
+		<div
+			style={{
+				height: '95vh',
+				width: '95vw',
+				display: 'grid',
+				placeItems: 'center',
+				fontFamily: 'sans-serif',
+			}}
+		>
+			<h1>Invalid Tenant Key</h1>
+			{!isDevelopment && (
+				<a href='https://id.campx.in'>
+					<p>Login to continue</p>
+				</a>
+			)}
+		</div>
+	)
+}

package/src/contexts/QueryClientProvider.tsx

@@ -1,22 +1,22 @@
-import {
-	QueryClient,
-	QueryClientProvider as ReactQueryClientProvider,
-} from 'react-query'
-
-export const queryClient = new QueryClient({
-	defaultOptions: {
-		queries: {
-			refetchOnWindowFocus: false,
-			retry: false,
-			useErrorBoundary: true,
-		},
-	},
-})
-
-export default function QueryClientProvider({children}) {
-	return (
-		<ReactQueryClientProvider client={queryClient}>
-			{children}
-		</ReactQueryClientProvider>
-	)
-}
+import {
+	QueryClient,
+	QueryClientProvider as ReactQueryClientProvider,
+} from 'react-query'
+
+export const queryClient = new QueryClient({
+	defaultOptions: {
+		queries: {
+			refetchOnWindowFocus: false,
+			retry: false,
+			useErrorBoundary: true,
+		},
+	},
+})
+
+export default function QueryClientProvider({children}) {
+	return (
+		<ReactQueryClientProvider client={queryClient}>
+			{children}
+		</ReactQueryClientProvider>
+	)
+}

package/src/hooks/index.ts

@@ -1,3 +1,3 @@
-export {default as useFetch} from './useFetch'
-export * from './useRouter'
-export {default as useAuth} from './useAuth'
+export {default as useFetch} from './useFetch'
+export * from './useRouter'
+export {default as useAuth} from './useAuth'

package/src/hooks/useAppInit.ts

@@ -1,27 +1,33 @@
-import Cookies from 'js-cookie'
-import {useEffect, useState} from 'react'
-import {isDevelopment} from '../constants'
-import {campxTenantKey} from '../contexts/Providers'
-
-export default function useAppInit() {
-	const [isInvalid, setIsInvalid] = useState(false)
-	useEffect(() => {
-		if (!isDevelopment) {
-			if (campxTenantKey) {
-				window.location.replace(window.location.origin + `/${campxTenantKey}`)
-				return
-			}
-
-			window.location.replace('https://id.campx.in')
-		}
-
-		if (window.location.pathname === '/' && isDevelopment) {
-			Cookies.set('campx_tenant', 'campx_dev')
-			window.location.href = window.location.origin + '/campx_dev'
-		}
-	}, [])
-
-	return {
-		isInvalid,
-	}
-}
+import Cookies from 'js-cookie'
+import {useEffect, useState} from 'react'
+import {isDevelopment} from '../constants'
+import {campxTenantKey} from '../contexts/Providers'
+
+const urlTenantKey = window.location.pathname.split('/')[1]
+
+export default function useAppInit() {
+	const [isInvalid, setIsInvalid] = useState(false)
+
+	useEffect(() => {
+		if (!isDevelopment) {
+			if (!campxTenantKey) {
+				return window.location.replace('https://id.campx.in')
+			}
+
+			if (!urlTenantKey) {
+				return window.location.replace(
+					window.location.origin + `/${campxTenantKey}`
+				)
+			}
+		}
+
+		if (window.location.pathname === '/' && isDevelopment) {
+			Cookies.set('campx_tenant', 'campx_dev')
+			window.location.href = window.location.origin + '/campx_dev'
+		}
+	}, [])
+
+	return {
+		isInvalid,
+	}
+}

package/src/hooks/useAuth.ts

@@ -1,90 +1,90 @@
-import {useEffect, useState} from 'react'
-import {useQuery} from 'react-query'
-import {toast} from 'react-toastify'
-import axios from '../config/axios'
-import {isDevelopment} from '../constants'
-import {useLoginForm} from '../contexts/LoginFormProvider'
-import {PermissionsStore} from '../permissions'
-import {AssetsStore, UserStore} from '../shared-state'
-
-const url = window.location.origin
-
-function useAuth(): {
-	loading: boolean
-	data: {
-		user?: any
-		roles?: any
-		username?: any
-		permissions?: any
-		assets?: {
-			logo: string
-			logo_square: string
-		}
-	}
-} {
-	const {openLoginForm} = useLoginForm()
-	const [loading, setLoading] = useState<boolean>(false)
-	const [data, setData] = useState(null)
-	const appInit = async () => {
-		setLoading(true)
-
-		axios
-			.get('/auth/my-permissions')
-			.then((res) => {
-				console.log(res.data)
-				setLoading(false)
-				setData(res.data)
-				UserStore.update((s) => {
-					s.username = res.data?.username
-					s.user = res.data?.user
-					s.roles = res.data?.roles
-				})
-
-				PermissionsStore.update((s) => {
-					s.permissions = {
-						...res.data?.permissions,
-						can_settings_view: 1,
-						can_dashboard_view: 1,
-						can_individual_pages_view: 1,
-					} as any
-				})
-				AssetsStore.update((s) => {
-					s.logo = res.data?.assets.logo
-					s.logo_square = res.data?.assets.logo_square
-				})
-			})
-			.catch((err) => {
-				setLoading(false)
-				if (err.response.status !== 401) {
-					if (err.response.status > 400 && err.response.status < 500) {
-						window.location.replace(
-							`https://www.id.campx.in/?redirect_to=${url}`
-						)
-					} else {
-						toast.error('Server Error')
-					}
-				}
-				if (isDevelopment) {
-					openLoginForm()
-				} else {
-					window.location.replace(`https://www.id.campx.in/?redirect_to=${url}`)
-				}
-			})
-	}
-
-	useEffect(() => {
-		if (window.location.pathname === '/') {
-			if (isDevelopment) {
-				window.location.replace(window.location.origin + '/campx_dev')
-			}
-		}
-		appInit()
-	}, [])
-
-	return {
-		loading: loading || !data?.permissions,
-		data,
-	}
-}
-
-export default useAuth
+import {useEffect, useState} from 'react'
+import {useQuery} from 'react-query'
+import {toast} from 'react-toastify'
+import axios from '../config/axios'
+import {isDevelopment} from '../constants'
+import {useLoginForm} from '../contexts/LoginFormProvider'
+import {PermissionsStore} from '../permissions'
+import {AssetsStore, UserStore} from '../shared-state'
+
+const url = window.location.origin
+
+function useAuth(): {
+	loading: boolean
+	data: {
+		user?: any
+		roles?: any
+		username?: any
+		permissions?: any
+		assets?: {
+			logo: string
+			logo_square: string
+		}
+	}
+} {
+	const {openLoginForm} = useLoginForm()
+	const [loading, setLoading] = useState<boolean>(false)
+	const [data, setData] = useState(null)
+	const appInit = async () => {
+		setLoading(true)
+
+		axios
+			.get('/auth/my-permissions')
+			.then((res) => {
+				console.log(res.data)
+				setLoading(false)
+				setData(res.data)
+				UserStore.update((s) => {
+					s.username = res.data?.username
+					s.user = res.data?.user
+					s.roles = res.data?.roles
+				})
+
+				PermissionsStore.update((s) => {
+					s.permissions = {
+						...res.data?.permissions,
+						can_settings_view: 1,
+						can_dashboard_view: 1,
+						can_individual_pages_view: 1,
+					} as any
+				})
+				AssetsStore.update((s) => {
+					s.logo = res.data?.assets.logo
+					s.logo_square = res.data?.assets.logo_square
+				})
+			})
+			.catch((err) => {
+				setLoading(false)
+				if (err.response.status !== 401) {
+					if (err.response.status > 400 && err.response.status < 500) {
+						window.location.replace(
+							`https://www.id.campx.in/?redirect_to=${url}`
+						)
+					} else {
+						toast.error('Server Error')
+					}
+				}
+				if (isDevelopment) {
+					openLoginForm()
+				} else {
+					window.location.replace(`https://www.id.campx.in/?redirect_to=${url}`)
+				}
+			})
+	}
+
+	useEffect(() => {
+		if (window.location.pathname === '/') {
+			if (isDevelopment) {
+				window.location.replace(window.location.origin + '/campx_dev')
+			}
+		}
+		appInit()
+	}, [])
+
+	return {
+		loading: loading || !data?.permissions,
+		data,
+	}
+}
+
+export default useAuth

package/src/hooks/useFetch.ts

@@ -1,53 +1,53 @@
-import { useEffect, useState } from 'react'
-import axios from '../config/axios'
-
-export function useMockFetch(promiseFn: Function) {
-  const [data, setData] = useState<any>()
-  const [error, setError] = useState<any>(null)
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    setLoading(true)
-    promiseFn()
-      .then((res) => {
-        setData(res.data)
-        setLoading(false)
-      })
-      .catch((err) => {
-        setLoading(false)
-        setError(null)
-      })
-  }, [])
-
-  return {
-    data,
-    loading,
-  }
-}
-
-export default function useFetch(url: string, skip?: boolean) {
-  const [data, setData] = useState<any>()
-  const [error, setError] = useState<any>(null)
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    if (skip) return
-    setLoading(true)
-    axios
-      .get(url)
-      .then((res) => {
-        setData(res.data)
-        setLoading(false)
-      })
-      .catch((err) => {
-        setError(err)
-        setLoading(false)
-      })
-  }, [])
-
-  return {
-    data,
-    loading,
-    error,
-  }
-}
+import { useEffect, useState } from 'react'
+import axios from '../config/axios'
+
+export function useMockFetch(promiseFn: Function) {
+  const [data, setData] = useState<any>()
+  const [error, setError] = useState<any>(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    setLoading(true)
+    promiseFn()
+      .then((res) => {
+        setData(res.data)
+        setLoading(false)
+      })
+      .catch((err) => {
+        setLoading(false)
+        setError(null)
+      })
+  }, [])
+
+  return {
+    data,
+    loading,
+  }
+}
+
+export default function useFetch(url: string, skip?: boolean) {
+  const [data, setData] = useState<any>()
+  const [error, setError] = useState<any>(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    if (skip) return
+    setLoading(true)
+    axios
+      .get(url)
+      .then((res) => {
+        setData(res.data)
+        setLoading(false)
+      })
+      .catch((err) => {
+        setError(err)
+        setLoading(false)
+      })
+  }, [])
+
+  return {
+    data,
+    loading,
+    error,
+  }
+}

package/src/hooks/useRouter.ts

@@ -1,31 +1,31 @@
-import { useLocation, useMatch, useNavigate, useParams } from 'react-router-dom'
-
-const useHistory = () => {
-  const navigate = useNavigate()
-  const { pathname, search } = useLocation()
-
-  return {
-    push: navigate,
-    location: {
-      pathname: pathname,
-      search: search,
-    },
-  }
-}
-const useRouteMatch = (path?) => {
-  const { pathname } = useLocation()
-  const params = useParams()
-  const match = useMatch({ path, end: false })
-  // console.log({
-  //   match,
-  //   params,
-  //   pathname,
-  // })
-  return {
-    params: params,
-    path: match?.pattern?.path,
-    url: pathname,
-  }
-}
-
-export { useHistory, useRouteMatch }
+import { useLocation, useMatch, useNavigate, useParams } from 'react-router-dom'
+
+const useHistory = () => {
+  const navigate = useNavigate()
+  const { pathname, search } = useLocation()
+
+  return {
+    push: navigate,
+    location: {
+      pathname: pathname,
+      search: search,
+    },
+  }
+}
+const useRouteMatch = (path?) => {
+  const { pathname } = useLocation()
+  const params = useParams()
+  const match = useMatch({ path, end: false })
+  // console.log({
+  //   match,
+  //   params,
+  //   pathname,
+  // })
+  return {
+    params: params,
+    path: match?.pattern?.path,
+    url: pathname,
+  }
+}
+
+export { useHistory, useRouteMatch }