Refactor h5pProgress. Move to h5p src/react/context/h5p.tsx

[qunabu]

sdk/src/react/context/index.tsx

Lines 1459 to 1548 in ab5cff3

	};
	}
	return prItem;
	}) || [
	{
	topic_id: topicId,
	status: API.CourseProgressItemElementStatus.COMPLETE,
	},
	]
	);
	}
	}
	return token
	? postSendh5pProgress.bind(null, apiUrl)(
	topicId,
	statementId,
	statement,
	token
	)
	: null;
	},
	[token, progress, courseProgressDetails]
	);
	const topicPing = useCallback(
	(topicId: number) => {
	return token
	? putTopicPing
	.bind(null, apiUrl)(topicId, token)
	.catch((err) => err)
	: Promise.reject("noToken");
	},
	[token]
	);
	const progressMap = useMemo(() => {
	const defaultMap: {
	coursesProcProgress: Record<number, number>;
	finishedTopics: number[];
	} = {
	coursesProcProgress: {},
	finishedTopics: [],
	};
	if (progress.value) {
	progress.value.reduce((acc, course) => {
	acc.coursesProcProgress[
	typeof course.course.id === "number" ? course.course.id : 0
	] =
	course.progress.reduce((sum, item) => sum + item.status, 0) /
	course.progress.length;
	acc.finishedTopics = acc.finishedTopics.concat(
	course.progress
	.filter(
	(item) =>
	item.status === API.CourseProgressItemElementStatus.COMPLETE
	)
	.map((item) => item.topic_id)
	);
	return acc;
	}, defaultMap);
	}
	return defaultMap;
	}, [progress]);
	const topicIsFinished = useCallback(
	(topicId: number) => {
	if (progressMap && progressMap.finishedTopics.includes(topicId)) {
	return true;
	}
	// fetch by
	return false;
	},
	[progressMap]
	);
	const courseProgress = useCallback(
	(courseId: number) =>
	progressMap && progressMap.coursesProcProgress[courseId]
	? progressMap.coursesProcProgress[courseId]
	: 0,
	[progressMap]
	);
	// TODO: this should be refactored, since lessons are not flat structure any more
	const getNextPrevTopic = useCallback(
	(topicId: number, next: boolean = true) => {