withGuest.tsx

import React from 'react'
import Router from 'next/router'
import authVerifyCookie from './authVerifyCookie'
import PAGE from 'config/page.config'
import type { NextPageContext } from 'next'

const withGuest = (PageComponent: any) => {
	// Initialize wrapper component
	const WrapperComponent: any= (props: any) => {
		return <PageComponent {...props} />
	}

	WrapperComponent.getInitialProps = async (ctx: NextPageContext) => {
		// Get initial properties from page component
		const initialProps = PageComponent.getInitialProps ? await PageComponent.getInitialProps(ctx) : {}

		// Verify user token from cookie
		const userData = await authVerifyCookie(ctx)

		// Check whether user token is valid
		if (userData) {
			// Redirect to home page
			if (ctx.res) {
				ctx.res.writeHead(302, {
					Location: ctx.query.redirect || PAGE.homePagePath,
				})
				ctx.res.end()
			} else {
				Router.push((Router.query.redirect as string) || PAGE.homePagePath)
			}

			return {
				...initialProps,
				userData,
			}
		}

		return {
			...initialProps,
			userData: null,
		}
	}

	// Inject page component attributes to wrapper component
	return Object.assign(WrapperComponent, PageComponent)
}

export default withGuest