analytica-frontend-lib 1.2.9 → 1.2.10

package/dist/Quiz/index.js

@@ -1031,6 +1031,7 @@ var useQuizStore = (0, import_zustand2.create)()(
         userId: "",
         variant: "default",
         minuteCallback: null,
+        dissertativeCharLimit: void 0,
         questionsResult: null,
         currentQuestionResult: null,
         // Setters
@@ -1040,6 +1041,8 @@ var useQuizStore = (0, import_zustand2.create)()(
         getUserId: () => get().userId,
         setVariant: (variant) => set({ variant }),
         setQuestionResult: (questionsResult) => set({ questionsResult }),
+        setDissertativeCharLimit: (limit) => set({ dissertativeCharLimit: limit }),
+        getDissertativeCharLimit: () => get().dissertativeCharLimit,
         // Navigation
         goToNextQuestion: () => {
           const { currentQuestionIndex, getTotalQuestions } = get();
@@ -1129,7 +1132,7 @@ var useQuizStore = (0, import_zustand2.create)()(
           });
         },
         selectDissertativeAnswer: (questionId, answer) => {
-          const { quiz, userAnswers } = get();
+          const { quiz, userAnswers, dissertativeCharLimit } = get();
           if (!quiz) return;
           const activityId = quiz.id;
           const userId = get().getUserId();
@@ -1140,6 +1143,10 @@ var useQuizStore = (0, import_zustand2.create)()(
           if (!question || question.questionType !== "DISSERTATIVA" /* DISSERTATIVA */) {
             return;
           }
+          let validatedAnswer = answer;
+          if (dissertativeCharLimit !== void 0 && answer.length > dissertativeCharLimit) {
+            validatedAnswer = answer.substring(0, dissertativeCharLimit);
+          }
           const existingAnswerIndex = userAnswers.findIndex(
             (answerItem) => answerItem.questionId === questionId
           );
@@ -1147,7 +1154,7 @@ var useQuizStore = (0, import_zustand2.create)()(
             questionId,
             activityId,
             userId,
-            answer,
+            answer: validatedAnswer,
             optionId: null,
             questionType: "DISSERTATIVA" /* DISSERTATIVA */,
             answerStatus: "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */
@@ -1260,6 +1267,7 @@ var useQuizStore = (0, import_zustand2.create)()(
             userId: "",
             variant: "default",
             minuteCallback: null,
+            dissertativeCharLimit: void 0,
             questionsResult: null,
             currentQuestionResult: null
           });
@@ -2299,11 +2307,16 @@ var TextArea = (0, import_react7.forwardRef)(
     onChange,
     placeholder,
     required,
+    showCharacterCount = false,
+    maxLength,
+    value,
     ...props
   }, ref) => {
     const generatedId = (0, import_react7.useId)();
     const inputId = id ?? `textarea-${generatedId}`;
     const [isFocused, setIsFocused] = (0, import_react7.useState)(false);
+    const currentLength = typeof value === "string" ? value.length : 0;
+    const isNearLimit = maxLength && currentLength >= maxLength * 0.8;
     const handleChange = (event) => {
       onChange?.(event);
     };
@@ -2358,6 +2371,8 @@ var TextArea = (0, import_react7.forwardRef)(
           className: textareaClasses,
           placeholder,
           required,
+          maxLength,
+          value,
           ...props
         }
       ),
@@ -2366,7 +2381,21 @@ var TextArea = (0, import_react7.forwardRef)(
         " ",
         errorMessage
       ] }),
-      helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
+      !errorMessage && showCharacterCount && maxLength && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        Text_default,
+        {
+          size: "sm",
+          weight: "normal",
+          className: `mt-1.5 ${isNearLimit ? "text-indicator-warning" : "text-text-500"}`,
+          children: [
+            currentLength,
+            "/",
+            maxLength,
+            " caracteres"
+          ]
+        }
+      ),
+      !errorMessage && helperMessage && !(showCharacterCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
     ] });
   }
 );
@@ -3060,7 +3089,8 @@ var QuizDissertative = ({ paddingBottom }) => {
     getCurrentAnswer,
     selectDissertativeAnswer,
     getQuestionResultByQuestionId,
-    variant
+    variant,
+    getDissertativeCharLimit
   } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const currentQuestionResult = getQuestionResultByQuestionId(
@@ -3068,6 +3098,7 @@ var QuizDissertative = ({ paddingBottom }) => {
   );
   const currentAnswer = getCurrentAnswer();
   const textareaRef = (0, import_react11.useRef)(null);
+  const charLimit = getDissertativeCharLimit();
   const handleAnswerChange = (value) => {
     if (currentQuestion) {
       selectDissertativeAnswer(currentQuestion.id, value);
@@ -3100,7 +3131,9 @@ var QuizDissertative = ({ paddingBottom }) => {
         value: localAnswer,
         onChange: (e) => handleAnswerChange(e.target.value),
         rows: 4,
-        className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
+        className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto",
+        maxLength: charLimit,
+        showCharacterCount: !!charLimit
       }
     ) }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
     variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [