analytica-frontend-lib 1.2.17 → 1.2.19

package/dist/index.mjs

@@ -1917,6 +1917,7 @@ var MessageStep = ({
   const handleRemoveFile = () => {
     setImage(null);
   };
+  const isImageFile = image instanceof File;
   return /* @__PURE__ */ jsxs11("section", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ jsx15(
       Input_default,
@@ -1942,7 +1943,7 @@ var MessageStep = ({
     allowImageAttachment && /* @__PURE__ */ jsx15(
       ImageUpload,
       {
-        selectedFile: image,
+        selectedFile: isImageFile ? image : null,
         onFileSelect: handleFileSelect,
         onRemoveFile: handleRemoveFile
       }
@@ -2145,13 +2146,8 @@ var DateStep = ({
 
 // src/components/AlertManager/AlertSteps/PreviewStep.tsx
 import { useMemo as useMemo4, useEffect as useEffect4 } from "react";
-
-// src/assets/img/notification.png
-var notification_default = "./notification-TD7ZFRLL.png";
-
-// src/components/AlertManager/AlertSteps/PreviewStep.tsx
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-var PreviewStep = () => {
+var PreviewStep = ({ imageLink, defaultImage }) => {
   const title = useAlertFormStore((state) => state.title);
   const message = useAlertFormStore((state) => state.message);
   const image = useAlertFormStore((state) => state.image);
@@ -2162,17 +2158,21 @@ var PreviewStep = () => {
     if (image instanceof File) {
       return globalThis.window.URL.createObjectURL(image);
     }
+    if (typeof image === "string") {
+      return image;
+    }
     return void 0;
   }, [image]);
   useEffect4(() => {
     return () => {
-      if (imageUrl && globalThis.window !== void 0) {
+      if (globalThis.window !== void 0 && imageUrl && image instanceof File) {
         URL.revokeObjectURL(imageUrl);
       }
     };
-  }, [imageUrl]);
+  }, [imageUrl, image]);
+  const finalImageUrl = imageLink || imageUrl || defaultImage || void 0;
   return /* @__PURE__ */ jsx18("section", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs14("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl", children: [
-    /* @__PURE__ */ jsx18("img", { src: imageUrl || notification_default, alt: title || "Imagem do alerta" }),
+    finalImageUrl && /* @__PURE__ */ jsx18("img", { src: finalImageUrl, alt: title || "Imagem do alerta" }),
     /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center text-center gap-3", children: [
       /* @__PURE__ */ jsx18(Text_default, { size: "lg", weight: "semibold", children: title || "Nenhum T\xEDtulo de Alerta" }),
       /* @__PURE__ */ jsx18(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: message || "Aqui aparecer\xE1 a mensagem do alerta definido pelo usu\xE1rio" })
@@ -2266,7 +2266,9 @@ var StepWrapper = ({ children }) => /* @__PURE__ */ jsx19("div", { children });
 var AlertsManager = ({
   config,
   isOpen = false,
-  onClose
+  onClose,
+  imageLink,
+  defaultImage
 }) => {
   const [isModalOpen, setIsModalOpen] = useState7(isOpen);
   const [currentStep, setCurrentStep] = useState7(0);
@@ -2425,7 +2427,7 @@ var AlertsManager = ({
           }
         ) });
       case 3:
-        return /* @__PURE__ */ jsx19(StepWrapper, { children: /* @__PURE__ */ jsx19(PreviewStep, {}) });
+        return /* @__PURE__ */ jsx19(StepWrapper, { children: /* @__PURE__ */ jsx19(PreviewStep, { imageLink, defaultImage }) });
       default:
         return null;
     }
@@ -2436,7 +2438,9 @@ var AlertsManager = ({
     labels,
     behavior,
     handleNext2,
-    handlePrevious
+    handlePrevious,
+    imageLink,
+    defaultImage
   ]);
   const isFirstStep = currentStep === 0;
   const isLastStep = currentStep === steps.length - 1;
@@ -2499,9 +2503,6 @@ var AlertsManager = ({
   );
 };
 
-// src/components/AlertManagerView/AlertsManagerView.tsx
-import { useMemo as useMemo7, useEffect as useEffect8 } from "react";
-
 // src/components/Modal/Modal.tsx
 import { useEffect as useEffect6, useId as useId5 } from "react";
 import { X as X2 } from "phosphor-react";
@@ -3296,27 +3297,13 @@ var AlertsManagerView = ({
   alertData,
   isOpen = false,
   onClose,
+  imageLink,
+  defaultImage,
   currentPage = 1,
   totalPages: externalTotalPages,
   onPageChange,
   itemsPerPage = 10
 }) => {
-  const imageUrl = useMemo7(() => {
-    if (globalThis.window == void 0) {
-      return void 0;
-    }
-    if (alertData.image instanceof File) {
-      return globalThis.window.URL.createObjectURL(alertData.image);
-    }
-    return void 0;
-  }, [alertData.image]);
-  useEffect8(() => {
-    return () => {
-      if (imageUrl && globalThis.window !== void 0) {
-        URL.revokeObjectURL(imageUrl);
-      }
-    };
-  }, [imageUrl]);
   const totalPages = externalTotalPages ?? Math.ceil(alertData.recipients.length / itemsPerPage);
   const effectiveCurrentPage = Math.min(totalPages, Math.max(1, currentPage));
   const startIndex = (effectiveCurrentPage - 1) * itemsPerPage;
@@ -3344,10 +3331,10 @@ var AlertsManagerView = ({
       contentClassName: "p-0",
       children: /* @__PURE__ */ jsx25("div", { className: "flex flex-col h-[calc(100vh-8rem)] max-h-[700px]", children: /* @__PURE__ */ jsxs20("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
         /* @__PURE__ */ jsxs20("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl mb-4", children: [
-          /* @__PURE__ */ jsx25(
+          (imageLink || alertData.image || defaultImage) && /* @__PURE__ */ jsx25(
             "img",
             {
-              src: imageUrl || notification_default,
+              src: imageLink || alertData.image || defaultImage || void 0,
               alt: alertData.title || "Imagem do alerta"
             }
           ),
@@ -3440,7 +3427,7 @@ import {
   forwardRef as forwardRef9,
   useState as useState9,
   useId as useId6,
-  useEffect as useEffect9,
+  useEffect as useEffect8,
   useRef as useRef4,
   Children as Children3,
   cloneElement as cloneElement3,
@@ -3750,18 +3737,18 @@ var RadioGroup = forwardRef9(
     );
     const store = storeRef.current;
     const { setValue } = useStore2(store, (s) => s);
-    useEffect9(() => {
+    useEffect8(() => {
       const currentValue = store.getState().value;
       if (currentValue && onValueChange) {
         onValueChange(currentValue);
       }
     }, []);
-    useEffect9(() => {
+    useEffect8(() => {
       if (propValue !== void 0) {
         setValue(propValue);
       }
     }, [propValue, setValue]);
-    useEffect9(() => {
+    useEffect8(() => {
       store.setState({ disabled });
     }, [disabled, store]);
     return /* @__PURE__ */ jsx26(
@@ -3948,8 +3935,8 @@ import {
   forwardRef as forwardRef11,
   useState as useState12,
   useId as useId7,
-  useMemo as useMemo8,
-  useEffect as useEffect13,
+  useMemo as useMemo7,
+  useEffect as useEffect12,
   useRef as useRef6
 } from "react";
 
@@ -3957,7 +3944,7 @@ import {
 import { CaretRight as CaretRight4, SignOut, User as User2 } from "phosphor-react";
 import {
   forwardRef as forwardRef10,
-  useEffect as useEffect12,
+  useEffect as useEffect11,
   useRef as useRef5,
   isValidElement as isValidElement4,
   Children as Children4,
@@ -3968,10 +3955,10 @@ import { create as create6, useStore as useStore3 } from "zustand";
 
 // src/components/ThemeToggle/ThemeToggle.tsx
 import { Moon, Sun } from "phosphor-react";
-import { useState as useState10, useEffect as useEffect11 } from "react";
+import { useState as useState10, useEffect as useEffect10 } from "react";
 
 // src/hooks/useTheme.ts
-import { useEffect as useEffect10 } from "react";
+import { useEffect as useEffect9 } from "react";
 
 // src/store/themeStore.ts
 import { create as create5 } from "zustand";
@@ -4075,7 +4062,7 @@ var useTheme = () => {
     initializeTheme,
     handleSystemThemeChange
   } = useThemeStore();
-  useEffect10(() => {
+  useEffect9(() => {
     initializeTheme();
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     mediaQuery.addEventListener("change", handleSystemThemeChange);
@@ -4099,7 +4086,7 @@ var ThemeToggle = ({
 }) => {
   const { themeMode, setTheme } = useTheme();
   const [tempTheme, setTempTheme] = useState10(themeMode);
-  useEffect11(() => {
+  useEffect10(() => {
     setTempTheme(themeMode);
   }, [themeMode]);
   const problemTypes = [
@@ -4250,7 +4237,7 @@ var DropdownMenu = ({
       setOpen(false);
     }
   };
-  useEffect12(() => {
+  useEffect11(() => {
     if (open) {
       document.addEventListener("pointerdown", handleClickOutside);
       document.addEventListener("keydown", handleDownkey);
@@ -4260,10 +4247,10 @@ var DropdownMenu = ({
       document.removeEventListener("keydown", handleDownkey);
     };
   }, [open]);
-  useEffect12(() => {
+  useEffect11(() => {
     onOpenChange?.(open);
   }, [open, onOpenChange]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (propOpen !== void 0) {
       setOpen(propOpen);
     }
@@ -4349,7 +4336,7 @@ var DropdownMenuContent = forwardRef10(
     const store = useDropdownStore(externalStore);
     const open = useStore3(store, (s) => s.open);
     const [isVisible, setIsVisible] = useState11(open);
-    useEffect12(() => {
+    useEffect11(() => {
       if (open) {
         setIsVisible(true);
       } else {
@@ -4506,10 +4493,13 @@ var ProfileMenuHeader = forwardRef10(({ className, name, email, photoUrl, store:
     {
       ref,
       "data-component": "ProfileMenuHeader",
-      className: cn("flex flex-row gap-4 items-center", className),
+      className: cn(
+        "flex flex-row gap-4 items-center min-w-[280px]",
+        className
+      ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx30("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden", children: photoUrl ? /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx30("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ jsx30(
           "img",
           {
             src: photoUrl,
@@ -4517,15 +4507,56 @@ var ProfileMenuHeader = forwardRef10(({ className, name, email, photoUrl, store:
             className: "w-full h-full object-cover"
           }
         ) : /* @__PURE__ */ jsx30(User2, { size: 34, className: "text-primary-800" }) }),
-        /* @__PURE__ */ jsxs23("div", { className: "flex flex-col ", children: [
-          /* @__PURE__ */ jsx30(Text_default, { size: "xl", weight: "bold", color: "text-text-950", children: name }),
-          /* @__PURE__ */ jsx30(Text_default, { size: "md", color: "text-text-600", children: email })
+        /* @__PURE__ */ jsxs23("div", { className: "flex flex-col min-w-0", children: [
+          /* @__PURE__ */ jsx30(
+            Text_default,
+            {
+              size: "xl",
+              weight: "bold",
+              color: "text-text-950",
+              className: "truncate",
+              children: name
+            }
+          ),
+          /* @__PURE__ */ jsx30(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
         ] })
       ]
     }
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
+var ProfileMenuInfo = forwardRef10(
+  ({
+    className,
+    schoolName,
+    classYearName,
+    schoolYearName,
+    store: _store,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs23(
+      "div",
+      {
+        ref,
+        "data-component": "ProfileMenuInfo",
+        className: cn("flex flex-row gap-4 items-center", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx30("span", { className: "w-16 h-16" }),
+          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col ", children: [
+            /* @__PURE__ */ jsx30(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
+            /* @__PURE__ */ jsxs23("span", { className: "flex flex-row items-center gap-2", children: [
+              /* @__PURE__ */ jsx30(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
+              /* @__PURE__ */ jsx30("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
+              /* @__PURE__ */ jsx30(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ProfileMenuInfo.displayName = "ProfileMenuInfo";
 var ProfileToggleTheme = ({
   store: externalStore,
   ...props
@@ -4696,7 +4727,7 @@ var Search = forwardRef11(
     const dropdownStore = useRef6(createDropdownStore()).current;
     const dropdownRef = useRef6(null);
     const inputElRef = useRef6(null);
-    const filteredOptions = useMemo8(() => {
+    const filteredOptions = useMemo7(() => {
       if (!options.length) {
         return [];
       }
@@ -4709,7 +4740,7 @@ var Search = forwardRef11(
       dropdownStore.setState({ open });
       onDropdownChange?.(open);
     };
-    useEffect13(() => {
+    useEffect12(() => {
       if (justSelectedRef.current) {
         justSelectedRef.current = false;
         return;
@@ -4728,7 +4759,7 @@ var Search = forwardRef11(
       setOpenAndNotify(false);
       updateInputValue(option, ref, onChange);
     };
-    useEffect13(() => {
+    useEffect12(() => {
       const handleClickOutside = (event) => {
         if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
           setOpenAndNotify(false);
@@ -5871,8 +5902,8 @@ var Stepper_default = Stepper;
 // src/components/Calendar/Calendar.tsx
 import {
   useState as useState13,
-  useMemo as useMemo9,
-  useEffect as useEffect14,
+  useMemo as useMemo8,
+  useEffect as useEffect13,
   useRef as useRef7
 } from "react";
 import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
@@ -5978,7 +6009,7 @@ var Calendar = ({
   const [isMonthPickerOpen, setIsMonthPickerOpen] = useState13(false);
   const monthPickerRef = useRef7(null);
   const monthPickerContainerRef = useRef7(null);
-  useEffect14(() => {
+  useEffect13(() => {
     const handleClickOutside = (event) => {
       if (monthPickerContainerRef.current && !monthPickerContainerRef.current.contains(event.target)) {
         setIsMonthPickerOpen(false);
@@ -5992,7 +6023,7 @@ var Calendar = ({
     };
   }, [isMonthPickerOpen]);
   const today = /* @__PURE__ */ new Date();
-  const availableYears = useMemo9(() => {
+  const availableYears = useMemo8(() => {
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const years = [];
     for (let year = currentYear - 10; year <= currentYear + 10; year++) {
@@ -6000,7 +6031,7 @@ var Calendar = ({
     }
     return years;
   }, []);
-  const calendarData = useMemo9(() => {
+  const calendarData = useMemo8(() => {
     const year = currentDate.getFullYear();
     const month = currentDate.getMonth();
     const firstDay = new Date(year, month, 1);
@@ -6373,7 +6404,7 @@ var Calendar_default = Calendar;
 // src/components/AlertDialog/AlertDialog.tsx
 import {
   forwardRef as forwardRef12,
-  useEffect as useEffect15
+  useEffect as useEffect14
 } from "react";
 import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 var SIZE_CLASSES11 = {
@@ -6401,7 +6432,7 @@ var AlertDialog = forwardRef12(
     size = "medium",
     ...props
   }, ref) => {
-    useEffect15(() => {
+    useEffect14(() => {
       if (!isOpen || !closeOnEscape) return;
       const handleEscape = (event) => {
         if (event.key === "Escape") {
@@ -6411,7 +6442,7 @@ var AlertDialog = forwardRef12(
       document.addEventListener("keydown", handleEscape);
       return () => document.removeEventListener("keydown", handleEscape);
     }, [isOpen, closeOnEscape]);
-    useEffect15(() => {
+    useEffect14(() => {
       if (isOpen) {
         document.body.style.overflow = "hidden";
       } else {
@@ -6553,7 +6584,7 @@ var loadingModal_default = LoadingModal;
 
 // src/components/NotificationCard/NotificationCard.tsx
 import { DotsThreeVertical, Bell as Bell2 } from "phosphor-react";
-import { useState as useState15, useEffect as useEffect17 } from "react";
+import { useState as useState15, useEffect as useEffect16 } from "react";
 
 // src/components/Skeleton/Skeleton.tsx
 import { forwardRef as forwardRef14 } from "react";
@@ -6708,7 +6739,7 @@ var SkeletonTable = forwardRef14(
 );
 
 // src/hooks/useMobile.ts
-import { useState as useState14, useEffect as useEffect16 } from "react";
+import { useState as useState14, useEffect as useEffect15 } from "react";
 var MOBILE_WIDTH = 500;
 var TABLET_WIDTH = 931;
 var SMALL_MOBILE_WIDTH = 425;
@@ -6733,7 +6764,7 @@ var useMobile = () => {
   const [isExtraSmallMobile, setIsExtraSmallMobile] = useState14(false);
   const [isUltraSmallMobile, setIsUltraSmallMobile] = useState14(false);
   const [isTinyMobile, setIsTinyMobile] = useState14(false);
-  useEffect16(() => {
+  useEffect15(() => {
     const checkScreenSize = () => {
       const width = getWindowWidth();
       setIsMobile(width < MOBILE_WIDTH);
@@ -7296,7 +7327,7 @@ var NotificationCenter = ({
       onToggleActive?.();
     }
   };
-  useEffect17(() => {
+  useEffect16(() => {
     if (isActive) {
       onFetchNotifications?.();
     }
@@ -8094,7 +8125,7 @@ var FilterModal = ({
 };
 
 // src/components/Filter/useTableFilter.ts
-import { useEffect as useEffect18, useState as useState16, useCallback as useCallback3, useMemo as useMemo10 } from "react";
+import { useEffect as useEffect17, useState as useState16, useCallback as useCallback3, useMemo as useMemo9 } from "react";
 var useTableFilter = (initialConfigs, options = {}) => {
   const { syncWithUrl = false } = options;
   const getInitialState = useCallback3(() => {
@@ -8116,7 +8147,7 @@ var useTableFilter = (initialConfigs, options = {}) => {
     return configsWithUrlState;
   }, [initialConfigs, syncWithUrl]);
   const [filterConfigs, setFilterConfigs] = useState16(getInitialState);
-  const activeFilters = useMemo10(() => {
+  const activeFilters = useMemo9(() => {
     const filters = {};
     for (const config of filterConfigs) {
       for (const category of config.categories) {
@@ -8169,7 +8200,7 @@ var useTableFilter = (initialConfigs, options = {}) => {
       globalThis.window.history.replaceState({}, "", url.toString());
     }
   }, [filterConfigs, syncWithUrl]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (!syncWithUrl || globalThis.window === void 0) {
       return;
     }
@@ -8192,7 +8223,7 @@ var useTableFilter = (initialConfigs, options = {}) => {
 // src/components/Select/Select.tsx
 import { create as create8, useStore as useStore4 } from "zustand";
 import {
-  useEffect as useEffect19,
+  useEffect as useEffect18,
   useRef as useRef8,
   forwardRef as forwardRef15,
   isValidElement as isValidElement5,
@@ -8323,13 +8354,13 @@ var Select = ({
     search(children2);
     return found;
   };
-  useEffect19(() => {
+  useEffect18(() => {
     if (!selectedLabel && defaultValue) {
       const label2 = findLabelForValue(children, defaultValue);
       if (label2) store.setState({ selectedLabel: label2 });
     }
   }, [children, defaultValue, selectedLabel]);
-  useEffect19(() => {
+  useEffect18(() => {
     const handleClickOutside = (event) => {
       if (selectRef.current && !selectRef.current.contains(event.target)) {
         setOpen(false);
@@ -8364,7 +8395,7 @@ var Select = ({
       document.removeEventListener("keydown", handleArrowKeys);
     };
   }, [open]);
-  useEffect19(() => {
+  useEffect18(() => {
     if (propValue) {
       setValue(propValue);
       const label2 = findLabelForValue(children, propValue);
@@ -8545,7 +8576,7 @@ var Select_default = Select;
 // src/components/Menu/Menu.tsx
 import { create as create9, useStore as useStore5 } from "zustand";
 import {
-  useEffect as useEffect20,
+  useEffect as useEffect19,
   useRef as useRef9,
   forwardRef as forwardRef16,
   isValidElement as isValidElement6,
@@ -8587,7 +8618,7 @@ var Menu = forwardRef16(
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = useStore5(store, (s) => s);
-    useEffect20(() => {
+    useEffect19(() => {
       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";
@@ -8791,7 +8822,7 @@ var MenuOverflow = ({
   const containerRef = useRef9(null);
   const [showLeftArrow, setShowLeftArrow] = useState17(false);
   const [showRightArrow, setShowRightArrow] = useState17(false);
-  useEffect20(() => {
+  useEffect19(() => {
     const checkScroll = () => internalCheckScroll(
       containerRef.current,
       setShowLeftArrow,
@@ -8868,7 +8899,7 @@ import {
   Fragment as Fragment8,
   useState as useState18,
   useRef as useRef10,
-  useEffect as useEffect21
+  useEffect as useEffect20
 } from "react";
 import {
   CaretRight as CaretRight6,
@@ -9720,7 +9751,7 @@ var CardAudio = forwardRef17(
       }
       return /* @__PURE__ */ jsx52(SpeakerHigh, { size: 24 });
     };
-    useEffect21(() => {
+    useEffect20(() => {
       const handleClickOutside = (event) => {
         if (volumeControlRef.current && !volumeControlRef.current.contains(event.target)) {
           setShowVolumeControl(false);
@@ -10447,7 +10478,7 @@ var NotFound_default = NotFound;
 import {
   useRef as useRef11,
   useState as useState20,
-  useEffect as useEffect22,
+  useEffect as useEffect21,
   useCallback as useCallback5
 } from "react";
 import { createPortal } from "react-dom";
@@ -10735,7 +10766,7 @@ var SpeedMenu = ({
     };
   };
   const position = getMenuPosition();
-  useEffect22(() => {
+  useEffect21(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       const isOutsideContainer = speedMenuContainerRef.current && !speedMenuContainerRef.current.contains(target);
@@ -10826,7 +10857,7 @@ var VideoPlayer = ({
   const [hasCompleted, setHasCompleted] = useState20(false);
   const [showCaptions, setShowCaptions] = useState20(false);
   const [subtitlesValidation, setSubtitlesValidation] = useState20("idle");
-  useEffect22(() => {
+  useEffect21(() => {
     setHasCompleted(false);
   }, [src]);
   const [playbackRate, setPlaybackRate] = useState20(1);
@@ -10898,13 +10929,13 @@ var VideoPlayer = ({
       }, LEAVE_HIDE_TIMEOUT);
     }
   }, [isFullscreen, clearControlsTimeout, isUserInteracting]);
-  useEffect22(() => {
+  useEffect21(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
       videoRef.current.muted = isMuted;
     }
   }, [volume, isMuted]);
-  useEffect22(() => {
+  useEffect21(() => {
     const video = videoRef.current;
     if (!video) return;
     const onPlay = () => setIsPlaying(true);
@@ -10919,13 +10950,13 @@ var VideoPlayer = ({
       video.removeEventListener("ended", onEnded);
     };
   }, []);
-  useEffect22(() => {
+  useEffect21(() => {
     const video = videoRef.current;
     if (!video) return;
     video.setAttribute("playsinline", "");
     video.setAttribute("webkit-playsinline", "");
   }, []);
-  useEffect22(() => {
+  useEffect21(() => {
     if (isPlaying) {
       showControlsWithTimer();
     } else {
@@ -10937,7 +10968,7 @@ var VideoPlayer = ({
       }
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
-  useEffect22(() => {
+  useEffect21(() => {
     const video = videoRef.current;
     if (!video) return;
     const handleFullscreenChange = () => {
@@ -10972,7 +11003,7 @@ var VideoPlayer = ({
       );
     };
   }, [showControlsWithTimer]);
-  useEffect22(() => {
+  useEffect21(() => {
     const init = () => {
       if (!isFullscreen) {
         showControlsWithTimer();
@@ -11007,7 +11038,7 @@ var VideoPlayer = ({
     if (hasValidSaved) return saved;
     return void 0;
   }, [autoSave, storageKey, src, initialTime]);
-  useEffect22(() => {
+  useEffect21(() => {
     const start = getInitialTime();
     if (start !== void 0 && videoRef.current) {
       videoRef.current.currentTime = start;
@@ -11144,7 +11175,7 @@ var VideoPlayer = ({
       setDuration(videoRef.current.duration);
     }
   }, []);
-  useEffect22(() => {
+  useEffect21(() => {
     const controller = new AbortController();
     const validateSubtitles = async () => {
       if (!subtitles) {
@@ -11191,12 +11222,12 @@ var VideoPlayer = ({
       controller.abort();
     };
   }, [subtitles]);
-  useEffect22(() => {
+  useEffect21(() => {
     if (trackRef.current?.track) {
       trackRef.current.track.mode = showCaptions && subtitles && subtitlesValidation === "valid" ? "showing" : "hidden";
     }
   }, [subtitles, showCaptions, subtitlesValidation]);
-  useEffect22(() => {
+  useEffect21(() => {
     const handleVisibilityChange = () => {
       if (document.hidden && isPlaying && videoRef.current) {
         videoRef.current.pause();
@@ -11629,10 +11660,10 @@ var Whiteboard_default = Whiteboard;
 import {
   createContext,
   useContext,
-  useEffect as useEffect23,
+  useEffect as useEffect22,
   useState as useState22,
   useCallback as useCallback7,
-  useMemo as useMemo11
+  useMemo as useMemo10
 } from "react";
 import { useLocation, Navigate } from "react-router-dom";
 import { Fragment as Fragment11, jsx as jsx58 } from "react/jsx-runtime";
@@ -11694,10 +11725,10 @@ var AuthProvider = ({
       tokens: void 0
     }));
   }, [signOutFn]);
-  useEffect23(() => {
+  useEffect22(() => {
     checkAuth();
   }, [checkAuth]);
-  const contextValue = useMemo11(
+  const contextValue = useMemo10(
     () => ({
       ...authState,
       checkAuth,
@@ -11810,7 +11841,7 @@ import {
   forwardRef as forwardRef18,
   useId as useId9,
   useState as useState23,
-  useEffect as useEffect24
+  useEffect as useEffect23
 } from "react";
 import { CaretRight as CaretRight7 } from "phosphor-react";
 import { jsx as jsx59, jsxs as jsxs45 } from "react/jsx-runtime";
@@ -11832,7 +11863,7 @@ var CardAccordation = forwardRef18(
     const headerId = value ? `accordion-header-${value}` : `${generatedId}-header`;
     const isControlled = controlledExpanded !== void 0;
     const isExpanded = isControlled ? controlledExpanded : internalExpanded;
-    useEffect24(() => {
+    useEffect23(() => {
       if (isControlled) {
         setInternalExpanded(controlledExpanded);
       }
@@ -11923,7 +11954,7 @@ import {
   cloneElement as cloneElement8,
   forwardRef as forwardRef19,
   isValidElement as isValidElement7,
-  useEffect as useEffect25,
+  useEffect as useEffect24,
   useRef as useRef12,
   useState as useState24
 } from "react";
@@ -12019,10 +12050,10 @@ var AccordionGroup = forwardRef19(
       );
     }
     const store = storeRef.current;
-    useEffect25(() => {
+    useEffect24(() => {
       store.setState({ value: currentValue });
     }, [currentValue, store]);
-    useEffect25(() => {
+    useEffect24(() => {
       if (!isControlled) {
         setInternalValue((prev) => {
           if (type === "single") {
@@ -12376,7 +12407,7 @@ function createZustandAuthAdapter(useAuthStore2) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-import { useEffect as useEffect26, useRef as useRef13 } from "react";
+import { useEffect as useEffect25, useRef as useRef13 } from "react";
 import { useLocation as useLocation2 } from "react-router-dom";
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -12425,7 +12456,7 @@ var handleUserData = (responseData, setUser) => {
 function useUrlAuthentication(options) {
   const location = useLocation2();
   const processedRef = useRef13(false);
-  useEffect26(() => {
+  useEffect25(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
         return;
@@ -12496,9 +12527,9 @@ function useUrlAuthentication(options) {
 }
 
 // src/components/Auth/useApiConfig.ts
-import { useMemo as useMemo12 } from "react";
+import { useMemo as useMemo11 } from "react";
 function useApiConfig(api) {
-  return useMemo12(
+  return useMemo11(
     () => ({
       get: (endpoint, config) => api.get(endpoint, config)
     }),
@@ -12516,7 +12547,7 @@ import {
 } from "phosphor-react";
 import {
   forwardRef as forwardRef22,
-  useEffect as useEffect29,
+  useEffect as useEffect28,
   useState as useState28
 } from "react";
 
@@ -13131,15 +13162,15 @@ var useQuizStore = create11()(
 import {
   forwardRef as forwardRef21,
   useCallback as useCallback8,
-  useEffect as useEffect28,
+  useEffect as useEffect27,
   useId as useId11,
-  useMemo as useMemo13,
+  useMemo as useMemo12,
   useRef as useRef14,
   useState as useState27
 } from "react";
 
 // src/components/MultipleChoice/MultipleChoice.tsx
-import { useEffect as useEffect27, useState as useState26 } from "react";
+import { useEffect as useEffect26, useState as useState26 } from "react";
 import { CheckCircle as CheckCircle5, XCircle as XCircle4, Check as Check5 } from "phosphor-react";
 import { jsx as jsx62, jsxs as jsxs47 } from "react/jsx-runtime";
 var MultipleChoiceList = ({
@@ -13152,7 +13183,7 @@ var MultipleChoiceList = ({
   mode = "interactive"
 }) => {
   const [actualValue, setActualValue] = useState26(selectedValues);
-  useEffect27(() => {
+  useEffect26(() => {
     setActualValue(selectedValues);
   }, [selectedValues]);
   const getStatusBadge2 = (status) => {
@@ -13393,13 +13424,13 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   );
   const prevSelectedValuesRef = useRef14([]);
   const prevQuestionIdRef = useRef14("");
-  const allCurrentAnswerIds = useMemo13(() => {
+  const allCurrentAnswerIds = useMemo12(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
-  const selectedValues = useMemo13(() => {
+  const selectedValues = useMemo12(() => {
     return allCurrentAnswerIds?.filter((id) => id !== null) || [];
   }, [allCurrentAnswerIds]);
-  const stableSelectedValues = useMemo13(() => {
+  const stableSelectedValues = useMemo12(() => {
     const currentQuestionId = currentQuestion?.id || "";
     const hasQuestionChanged = prevQuestionIdRef.current !== currentQuestionId;
     if (hasQuestionChanged) {
@@ -13431,7 +13462,7 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
     },
     [currentQuestion, selectMultipleAnswer]
   );
-  const questionKey = useMemo13(
+  const questionKey = useMemo12(
     () => `question-${currentQuestion?.id || "1"}`,
     [currentQuestion?.id]
   );
@@ -13509,7 +13540,7 @@ var QuizDissertative = ({ paddingBottom }) => {
       textareaRef.current.style.height = `${newHeight}px`;
     }
   }, []);
-  useEffect28(() => {
+  useEffect27(() => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {
@@ -14077,7 +14108,7 @@ var getFinishConfirmationText = (type) => {
 };
 var Quiz = forwardRef22(({ children, className, variant = "default", ...props }, ref) => {
   const { setVariant } = useQuizStore();
-  useEffect29(() => {
+  useEffect28(() => {
     setVariant(variant);
   }, [variant, setVariant]);
   return /* @__PURE__ */ jsx64("div", { ref, className: cn("flex flex-col", className), ...props, children });
@@ -14638,7 +14669,7 @@ var QuizFooter = forwardRef22(
 );
 
 // src/components/Quiz/QuizResult.tsx
-import { forwardRef as forwardRef23, useEffect as useEffect30, useState as useState29 } from "react";
+import { forwardRef as forwardRef23, useEffect as useEffect29, useState as useState29 } from "react";
 import { Clock as Clock3 } from "phosphor-react";
 import { jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
 var QuizBadge = ({
@@ -14668,7 +14699,7 @@ var QuizHeaderResult = forwardRef23(
       questionsResult
     } = useQuizStore();
     const [status, setStatus] = useState29(void 0);
-    useEffect30(() => {
+    useEffect29(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
         setStatus(void 0);
@@ -15041,7 +15072,7 @@ var BreadcrumbMenu = ({
 };
 
 // src/components/BreadcrumbMenu/useBreadcrumbBuilder.ts
-import { useEffect as useEffect31 } from "react";
+import { useEffect as useEffect30 } from "react";
 
 // src/components/BreadcrumbMenu/breadcrumbStore.ts
 import { create as create12 } from "zustand";
@@ -15170,7 +15201,7 @@ var useBreadcrumbBuilder = (config) => {
     (level) => isBreadcrumbWithData(level) ? level.data : null
   );
   const levelUrlIds = levels.map((level) => level.urlId);
-  useEffect31(() => {
+  useEffect30(() => {
     const newBreadcrumbs = [root];
     const previousIds = [];
     for (const level of levels) {
@@ -15202,11 +15233,11 @@ var useBreadcrumbBuilder = (config) => {
 };
 
 // src/components/BreadcrumbMenu/useUrlParams.ts
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo13 } from "react";
 import { useLocation as useLocation3 } from "react-router-dom";
 var useUrlParams = (config) => {
   const location = useLocation3();
-  return useMemo14(() => {
+  return useMemo13(() => {
     const segments = location.pathname.split("/").filter(Boolean);
     const params = {};
     for (const [key, index] of Object.entries(config)) {
@@ -15217,15 +15248,15 @@ var useUrlParams = (config) => {
 };
 
 // src/hooks/useAppInitialization.ts
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo14 } from "react";
 
 // src/hooks/useInstitution.ts
-import { useEffect as useEffect32, useState as useState30 } from "react";
+import { useEffect as useEffect31, useState as useState30 } from "react";
 function useInstitutionId() {
   const [institutionId, setInstitutionId] = useState30(() => {
     return document.querySelector('meta[name="institution-id"]')?.getAttribute("content") ?? null;
   });
-  useEffect32(() => {
+  useEffect31(() => {
     const metaTag = document.querySelector('meta[name="institution-id"]');
     if (!metaTag) return;
     const observer = new MutationObserver(() => {
@@ -15392,7 +15423,7 @@ var useAuthStore = create14()(
 function useAppInitialization() {
   const getInstitutionId = useInstitutionId();
   const { initialize, initialized, institutionId } = useAppStore();
-  const authFunctions = useMemo15(
+  const authFunctions = useMemo14(
     () => ({
       checkAuth: async () => {
         const { sessionInfo, tokens } = useAuthStore.getState();
@@ -15429,7 +15460,7 @@ function useAppInitialization() {
 }
 
 // src/hooks/useAppContent.ts
-import { useCallback as useCallback9, useEffect as useEffect33, useMemo as useMemo16 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect32, useMemo as useMemo15 } from "react";
 import { useNavigate as useNavigate2 } from "react-router-dom";
 function useAppContent(config) {
   const navigate = useNavigate2();
@@ -15479,7 +15510,7 @@ function useAppContent(config) {
     },
     [navigate, onError]
   );
-  const urlAuthConfig = useMemo16(
+  const urlAuthConfig = useMemo15(
     () => ({
       setTokens,
       setSessionInfo,
@@ -15505,10 +15536,10 @@ function useAppContent(config) {
   );
   useUrlAuthentication(urlAuthConfig);
   const { sessionInfo } = useAuth();
-  const institutionIdToUse = useMemo16(() => {
+  const institutionIdToUse = useMemo15(() => {
     return sessionInfo?.institutionId || getInstitutionId;
   }, [sessionInfo?.institutionId, getInstitutionId]);
-  useEffect33(() => {
+  useEffect32(() => {
     if (institutionIdToUse && !initialized) {
       initialize(institutionIdToUse);
     }
@@ -15577,6 +15608,7 @@ export {
   NotificationEntityType,
   ProfileMenuFooter,
   ProfileMenuHeader,
+  ProfileMenuInfo,
   ProfileMenuSection,
   ProfileMenuTrigger,
   ProfileToggleTheme,