analytica-frontend-lib 1.1.31 → 1.1.33

package/dist/Quiz/index.mjs

@@ -945,10 +945,12 @@ import {
 // src/components/Quiz/useQuizStore.ts
 import { create as create2 } from "zustand";
 import { devtools } from "zustand/middleware";
+var MINUTE_INTERVAL_MS = 6e4;
 var useQuizStore = create2()(
   devtools(
     (set, get) => {
       let timerInterval = null;
+      let minuteCallbackInterval = null;
       const startTimer = () => {
         if (get().isFinished) {
           return;
@@ -967,6 +969,35 @@ var useQuizStore = create2()(
           timerInterval = null;
         }
       };
+      const setMinuteCallback = (callback) => {
+        set({ minuteCallback: callback });
+      };
+      const startMinuteCallback = () => {
+        const { minuteCallback, isFinished } = get();
+        if (isFinished || !minuteCallback) {
+          return;
+        }
+        if (minuteCallbackInterval) {
+          clearInterval(minuteCallbackInterval);
+        }
+        minuteCallbackInterval = setInterval(() => {
+          const {
+            minuteCallback: currentCallback,
+            isFinished: currentIsFinished
+          } = get();
+          if (currentIsFinished || !currentCallback) {
+            stopMinuteCallback();
+            return;
+          }
+          currentCallback();
+        }, MINUTE_INTERVAL_MS);
+      };
+      const stopMinuteCallback = () => {
+        if (minuteCallbackInterval) {
+          clearInterval(minuteCallbackInterval);
+          minuteCallbackInterval = null;
+        }
+      };
       return {
         // Initial State
         currentQuestionIndex: 0,
@@ -977,6 +1008,7 @@ var useQuizStore = create2()(
         isFinished: false,
         userId: "",
         variant: "default",
+        minuteCallback: null,
         questionsResult: null,
         currentQuestionResult: null,
         // Setters
@@ -1211,13 +1243,16 @@ var useQuizStore = create2()(
         startQuiz: () => {
           set({ isStarted: true, timeElapsed: 0 });
           startTimer();
+          startMinuteCallback();
         },
         finishQuiz: () => {
           set({ isFinished: true });
           stopTimer();
+          stopMinuteCallback();
         },
         resetQuiz: () => {
           stopTimer();
+          stopMinuteCallback();
           set({
             currentQuestionIndex: 0,
             selectedAnswers: {},
@@ -1227,6 +1262,7 @@ var useQuizStore = create2()(
             isFinished: false,
             userId: "",
             variant: "default",
+            minuteCallback: null,
             questionsResult: null,
             currentQuestionResult: null
           });
@@ -1235,6 +1271,10 @@ var useQuizStore = create2()(
         updateTime: (time) => set({ timeElapsed: time }),
         startTimer,
         stopTimer,
+        // Minute Callback
+        setMinuteCallback,
+        startMinuteCallback,
+        stopMinuteCallback,
         // Getters
         getCurrentQuestion: () => {
           const { currentQuestionIndex, getActiveQuiz } = get();
@@ -3452,12 +3492,12 @@ var CardAudio = forwardRef6(
     };
     const getVolumeIcon = () => {
       if (volume === 0) {
-        return /* @__PURE__ */ jsx12(SpeakerSimpleX, {});
+        return /* @__PURE__ */ jsx12(SpeakerSimpleX, { size: 24 });
       }
       if (volume < 0.5) {
-        return /* @__PURE__ */ jsx12(SpeakerLow, {});
+        return /* @__PURE__ */ jsx12(SpeakerLow, { size: 24 });
       }
-      return /* @__PURE__ */ jsx12(SpeakerHigh, {});
+      return /* @__PURE__ */ jsx12(SpeakerHigh, { size: 24 });
     };
     return /* @__PURE__ */ jsxs10(
       CardBase,
@@ -3466,7 +3506,10 @@ var CardAudio = forwardRef6(
         layout: "horizontal",
         padding: "medium",
         minHeight: "none",
-        className: cn("w-auto h-14 items-center gap-2", className),
+        className: cn(
+          "flex flex-row w-auto h-14 items-center gap-2",
+          className
+        ),
         ...props,
         children: [
           /* @__PURE__ */ jsx12(
@@ -3516,7 +3559,7 @@ var CardAudio = forwardRef6(
               ] }) }) : /* @__PURE__ */ jsx12(Play, { size: 24 })
             }
           ),
-          /* @__PURE__ */ jsx12("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
+          /* @__PURE__ */ jsx12("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
           /* @__PURE__ */ jsx12("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ jsx12(
             "button",
             {
@@ -3543,8 +3586,8 @@ var CardAudio = forwardRef6(
               )
             }
           ) }),
-          /* @__PURE__ */ jsx12("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(duration) }),
-          /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx12("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(duration) }),
+          /* @__PURE__ */ jsxs10("div", { className: "relative h-6", children: [
             /* @__PURE__ */ jsx12(
               "button",
               {
@@ -3606,7 +3649,7 @@ var CardAudio = forwardRef6(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "relative h-6", children: [
             /* @__PURE__ */ jsx12(
               "button",
               {