feat: add setup for apis on frontend

frontend/src/AppRoutes/index.tsx

@@ -11,6 +11,7 @@ import ROUTES from 'constants/routes';
 import AppLayout from 'container/AppLayout';
 import useAnalytics from 'hooks/analytics/useAnalytics';
 import { KeyboardHotkeysProvider } from 'hooks/hotkeys/useKeyboardHotkeys';
+import useActiveLicenseV3 from 'hooks/useActiveLicenseV3/useActiveLicenseV3';
 import { useIsDarkMode, useThemeConfig } from 'hooks/useDarkMode';
 import { THEME_MODE } from 'hooks/useDarkMode/constant';
 import useFeatureFlags from 'hooks/useFeatureFlag';
@@ -57,6 +58,9 @@ function App(): JSX.Element {
 		AppReducer
 	>((state) => state.app);
 
+	const { data: activeLicenseV3 } = useActiveLicenseV3();
+	console.log(activeLicenseV3);
+
 	const dispatch = useDispatch<Dispatch<AppActions>>();
 
 	const { trackPageView } = useAnalytics();

frontend/src/api/licensesV3/getActive.ts

@@ -0,0 +1,24 @@
+import { ApiV3Instance as axios } from 'api';
+import { ErrorResponseHandler } from 'api/ErrorResponseHandler';
+import { AxiosError } from 'axios';
+import { ErrorResponse, SuccessResponse } from 'types/api';
+import { LicenseV3EventQueueResModel } from 'types/api/licensesV3/getActive';
+
+const getActive = async (): Promise<
+	SuccessResponse<LicenseV3EventQueueResModel> | ErrorResponse
+> => {
+	try {
+		const response = await axios.get('/licenses/active');
+
+		return {
+			statusCode: 200,
+			error: null,
+			message: response.data.status,
+			payload: response.data.data,
+		};
+	} catch (error) {
+		return ErrorResponseHandler(error as AxiosError);
+	}
+};
+
+export default getActive;

frontend/src/constants/reactQueryKeys.ts

@@ -20,4 +20,5 @@ export const REACT_QUERY_KEY = {
 	DUPLICATE_ALERT_RULE: 'DUPLICATE_ALERT_RULE',
 	GET_HOST_LIST: 'GET_HOST_LIST',
 	UPDATE_ALERT_RULE: 'UPDATE_ALERT_RULE',
+	GET_ACTIVE_LICENSE_V3: 'GET_ACTIVE_LICENSE_V3',
 };

frontend/src/hooks/useActiveLicenseV3/useActiveLicenseV3.tsx

@@ -0,0 +1,25 @@
+import getActive from 'api/licensesV3/getActive';
+import { REACT_QUERY_KEY } from 'constants/reactQueryKeys';
+import { useQuery, UseQueryResult } from 'react-query';
+import { useSelector } from 'react-redux';
+import { AppState } from 'store/reducers';
+import { ErrorResponse, SuccessResponse } from 'types/api';
+import { LicenseV3EventQueueResModel } from 'types/api/licensesV3/getActive';
+import AppReducer from 'types/reducer/app';
+
+const useActiveLicenseV3 = (): UseLicense => {
+	const { user } = useSelector<AppState, AppReducer>((state) => state.app);
+
+	return useQuery({
+		queryFn: getActive,
+		queryKey: [REACT_QUERY_KEY.GET_ACTIVE_LICENSE_V3, user?.email],
+		enabled: !!user?.email,
+	});
+};
+
+type UseLicense = UseQueryResult<
+	SuccessResponse<LicenseV3EventQueueResModel> | ErrorResponse,
+	unknown
+>;
+
+export default useActiveLicenseV3;

frontend/src/types/api/licensesV3/getActive.ts

@@ -0,0 +1,17 @@
+export enum LicenseEvent {
+	FAILED_PAYMENT = 'FAILED_PAYMENT',
+}
+
+export type LicenseV3EventQueueResModel = {
+	event: keyof LicenseEvent;
+	status: string;
+	scheduled_at: string;
+	created_at: string;
+	updated_at: string;
+};
+
+export type LicenseV3ResModel = {
+	status: string;
+	state: string;
+	event_queue: LicenseV3EventQueueResModel;
+};