Merge branch 'staging'

lib/api/hooks.ts

@@ -1,11 +1,91 @@
 import useSWR from "swr";
-import { getQuizData } from "./quizRelase";
+import { getAndParceData } from "./quizRelase";
+import { useEffect, useState } from "react";
+import { initDataManager, statusOfQuiz } from "@/utils/hooks/useQuestionFlowControl";
+import { addQuestions, setQuizData, useQuizStore } from "@/stores/useQuizStore";
+
+/*
+  У хука есть три режмиа работы: "line" | "branch" | "ai"
+  Для branch и line единовременно запрашиваются ВСЕ данные (пока что это количество на 100 штук. Позже нужно впилить доп запросы чтобы получить все вопросы.)
+  Для ai идёт последовательный запрос данных. При первом попадании на result - блокируется возможность запрашивать новые данные
+*/
 
 export function useQuizData(quizId: string, preview: boolean = false) {
-  return useSWR(preview ? null : ["quizData", quizId], (params) => getQuizData({ quizId: params[1] }), {
+  const { quizStep, questions } = useQuizStore();
+
+  const [page, setPage] = useState(0);
+  const [needFullLoad, setNeedFullLoad] = useState(false);
+
+  useEffect(() => {
+    if (quizStep > page) setPage(quizStep);
+  }, [quizStep]);
+
+  return useSWR(
+    preview ? null : ["quizData", quizId, page, needFullLoad],
+    async ([, id, currentPage, fullLoad]) => {
+      // Первый запрос - получаем статус
+      if (currentPage === 0 && !fullLoad) {
+        const firstData = await getAndParceData({
+          quizId: id,
+          limit: 1,
+          page: currentPage,
+          needConfig: true,
+        });
+        //firstData.settings.status = "ai";
+        console.log("useQuizData: firstData received:", firstData);
+        console.log("useQuizData: firstData.settings:", firstData.settings);
+
+        initDataManager({
+          status: firstData.settings.status,
+          haveRoot: firstData.settings.cfg.haveRoot,
+        });
+        console.log("useQuizData: calling setQuizData with firstData");
+        setQuizData(firstData);
+
+        // Определяем нужно ли загружать все данные
+        console.log("Определяем нужно ли загружать все данные");
+        console.log(firstData.settings.status);
+        if (!["ai"].includes(firstData.settings.status)) {
+          setNeedFullLoad(true); // Триггерит новый запрос через изменение ключа
+          return firstData;
+        }
+        return firstData;
+      }
+
+      // Полная загрузка для line/branch
+      if (fullLoad) {
+        const data = await getAndParceData({
+          quizId: id,
+          limit: 100,
+          page: 0,
+          needConfig: false,
+        });
+
+        addQuestions(data.questions.slice(1));
+        return data;
+      }
+
+      if (currentPage >= questions.length) {
+        try {
+          // Для AI режима - последовательная загрузка
+          const data = await getAndParceData({
+            quizId: id,
+            page: currentPage,
+            limit: 1,
+            needConfig: false,
+          });
+          addQuestions(data.questions);
+          return data;
+        } catch (_) {
+          setPage(questions.length);
+        }
+      }
+    },
+    {
       revalidateOnFocus: false,
       revalidateOnReconnect: false,
       shouldRetryOnError: false,
       refreshInterval: 0,
-  });
+    }
+  );
 }

lib/api/quizRelase.ts

@@ -8,6 +8,7 @@ import { replaceSpacesToEmptyLines } from "../components/ViewPublicationPage/too
 import { QuizSettings } from "@model/settingsData";
 import * as Bowser from "bowser";
 import { domain } from "../utils/defineDomain";
+import { statusOfQuiz } from "@/utils/hooks/useQuestionFlowControl";
 let SESSIONS = "";
 
 const md = new MobileDetect(window.navigator.userAgent);
