l-min-components 1.7.1577 → 1.7.1579

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.7.1577",
+  "version": "1.7.1579",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/reportsComponents/hooks/useRreportUtils.jsx

@@ -54,6 +54,13 @@ const quizResponses = ({ responses = [], type = "scripted" }) => {
         recording: response,
       };
     }
+    if (type === "written") {
+      return {
+        key: index + 1,
+        index: index,
+        text: response,
+      };
+    }
     return {
       key: index + 1,
       text: response?.text,

package/src/components/reportsComponents/reportQuestions/index.jsx

@@ -62,6 +62,7 @@ import { NavBack, NavForword } from "../fullAnalysis/icons/navArrow";
  */
 import useTranslation from "../../../hooks/useTranslation.jsx";
 import wordStore from "../../../mc/wordStore.json";
+import QuizWritten from "./questions/quizWritten.jsx";
 const ReportQuestions = ({
   accountType,
   AiData,
@@ -385,6 +386,16 @@ const ReportQuestions = ({
                       defaultSelected={defaultSelected}
                     />
                   )}
+                  {questionType === "quiz-written" && (
+                    <QuizWritten
+                      data={findedQuestion}
+                      answerData={answerData}
+                      aiData={AiData}
+                      setToggle={setToggle}
+                      isPersonal={isPersonal}
+                      defaultSelected={defaultSelected}
+                    />
+                  )}
                   {questionType === "quiz-multiple-choice" && (
                     <QuizMultipleChoice
                       data={findedQuestion}

package/src/components/reportsComponents/reportQuestions/questions/quizWritten.jsx

@@ -0,0 +1,91 @@
+import React, { useEffect, useState } from "react";
+import {
+  QuestionSection,
+  QuestionSectionAction,
+  QuestionSectionWithAnalysis,
+} from "../style.jsx";
+import Tabs from "../components/tabs.jsx";
+import useReportUtils from "../../hooks/useRreportUtils.jsx";
+import Response from "../components/response.jsx";
+import AnalysisButton from "../components/analysisButton.jsx";
+import QuestionDropdown from "../components/questionDropdown.jsx";
+import QuizQuestion from "../components/quizQuestion.jsx";
+
+import useTranslation from "../../../../hooks/useTranslation.jsx";
+import wordStore from "../../../../mc/wordStore.json";
+const QuizWritten = ({
+  data,
+  aiData,
+  setToggle,
+  answerData,
+  isPersonal,
+  defaultSelected = 1,
+}) => {
+  const { findText } = useTranslation(wordStore);
+  const [selected, setSelected] = useState(defaultSelected);
+  const [analysis, setAnalysis] = useState(null);
+  const { quizResponses } = useReportUtils();
+  const quizList = quizResponses({
+    responses: answerData?.answer?.data?.data?.responses,
+    type: "written",
+  });
+
+  const selectionList = quizList?.map((item) => ({
+    value: item?.key,
+    label: `Reponses ${item?.key}`,
+  }));
+  const selectedResponse =
+    quizList?.find((item) => item?.key === selected) || {};
+
+  // const selectedModel = quizWrittenSelectedModel(selectedResponse, aiData);
+
+  useEffect(() => {
+    if (selectedResponse) {
+      // const models = setupAnalysis(selectedModel, null, data?.ai_score);
+      // setAnalysis(models);
+    }
+  }, [selectedResponse?.key]);
+  return (
+    <QuestionSection>
+      <Tabs
+        options={selectionList}
+        selected={selected}
+        onChange={setSelected}
+      />
+      <QuestionDropdown>
+        <>
+          <li>
+            <h3>{findText("Instruction")}</h3>
+            <p>{data?.question_data?.instruction}</p>
+          </li>
+          <li>
+            <QuizQuestion data={data} />
+          </li>
+          <li>
+            <h3>{findText("Qyestion")}</h3>
+            <p>{data?.question_data?.question_data?.question}</p>
+          </li>
+        </>
+      </QuestionDropdown>
+
+      <Response response={selectedResponse?.text} isPersonal={isPersonal} />
+
+      <QuestionSectionWithAnalysis>
+        <QuestionSectionAction>
+          {analysis?.models?.length > 0 && (
+            <AnalysisButton
+              disabled={!(analysis?.models?.length > 0)}
+              onClick={() => {
+                setToggle({
+                  ...analysis,
+                  defaultSelected: selected,
+                });
+              }}
+            />
+          )}
+        </QuestionSectionAction>
+      </QuestionSectionWithAnalysis>
+    </QuestionSection>
+  );
+};
+export default QuizWritten;