analytica-frontend-lib 1.2.9 → 1.2.11

package/dist/Quiz/index.mjs

@@ -1004,6 +1004,7 @@ var useQuizStore = create2()(
         userId: "",
         variant: "default",
         minuteCallback: null,
+        dissertativeCharLimit: void 0,
         questionsResult: null,
         currentQuestionResult: null,
         // Setters
@@ -1013,6 +1014,8 @@ var useQuizStore = create2()(
         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();
@@ -1102,7 +1105,7 @@ var useQuizStore = create2()(
           });
         },
         selectDissertativeAnswer: (questionId, answer) => {
-          const { quiz, userAnswers } = get();
+          const { quiz, userAnswers, dissertativeCharLimit } = get();
           if (!quiz) return;
           const activityId = quiz.id;
           const userId = get().getUserId();
@@ -1113,6 +1116,10 @@ var useQuizStore = create2()(
           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
           );
@@ -1120,7 +1127,7 @@ var useQuizStore = create2()(
             questionId,
             activityId,
             userId,
-            answer,
+            answer: validatedAnswer,
             optionId: null,
             questionType: "DISSERTATIVA" /* DISSERTATIVA */,
             answerStatus: "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */
@@ -1233,6 +1240,7 @@ var useQuizStore = create2()(
             userId: "",
             variant: "default",
             minuteCallback: null,
+            dissertativeCharLimit: void 0,
             questionsResult: null,
             currentQuestionResult: null
           });
@@ -2295,11 +2303,16 @@ var TextArea = forwardRef6(
     onChange,
     placeholder,
     required,
+    showCharacterCount = false,
+    maxLength,
+    value,
     ...props
   }, ref) => {
     const generatedId = useId5();
     const inputId = id ?? `textarea-${generatedId}`;
     const [isFocused, setIsFocused] = useState3(false);
+    const currentLength = typeof value === "string" ? value.length : 0;
+    const isNearLimit = maxLength && currentLength >= maxLength * 0.8;
     const handleChange = (event) => {
       onChange?.(event);
     };
@@ -2354,6 +2367,8 @@ var TextArea = forwardRef6(
           className: textareaClasses,
           placeholder,
           required,
+          maxLength,
+          value,
           ...props
         }
       ),
@@ -2362,7 +2377,21 @@ var TextArea = forwardRef6(
         " ",
         errorMessage
       ] }),
-      helperMessage && !errorMessage && /* @__PURE__ */ jsx10(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
+      !errorMessage && showCharacterCount && maxLength && /* @__PURE__ */ jsxs8(
+        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__ */ jsx10(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
     ] });
   }
 );
@@ -3068,7 +3097,8 @@ var QuizDissertative = ({ paddingBottom }) => {
     getCurrentAnswer,
     selectDissertativeAnswer,
     getQuestionResultByQuestionId,
-    variant
+    variant,
+    getDissertativeCharLimit
   } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const currentQuestionResult = getQuestionResultByQuestionId(
@@ -3076,6 +3106,7 @@ var QuizDissertative = ({ paddingBottom }) => {
   );
   const currentAnswer = getCurrentAnswer();
   const textareaRef = useRef4(null);
+  const charLimit = getDissertativeCharLimit();
   const handleAnswerChange = (value) => {
     if (currentQuestion) {
       selectDissertativeAnswer(currentQuestion.id, value);
@@ -3108,7 +3139,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__ */ jsx14("div", { className: "space-y-4", children: /* @__PURE__ */ jsx14("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
     variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs11(Fragment3, { children: [