@@ -79,16 +80,28 @@ export const publicationMakeRequest = ({ url, body }: PublicationMakeRequestPara
 let globalStatus: string | null = null;
 let isFirstRequest = true;
 
-export async function getData({ quizId }: { quizId: string }): Promise<{
+/*
+если запросить 0 вопросов - придёт items: null
+если не запрашивать конфиг - поле конфига вообще не придёт
+*/
+
+interface GetDataProps {
+  quizId: string;
+  limit: number;
+  page: number;
+  needConfig: boolean;
+}
+
+export async function getData({ quizId, limit, page, needConfig }: GetDataProps): Promise<{
   data: GetQuizDataResponse | null;
   isRecentlyCompleted: boolean;
   error?: AxiosError;
 }> {
   const body = {
     quiz_id: quizId,
-    limit: 100,
+    limit,
-    page: 0,
+    page,
-    need_config: true,
+    need_config: needConfig,
   } as any;
   if (paudParam) body.auditory = Number(paudParam);
 
@@ -111,7 +124,12 @@ export async function getData({ quizId }: { quizId: string }): Promise<{
     const sessions = JSON.parse(localStorage.getItem("sessions") || "{}");
 
     //Тут ещё проверка на антифрод без парса конфига. Нам не интересно время если не нужно запрещать проходить чаще чем в сутки
-    if (typeof sessions[quizId] === "number" && data.settings.cfg.includes('antifraud":true')) {
+    if (
+      needConfig &&
+      data?.settings !== undefined &&
+      typeof sessions[quizId] === "number" &&
+      data.settings.cfg.includes('antifraud":true')
+    ) {
       // unix время. Если меньше суток прошло - выводить ошибку, иначе пустить дальше
       if (Date.now() - sessions[quizId] < 86400000) {
         return { data, isRecentlyCompleted: true };
@@ -128,113 +146,10 @@ export async function getData({ quizId }: { quizId: string }): Promise<{
   }
 }
 
-export async function getDataSingle({ quizId, page }: { quizId: string; page?: number }): Promise<{
+export async function getAndParceData(props: GetDataProps) {
-  data: GetQuizDataResponse | null;
+  if (!props.quizId) throw new Error("No quiz id");
-  isRecentlyCompleted: boolean;
-  error?: AxiosError;
-}> {
-  try {
-    // Первый запрос: 1 вопрос + конфиг
-    if (isFirstRequest) {
-      const { data, headers } = await axios<GetQuizDataResponse>(
-        domain + `/answer/v1.0.0/settings${window.location.search}`,
-        {
-          method: "POST",
-          headers: {
-            "X-Sessionkey": SESSIONS,
-            "Content-Type": "application/json",
-            DeviceType: DeviceType,
-            Device: Device,
-            OS: OSDevice,
-            Browser: userAgent,
-          },
-          data: {
-            quiz_id: quizId,
-            limit: 1,
-            page: 0,
-            need_config: true,
-          },
-        }
-      );
 
-      globalStatus = data.settings.status;
+  const response = await getData(props);
-      isFirstRequest = false;
-      SESSIONS = headers["x-sessionkey"] || SESSIONS;
-
-      // Проверка антифрода
-      const sessions = JSON.parse(localStorage.getItem("sessions") || "{}");
-      if (typeof sessions[quizId] === "number" && data.settings.cfg.includes('antifraud":true')) {
-        if (Date.now() - sessions[quizId] < 86400000) {
-          return { data, isRecentlyCompleted: true };
-        }
-      }
-
-      // Если статус не AI - сразу делаем запрос за всеми вопросами
-      if (globalStatus !== "ai") {
-        const secondResponse = await axios<GetQuizDataResponse>(
-          domain + `/answer/v1.0.0/settings${window.location.search}`,
-          {
-            method: "POST",
-            headers: {
-              "X-Sessionkey": SESSIONS,
-              "Content-Type": "application/json",
-              DeviceType: DeviceType,
-              Device: Device,
-              OS: OSDevice,
-              Browser: userAgent,
-            },
-            data: {
-              quiz_id: quizId,
-              limit: 100,
-              page: 0,
-              need_config: false,
-            },
-          }
-        );
-        return {
-          data: { ...data, items: secondResponse.data.items },
-          isRecentlyCompleted: false,
-        };
-      }
-
-      return { data, isRecentlyCompleted: false };
-    }
-
-    // Последующие запросы
-    const response = await axios<GetQuizDataResponse>(domain + `/answer/v1.0.0/settings${window.location.search}`, {
-      method: "POST",
-      headers: {
-        "X-Sessionkey": SESSIONS,
-        "Content-Type": "application/json",
-        DeviceType: DeviceType,
-        Device: Device,
-        OS: OSDevice,
-        Browser: userAgent,
-      },
-      data: {
-        quiz_id: quizId,
-        limit: 1,
-        page: page,
-        need_config: false,
-      },
-    });
-
-    return {
-      data: response.data,
-      isRecentlyCompleted: false,
-    };
-  } catch (error) {
-    return {
-      data: null,
-      isRecentlyCompleted: false,
-      error: error as AxiosError,
-    };
-  }
-}
-export async function getQuizData({ quizId, status = "" }: { quizId: string; status?: string }) {
-  if (!quizId) throw new Error("No quiz id");
-
-  const response = await getData({ quizId });
   const quizDataResponse = response.data;
 
   if (response.error) {
@@ -252,8 +167,10 @@ export async function getQuizData({ quizId, status = "" }: { quizId: string; sta
     throw new Error("Quiz not found");
   }
 
+  //Парсим строки в строках
   const quizSettings = replaceSpacesToEmptyLines(parseQuizData(quizDataResponse));
 
+  //Единоразово стрингифаим ВСЁ распаршенное и удаляем лишние пробелы
   const res = JSON.parse(
     JSON.stringify({ data: quizSettings })
       .replaceAll(/\\" \\"/g, '""')
@@ -263,124 +180,6 @@ export async function getQuizData({ quizId, status = "" }: { quizId: string; sta
   return res;
 }
 
-let page = 1;
-
-export async function getQuizDataAI(quizId: string) {
-  console.log("[getQuizDataAI] Starting with quizId:", quizId); // Добавлено
-  let maxRetries = 50;
-
-  if (!quizId) {
-    console.error("[getQuizDataAI] Error: No quiz id provided");
-    throw new Error("No quiz id");
-  }
-
-  let lastError: Error | null = null;
-  let responseData: any = null;
-
-  // Первый цикл - обработка result вопросов
-  console.log("[getQuizDataAI] Starting result retries loop"); // Добавлено
-  let resultRetryCount = 0;
-  while (resultRetryCount < maxRetries) {
-    try {
-      console.log(`[getQuizDataAI] Attempt ${resultRetryCount + 1} for result questions, page: ${page}`);
-      const response = await getData({ quizId });
-      console.log("[getQuizDataAI] Response from getData:", response);
-
-      if (response.error) {
-        console.error("[getQuizDataAI] Error in response:", response.error);
-        throw response.error;
-      }
-      if (!response.data) {
-        console.error("[getQuizDataAI] Error: Quiz not found");
-        throw new Error("Quiz not found");
-      }
-
-      const hasAiResult = response.data.items.some((item) => item.typ === "result");
-      console.log("[getQuizDataAI] Has AI result:", hasAiResult);
-
-      if (hasAiResult) {
-        page++;
-        resultRetryCount++;
-        console.log(`[getQuizDataAI] Found result question, incrementing page to ${page}`);
-        continue;
-      }
-
-      responseData = response;
-      console.log("[getQuizDataAI] Found non-result questions, breaking loop");
-      break;
-    } catch (error) {
-      lastError = error as Error;
-      resultRetryCount++;
-      console.error(`[getQuizDataAI] Error in attempt ${resultRetryCount}:`, error);
-
-      if (resultRetryCount >= maxRetries) {
-        console.error("[getQuizDataAI] Max retries reached for result questions");
-        break;
-      }
-
-      const delay = 1500 * resultRetryCount;
-      console.log(`[getQuizDataAI] Waiting ${delay}ms before next retry`);
-      await new Promise((resolve) => setTimeout(resolve, delay));
-    }
-  }
-
-  if (!responseData) {
-    console.error("[getQuizDataAI] Failed after result retries, throwing error");
-    throw lastError || new Error("Failed to get quiz data after result retries");
-  }
-
-  // Второй цикл - обработка пустого массива
-  console.log("[getQuizDataAI] Starting empty items retry loop"); // Добавлено
-  let isEmpty = !responseData.data?.items.length;
-  let emptyRetryCount = 0;
-
-  while (isEmpty && emptyRetryCount < maxRetries) {
-    try {
-      console.log(`[getQuizDataAI] Empty items retry ${emptyRetryCount + 1}`);
-      await new Promise((resolve) => setTimeout(resolve, 1000));
-      const response = await getData({ quizId });
-
-      if (response.error) {
-        console.error("[getQuizDataAI] Error in empty items check:", response.error);
-        throw response.error;
-      }
-      if (!response.data) {
-        console.error("[getQuizDataAI] Error: Quiz not found in empty check");
-        throw new Error("Quiz not found");
-      }
-
-      isEmpty = !response.data.items.length;
-      console.log("[getQuizDataAI] Is items empty:", isEmpty);
-
-      if (!isEmpty) {
-        responseData = response;
-        console.log("[getQuizDataAI] Found non-empty items, updating responseData");
-      }
-      emptyRetryCount++;
-    } catch (error) {
-      lastError = error as Error;
-      emptyRetryCount++;
-      console.error(`[getQuizDataAI] Error in empty check attempt ${emptyRetryCount}:`, error);
-
-      if (emptyRetryCount >= maxRetries) {
-        console.error("[getQuizDataAI] Max empty retries reached");
-        break;
-      }
-    }
-  }
-
-  if (isEmpty) {
-    console.error("[getQuizDataAI] Items still empty after retries");
-    throw new Error("Items array is empty after maximum retries");
-  }
-
-  // Финальная обработка
-  console.log("[getQuizDataAI] Processing final response data");
-
-  console.log("[getQuizDataAI] Final response before return:", responseData);
-  return responseData.data.items;
-}
-
 type SendAnswerProps = {
   questionId: string;
   body: string | string[];
@@ -389,15 +188,14 @@ type SendAnswerProps = {
 };
 
 export function sendAnswer({ questionId, body, qid, preview = false }: SendAnswerProps) {
-  console.log("qid");
-  console.log(qid);
   if (preview) return;
   const formData = new FormData();
 
   const answers = [
     {
       question_id: questionId,
-      content: body, //тут массив с ответом
+      //Для АИ квизов нельзя слать пустые строки
+      content: statusOfQuiz != "ai" ? body : body.length ? body : "-", //тут массив с ответом
     },
   ];
   formData.append("answers", JSON.stringify(answers));

lib/api/useQuizGetNext.ts

@@ -1,77 +0,0 @@
-import { useState } from "react";
-import { getQuizDataAI } from "./quizRelase";
-import { addQuestion, useQuizStore } from "@/stores/useQuizStore";
-import { AnyTypedQuizQuestion } from "..";
-
-function qparse(q: { desc: string; id: string; req: boolean; title: string; typ: string }) {
-  return {
-    description: q.desc,
-    id: q.id,
-    required: q.req,
-    title: q.title,
-    type: q.typ,
-    page: 0,
-    content: {
-      answerType: "single",
-      autofill: false,
-      back: "",
-      hint: { text: "", video: "" },
-      id: "",
-      innerName: "",
-      innerNameCheck: false,
-      onlyNumbers: false,
-      originalBack: "",
-      placeholder: "",
-      required: false,
-      rule: {
-        children: [],
-        default: "",
-        main: [],
-        parentId: "",
-      },
-    },
-  };
-}
-
-export const useQuizGetNext = () => {
-  const { quizId, settings } = useQuizStore();
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-  const [currentPage, setCurrentPage] = useState(1);
-
-  const loadMoreQuestions = async () => {
-    console.log("STATUS loadMoreQuestions");
-    console.log(settings);
-    console.log(settings.status);
-    if (settings.status === "ai") {
-      console.log("STATUS after IF");
-      setIsLoading(true);
-      setError(null);
-
-      try {
-        console.log("STATUS after TRY TRY TRY");
-        const data = await getQuizDataAI(quizId);
-        console.log("data");
-        console.log(data);
-        const newQuestion = qparse(data[0]);
-        console.log("newQuestion");
-        console.log(newQuestion);
-        if (newQuestion) {
-          newQuestion.page = currentPage;
-          //@ts-ignore
-          addQuestion(newQuestion as AnyTypedQuizQuestion);
-          setCurrentPage((old) => old++);
-          console.log("newQuestion + page");
-          console.log(newQuestion);
-          return newQuestion;
-        }
-      } catch (err) {
-        setError(err as Error);
-      } finally {
-        setIsLoading(false);
-      }
-    }
-  };
-
-  return { loadMoreQuestions, isLoading, error, currentPage };
-};

lib/assets/icons/NameplateLogoFQ.tsx

@@ -1,7 +1,21 @@
 import { FC, SVGProps } from "react";
-import { useLocation } from "react-router-dom";
+
+// Fallback функция для получения языка, когда React Router недоступен
+const getLanguageFromUrlFallback = (): string => {
+  const path = window.location.pathname;
+  const langMatch = path.match(/^\/(en|ru|uz)(\/|$)/i);
+  if (langMatch) {
+    return langMatch[1].toLowerCase();
+  }
+  return "ru";
+};
 
 export const NameplateLogoFQ: FC<SVGProps<SVGSVGElement>> = (props) => {
+  let lang = "ru"; // fallback
+
+  try {
+    // Пытаемся использовать React Router
+    const { useLocation } = require("react-router-dom");
     const location = useLocation();
     const pathname = location.pathname;
 
@@ -15,7 +29,11 @@ export const NameplateLogoFQ: FC<SVGProps<SVGSVGElement>> = (props) => {
       return "ru";
     };
 
-  const lang = getLanguageFromUrl(); // Оптимизация - вызываем функцию один раз
+    lang = getLanguageFromUrl();
+  } catch (error) {
+    // Если React Router недоступен (в виджете), используем fallback
+    lang = getLanguageFromUrlFallback();
+  }
 
   if (lang === "ru") return <RU {...props} />;
   if (lang === "en") return <EN {...props} />;

lib/assets/icons/NameplateLogoFQDark.tsx

@@ -1,7 +1,21 @@
 import { FC, SVGProps } from "react";
-import { useLocation } from "react-router-dom";
+
+// Fallback функция для получения языка, когда React Router недоступен
+const getLanguageFromUrlFallback = (): string => {
+  const path = window.location.pathname;
+  const langMatch = path.match(/^\/(en|ru|uz)(\/|$)/i);
+  if (langMatch) {
+    return langMatch[1].toLowerCase();
+  }
+  return "ru";
+};
 
 export const NameplateLogoFQDark: FC<SVGProps<SVGSVGElement>> = (props) => {
+  let lang = "ru"; // fallback
+
+  try {
+    // Пытаемся использовать React Router
+    const { useLocation } = require("react-router-dom");
     const location = useLocation();
     const pathname = location.pathname;
 
@@ -15,7 +29,11 @@ export const NameplateLogoFQDark: FC<SVGProps<SVGSVGElement>> = (props) => {
       return "ru";
     };
 
-  const lang = getLanguageFromUrl(); // Оптимизация - вызываем функцию один раз
+    lang = getLanguageFromUrl();
+  } catch (error) {
+    // Если React Router недоступен (в виджете), используем fallback
+    lang = getLanguageFromUrlFallback();
+  }
 
   if (lang === "ru") return <RU {...props} />;
   if (lang === "en") return <EN {...props} />;

lib/components/QuizAnswerer.tsx

@@ -21,6 +21,7 @@ import { HelmetProvider } from "react-helmet-async";
 
 import "moment/dist/locale/ru";
 import { useQuizStore, setQuizData, addquizid } from "@/stores/useQuizStore";
+import { initDataManager, statusOfQuiz } from "@/utils/hooks/useQuestionFlowControl";
 moment.locale("ru");
 const localeText = ruRU.components.MuiLocalizationProvider.defaultProps.localeText;
 
@@ -32,16 +33,7 @@ type Props = {
   className?: string;
   disableGlobalCss?: boolean;
 };
-function isQuizSettingsValid(data: any): data is QuizSettings {
+
-  return (
-    data &&
-    Array.isArray(data.questions) &&
-    data.settings &&
-    typeof data.cnt === "number" &&
-    typeof data.recentlyCompleted === "boolean" &&
-    typeof data.show_badge === "boolean"
-  );
-}
 function QuizAnswererInner({
   quizSettings,
   quizId,
@@ -78,17 +70,16 @@ function QuizAnswererInner({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   useEffect(() => {
-    console.log("got data");
+    //Хук на случай если данные переданы нам сразу, а не "нам нужно их запросить"
-    console.log(quizSettings);
+    if (quizSettings !== undefined) {
-    console.log(data);
+      console.log("QuizAnswerer: calling setQuizData with quizSettings");
-    const quiz = quizSettings || data;
+      setQuizData(quizSettings);
-    console.log("quiz");
+      initDataManager({
-    console.log(quiz);
+        status: quizSettings.settings.status,
-    if (quiz !== undefined) {
+        haveRoot: quizSettings.settings.cfg.haveRoot,
-      console.log("is not undefined");
+      });
-      setQuizData(quiz);
     }
-  }, [quizSettings, data]);
+  }, [quizSettings]);
 
   useLayoutEffect(() => {
     if (rootContainerRef.current) setRootContainerWidth(rootContainerRef.current.clientWidth);
@@ -109,13 +100,16 @@ function QuizAnswererInner({
 
   console.log("settings");
   console.log(settings);
-  if (isLoading) return <LoadingSkeleton />;
+  if (isLoading && !questions.length) return <LoadingSkeleton />;
+  console.log("error");
+  console.log(error);
   if (error) return <ApologyPage error={error} />;
 
   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 === 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")} />;
 
   const quizContainer = (

lib/components/ViewPublicationPage/ApologyPage.tsx

@@ -5,7 +5,7 @@ import { useTranslation } from "react-i18next";
 type Props = Partial<FallbackProps>;
 
 export const ApologyPage = ({ error }: Props) => {
-  let message = error.message || error.response?.data;
+  let message = error.message || error.response?.data || " ";
   console.log("message");
   console.log(message.toLowerCase());
   const { t } = useTranslation();

lib/components/ViewPublicationPage/ViewPublicationPage.tsx

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

lib/components/ViewPublicationPage/tools/NextButton.tsx

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

lib/model/api/getQuizData.ts

@@ -3,7 +3,7 @@ import { QuizSettings } from "@model/settingsData";
 
 export interface GetQuizDataResponse {
   cnt: number;
-  settings: {
+  settings?: {
     fp: boolean;
     rep: boolean;
     name: string;
@@ -27,6 +27,13 @@ export interface GetQuizDataResponse {
 }
 
 export function parseQuizData(quizDataResponse: GetQuizDataResponse): Omit<QuizSettings, "recentlyCompleted"> {
+  const readyData = {
+    cnt: quizDataResponse.cnt,
+    show_badge: quizDataResponse.show_badge,
+    settings: {} as QuizSettings["settings"],
+    questions: [] as QuizSettings["questions"],
+  } as QuizSettings;
+
   const items: QuizSettings["questions"] = quizDataResponse.items.map((item) => {
     const content = JSON.parse(item.c);
 
@@ -41,7 +48,10 @@ export function parseQuizData(quizDataResponse: GetQuizDataResponse): Omit<QuizS
     } as unknown as AnyTypedQuizQuestion;
   });
 
-  const settings: QuizSettings["settings"] = {
+  readyData.questions = items;
+
+  if (quizDataResponse?.settings !== undefined) {
+    readyData.settings = {
       fp: quizDataResponse.settings.fp,
       rep: quizDataResponse.settings.rep,
       name: quizDataResponse.settings.name,
@@ -52,6 +62,7 @@ export function parseQuizData(quizDataResponse: GetQuizDataResponse): Omit<QuizS
       pausable: quizDataResponse.settings.pausable,
       status: quizDataResponse.settings.status,
     };
-
+  }
-  return { cnt: quizDataResponse.cnt, settings, questions: items, show_badge: quizDataResponse.show_badge };
+
+  return readyData;
 }

lib/model/settingsData.ts

@@ -42,6 +42,8 @@ export type FCField = {
   used: boolean;
 };
 
+export type Status = "start" | "stop" | "ai";
+
 export type QuizSettingsConfig = {
   fp: boolean;
   rep: boolean;
@@ -51,7 +53,7 @@ export type QuizSettingsConfig = {
   delay: number;
   pausable: boolean;
   cfg: QuizConfig;
-  status: "start" | "stop" | "ai";
+  status: Status;
 };
 
 export type QuizSettings = {

lib/stores/useQuizStore.ts

@@ -7,6 +7,8 @@ export type QuizStore = QuizSettings & {
   quizId: string;
   preview: boolean;
   changeFaviconAndTitle: boolean;
+  quizStep: number;
+  nextLoading: boolean;
 };
 
 export const useQuizStore = create<QuizStore>(() => ({
@@ -18,17 +20,33 @@ export const useQuizStore = create<QuizStore>(() => ({
   cnt: 0,
   recentlyCompleted: false,
   show_badge: false,
+  quizStep: 0,
+  nextLoading: false,
 }));
 
 export const setQuizData = (data: QuizSettings) => {
-  console.log("zusstand");
+  console.log("setQuizData called with:");
-  console.log(data);
+  console.log("data:", data);
-  useQuizStore.setState((state: QuizStore) => ({ ...state, ...data }));
+  console.log("data.settings:", data.settings);
+  console.log("data.questions:", data.questions);
+
+  const currentState = useQuizStore.getState();
+  console.log("Current state before update:", currentState);
+
+  useQuizStore.setState((state: QuizStore) => {
+    const newState = { ...state, ...data };
+    console.log("New state after update:", newState);
+    return newState;
+  });
+
+  const updatedState = useQuizStore.getState();
+  console.log("State after setState:", updatedState);
 };
-export const addQuestion = (newQuestion: AnyTypedQuizQuestion) =>
+
+export const addQuestions = (newQuestions: AnyTypedQuizQuestion[]) =>
   useQuizStore.setState(
     produce((state: QuizStore) => {
-      state.questions.push(newQuestion);
+      state.questions.push(...newQuestions);
     })
   );
 export const addquizid = (id: string) =>
@@ -37,3 +55,29 @@ export const addquizid = (id: string) =>
       state.quizId = id;
     })
   );
+
+export const quizStepInc = () =>
+  useQuizStore.setState(
+    produce((state: QuizStore) => {
+      //Дополнительная проверка что мы не вышли за пределы массива вопросов
+      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;
+    })
+  );

lib/utils/hooks/FlowControlLogic/useAIQuiz.ts

@@ -0,0 +1,118 @@
+import { useCallback, useDebugValue, useEffect, useMemo, useState } from "react";
+import { enqueueSnackbar } from "notistack";
+import moment from "moment";
+
+import { isResultQuestionEmpty } from "@/components/ViewPublicationPage/tools/checkEmptyData";
+import { changeNextLoading, quizStepDec, quizStepInc, useQuizStore } from "@/stores/useQuizStore";
+
+import { useQuizViewStore } from "@stores/quizView";
+
+import { useVkMetricsGoals } from "@/utils/hooks/metrics/useVkMetricsGoals";
+import { useYandexMetricsGoals } from "@/utils/hooks/metrics/useYandexMetricsGoals";
+
+export function useAIQuiz() {
+  //Получаем инфо о квизе и список вопросов.
+  const { settings, questions, quizId, cnt, quizStep } = useQuizStore();
+
+  useEffect(() => {
+    console.log("useQuestionFlowControl useEffect");
+    console.log(questions);
+  }, [questions]);
+
+  //Список ответов на вопрос. Мы записываем ответы локально, параллельно отправляя на бек информацию о ответах
+  const answers = useQuizViewStore((state) => state.answers);
+
+  //Текущий шаг "startpage" | "question" | "contactform"
+  const setCurrentQuizStep = useQuizViewStore((state) => state.setCurrentQuizStep);
+  //Получение возможности управлять состоянием метрик
+  const vkMetrics = useVkMetricsGoals(settings.cfg.vkMetricsNumber);
+  const yandexMetrics = useYandexMetricsGoals(settings.cfg.yandexMetricsNumber);
+
+  const currentQuestion = useMemo(() => {
+    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;
+    } else return questions[questions.length - 1];
+  }, [questions, quizStep]);
+
+  useEffect(() => {
+    if (currentQuestion.type === "result") showResult();
+    if (currentQuestion) changeNextLoading(false);
+  }, [currentQuestion, questions]);
+
+  //Показать визуалом юзеру результат
+  const showResult = useCallback(() => {
+    if (currentQuestion?.type !== "result") throw new Error("Current question is not result");
+
+    //Смотрим по настройкам показывать ли вообще форму контактов. Показывать ли страницу результатов до или после формы контактов (ФК)
+    if (
+      settings.cfg.showfc !== false &&
+      (settings.cfg.resultInfo.showResultForm === "after" || isResultQuestionEmpty(currentQuestion))
+    )
+      setCurrentQuizStep("contactform");
+  }, [currentQuestion, setCurrentQuizStep, settings.cfg.resultInfo.showResultForm, settings.cfg.showfc]);
+
+  //рычаг управления из визуала в этот контроллер
+
+  const showResultAfterContactForm = useCallback(() => {
+    if (currentQuestion?.type !== "result") throw new Error("Current question is not result");
+    if (isResultQuestionEmpty(currentQuestion)) return;
+
+    setCurrentQuizStep("question");
+  }, [currentQuestion, setCurrentQuizStep]);
+
+  //рычаг управления из визуала в этот контроллер
+  const moveToPrevQuestion = useCallback(() => {
+    if (quizStep > 0 && !questions[quizStep - 1]) throw new Error("Previous question not found");
+
+    if (settings.status === "ai" && quizStep > 0) quizStepDec();
+  }, [quizStep]);
+
+  //рычаг управления из визуала в этот контроллер
+  const moveToNextQuestion = useCallback(async () => {
+    changeNextLoading(true);
+    quizStepInc();
+  }, [quizStep, changeNextLoading, quizStepInc]);
+
+  //рычаг управления из визуала в этот контроллер
+  const setQuestion = useCallback((_: string) => {}, []);
+
+  //Анализ дисаблить ли кнопки навигации
+  const isPreviousButtonEnabled = quizStep > 0;
+
+  //Анализ дисаблить ли кнопки навигации
+  const isNextButtonEnabled = useMemo(() => {
+    const hasAnswer = answers.some(({ questionId }) => questionId === currentQuestion.id);
+
+    if ("required" in currentQuestion.content && currentQuestion.content.required) {
+      return hasAnswer;
+    }
+
+    return quizStep < cnt;
+  }, [answers, currentQuestion]);
+
+  useDebugValue({
+    CurrentQuestionIndex: quizStep,
+    currentQuestion: currentQuestion,
+    prevQuestion: questions[quizStep + 1],
+    nextQuestion: questions[quizStep - 1],
+  });
+
+  return {
+    currentQuestion,
+    currentQuestionStepNumber: null,
+    nextQuestion: undefined,
+    isNextButtonEnabled,
+    isPreviousButtonEnabled,
+    moveToPrevQuestion,
+    moveToNextQuestion,
+    showResultAfterContactForm,
+    setQuestion,
+  };
+}

lib/utils/hooks/FlowControlLogic/useBranchingQuiz.ts

@@ -0,0 +1,266 @@
+import { useCallback, useDebugValue, useEffect, useMemo, useState } from "react";
+import { enqueueSnackbar } from "notistack";
+import moment from "moment";
+
+import { isResultQuestionEmpty } from "@/components/ViewPublicationPage/tools/checkEmptyData";
+import { useQuizStore } from "@/stores/useQuizStore";
+
+import { useQuizViewStore } from "@stores/quizView";
+
+import { useVkMetricsGoals } from "@/utils/hooks/metrics/useVkMetricsGoals";
+import { useYandexMetricsGoals } from "@/utils/hooks/metrics/useYandexMetricsGoals";
+
+export function useBranchingQuiz() {
+  //Получаем инфо о квизе и список вопросов.
+  const { settings, questions, quizId, cnt } = useQuizStore();
+
+  useEffect(() => {
+    console.log("useQuestionFlowControl useEffect");
+    console.log(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 answers = useQuizViewStore((state) => state.answers);
+  //Список засчитанных баллов для балловых квизов
+  const pointsSum = useQuizViewStore((state) => state.pointsSum);
+  //Текущий шаг "startpage" | "question" | "contactform"
+  const setCurrentQuizStep = useQuizViewStore((state) => state.setCurrentQuizStep);
+  //Получение возможности управлять состоянием метрик
+  const vkMetrics = useVkMetricsGoals(settings.cfg.vkMetricsNumber);
+  const yandexMetrics = useYandexMetricsGoals(settings.cfg.yandexMetricsNumber);
+
+  //Изменение стейта (переменной currentQuestionId) ведёт к пересчёту что же за объект сейчас используется. Мы каждый раз просто ищем в списке
+  const currentQuestion = sortedQuestions.find((question) => question.id === currentQuestionId) ?? sortedQuestions[0];
+
+  //Индекс текущего вопроса только если квиз линейный
+  const linearQuestionIndex = //: number | null
+    currentQuestion && sortedQuestions.every(({ content }) => content.rule.parentId !== "root") // null when branching enabled
+      ? sortedQuestions.indexOf(currentQuestion)
+      : null;
+
+  //Индекс первого вопроса
+  function getFirstQuestionId() {
+    //: string | null
+    if (sortedQuestions.length === 0) return null; //Если нету сортированного списка, то и не рыпаемся
+
+    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(() => {
+    if (nextQuestion?.type !== "result") throw new Error("Current question is not result");
+
+    //Записать в переменную ид текущего вопроса
+    setCurrentQuestionId(nextQuestion.id);
+    //Смотрим по настройкам показывать ли вообще форму контактов. Показывать ли страницу результатов до или после формы контактов (ФК)
+    if (
+      settings.cfg.showfc !== false &&
+      (settings.cfg.resultInfo.showResultForm === "after" || isResultQuestionEmpty(nextQuestion))
+    )
+      setCurrentQuizStep("contactform");
+  }, [nextQuestion, setCurrentQuizStep, settings.cfg.resultInfo.showResultForm, settings.cfg.showfc]);
+
+  //рычаг управления из визуала в этот контроллер
+  const showResultAfterContactForm = useCallback(() => {
+    if (currentQuestion?.type !== "result") throw new Error("Current question is not result");
+    if (isResultQuestionEmpty(currentQuestion)) return;
+
+    setCurrentQuizStep("question");
+  }, [currentQuestion, setCurrentQuizStep]);
+
+  //рычаг управления из визуала в этот контроллер
+  const moveToPrevQuestion = useCallback(() => {
+    if (!prevQuestion) throw new Error("Previous question not found");
+
+    setCurrentQuestionId(prevQuestion.id);
+  }, [prevQuestion]);
+
+  //рычаг управления из визуала в этот контроллер
+  const moveToNextQuestion = useCallback(async () => {
+    // Если есть следующий вопрос в уже загруженных - используем его
+
+    if (nextQuestion) {
+      vkMetrics.questionPassed(currentQuestion.id);
+      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 isNextButtonEnabled = useMemo(() => {
+    const hasAnswer = answers.some(({ questionId }) => questionId === currentQuestion.id);
+
+    if ("required" in currentQuestion.content && currentQuestion.content.required) {
+      return hasAnswer;
+    }
+
+    console.log(linearQuestionIndex);
+    console.log(questions.length);
+    console.log(cnt);
+    if (linearQuestionIndex !== null && questions.length < cnt) return true;
+    return Boolean(nextQuestion);
+  }, [answers, currentQuestion, nextQuestion]);
+
+  useDebugValue({
+    linearQuestionIndex,
+    currentQuestion: currentQuestion,
+    prevQuestion: prevQuestion,
+    nextQuestion: nextQuestion,
+  });
+
+  return {
+    currentQuestion,
+    currentQuestionStepNumber:
+      settings.status === "ai" ? null : linearQuestionIndex === null ? null : linearQuestionIndex + 1,
+    nextQuestion,
+    isNextButtonEnabled,
+    isPreviousButtonEnabled,
+    moveToPrevQuestion,
+    moveToNextQuestion,
+    showResultAfterContactForm,
+    setQuestion,
+  };
+}

lib/utils/hooks/FlowControlLogic/useLinearQuiz.ts

@@ -0,0 +1,266 @@
+import { useCallback, useDebugValue, useEffect, useMemo, useState } from "react";
+import { enqueueSnackbar } from "notistack";
+import moment from "moment";
+
+import { isResultQuestionEmpty } from "@/components/ViewPublicationPage/tools/checkEmptyData";
+import { useQuizStore } from "@/stores/useQuizStore";
+
+import { useQuizViewStore } from "@stores/quizView";
+
+import { useVkMetricsGoals } from "@/utils/hooks/metrics/useVkMetricsGoals";
+import { useYandexMetricsGoals } from "@/utils/hooks/metrics/useYandexMetricsGoals";
+
+export function useLinearQuiz() {
+  //Получаем инфо о квизе и список вопросов.
+  const { settings, questions, quizId, cnt } = useQuizStore();
+
+  useEffect(() => {
+    console.log("useQuestionFlowControl useEffect");
+    console.log(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 answers = useQuizViewStore((state) => state.answers);
+  //Список засчитанных баллов для балловых квизов
+  const pointsSum = useQuizViewStore((state) => state.pointsSum);
+  //Текущий шаг "startpage" | "question" | "contactform"
+  const setCurrentQuizStep = useQuizViewStore((state) => state.setCurrentQuizStep);
+  //Получение возможности управлять состоянием метрик
+  const vkMetrics = useVkMetricsGoals(settings.cfg.vkMetricsNumber);
+  const yandexMetrics = useYandexMetricsGoals(settings.cfg.yandexMetricsNumber);
+
+  //Изменение стейта (переменной currentQuestionId) ведёт к пересчёту что же за объект сейчас используется. Мы каждый раз просто ищем в списке
+  const currentQuestion = sortedQuestions.find((question) => question.id === currentQuestionId) ?? sortedQuestions[0];
+
+  //Индекс текущего вопроса только если квиз линейный
+  const linearQuestionIndex = //: number | null
+    currentQuestion && sortedQuestions.every(({ content }) => content.rule.parentId !== "root") // null when branching enabled
+      ? sortedQuestions.indexOf(currentQuestion)
+      : null;
+
+  //Индекс первого вопроса
+  function getFirstQuestionId() {
+    //: string | null
+    if (sortedQuestions.length === 0) return null; //Если нету сортированного списка, то и не рыпаемся
+
+    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(() => {
+    if (nextQuestion?.type !== "result") throw new Error("Current question is not result");
+
+    //Записать в переменную ид текущего вопроса
+    setCurrentQuestionId(nextQuestion.id);
+    //Смотрим по настройкам показывать ли вообще форму контактов. Показывать ли страницу результатов до или после формы контактов (ФК)
+    if (
+      settings.cfg.showfc !== false &&
+      (settings.cfg.resultInfo.showResultForm === "after" || isResultQuestionEmpty(nextQuestion))
+    )
+      setCurrentQuizStep("contactform");
+  }, [nextQuestion, setCurrentQuizStep, settings.cfg.resultInfo.showResultForm, settings.cfg.showfc]);
+
+  //рычаг управления из визуала в этот контроллер
+  const showResultAfterContactForm = useCallback(() => {
+    if (currentQuestion?.type !== "result") throw new Error("Current question is not result");
+    if (isResultQuestionEmpty(currentQuestion)) return;
+
+    setCurrentQuizStep("question");
+  }, [currentQuestion, setCurrentQuizStep]);
+
+  //рычаг управления из визуала в этот контроллер
+  const moveToPrevQuestion = useCallback(() => {
+    if (!prevQuestion) throw new Error("Previous question not found");
+
+    setCurrentQuestionId(prevQuestion.id);
+  }, [prevQuestion]);
+
+  //рычаг управления из визуала в этот контроллер
+  const moveToNextQuestion = useCallback(async () => {
+    // Если есть следующий вопрос в уже загруженных - используем его
+
+    if (nextQuestion) {
+      vkMetrics.questionPassed(currentQuestion.id);
+      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 isNextButtonEnabled = useMemo(() => {
+    const hasAnswer = answers.some(({ questionId }) => questionId === currentQuestion.id);
+
+    if ("required" in currentQuestion.content && currentQuestion.content.required) {
+      return hasAnswer;
+    }
+
+    console.log(linearQuestionIndex);
+    console.log(questions.length);
+    console.log(cnt);
+    if (linearQuestionIndex !== null && questions.length < cnt) return true;
+    return Boolean(nextQuestion);
+  }, [answers, currentQuestion, nextQuestion]);
+
+  useDebugValue({
+    linearQuestionIndex,
+    currentQuestion: currentQuestion,
+    prevQuestion: prevQuestion,
+    nextQuestion: nextQuestion,
+  });
+
+  return {
+    currentQuestion,
+    currentQuestionStepNumber:
+      settings.status === "ai" ? null : linearQuestionIndex === null ? null : linearQuestionIndex + 1,
+    nextQuestion,
+    isNextButtonEnabled,
+    isPreviousButtonEnabled,
+    moveToPrevQuestion,
+    moveToNextQuestion,
+    showResultAfterContactForm,
+    setQuestion,
+  };
+}

lib/utils/hooks/useQuestionFlowControl.ts

@@ -1,310 +1,50 @@
-import { useCallback, useDebugValue, useEffect, useMemo, useState } from "react";
+import { useBranchingQuiz } from "./FlowControlLogic/useBranchingQuiz";
-import { enqueueSnackbar } from "notistack";
+import { useLinearQuiz } from "./FlowControlLogic/useLinearQuiz";
-import moment from "moment";
+import { useAIQuiz } from "./FlowControlLogic/useAIQuiz";
+import { Status } from "@/model/settingsData";
 
-import { isResultQuestionEmpty } from "@/components/ViewPublicationPage/tools/checkEmptyData";
+interface StatusData {
-import { useQuizStore } from "@/stores/useQuizStore";
+  status: Status;
+  haveRoot: string | null;
+}
 
-import { useQuizViewStore } from "@stores/quizView";
+// выбор способа управления в зависимости от статуса
+let cachedManager: () => ReturnType<typeof useLinearQuiz>;
+export let statusOfQuiz: "line" | "branch" | "ai";
 
-import { useVkMetricsGoals } from "@/utils/hooks/metrics/useVkMetricsGoals";
+function analyicStatus({ status, haveRoot }: StatusData) {
-import { useYandexMetricsGoals } from "@/utils/hooks/metrics/useYandexMetricsGoals";
+  if (status === "ai") {
-import { AnyTypedQuizQuestion } from "@/index";
+    statusOfQuiz = "ai";
-import { getQuizData } from "@/api/quizRelase";
+    return;
-import { useQuizGetNext } from "@/api/useQuizGetNext";
+  }
-
+  if (status === "start") {
-let isgetting = false;
-
-export function useQuestionFlowControl() {
-  //Получаем инфо о квизе и список вопросов.
-  const { loadMoreQuestions } = useQuizGetNext();
-  const { settings, questions, quizId, cnt } = useQuizStore();
-
-  useEffect(() => {
-    console.log("useQuestionFlowControl useEffect");
-    console.log(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 pointsSum = useQuizViewStore((state) => state.pointsSum);
-  //Текущий шаг "startpage" | "question" | "contactform"
-  const setCurrentQuizStep = useQuizViewStore((state) => state.setCurrentQuizStep);
-  //Получение возможности управлять состоянием метрик
-  const vkMetrics = useVkMetricsGoals(settings.cfg.vkMetricsNumber);
-  const yandexMetrics = useYandexMetricsGoals(settings.cfg.yandexMetricsNumber);
-
-  //Изменение стейта (переменной currentQuestionId) ведёт к пересчёту что же за объект сейчас используется. Мы каждый раз просто ищем в списке
-  const currentQuestion = sortedQuestions.find((question) => question.id === currentQuestionId) ?? sortedQuestions[0];
-
-  console.log("currentQuestion");
-  console.log(currentQuestion);
-  console.log("filted");
-  console.log(sortedQuestions.find((question) => question.id === currentQuestionId));
-
-  //Индекс текущего вопроса только если квиз линейный
-  const linearQuestionIndex = //: number | null
-    currentQuestion && sortedQuestions.every(({ content }) => content.rule.parentId !== "root") // null when branching enabled
-      ? sortedQuestions.indexOf(currentQuestion)
-      : null;
-
-  //Индекс первого вопроса
-  function getFirstQuestionId() {
-    //: string | null
-    if (sortedQuestions.length === 0) return null; //Если нету сортированного списка, то и не рыпаемся
-
-    if (settings.cfg.haveRoot) {
     // Если есть ветвление, то settings.cfg.haveRoot будет заполнен
-      //Если заполнен, то дерево растёт с root и это 1 вопрос :)
+    if (haveRoot) statusOfQuiz = "branch";
-      const nextQuestion = sortedQuestions.find(
+    else statusOfQuiz = "line";
-        //Функция ищет первое совпадение по массиву
-        (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(() => {
-    if (nextQuestion?.type !== "result") throw new Error("Current question is not result");
-
-    //Записать в переменную ид текущего вопроса
-    setCurrentQuestionId(nextQuestion.id);
-    //Смотрим по настройкам показывать ли вообще форму контактов. Показывать ли страницу результатов до или после формы контактов (ФК)
-    if (
-      settings.cfg.showfc !== false &&
-      (settings.cfg.resultInfo.showResultForm === "after" || isResultQuestionEmpty(nextQuestion))
-    )
-      setCurrentQuizStep("contactform");
-  }, [nextQuestion, setCurrentQuizStep, settings.cfg.resultInfo.showResultForm, settings.cfg.showfc]);
-
-  //рычаг управления из визуала в эту функцию
-  const showResultAfterContactForm = useCallback(() => {
-    if (currentQuestion?.type !== "result") throw new Error("Current question is not result");
-    if (isResultQuestionEmpty(currentQuestion)) {
-      enqueueSnackbar("Данные отправлены");
     return;
   }
-
+  throw new Error("quiz is inactive");
-    setCurrentQuizStep("question");
-  }, [currentQuestion, setCurrentQuizStep]);
-
-  //рычаг управления из визуала в эту функцию
-  const moveToPrevQuestion = useCallback(() => {
-    if (!prevQuestion) throw new Error("Previous question not found");
-
-    if (settings.status === "ai" && headAI > 0) setHeadAI((old) => old--);
-    setCurrentQuestionId(prevQuestion.id);
-  }, [prevQuestion]);
-
-  //рычаг управления из визуала в эту функцию
-  const moveToNextQuestion = useCallback(async () => {
-    // Если есть следующий вопрос в уже загруженных - используем его
-
-    if (nextQuestion) {
-      vkMetrics.questionPassed(currentQuestion.id);
-      yandexMetrics.questionPassed(currentQuestion.id);
-
-      if (nextQuestion.type === "result") return showResult();
-      setCurrentQuestionId(nextQuestion.id);
-      return;
 }
 
-    // Если следующего нет - загружаем новый
+export const initDataManager = (data: StatusData) => {
-    try {
+  analyicStatus(data);
-      const newQuestion = await loadMoreQuestions();
+  switch (statusOfQuiz) {
-      console.log("Ффункция некст вопрос получила его с бека: ");
+    case "line":
-      console.log(newQuestion);
+      cachedManager = useLinearQuiz;
-      if (newQuestion) {
+      break;
-        vkMetrics.questionPassed(currentQuestion.id);
+    case "branch":
-        yandexMetrics.questionPassed(currentQuestion.id);
+      cachedManager = useBranchingQuiz;
-        console.log("МЫ ПАЛУЧИЛИ НОВЫЙ ВОПРОС");
+      break;
-        console.log(newQuestion);
+    case "ai":
-        console.log("typeof newQuestion.id");
+      cachedManager = useAIQuiz;
-        console.log(typeof newQuestion.id);
+      break;
-        setCurrentQuestionId(newQuestion.id);
-        setHeadAI((old) => old++);
   }
-    } catch (error) {
-      enqueueSnackbar("Ошибка загрузки следующего вопроса");
-    }
-  }, [
-    currentQuestion.id,
-    nextQuestion,
-    showResult,
-    vkMetrics,
-    yandexMetrics,
-    linearQuestionIndex,
-    loadMoreQuestions,
-    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 isNextButtonEnabled = useMemo(() => {
-    const hasAnswer = answers.some(({ questionId }) => questionId === currentQuestion.id);
-
-    if ("required" in currentQuestion.content && currentQuestion.content.required) {
-      return hasAnswer;
-    }
-
-    console.log(linearQuestionIndex);
-    console.log(questions.length);
-    console.log(cnt);
-    if (linearQuestionIndex !== null && questions.length < cnt) return true;
-    return Boolean(nextQuestion);
-  }, [answers, currentQuestion, nextQuestion]);
-
-  useDebugValue({
-    linearQuestionIndex,
-    currentQuestion: currentQuestion,
-    prevQuestion: prevQuestion,
-    nextQuestion: nextQuestion,
-  });
-
-  return {
-    currentQuestion,
-    currentQuestionStepNumber:
-      settings.status === "ai" ? null : linearQuestionIndex === null ? null : linearQuestionIndex + 1,
-    nextQuestion,
-    isNextButtonEnabled,
-    isPreviousButtonEnabled,
-    moveToPrevQuestion,
-    moveToNextQuestion,
-    showResultAfterContactForm,
-    setQuestion,
 };
+
+// Главный хук (интерфейс для потребителей)
+export const useQuestionFlowControl = () => {
+  if (!cachedManager) {
+    throw new Error("DataManager not initialized! Call initDataManager() first.");
   }
+  return cachedManager();
+};

src/i18n/i18n.ts

@@ -18,11 +18,197 @@ const getLanguageFromURL = (): string => {
   return "ru"; // Жёсткий фолбэк
 };
 
+const r = {
+  ru: {
+    "quiz is inactive": "Квиз не активирован",
+    "no questions found": "Нет созданных вопросов",
+    "quiz is empty": "Квиз пуст",
+    "quiz already completed": "Вы уже прошли этот опрос",
+    "no quiz id": "Отсутствует id квиза",
+    "quiz data is null": "Не были переданы параметры квиза",
+    "invalid request data": "Такого квиза не существует",
+    "default message": "Что-то пошло не так",
+    "The request could not be sent": "Заявка не может быть отправлена",
+    "The number of points could not be sent": "Количество баллов не может быть отправлено",
+    "Your result": "Ваш результат",
+    "Your points": "Ваши баллы",
+    of: "из",
+    "View answers": "Посмотреть ответы",
+    "Find out more": "Узнать подробнее",
+    "Go to website": "Перейти на сайт",
+    "Question title": "Заголовок вопроса",
+    "Question without a title": "Вопрос без названия",
+    "Your answer": "Ваш ответ",
+    "Add image": "Добавить изображение",
+    "Accepts images": "Принимает изображения",
+    "Add video": "Добавить видео",
+    "Accepts .mp4 and .mov format - maximum 50mb": "Принимает .mp4 и .mov формат — максимум 50мб",
+    "Add audio file": "Добавить аудиофайл",
+    "Accepts audio files": "Принимает аудиофайлы",
+    "Add document": "Добавить документ",
+    "Accepts documents": "Принимает документы",
+    Next: "Далее",
+    Prev: "Назад",
+    From: "От",
+    До: "До",
+    "Enter your answer": "Введите свой ответ",
+    "Incorrect file type selected": "Выбран некорректный тип файла",
+    "File is too big. Maximum size is 50 MB": "Файл слишком большой. Максимальный размер 50 МБ",
+    "Acceptable file extensions": "Допустимые расширения файлов",
+    "You have uploaded": "Вы загрузили",
+    "The answer was not counted": "Ответ не был засчитан",
+    "Select an answer option below": "Выберите вариант ответа ниже",
+    "Select an answer option on the left": "Выберите вариант ответа слева",
+    "Fill out the form to receive your test results": "Заполните форму, чтобы получить результаты теста",
+    Enter: "Введите",
+    Name: "Имя",
+    "Phone number": "Номер телефона",
+    "Last name": "Фамилия",
+    Address: "Адрес",
+    "Incorrect email entered": "Введена некорректная почта",
+    "Please fill in the fields": "Пожалуйста, заполните поля",
+    "Please try again later": "повторите попытку позже",
+    "Regulation on the processing of personal data": "Положением об обработке персональных данных",
+    "Privacy Policy": "Политикой конфиденциальности",
+    familiarized: "ознакомлен",
+    and: "и",
+    "Get results": "Получить результаты",
+    "Data sent successfully": "Данные успешно отправлены",
+    Step: "Шаг",
+    "questions are not ready yet": "Вопросы для аудитории ещё не созданы. Пожалуйста, подождите",
+    "Add your image": "Добавьте своё изображение",
+    "select emoji": "выберите смайлик",
+    "file is too big": "Файл слишком большой",
+    "file type is not supported": "Тип файла не поддерживается",
+  },
+  en: {
+    "quiz is inactive": "Quiz is inactive",
+    "no questions found": "No questions found",
+    "quiz is empty": "Quiz is empty",
+    "quiz already completed": "You've already completed this quiz",
+    "no quiz id": "Missing quiz ID",
+    "quiz data is null": "No quiz parameters were provided",
+    "invalid request data": "This quiz doesn't exist",
+    "default message": "Something went wrong",
+    "The request could not be sent": "Request could not be sent",
+    "The number of points could not be sent": "Points could not be submitted",
+    "Your result": "Your result",
+    "Your points": "Your points",
+    of: "of",
+    "View answers": "View answers",
+    "Find out more": "Learn more",
+    "Go to website": "Go to website",
+    "Question title": "Question title",
+    "Question without a title": "Untitled question",
+    "Your answer": "Your answer",
+    "Add image": "Add image",
+    "Accepts images": "Accepts images",
+    "Add video": "Add video",
+    "Accepts .mp4 and .mov format - maximum 50mb": "Accepts .mp4 and .mov format - maximum 50MB",
+    "Add audio file": "Add audio file",
+    "Accepts audio files": "Accepts audio files",
+    "Add document": "Add document",
+    "Accepts documents": "Accepts documents",
+    Next: "Next",
+    Prev: "Previous",
+    From: "From",
+    До: "To",
+    "Enter your answer": "Enter your answer",
+    "Incorrect file type selected": "Invalid file type selected",
+    "File is too big. Maximum size is 50 MB": "File is too large. Maximum size is 50 MB",
+    "Acceptable file extensions": "Allowed file extensions",
+    "You have uploaded": "You've uploaded",
+    "The answer was not counted": "Answer wasn't counted",
+    "Select an answer option below": "Select an answer option below",
+    "Select an answer option on the left": "Select an answer option on the left",
+    "Fill out the form to receive your test results": "Fill out the form to receive your test results",
+    Enter: "Enter",
+    Name: "Name",
+    "Phone number": "Phone number",
+    "Last name": "Last name",
+    Address: "Address",
+    "Incorrect email entered": "Invalid email entered",
+    "Please fill in the fields": "Please fill in the fields",
+    "Please try again later": "Please try again later",
+    "Regulation on the processing of personal data": "Personal Data Processing Regulation",
+    "Privacy Policy": "Privacy Policy",
+    familiarized: "acknowledged",
+    and: "and",
+    "Get results": "Get results",
+    "Data sent successfully": "Data sent successfully",
+    Step: "Step",
+    "questions are not ready yet": "There are no questions for the audience yet. Please wait",
+    "Add your image": "Add your image",
+    "select emoji": "select emoji",
+  },
+  uz: {
+    "quiz is inactive": "Test faol emas",
+    "no questions found": "Savollar topilmadi",
+    "quiz is empty": "Test boʻsh",
+    "quiz already completed": "Siz bu testni allaqachon topshirgansiz",
+    "no quiz id": "Test IDsi yoʻq",
+    "quiz data is null": "Test parametrlari yuborilmagan",
+    "invalid request data": "Bunday test mavjud emas",
+    "default message": "Xatolik yuz berdi",
+    "The request could not be sent": "Soʻrov yuborib boʻlmadi",
+    "The number of points could not be sent": "Ballar yuborib boʻlmadi",
+    "Your result": "Sizning natijangiz",
+    "Your points": "Sizning ballaringiz",
+    of: "/",
+    "View answers": "Javoblarni koʻrish",
+    "Find out more": "Batafsil maʼlumot",
+    "Go to website": "Veb-saytga oʻtish",
+    "Question title": "Savol sarlavhasi",
+    "Question without a title": "Sarlavhasiz savol",
+    "Your answer": "Sizning javobingiz",
+    "Add image": "Rasm qoʻshish",
+    "Accepts images": "Rasmlarni qabul qiladi",
+    "Add video": "Video qoʻshish",
+    "Accepts .mp4 and .mov format - maximum 50mb": ".mp4 va .mov formatlarini qabul qiladi - maksimal 50MB",
+    "Add audio file": "Audio fayl qoʻshish",
+    "Accepts audio files": "Audio fayllarni qabul qiladi",
+    "Add document": "Hujjat qoʻshish",
+    "Accepts documents": "Hujjatlarni qabul qiladi",
+    Next: "Keyingi",
+    Prev: "Oldingi",
+    From: "Dan",
+    До: "Gacha",
+    "Enter your answer": "Javobingizni kiriting",
+    "Incorrect file type selected": "Notoʻgʻri fayl turi tanlandi",
+    "File is too big. Maximum size is 50 MB": "Fayl juda katta. Maksimal hajmi 50 MB",
+    "Acceptable file extensions": "Qabul qilinadigan fayl kengaytmalari",
+    "You have uploaded": "Siz yuklagansiz",
+    "The answer was not counted": "Javob hisobga olinmadi",
+    "Select an answer option below": "Quyidagi javob variantlaridan birini tanlang",
+    "Select an answer option on the left": "Chapdagi javob variantlaridan birini tanlang",
+    "Fill out the form to receive your test results": "Test natijalaringizni olish uchun shaklni toʻldiring",
+    Enter: "Kiriting",
+    Name: "Ism",
+    "Phone number": "Telefon raqami",
+    "Last name": "Familiya",
+    Address: "Manzil",
+    "Incorrect email entered": "Notoʻgʻri elektron pochta kiritildi",
+    "Please fill in the fields": "Iltimos, maydonlarni toʻldiring",
+    "Please try again later": "Iltimos, keyinroq urinib koʻring",
+    "Regulation on the processing of personal data": "Shaxsiy maʼlumotlarni qayta ishlash qoidalari",
+    "Privacy Policy": "Maxfiylik siyosati",
+    familiarized: "tanishdim",
+    and: "va",
+    "Get results": "Natijalarni olish",
+    "Data sent successfully": "Ma'lumotlar muvaffaqiyatli yuborildi",
+    Step: "Qadam",
+    "questions are not ready yet": "Tomoshabinlar uchun hozircha savollar yo'q. Iltimos kuting",
+    "Add your image": "Rasmingizni qo'shing",
+    "select emoji": "emoji tanlang",
+  },
+};
+
 // 2. Конфиг с полной отладкой
 i18n
   .use(Backend)
   .use(initReactI18next)
   .init({
+    resources: r,
     lng: getLanguageFromURL(), // Принудительно из URL
     fallbackLng: "ru",
     supportedLngs: ["en", "ru", "uz"],

src/i18n/i18nWidget.ts

@@ -0,0 +1,245 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+
+// 1. Функция для определения языка из URL
+const getLanguageFromURL = (): string => {
+  const path = window.location.pathname;
+  const langMatch = path.match(/^\/(en|ru|uz)(\/|$)/i);
+  return langMatch ? langMatch[1].toLowerCase() : "ru"; // Фолбэк на 'ru'
+};
+
+// 2. Локали, встроенные прямо в конфиг
+
+const r = {
+  ru: {
+    "quiz is inactive": "Квиз не активирован",
+    "no questions found": "Нет созданных вопросов",
+    "quiz is empty": "Квиз пуст",
+    "quiz already completed": "Вы уже прошли этот опрос",
+    "no quiz id": "Отсутствует id квиза",
+    "quiz data is null": "Не были переданы параметры квиза",
+    "invalid request data": "Такого квиза не существует",
+    "default message": "Что-то пошло не так",
+    "The request could not be sent": "Заявка не может быть отправлена",
+    "The number of points could not be sent": "Количество баллов не может быть отправлено",
+    "Your result": "Ваш результат",
+    "Your points": "Ваши баллы",
+    of: "из",
+    "View answers": "Посмотреть ответы",
+    "Find out more": "Узнать подробнее",
+    "Go to website": "Перейти на сайт",
+    "Question title": "Заголовок вопроса",
+    "Question without a title": "Вопрос без названия",
+    "Your answer": "Ваш ответ",
+    "Add image": "Добавить изображение",
+    "Accepts images": "Принимает изображения",
+    "Add video": "Добавить видео",
+    "Accepts .mp4 and .mov format - maximum 50mb": "Принимает .mp4 и .mov формат — максимум 50мб",
+    "Add audio file": "Добавить аудиофайл",
+    "Accepts audio files": "Принимает аудиофайлы",
+    "Add document": "Добавить документ",
+    "Accepts documents": "Принимает документы",
+    Next: "Далее",
+    Prev: "Назад",
+    From: "От",
+    До: "До",
+    "Enter your answer": "Введите свой ответ",
+    "Incorrect file type selected": "Выбран некорректный тип файла",
+    "File is too big. Maximum size is 50 MB": "Файл слишком большой. Максимальный размер 50 МБ",
+    "Acceptable file extensions": "Допустимые расширения файлов",
+    "You have uploaded": "Вы загрузили",
+    "The answer was not counted": "Ответ не был засчитан",
+    "Select an answer option below": "Выберите вариант ответа ниже",
+    "Select an answer option on the left": "Выберите вариант ответа слева",
+    "Fill out the form to receive your test results": "Заполните форму, чтобы получить результаты теста",
+    Enter: "Введите",
+    Name: "Имя",
+    "Phone number": "Номер телефона",
+    "Last name": "Фамилия",
+    Address: "Адрес",
+    "Incorrect email entered": "Введена некорректная почта",
+    "Please fill in the fields": "Пожалуйста, заполните поля",
+    "Please try again later": "повторите попытку позже",
+    "Regulation on the processing of personal data": "Положением об обработке персональных данных",
+    "Privacy Policy": "Политикой конфиденциальности",
+    familiarized: "ознакомлен",
+    and: "и",
+    "Get results": "Получить результаты",
+    "Data sent successfully": "Данные успешно отправлены",
+    Step: "Шаг",
+    "questions are not ready yet": "Вопросы для аудитории ещё не созданы. Пожалуйста, подождите",
+    "Add your image": "Добавьте своё изображение",
+    "select emoji": "выберите смайлик",
+    "": "", // Пустой ключ для fallback
+  },
+  en: {
+    "quiz is inactive": "Quiz is inactive",
+    "no questions found": "No questions found",
+    "quiz is empty": "Quiz is empty",
+    "quiz already completed": "You've already completed this quiz",
+    "no quiz id": "Missing quiz ID",
+    "quiz data is null": "No quiz parameters were provided",
+    "invalid request data": "This quiz doesn't exist",
+    "default message": "Something went wrong",
+    "The request could not be sent": "Request could not be sent",
+    "The number of points could not be sent": "Points could not be submitted",
+    "Your result": "Your result",
+    "Your points": "Your points",
+    of: "of",
+    "View answers": "View answers",
+    "Find out more": "Learn more",
+    "Go to website": "Go to website",
+    "Question title": "Question title",
+    "Question without a title": "Untitled question",
+    "Your answer": "Your answer",
+    "Add image": "Add image",
+    "Accepts images": "Accepts images",
+    "Add video": "Add video",
+    "Accepts .mp4 and .mov format - maximum 50mb": "Accepts .mp4 and .mov format - maximum 50MB",
+    "Add audio file": "Add audio file",
+    "Accepts audio files": "Accepts audio files",
+    "Add document": "Add document",
+    "Accepts documents": "Accepts documents",
+    Next: "Next",
+    Prev: "Previous",
+    From: "From",
+    До: "To",
+    "Enter your answer": "Enter your answer",
+    "Incorrect file type selected": "Invalid file type selected",
+    "File is too big. Maximum size is 50 MB": "File is too large. Maximum size is 50 MB",
+    "Acceptable file extensions": "Allowed file extensions",
+    "You have uploaded": "You've uploaded",
+    "The answer was not counted": "Answer wasn't counted",
+    "Select an answer option below": "Select an answer option below",
+    "Select an answer option on the left": "Select an answer option on the left",
+    "Fill out the form to receive your test results": "Fill out the form to receive your test results",
+    Enter: "Enter",
+    Name: "Name",
+    "Phone number": "Phone number",
+    "Last name": "Last name",
+    Address: "Address",
+    "Incorrect email entered": "Invalid email entered",
+    "Please fill in the fields": "Please fill in the fields",
+    "Please try again later": "Please try again later",
+    "Regulation on the processing of personal data": "Personal Data Processing Regulation",
+    "Privacy Policy": "Privacy Policy",
+    familiarized: "acknowledged",
+    and: "and",
+    "Get results": "Get results",
+    "Data sent successfully": "Data sent successfully",
+    Step: "Step",
+    "questions are not ready yet": "There are no questions for the audience yet. Please wait",
+    "Add your image": "Add your image",
+    "select emoji": "select emoji",
+    "": "", // Пустой ключ для fallback
+  },
+  uz: {
+    "quiz is inactive": "Test faol emas",
+    "no questions found": "Savollar topilmadi",
+    "quiz is empty": "Test boʻsh",
+    "quiz already completed": "Siz bu testni allaqachon topshirgansiz",
+    "no quiz id": "Test IDsi yoʻq",
+    "quiz data is null": "Test parametrlari yuborilmagan",
+    "invalid request data": "Bunday test mavjud emas",
+    "default message": "Xatolik yuz berdi",
+    "The request could not be sent": "Soʻrov yuborib boʻlmadi",
+    "The number of points could not be sent": "Ballar yuborib boʻlmadi",
+    "Your result": "Sizning natijangiz",
+    "Your points": "Sizning ballaringiz",
+    of: "/",
+    "View answers": "Javoblarni koʻrish",
+    "Find out more": "Batafsil maʼlumot",
+    "Go to website": "Veb-saytga oʻtish",
+    "Question title": "Savol sarlavhasi",
+    "Question without a title": "Sarlavhasiz savol",
+    "Your answer": "Sizning javobingiz",
+    "Add image": "Rasm qoʻshish",
+    "Accepts images": "Rasmlarni qabul qiladi",
+    "Add video": "Video qoʻshish",
+    "Accepts .mp4 and .mov format - maximum 50mb": ".mp4 va .mov formatlarini qabul qiladi - maksimal 50MB",
+    "Add audio file": "Audio fayl qoʻshish",
+    "Accepts audio files": "Audio fayllarni qabul qiladi",
+    "Add document": "Hujjat qoʻshish",
+    "Accepts documents": "Hujjatlarni qabul qiladi",
+    Next: "Keyingi",
+    Prev: "Oldingi",
+    From: "Dan",
+    До: "Gacha",
+    "Enter your answer": "Javobingizni kiriting",
+    "Incorrect file type selected": "Notoʻgʻri fayl turi tanlandi",
+    "File is too big. Maximum size is 50 MB": "Fayl juda katta. Maksimal hajmi 50 MB",
+    "Acceptable file extensions": "Qabul qilinadigan fayl kengaytmalari",
+    "You have uploaded": "Siz yuklagansiz",
+    "The answer was not counted": "Javob hisobga olinmadi",
+    "Select an answer option below": "Quyidagi javob variantlaridan birini tanlang",
+    "Select an answer option on the left": "Chapdagi javob variantlaridan birini tanlang",
+    "Fill out the form to receive your test results": "Test natijalaringizni olish uchun shaklni toʻldiring",
+    Enter: "Kiriting",
+    Name: "Ism",
+    "Phone number": "Telefon raqami",
+    "Last name": "Familiya",
+    Address: "Manzil",
+    "Incorrect email entered": "Notoʻgʻri elektron pochta kiritildi",
+    "Please fill in the fields": "Iltimos, maydonlarni toʻldiring",
+    "Please try again later": "Iltimos, keyinroq urinib koʻring",
+    "Regulation on the processing of personal data": "Shaxsiy maʼlumotlarni qayta ishlash qoidalari",
+    "Privacy Policy": "Maxfiylik siyosati",
+    familiarized: "tanishdim",
+    and: "va",
+    "Get results": "Natijalarni olish",
+    "Data sent successfully": "Ma'lumotlar muvaffaqiyatli yuborildi",
+    Step: "Qadam",
+    "questions are not ready yet": "Tomoshabinlar uchun hozircha savollar yo'q. Iltimos kuting",
+    "Add your image": "Rasmingizni qo'shing",
+    "select emoji": "emoji tanlang",
+    "": "", // Пустой ключ для fallback
+  },
+};
+
+// 3. Конфигурация i18n без Backend
+i18n
+  .use(initReactI18next)
+  .init({
+    resources: r, // Используем встроенные переводы
+    lng: getLanguageFromURL(),
+    fallbackLng: "ru",
+    supportedLngs: ["en", "ru", "uz"],
+    debug: true,
+    interpolation: {
+      escapeValue: false,
+    },
+    react: {
+      useSuspense: false,
+    },
+    detection: {
+      order: ["path"],
+      lookupFromPathIndex: 0,
+      caches: [],
+    },
+    parseMissingKeyHandler: (key) => {
+      console.warn("Missing translation:", key);
+      return key;
+    },
+    missingKeyHandler: (lngs, ns, key) => {
+      console.error("🚨 Missing i18n key:", {
+        key,
+        languages: lngs,
+        namespace: ns,
+        stack: new Error().stack,
+      });
+    },
+  })
+  .then(() => {
+    console.log("i18n initialized. Current language:", i18n.language);
+    console.log("Available languages:", i18n.languages);
+    console.log("Available keys for ru:", Object.keys(r.ru));
+    console.log("Available keys for en:", Object.keys(r.en));
+    console.log("Available keys for uz:", Object.keys(r.uz));
+  });
+
+// 4. Логирование событий
+i18n.on("languageChanged", (lng) => {
+  console.log("Language changed to:", lng);
+});
+
+export default i18n;

src/widget.tsx

@@ -2,6 +2,7 @@ import QuizAnswerer from "@/components/QuizAnswerer";
 import { createRoot } from "react-dom/client";
 // eslint-disable-next-line react-refresh/only-export-components
 export * from "./widgets";
+import "./i18n/i18nWidget";
 
 // old widget
 const widget = {
@@ -19,7 +20,13 @@ const widget = {
 
     const root = createRoot(element);
 
-    root.render(<QuizAnswerer quizId={quizId} changeFaviconAndTitle={changeFaviconAndTitle} disableGlobalCss />);
+    root.render(
+      <QuizAnswerer
+        quizId={quizId}
+        changeFaviconAndTitle={changeFaviconAndTitle}
+        disableGlobalCss
+      />
+    );
   },
 };
 

vite.config.widget.ts

@@ -9,6 +9,8 @@ export default defineConfig({
     alias,
   },
   build: {
+    minify: false, // Отключает минификацию
+    sourcemap: true, // Включает sourcemaps для отладки
     copyPublicDir: false,
     rollupOptions: {
       input: "src/widget.tsx",