analytica-frontend-lib 1.1.48 → 1.1.49

package/dist/index.mjs

@@ -5986,10 +5986,34 @@ var useMobile = () => {
   };
 };
 
+// src/hooks/useTheme.ts
+import { useEffect as useEffect10 } from "react";
+var useTheme = () => {
+  useEffect10(() => {
+    const htmlElement = document.documentElement;
+    const currentTheme = htmlElement.getAttribute("data-theme");
+    if (currentTheme && !htmlElement.getAttribute("data-original-theme")) {
+      htmlElement.setAttribute("data-original-theme", currentTheme);
+    }
+    const applyTheme = () => {
+      const isDarkMode = window.matchMedia(
+        "(prefers-color-scheme: dark)"
+      ).matches;
+      const originalTheme = htmlElement.getAttribute("data-original-theme");
+      if (isDarkMode) {
+        htmlElement.setAttribute("data-theme", "dark");
+      } else if (originalTheme) {
+        htmlElement.setAttribute("data-theme", originalTheme);
+      }
+    };
+    applyTheme();
+  }, []);
+};
+
 // src/components/Select/Select.tsx
 import { create as create5, useStore as useStore4 } from "zustand";
 import {
-  useEffect as useEffect10,
+  useEffect as useEffect11,
   useRef as useRef7,
   forwardRef as forwardRef16,
   isValidElement as isValidElement4,
@@ -6120,13 +6144,13 @@ var Select = ({
     search(children2);
     return found;
   };
-  useEffect10(() => {
+  useEffect11(() => {
     if (!selectedLabel && defaultValue) {
       const label2 = findLabelForValue(children, defaultValue);
       if (label2) store.setState({ selectedLabel: label2 });
     }
   }, [children, defaultValue, selectedLabel]);
-  useEffect10(() => {
+  useEffect11(() => {
     const handleClickOutside = (event) => {
       if (selectRef.current && !selectRef.current.contains(event.target)) {
         setOpen(false);
@@ -6161,7 +6185,7 @@ var Select = ({
       document.removeEventListener("keydown", handleArrowKeys);
     };
   }, [open]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (propValue) {
       setValue(propValue);
       const label2 = findLabelForValue(children, propValue);
@@ -6342,7 +6366,7 @@ var Select_default = Select;
 // src/components/Menu/Menu.tsx
 import { create as create6, useStore as useStore5 } from "zustand";
 import {
-  useEffect as useEffect11,
+  useEffect as useEffect12,
   useRef as useRef8,
   forwardRef as forwardRef17,
   isValidElement as isValidElement5,
@@ -6384,7 +6408,7 @@ var Menu = forwardRef17(
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = useStore5(store, (s) => s);
-    useEffect11(() => {
+    useEffect12(() => {
       setValue(propValue ?? defaultValue);
     }, [defaultValue, propValue, setValue]);
     const baseClasses = variant === "menu-overflow" ? "w-fit py-2 flex flex-row items-center justify-center" : "w-full py-2 flex flex-row items-center justify-center";
@@ -6588,7 +6612,7 @@ var MenuOverflow = ({
   const containerRef = useRef8(null);
   const [showLeftArrow, setShowLeftArrow] = useState13(false);
   const [showRightArrow, setShowRightArrow] = useState13(false);
-  useEffect11(() => {
+  useEffect12(() => {
     const checkScroll = () => internalCheckScroll(
       containerRef.current,
       setShowLeftArrow,
@@ -6916,7 +6940,7 @@ var NotFound_default = NotFound;
 import {
   useRef as useRef9,
   useState as useState14,
-  useEffect as useEffect12,
+  useEffect as useEffect13,
   useCallback
 } from "react";
 import {
@@ -7042,7 +7066,7 @@ var VideoPlayer = ({
   const [showControls, setShowControls] = useState14(true);
   const [hasCompleted, setHasCompleted] = useState14(false);
   const [showCaptions, setShowCaptions] = useState14(false);
-  useEffect12(() => {
+  useEffect13(() => {
     setHasCompleted(false);
   }, [src]);
   const [playbackRate, setPlaybackRate] = useState14(1);
@@ -7114,13 +7138,13 @@ var VideoPlayer = ({
       }, LEAVE_HIDE_TIMEOUT);
     }
   }, [isFullscreen, clearControlsTimeout, isUserInteracting]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
       videoRef.current.muted = isMuted;
     }
   }, [volume, isMuted]);
-  useEffect12(() => {
+  useEffect13(() => {
     const video = videoRef.current;
     if (!video) return;
     const onPlay = () => setIsPlaying(true);
@@ -7135,7 +7159,7 @@ var VideoPlayer = ({
       video.removeEventListener("ended", onEnded);
     };
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     if (isPlaying) {
       showControlsWithTimer();
     } else {
@@ -7147,7 +7171,7 @@ var VideoPlayer = ({
       }
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
-  useEffect12(() => {
+  useEffect13(() => {
     const handleFullscreenChange = () => {
       const isCurrentlyFullscreen = !!document.fullscreenElement;
       setIsFullscreen(isCurrentlyFullscreen);
@@ -7160,7 +7184,7 @@ var VideoPlayer = ({
       document.removeEventListener("fullscreenchange", handleFullscreenChange);
     };
   }, [showControlsWithTimer]);
-  useEffect12(() => {
+  useEffect13(() => {
     const init = () => {
       if (!isFullscreen) {
         showControlsWithTimer();
@@ -7193,7 +7217,7 @@ var VideoPlayer = ({
     if (hasValidSaved) return saved;
     return void 0;
   }, [autoSave, storageKey, src, initialTime]);
-  useEffect12(() => {
+  useEffect13(() => {
     const start = getInitialTime();
     if (start !== void 0 && videoRef.current) {
       videoRef.current.currentTime = start;
@@ -7314,12 +7338,12 @@ var VideoPlayer = ({
       setDuration(videoRef.current.duration);
     }
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     if (trackRef.current?.track) {
       trackRef.current.track.mode = showCaptions && subtitles ? "showing" : "hidden";
     }
   }, [subtitles, showCaptions]);
-  useEffect12(() => {
+  useEffect13(() => {
     const handleVisibilityChange = () => {
       if (document.hidden && isPlaying && videoRef.current) {
         videoRef.current.pause();
@@ -7693,7 +7717,7 @@ var Whiteboard_default = Whiteboard;
 import {
   createContext,
   useContext,
-  useEffect as useEffect13,
+  useEffect as useEffect14,
   useState as useState16,
   useCallback as useCallback3,
   useMemo as useMemo4
@@ -7758,7 +7782,7 @@ var AuthProvider = ({
       tokens: void 0
     }));
   }, [signOutFn]);
-  useEffect13(() => {
+  useEffect14(() => {
     checkAuth();
   }, [checkAuth]);
   const contextValue = useMemo4(
@@ -7912,7 +7936,7 @@ function createZustandAuthAdapter(useAuthStore) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-import { useEffect as useEffect14, useRef as useRef10 } from "react";
+import { useEffect as useEffect15, useRef as useRef10 } from "react";
 import { useLocation as useLocation2 } from "react-router-dom";
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -7961,7 +7985,7 @@ var handleUserData = (responseData, setUser) => {
 function useUrlAuthentication(options) {
   const location = useLocation2();
   const processedRef = useRef10(false);
-  useEffect14(() => {
+  useEffect15(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
         return;
@@ -8054,7 +8078,7 @@ import {
 } from "phosphor-react";
 import {
   forwardRef as forwardRef19,
-  useEffect as useEffect15,
+  useEffect as useEffect16,
   useMemo as useMemo6,
   useId as useId10,
   useState as useState17,
@@ -8717,7 +8741,7 @@ var getStatusStyles = (variantCorrect) => {
 };
 var Quiz = forwardRef19(({ children, className, variant = "default", ...props }, ref) => {
   const { setVariant } = useQuizStore();
-  useEffect15(() => {
+  useEffect16(() => {
     setVariant(variant);
   }, [variant, setVariant]);
   return /* @__PURE__ */ jsx39("div", { ref, className: cn("flex flex-col", className), ...props, children });
@@ -8726,7 +8750,7 @@ var QuizHeaderResult = forwardRef19(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
     const [status, setStatus] = useState17(void 0);
-    useEffect15(() => {
+    useEffect16(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
         setStatus(void 0);
@@ -9077,7 +9101,7 @@ var QuizDissertative = ({ paddingBottom }) => {
       textareaRef.current.style.height = `${newHeight}px`;
     }
   }, []);
-  useEffect15(() => {
+  useEffect16(() => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
@@ -10243,7 +10267,7 @@ var loadingModal_default = LoadingModal;
 
 // src/components/NotificationCard/NotificationCard.tsx
 import { DotsThreeVertical as DotsThreeVertical3, Bell as Bell2 } from "phosphor-react";
-import { useState as useState18, useEffect as useEffect16 } from "react";
+import { useState as useState18, useEffect as useEffect17 } from "react";
 
 // src/store/notificationStore.ts
 import { create as create8 } from "zustand";
@@ -10690,7 +10714,7 @@ var NotificationCenter = ({
   const handleDesktopClick = () => {
     onToggleActive?.();
   };
-  useEffect16(() => {
+  useEffect17(() => {
     if (isActive) {
       onFetchNotifications?.();
     }
@@ -11103,6 +11127,7 @@ export {
   useMobile,
   useQuizStore,
   useRouteAuth,
+  useTheme,
   ToastStore_default as useToastStore,
   useUrlAuthentication,
   withAuth