analytica-frontend-lib 1.1.31 → 1.1.33

package/dist/CheckBox/index.d.mts

@@ -69,6 +69,6 @@ declare const CheckBox: react.ForwardRefExoticComponent<{
     className?: string;
     /** Label CSS classes */
     labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
 
 export { type CheckBoxProps, CheckBox as default };

package/dist/CheckBox/index.d.ts

@@ -69,6 +69,6 @@ declare const CheckBox: react.ForwardRefExoticComponent<{
     className?: string;
     /** Label CSS classes */
     labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
 
 export { type CheckBoxProps, CheckBox as default };

package/dist/Quiz/index.js

@@ -976,10 +976,12 @@ var import_react12 = require("react");
 // src/components/Quiz/useQuizStore.ts
 var import_zustand2 = require("zustand");
 var import_middleware = require("zustand/middleware");
+var MINUTE_INTERVAL_MS = 6e4;
 var useQuizStore = (0, import_zustand2.create)()(
   (0, import_middleware.devtools)(
     (set, get) => {
       let timerInterval = null;
+      let minuteCallbackInterval = null;
       const startTimer = () => {
         if (get().isFinished) {
           return;
@@ -998,6 +1000,35 @@ var useQuizStore = (0, import_zustand2.create)()(
           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,
@@ -1008,6 +1039,7 @@ var useQuizStore = (0, import_zustand2.create)()(
         isFinished: false,
         userId: "",
         variant: "default",
+        minuteCallback: null,
         questionsResult: null,
         currentQuestionResult: null,
         // Setters
@@ -1242,13 +1274,16 @@ var useQuizStore = (0, import_zustand2.create)()(
         startQuiz: () => {
           set({ isStarted: true, timeElapsed: 0 });
           startTimer();
+          startMinuteCallback();
         },
         finishQuiz: () => {
           set({ isFinished: true });
           stopTimer();
+          stopMinuteCallback();
         },
         resetQuiz: () => {
           stopTimer();
+          stopMinuteCallback();
           set({
             currentQuestionIndex: 0,
             selectedAnswers: {},
@@ -1258,6 +1293,7 @@ var useQuizStore = (0, import_zustand2.create)()(
             isFinished: false,
             userId: "",
             variant: "default",
+            minuteCallback: null,
             questionsResult: null,
             currentQuestionResult: null
           });
@@ -1266,6 +1302,10 @@ var useQuizStore = (0, import_zustand2.create)()(
         updateTime: (time) => set({ timeElapsed: time }),
         startTimer,
         stopTimer,
+        // Minute Callback
+        setMinuteCallback,
+        startMinuteCallback,
+        stopMinuteCallback,
         // Getters
         getCurrentQuestion: () => {
           const { currentQuestionIndex, getActiveQuiz } = get();
@@ -3456,12 +3496,12 @@ var CardAudio = (0, import_react7.forwardRef)(
     };
     const getVolumeIcon = () => {
       if (volume === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react5.SpeakerSimpleX, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react5.SpeakerSimpleX, { size: 24 });
       }
       if (volume < 0.5) {
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react5.SpeakerLow, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react5.SpeakerLow, { size: 24 });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react5.SpeakerHigh, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react5.SpeakerHigh, { size: 24 });
     };
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       CardBase,
@@ -3470,7 +3510,10 @@ var CardAudio = (0, import_react7.forwardRef)(
         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__ */ (0, import_jsx_runtime12.jsx)(
@@ -3520,7 +3563,7 @@ var CardAudio = (0, import_react7.forwardRef)(
               ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react5.Play, { size: 24 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "button",
             {
@@ -3547,8 +3590,8 @@ var CardAudio = (0, import_react7.forwardRef)(
               )
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(duration) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(duration) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative h-6", children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "button",
               {
@@ -3610,7 +3653,7 @@ var CardAudio = (0, import_react7.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative h-6", children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "button",
               {