настроен АИ контроллер

This commit is contained in:
Nastya 2025-06-30 05:07:32 +03:00
parent 05c9fce5c1
commit 33cdfb41d2
9 changed files with 108 additions and 232 deletions

@ -31,7 +31,7 @@ export function useQuizData(quizId: string, preview: boolean) {
page: currentPage, page: currentPage,
needConfig: true, needConfig: true,
}); });
//firstData.settings.status = "ai";
initDataManager({ initDataManager({
status: firstData.settings.status, status: firstData.settings.status,
haveRoot: firstData.settings.cfg.haveRoot, haveRoot: firstData.settings.cfg.haveRoot,
@ -39,7 +39,9 @@ export function useQuizData(quizId: string, preview: boolean) {
setQuizData(firstData); setQuizData(firstData);
// Определяем нужно ли загружать все данные // Определяем нужно ли загружать все данные
if (["line", "branch"].includes(firstData.settings.status)) { console.log("Определяем нужно ли загружать все данные");
console.log(firstData.settings.status);
if (!["ai"].includes(firstData.settings.status)) {
setNeedFullLoad(true); // Триггерит новый запрос через изменение ключа setNeedFullLoad(true); // Триггерит новый запрос через изменение ключа
return firstData; return firstData;
} }
@ -59,7 +61,7 @@ export function useQuizData(quizId: string, preview: boolean) {
return data; return data;
} }
if (currentPage > questions.length) { if (currentPage >= questions.length) {
try { try {
// Для AI режима - последовательная загрузка // Для AI режима - последовательная загрузка
const data = await getAndParceData({ const data = await getAndParceData({

@ -21,7 +21,7 @@ import { HelmetProvider } from "react-helmet-async";
import "moment/dist/locale/ru"; import "moment/dist/locale/ru";
import { useQuizStore, setQuizData, addquizid } from "@/stores/useQuizStore"; import { useQuizStore, setQuizData, addquizid } from "@/stores/useQuizStore";
import { initDataManager } from "@/utils/hooks/useQuestionFlowControl"; import { initDataManager, statusOfQuiz } from "@/utils/hooks/useQuestionFlowControl";
moment.locale("ru"); moment.locale("ru");
const localeText = ruRU.components.MuiLocalizationProvider.defaultProps.localeText; const localeText = ruRU.components.MuiLocalizationProvider.defaultProps.localeText;
@ -99,13 +99,14 @@ function QuizAnswererInner({
console.log("settings"); console.log("settings");
console.log(settings); console.log(settings);
if (isLoading) return <LoadingSkeleton />; if (isLoading && !questions.length) return <LoadingSkeleton />;
if (error) return <ApologyPage error={error} />; if (error) return <ApologyPage error={error} />;
if (Object.keys(settings).length == 0) return <ApologyPage error={new Error("quiz data is null")} />; if (Object.keys(settings).length == 0) return <ApologyPage error={new Error("quiz data is null")} />;
if (questions.length === 0) return <ApologyPage error={new Error("No questions found")} />; if (questions.length === 0) return <ApologyPage error={new Error("No questions found")} />;
if (questions.length === 1 && settings.cfg.noStartPage) return <ApologyPage error={new Error("quiz is empty")} />; if (questions.length === 1 && settings.cfg.noStartPage && statusOfQuiz != "ai")
return <ApologyPage error={new Error("quiz is empty")} />;
if (!quizId) return <ApologyPage error={new Error("no quiz id")} />; if (!quizId) return <ApologyPage error={new Error("no quiz id")} />;
const quizContainer = ( const quizContainer = (

@ -5,7 +5,7 @@ import { useYandexMetrics } from "@/utils/hooks/metrics/useYandexMetrics";
import { sendQuestionAnswer } from "@/utils/sendQuestionAnswer"; import { sendQuestionAnswer } from "@/utils/sendQuestionAnswer";
import { ThemeProvider, Typography } from "@mui/material"; import { ThemeProvider, Typography } from "@mui/material";
import { useQuizViewStore } from "@stores/quizView"; import { useQuizViewStore } from "@stores/quizView";
import { useQuestionFlowControl } from "@utils/hooks/useQuestionFlowControl"; import { statusOfQuiz, useQuestionFlowControl } from "@utils/hooks/useQuestionFlowControl";
import { notReachable } from "@utils/notReachable"; import { notReachable } from "@utils/notReachable";
import { quizThemes } from "@utils/themes/Publication/themePublication"; import { quizThemes } from "@utils/themes/Publication/themePublication";
import { enqueueSnackbar } from "notistack"; import { enqueueSnackbar } from "notistack";
@ -18,7 +18,7 @@ import { StartPageViewPublication } from "./StartPageViewPublication";
import NextButton from "./tools/NextButton"; import NextButton from "./tools/NextButton";
import PrevButton from "./tools/PrevButton"; import PrevButton from "./tools/PrevButton";
import unscreen from "@/ui_kit/unscreen"; import unscreen from "@/ui_kit/unscreen";
import { useQuizStore } from "@/stores/useQuizStore"; import { changeNextLoading, useQuizStore } from "@/stores/useQuizStore";
export default function ViewPublicationPage() { export default function ViewPublicationPage() {
const { settings, recentlyCompleted, quizId, preview, changeFaviconAndTitle } = useQuizStore(); const { settings, recentlyCompleted, quizId, preview, changeFaviconAndTitle } = useQuizStore();
@ -108,6 +108,7 @@ export default function ViewPublicationPage() {
<NextButton <NextButton
isNextButtonEnabled={settings.status === "ai" || isNextButtonEnabled} isNextButtonEnabled={settings.status === "ai" || isNextButtonEnabled}
moveToNextQuestion={async () => { moveToNextQuestion={async () => {
if (statusOfQuiz == "ai") changeNextLoading(true);
if (!preview) { if (!preview) {
await sendQuestionAnswer(quizId, currentQuestion, currentAnswer, ownVariants)?.catch((e) => { await sendQuestionAnswer(quizId, currentQuestion, currentAnswer, ownVariants)?.catch((e) => {
enqueueSnackbar("Ошибка при отправке ответа"); enqueueSnackbar("Ошибка при отправке ответа");

@ -1,5 +1,5 @@
import { useQuizStore } from "@/stores/useQuizStore"; import { useQuizStore } from "@/stores/useQuizStore";
import { Button } from "@mui/material"; import { Button, Skeleton } from "@mui/material";
import { quizThemes } from "@utils/themes/Publication/themePublication"; import { quizThemes } from "@utils/themes/Publication/themePublication";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
@ -9,10 +9,19 @@ interface Props {
} }
export default function NextButton({ isNextButtonEnabled, moveToNextQuestion }: Props) { export default function NextButton({ isNextButtonEnabled, moveToNextQuestion }: Props) {
const { settings } = useQuizStore(); const { settings, nextLoading } = useQuizStore();
const { t } = useTranslation(); const { t } = useTranslation();
return ( return nextLoading ? (
<Skeleton
variant="rectangular"
sx={{
borderRadius: "8px",
width: "96px",
height: "44px",
}}
/>
) : (
<Button <Button
disabled={!isNextButtonEnabled} disabled={!isNextButtonEnabled}
variant="contained" variant="contained"
@ -25,7 +34,7 @@ export default function NextButton({ isNextButtonEnabled, moveToNextQuestion }:
}} }}
onClick={moveToNextQuestion} onClick={moveToNextQuestion}
> >
далее {/* {t("Next")} → (*.*) */} {t("Next")}
</Button> </Button>
); );
} }

@ -8,6 +8,7 @@ export type QuizStore = QuizSettings & {
preview: boolean; preview: boolean;
changeFaviconAndTitle: boolean; changeFaviconAndTitle: boolean;
quizStep: number; quizStep: number;
nextLoading: boolean;
}; };
export const useQuizStore = create<QuizStore>(() => ({ export const useQuizStore = create<QuizStore>(() => ({
@ -20,6 +21,7 @@ export const useQuizStore = create<QuizStore>(() => ({
recentlyCompleted: false, recentlyCompleted: false,
show_badge: false, show_badge: false,
quizStep: 0, quizStep: 0,
nextLoading: false,
})); }));
export const setQuizData = (data: QuizSettings) => { export const setQuizData = (data: QuizSettings) => {
@ -39,10 +41,29 @@ export const addquizid = (id: string) =>
state.quizId = id; state.quizId = id;
}) })
); );
export const changeQuizStep = (step: number) =>
export const quizStepInc = () =>
useQuizStore.setState( useQuizStore.setState(
produce((state: QuizStore) => { produce((state: QuizStore) => {
//Дополнительная проверка что мы не вышли на более чем +1 вопрос //Дополнительная проверка что мы не вышли за пределы массива вопросов
if (state.questions.length - step < 2) state.quizStep += step; if (state.quizStep + 1 <= state.questions.length) {
state.quizStep += 1;
}
})
);
export const quizStepDec = () =>
useQuizStore.setState(
produce((state: QuizStore) => {
//Дополнительная проверка что мы не вышли на менее чем 0 вопрос
if (state.quizStep > 0) {
state.quizStep--;
}
})
);
export const changeNextLoading = (status: boolean) =>
useQuizStore.setState(
produce((state: QuizStore) => {
state.nextLoading = status;
}) })
); );

@ -3,7 +3,7 @@ import { enqueueSnackbar } from "notistack";
import moment from "moment"; import moment from "moment";
import { isResultQuestionEmpty } from "@/components/ViewPublicationPage/tools/checkEmptyData"; import { isResultQuestionEmpty } from "@/components/ViewPublicationPage/tools/checkEmptyData";
import { useQuizStore } from "@/stores/useQuizStore"; import { changeNextLoading, quizStepDec, quizStepInc, useQuizStore } from "@/stores/useQuizStore";
import { useQuizViewStore } from "@stores/quizView"; import { useQuizViewStore } from "@stores/quizView";
@ -12,227 +12,79 @@ import { useYandexMetricsGoals } from "@/utils/hooks/metrics/useYandexMetricsGoa
export function useAIQuiz() { export function useAIQuiz() {
//Получаем инфо о квизе и список вопросов. //Получаем инфо о квизе и список вопросов.
const { settings, questions, quizId, cnt } = useQuizStore(); const { settings, questions, quizId, cnt, quizStep } = useQuizStore();
useEffect(() => { useEffect(() => {
console.log("useQuestionFlowControl useEffect"); console.log("useQuestionFlowControl useEffect");
console.log(questions); console.log(questions);
}, [questions]); }, [questions]);
console.log(questions);
//Когда квиз линейный, не ветвящийся, мы идём по вопросам по их порядковому номеру. Это их page.
//За корректность page отвечает конструктор квизов. Интересный факт, если в конструкторе удалить из середины вопрос, то случится куча запросов изменения вопросов с изменением этого page
const sortedQuestions = useMemo(() => {
return [...questions].sort((a, b) => a.page - b.page);
}, [questions]);
//React сам будет менять визуал - главное говорить из какого вопроса ему брать инфо. Изменение этой переменной меняет визуал.
const [currentQuestionId, setCurrentQuestionId] = useState<string | null>(getFirstQuestionId);
const [headAI, setHeadAI] = useState(0);
//Список ответов на вопрос. Мы записываем ответы локально, параллельно отправляя на бек информацию о ответах //Список ответов на вопрос. Мы записываем ответы локально, параллельно отправляя на бек информацию о ответах
const answers = useQuizViewStore((state) => state.answers); const answers = useQuizViewStore((state) => state.answers);
//Список засчитанных баллов для балловых квизов
const pointsSum = useQuizViewStore((state) => state.pointsSum);
//Текущий шаг "startpage" | "question" | "contactform" //Текущий шаг "startpage" | "question" | "contactform"
const setCurrentQuizStep = useQuizViewStore((state) => state.setCurrentQuizStep); const setCurrentQuizStep = useQuizViewStore((state) => state.setCurrentQuizStep);
//Получение возможности управлять состоянием метрик //Получение возможности управлять состоянием метрик
const vkMetrics = useVkMetricsGoals(settings.cfg.vkMetricsNumber); const vkMetrics = useVkMetricsGoals(settings.cfg.vkMetricsNumber);
const yandexMetrics = useYandexMetricsGoals(settings.cfg.yandexMetricsNumber); const yandexMetrics = useYandexMetricsGoals(settings.cfg.yandexMetricsNumber);
//Изменение стейта (переменной currentQuestionId) ведёт к пересчёту что же за объект сейчас используется. Мы каждый раз просто ищем в списке const currentQuestion = useMemo(() => {
const currentQuestion = sortedQuestions.find((question) => question.id === currentQuestionId) ?? sortedQuestions[0]; console.log("выбор currentQuestion");
console.log("quizStep ", quizStep);
console.log("questions[quizStep] ", questions[quizStep]);
const calcQuestion = questions[quizStep];
if (calcQuestion) {
vkMetrics.questionPassed(calcQuestion.id);
yandexMetrics.questionPassed(calcQuestion.id);
//Индекс текущего вопроса только если квиз линейный return calcQuestion;
const linearQuestionIndex = //: number | null } else return questions[questions.length - 1];
currentQuestion && sortedQuestions.every(({ content }) => content.rule.parentId !== "root") // null when branching enabled }, [questions, quizStep]);
? sortedQuestions.indexOf(currentQuestion)
: null;
//Индекс первого вопроса useEffect(() => {
function getFirstQuestionId() { if (currentQuestion.type === "result") showResult();
//: string | null if (currentQuestion) changeNextLoading(false);
if (sortedQuestions.length === 0) return null; //Если нету сортированного списка, то и не рыпаемся }, [currentQuestion, questions]);
if (settings.cfg.haveRoot) {
// Если есть ветвление, то settings.cfg.haveRoot будет заполнен
//Если заполнен, то дерево растёт с root и это 1 вопрос :)
const nextQuestion = sortedQuestions.find(
//Функция ищет первое совпадение по массиву
(question) => question.id === settings.cfg.haveRoot || question.content.id === settings.cfg.haveRoot
);
if (!nextQuestion) return null;
return nextQuestion.id;
}
//Если не возникло исключительных ситуаций - первый вопрос - нулевой элемент сортированного массива
return sortedQuestions[0].id;
}
const nextQuestionIdPointsLogic = useCallback(() => {
return sortedQuestions.find((question) => question.type === "result" && question.content.rule.parentId === "line");
}, [sortedQuestions]);
//Анализируем какой вопрос должен быть следующим. Это главная логика
const nextQuestionIdMainLogic = useCallback(() => {
//Список ответов данных этому вопросу. Вернёт QuestionAnswer | undefined
const questionAnswer = answers.find(({ questionId }) => questionId === currentQuestion.id);
//Если questionAnswer не undefined и ответ на вопрос не является временем:
if (questionAnswer && !moment.isMoment(questionAnswer.answer)) {
//Вопрос типизации. Получаем список строк ответов на этот вопрос
const userAnswers = Array.isArray(questionAnswer.answer) ? questionAnswer.answer : [questionAnswer.answer];
//цикл. Перебираем список условий .main и обзываем их переменной branchingRule
for (const branchingRule of currentQuestion.content.rule.main) {
// Перебираем список ответов. Если хоть один ответ из списка совпадает с прописанным правилом из условий - этот вопрос нужный нам. Его и дадимкак следующий
if (userAnswers.some((answer) => branchingRule.rules[0].answers.includes(answer))) {
return branchingRule.next;
}
}
}
//Не помню что это, но чёт при первом взгляде оно true только у результатов
if (!currentQuestion.required) {
//Готовим себе дефолтный путь
const defaultNextQuestionId = currentQuestion.content.rule.default;
//Если строка не пустая и не пробел. (Обычно при получении данных мы сразу чистим пустые строки только с пробелом на просто пустые строки. Это прост доп защита)
if (defaultNextQuestionId.length > 1 && defaultNextQuestionId !== " ") return defaultNextQuestionId;
//Вопросы типа страница, ползунок, своё поле для ввода и дата не могут иметь больше 1 ребёнка. Пользователь не может настроить там дефолт
//Кинуть на ребёнка надо даже если там нет дефолта
if (
["date", "page", "text", "number"].includes(currentQuestion.type) &&
currentQuestion.content.rule.children.length === 1
)
return currentQuestion.content.rule.children[0];
}
//ничё не нашли, ищем резулт
return sortedQuestions.find((q) => {
return q.type === "result" && q.content.rule.parentId === currentQuestion.content.id;
})?.id;
}, [answers, currentQuestion, sortedQuestions]);
//Анализ следующего вопроса. Это логика для вопроса с баллами
const nextQuestionId = useMemo(() => {
if (settings.cfg.score) {
return nextQuestionIdPointsLogic();
}
return nextQuestionIdMainLogic();
}, [nextQuestionIdMainLogic, nextQuestionIdPointsLogic, settings.cfg.score, questions]);
//Поиск предыдущго вопроса либо по индексу либо по id родителя
const prevQuestion =
linearQuestionIndex !== null
? sortedQuestions[linearQuestionIndex - 1]
: sortedQuestions.find(
(q) =>
q.id === currentQuestion?.content.rule.parentId || q.content.id === currentQuestion?.content.rule.parentId
);
//Анализ результата по количеству баллов
const findResultPointsLogic = useCallback(() => {
//Отбираем из массива только тип резулт И результы с информацией о ожидаемых баллах И те результы, чьи суммы баллов меньше или равны насчитанным баллам юзера
const results = sortedQuestions.filter(
(e) => e.type === "result" && e.content.rule.minScore !== undefined && e.content.rule.minScore <= pointsSum
);
//Создаём массив строк из результатов. У кого есть инфо о баллах - дают свои, остальные 0
const numbers = results.map((e) =>
e.type === "result" && e.content.rule.minScore !== undefined ? e.content.rule.minScore : 0
);
//Извлекаем самое большое число
const indexOfNext = Math.max(...numbers);
//Отдаём индекс нужного нам результата
return results[numbers.indexOf(indexOfNext)];
}, [pointsSum, sortedQuestions]);
//Ищем следующий вопрос (не его индекс, или id). Сам вопрос
const nextQuestion = useMemo(() => {
let next;
if (settings.cfg.score) {
//Ессли квиз балловый
if (linearQuestionIndex !== null) {
next = sortedQuestions[linearQuestionIndex + 1]; //ищем по индексу
if (next?.type === "result" || next == undefined) next = findResultPointsLogic(); //если в поисках пришли к результату - считаем нужный
}
} else {
//иначе
if (linearQuestionIndex !== null) {
//для линейных ищем по индексу
next =
sortedQuestions[linearQuestionIndex + 1] ??
sortedQuestions.find((question) => question.type === "result" && question.content.rule.parentId === "line");
} else {
// для нелинейных ищем по вычесленному id
next = sortedQuestions.find((q) => q.id === nextQuestionId || q.content.id === nextQuestionId);
}
}
return next;
}, [nextQuestionId, findResultPointsLogic, linearQuestionIndex, sortedQuestions, settings.cfg.score]);
//Показать визуалом юзеру результат //Показать визуалом юзеру результат
const showResult = useCallback(() => { const showResult = useCallback(() => {
if (nextQuestion?.type !== "result") throw new Error("Current question is not result"); if (currentQuestion?.type !== "result") throw new Error("Current question is not result");
//Записать в переменную ид текущего вопроса
setCurrentQuestionId(nextQuestion.id);
//Смотрим по настройкам показывать ли вообще форму контактов. Показывать ли страницу результатов до или после формы контактов (ФК) //Смотрим по настройкам показывать ли вообще форму контактов. Показывать ли страницу результатов до или после формы контактов (ФК)
if ( if (
settings.cfg.showfc !== false && settings.cfg.showfc !== false &&
(settings.cfg.resultInfo.showResultForm === "after" || isResultQuestionEmpty(nextQuestion)) (settings.cfg.resultInfo.showResultForm === "after" || isResultQuestionEmpty(currentQuestion))
) )
setCurrentQuizStep("contactform"); setCurrentQuizStep("contactform");
}, [nextQuestion, setCurrentQuizStep, settings.cfg.resultInfo.showResultForm, settings.cfg.showfc]); }, [currentQuestion, setCurrentQuizStep, settings.cfg.resultInfo.showResultForm, settings.cfg.showfc]);
//рычаг управления из визуала в этот контроллер
//рычаг управления из визуала в эту функцию
const showResultAfterContactForm = useCallback(() => { const showResultAfterContactForm = useCallback(() => {
if (currentQuestion?.type !== "result") throw new Error("Current question is not result"); if (currentQuestion?.type !== "result") throw new Error("Current question is not result");
if (isResultQuestionEmpty(currentQuestion)) { if (isResultQuestionEmpty(currentQuestion)) return;
enqueueSnackbar("Данные отправлены");
return;
}
setCurrentQuizStep("question"); setCurrentQuizStep("question");
}, [currentQuestion, setCurrentQuizStep]); }, [currentQuestion, setCurrentQuizStep]);
//рычаг управления из визуала в эту функцию //рычаг управления из визуала в этот контроллер
const moveToPrevQuestion = useCallback(() => { const moveToPrevQuestion = useCallback(() => {
if (!prevQuestion) throw new Error("Previous question not found"); if (quizStep > 0 && !questions[quizStep - 1]) throw new Error("Previous question not found");
if (settings.status === "ai" && headAI > 0) setHeadAI((old) => old--); if (settings.status === "ai" && quizStep > 0) quizStepDec();
setCurrentQuestionId(prevQuestion.id); }, [quizStep]);
}, [prevQuestion]);
//рычаг управления из визуала в эту функцию //рычаг управления из визуала в этот контроллер
const moveToNextQuestion = useCallback(async () => { const moveToNextQuestion = useCallback(async () => {
// Если есть следующий вопрос в уже загруженных - используем его changeNextLoading(true);
quizStepInc();
}, [quizStep, changeNextLoading, quizStepInc]);
if (nextQuestion) { //рычаг управления из визуала в этот контроллер
vkMetrics.questionPassed(currentQuestion.id); const setQuestion = useCallback((_: string) => {}, []);
yandexMetrics.questionPassed(currentQuestion.id);
if (nextQuestion.type === "result") return showResult();
setCurrentQuestionId(nextQuestion.id);
return;
}
}, [currentQuestion.id, nextQuestion, showResult, vkMetrics, yandexMetrics, linearQuestionIndex, questions]);
//рычаг управления из визуала в эту функцию
const setQuestion = useCallback(
(questionId: string) => {
const question = sortedQuestions.find((q) => q.id === questionId);
if (!question) return;
setCurrentQuestionId(question.id);
},
[sortedQuestions]
);
//Анализ дисаблить ли кнопки навигации //Анализ дисаблить ли кнопки навигации
const isPreviousButtonEnabled = Boolean(prevQuestion); const isPreviousButtonEnabled = quizStep > 0;
//Анализ дисаблить ли кнопки навигации //Анализ дисаблить ли кнопки навигации
const isNextButtonEnabled = useMemo(() => { const isNextButtonEnabled = useMemo(() => {
@ -242,25 +94,20 @@ export function useAIQuiz() {
return hasAnswer; return hasAnswer;
} }
console.log(linearQuestionIndex); return quizStep < cnt;
console.log(questions.length); }, [answers, currentQuestion]);
console.log(cnt);
if (linearQuestionIndex !== null && questions.length < cnt) return true;
return Boolean(nextQuestion);
}, [answers, currentQuestion, nextQuestion]);
useDebugValue({ useDebugValue({
linearQuestionIndex, CurrentQuestionIndex: quizStep,
currentQuestion: currentQuestion, currentQuestion: currentQuestion,
prevQuestion: prevQuestion, prevQuestion: questions[quizStep + 1],
nextQuestion: nextQuestion, nextQuestion: questions[quizStep - 1],
}); });
return { return {
currentQuestion, currentQuestion,
currentQuestionStepNumber: currentQuestionStepNumber: null,
settings.status === "ai" ? null : linearQuestionIndex === null ? null : linearQuestionIndex + 1, nextQuestion: undefined,
nextQuestion,
isNextButtonEnabled, isNextButtonEnabled,
isPreviousButtonEnabled, isPreviousButtonEnabled,
moveToPrevQuestion, moveToPrevQuestion,

@ -27,7 +27,6 @@ export function useBranchingQuiz() {
}, [questions]); }, [questions]);
//React сам будет менять визуал - главное говорить из какого вопроса ему брать инфо. Изменение этой переменной меняет визуал. //React сам будет менять визуал - главное говорить из какого вопроса ему брать инфо. Изменение этой переменной меняет визуал.
const [currentQuestionId, setCurrentQuestionId] = useState<string | null>(getFirstQuestionId); const [currentQuestionId, setCurrentQuestionId] = useState<string | null>(getFirstQuestionId);
const [headAI, setHeadAI] = useState(0);
//Список ответов на вопрос. Мы записываем ответы локально, параллельно отправляя на бек информацию о ответах //Список ответов на вопрос. Мы записываем ответы локально, параллельно отправляя на бек информацию о ответах
const answers = useQuizViewStore((state) => state.answers); const answers = useQuizViewStore((state) => state.answers);
//Список засчитанных баллов для балловых квизов //Список засчитанных баллов для балловых квизов
@ -187,26 +186,22 @@ export function useBranchingQuiz() {
setCurrentQuizStep("contactform"); setCurrentQuizStep("contactform");
}, [nextQuestion, setCurrentQuizStep, settings.cfg.resultInfo.showResultForm, settings.cfg.showfc]); }, [nextQuestion, setCurrentQuizStep, settings.cfg.resultInfo.showResultForm, settings.cfg.showfc]);
//рычаг управления из визуала в эту функцию //рычаг управления из визуала в этот контроллер
const showResultAfterContactForm = useCallback(() => { const showResultAfterContactForm = useCallback(() => {
if (currentQuestion?.type !== "result") throw new Error("Current question is not result"); if (currentQuestion?.type !== "result") throw new Error("Current question is not result");
if (isResultQuestionEmpty(currentQuestion)) { if (isResultQuestionEmpty(currentQuestion)) return;
enqueueSnackbar("Данные отправлены");
return;
}
setCurrentQuizStep("question"); setCurrentQuizStep("question");
}, [currentQuestion, setCurrentQuizStep]); }, [currentQuestion, setCurrentQuizStep]);
//рычаг управления из визуала в эту функцию //рычаг управления из визуала в этот контроллер
const moveToPrevQuestion = useCallback(() => { const moveToPrevQuestion = useCallback(() => {
if (!prevQuestion) throw new Error("Previous question not found"); if (!prevQuestion) throw new Error("Previous question not found");
if (settings.status === "ai" && headAI > 0) setHeadAI((old) => old--);
setCurrentQuestionId(prevQuestion.id); setCurrentQuestionId(prevQuestion.id);
}, [prevQuestion]); }, [prevQuestion]);
//рычаг управления из визуала в эту функцию //рычаг управления из визуала в этот контроллер
const moveToNextQuestion = useCallback(async () => { const moveToNextQuestion = useCallback(async () => {
// Если есть следующий вопрос в уже загруженных - используем его // Если есть следующий вопрос в уже загруженных - используем его
@ -220,7 +215,7 @@ export function useBranchingQuiz() {
} }
}, [currentQuestion.id, nextQuestion, showResult, vkMetrics, yandexMetrics, linearQuestionIndex, questions]); }, [currentQuestion.id, nextQuestion, showResult, vkMetrics, yandexMetrics, linearQuestionIndex, questions]);
//рычаг управления из визуала в эту функцию //рычаг управления из визуала в этот контроллер
const setQuestion = useCallback( const setQuestion = useCallback(
(questionId: string) => { (questionId: string) => {
const question = sortedQuestions.find((q) => q.id === questionId); const question = sortedQuestions.find((q) => q.id === questionId);

@ -27,7 +27,6 @@ export function useLinearQuiz() {
}, [questions]); }, [questions]);
//React сам будет менять визуал - главное говорить из какого вопроса ему брать инфо. Изменение этой переменной меняет визуал. //React сам будет менять визуал - главное говорить из какого вопроса ему брать инфо. Изменение этой переменной меняет визуал.
const [currentQuestionId, setCurrentQuestionId] = useState<string | null>(getFirstQuestionId); const [currentQuestionId, setCurrentQuestionId] = useState<string | null>(getFirstQuestionId);
const [headAI, setHeadAI] = useState(0);
//Список ответов на вопрос. Мы записываем ответы локально, параллельно отправляя на бек информацию о ответах //Список ответов на вопрос. Мы записываем ответы локально, параллельно отправляя на бек информацию о ответах
const answers = useQuizViewStore((state) => state.answers); const answers = useQuizViewStore((state) => state.answers);
//Список засчитанных баллов для балловых квизов //Список засчитанных баллов для балловых квизов
@ -187,26 +186,22 @@ export function useLinearQuiz() {
setCurrentQuizStep("contactform"); setCurrentQuizStep("contactform");
}, [nextQuestion, setCurrentQuizStep, settings.cfg.resultInfo.showResultForm, settings.cfg.showfc]); }, [nextQuestion, setCurrentQuizStep, settings.cfg.resultInfo.showResultForm, settings.cfg.showfc]);
//рычаг управления из визуала в эту функцию //рычаг управления из визуала в этот контроллер
const showResultAfterContactForm = useCallback(() => { const showResultAfterContactForm = useCallback(() => {
if (currentQuestion?.type !== "result") throw new Error("Current question is not result"); if (currentQuestion?.type !== "result") throw new Error("Current question is not result");
if (isResultQuestionEmpty(currentQuestion)) { if (isResultQuestionEmpty(currentQuestion)) return;
enqueueSnackbar("Данные отправлены");
return;
}
setCurrentQuizStep("question"); setCurrentQuizStep("question");
}, [currentQuestion, setCurrentQuizStep]); }, [currentQuestion, setCurrentQuizStep]);
//рычаг управления из визуала в эту функцию //рычаг управления из визуала в этот контроллер
const moveToPrevQuestion = useCallback(() => { const moveToPrevQuestion = useCallback(() => {
if (!prevQuestion) throw new Error("Previous question not found"); if (!prevQuestion) throw new Error("Previous question not found");
if (settings.status === "ai" && headAI > 0) setHeadAI((old) => old--);
setCurrentQuestionId(prevQuestion.id); setCurrentQuestionId(prevQuestion.id);
}, [prevQuestion]); }, [prevQuestion]);
//рычаг управления из визуала в эту функцию //рычаг управления из визуала в этот контроллер
const moveToNextQuestion = useCallback(async () => { const moveToNextQuestion = useCallback(async () => {
// Если есть следующий вопрос в уже загруженных - используем его // Если есть следующий вопрос в уже загруженных - используем его
@ -220,7 +215,7 @@ export function useLinearQuiz() {
} }
}, [currentQuestion.id, nextQuestion, showResult, vkMetrics, yandexMetrics, linearQuestionIndex, questions]); }, [currentQuestion.id, nextQuestion, showResult, vkMetrics, yandexMetrics, linearQuestionIndex, questions]);
//рычаг управления из визуала в эту функцию //рычаг управления из визуала в этот контроллер
const setQuestion = useCallback( const setQuestion = useCallback(
(questionId: string) => { (questionId: string) => {
const question = sortedQuestions.find((q) => q.id === questionId); const question = sortedQuestions.find((q) => q.id === questionId);

@ -13,12 +13,17 @@ let cachedManager: () => ReturnType<typeof useLinearQuiz>;
export let statusOfQuiz: "line" | "branch" | "ai"; export let statusOfQuiz: "line" | "branch" | "ai";
function analyicStatus({ status, haveRoot }: StatusData) { function analyicStatus({ status, haveRoot }: StatusData) {
if (status === "ai") statusOfQuiz = "ai"; if (status === "ai") {
statusOfQuiz = "ai";
return;
}
if (status === "start") { if (status === "start") {
// Если есть ветвление, то settings.cfg.haveRoot будет заполнен // Если есть ветвление, то settings.cfg.haveRoot будет заполнен
if (haveRoot) statusOfQuiz = "branch"; if (haveRoot) statusOfQuiz = "branch";
else statusOfQuiz = "line"; else statusOfQuiz = "line";
} else throw new Error("quiz is inactive"); return;
}
throw new Error("quiz is inactive");
} }
export const initDataManager = (data: StatusData) => { export const initDataManager = (data: StatusData) => {