Updated the speaking and interactive speaking to the new format

src/pages/(exam)/ExamPage.tsx

@@ -133,14 +133,22 @@ export default function ExamPage({page}: Props) {
 			!!exam &&
 			timeSpent > 0 &&
 			!showSolutions &&
-			moduleIndex < selectedModules.length
+			moduleIndex < selectedModules.length &&
+			selectedModules[moduleIndex] !== "speaking"
 		)
 			saveSession();
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [assignment, exam, exams, moduleIndex, selectedModules, sessionId, userSolutions, user, exerciseIndex, partIndex, questionIndex]);
 
 	useEffect(() => {
-		if (timeSpent % 20 === 0 && timeSpent > 0 && moduleIndex < selectedModules.length && !showSolutions) saveSession();
+		if (
+			timeSpent % 20 === 0 &&
+			timeSpent > 0 &&
+			moduleIndex < selectedModules.length &&
+			selectedModules[moduleIndex] !== "speaking" &&
+			!showSolutions
+		)
+			saveSession();
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [timeSpent]);
 

src/pages/(generation)/SpeakingGeneration.tsx

@@ -45,6 +45,7 @@ const PartTab = ({
 			.then((result) => {
 				playSound(typeof result.data === "string" ? "error" : "check");
 				if (typeof result.data === "string") return toast.error("Something went wrong, please try to generate again.");
+				console.log(result.data);
 				setPart(result.data);
 			})
 			.catch((error) => {
@@ -54,7 +55,7 @@ const PartTab = ({
 			.finally(() => setIsLoading(false));
 	};
 
-	const generateVideo = () => {
+	const generateVideo = async () => {
 		if (!part) return toast.error("Please generate the first part before generating the video!");
 		toast.info("This will take quite a while, please do not leave this page or close the tab/window.");
 
@@ -64,11 +65,12 @@ const PartTab = ({
 		const initialTime = moment();
 
 		axios
-			.post(`/api/exam/speaking/generate/speaking/generate_${index === 3 ? "interactive" : "speaking"}_video`, {...part, avatar: avatar?.id})
+			.post(`/api/exam/speaking/generate/speaking/generate_video_${index}`, {...part, avatar: avatar?.id})
 			.then((result) => {
 				const isError = typeof result.data === "string" || moment().diff(initialTime, "seconds") < 60;
 
 				playSound(isError ? "error" : "check");
+				console.log(result.data);
 				if (isError) return toast.error("Something went wrong, please try to generate the video again.");
 				setPart({...part, result: {...result.data, topic: part?.topic}, gender, avatar});
 			})
@@ -139,7 +141,9 @@ const PartTab = ({
 			)}
 			{part && !isLoading && (
 				<div className="flex flex-col gap-2 w-full overflow-y-scroll scrollbar-hide h-96">
-					<h3 className="text-xl font-semibold">{part.topic}</h3>
+					<h3 className="text-xl font-semibold">
+						{!!part.first_topic && !!part.second_topic ? `${part.first_topic} & ${part.second_topic}` : part.topic}
+					</h3>
 					{part.question && <span className="w-full">{part.question}</span>}
 					{part.questions && (
 						<div className="flex flex-col gap-1">
@@ -177,6 +181,8 @@ interface SpeakingPart {
 	question?: string;
 	questions?: string[];
 	topic: string;
+	first_topic?: string;
+	second_topic?: string;
 	result?: SpeakingExercise | InteractiveSpeakingExercise;
 	gender?: "male" | "female";
 	avatar?: (typeof AVATARS)[number];
@@ -208,10 +214,18 @@ const SpeakingGeneration = () => {
 
 		const genders = [part1?.gender, part2?.gender, part3?.gender].filter((x) => !!x);
 
+		const exercises = [part1?.result, part2?.result, part3?.result]
+			.filter((x) => !!x)
+			.map((x) => ({
+				...x,
+				first_title: x?.type === "interactiveSpeaking" ? x.first_topic : undefined,
+				second_title: x?.type === "interactiveSpeaking" ? x.second_topic : undefined,
+			}));
+
 		const exam: SpeakingExam = {
 			id: v4(),
 			isDiagnostic: false,
-			exercises: [part1?.result, part2?.result, part3?.result].filter((x) => !!x) as (SpeakingExercise | InteractiveSpeakingExercise)[],
+			exercises: exercises as (SpeakingExercise | InteractiveSpeakingExercise)[],
 			minTimer,
 			variant: minTimer >= 14 ? "full" : "partial",
 			module: "speaking",

src/pages/api/evaluate/interactiveSpeaking.ts

@@ -47,7 +47,7 @@ async function handler(req: NextApiRequest, res: NextApiResponse) {
 		res.status(200).json(null);
 
 		console.log("🌱 - Still processing");
-		const backendRequest = await evaluate({answers: uploadingAudios});
+		const backendRequest = await evaluate({answers: uploadingAudios}, fields.variant);
 		console.log("🌱 - Process complete");
 
 		const correspondingStat = await getCorrespondingStat(fields.id, 1);
@@ -79,8 +79,8 @@ async function getCorrespondingStat(id: string, index: number): Promise<Stat> {
 	return getCorrespondingStat(id, index + 1);
 }
 
-async function evaluate(body: {answers: object[]}): Promise<AxiosResponse> {
-	const backendRequest = await axios.post(`${process.env.BACKEND_URL}/speaking_task_3`, body, {
+async function evaluate(body: {answers: object[]}, variant?: "initial" | "final"): Promise<AxiosResponse> {
+	const backendRequest = await axios.post(`${process.env.BACKEND_URL}/speaking_task_${variant === "initial" ? "1" : "3"}`, body, {
 		headers: {
 			Authorization: `Bearer ${process.env.BACKEND_JWT}`,
 		},

src/pages/api/evaluate/speaking.ts

@@ -78,7 +78,7 @@ async function getCorrespondingStat(id: string, index: number): Promise<Stat> {
 }
 
 async function evaluate(body: {answer: string; question: string}, task: number): Promise<AxiosResponse> {
-	const backendRequest = await axios.post(`${process.env.BACKEND_URL}/speaking_task_${task}`, body, {
+	const backendRequest = await axios.post(`${process.env.BACKEND_URL}/speaking_task_2`, body, {
 		headers: {
 			Authorization: `Bearer ${process.env.BACKEND_JWT}`,
 		},