analytica-frontend-lib 1.3.6 → 1.3.7

package/dist/index.js

@@ -22562,43 +22562,234 @@ var NotFound_default = NotFound;
 
 // src/components/RestrictedAccess/RestrictedAccess.tsx
 var import_phosphor_react47 = require("phosphor-react");
+
+// src/components/Auth/Auth.tsx
+var import_react63 = require("react");
+var import_react_router_dom4 = require("react-router-dom");
+
+// src/components/Auth/useTokenInUrl.ts
+var import_react62 = require("react");
+var import_react_router_dom3 = require("react-router-dom");
+function useTokenInUrl() {
+  const location = (0, import_react_router_dom3.useLocation)();
+  const hasTokenInUrl = (0, import_react62.useMemo)(() => {
+    const searchParams = new URLSearchParams(location.search);
+    const token = searchParams.get("token");
+    const refreshToken = searchParams.get("refreshToken");
+    const sessionId = searchParams.get("sessionId");
+    return !!(token && refreshToken && sessionId);
+  }, [location.search]);
+  return { hasTokenInUrl };
+}
+
+// src/components/Auth/Auth.tsx
 var import_jsx_runtime107 = require("react/jsx-runtime");
+var AuthContext = (0, import_react63.createContext)(void 0);
+var AuthProvider = ({
+  children,
+  checkAuthFn,
+  signOutFn,
+  initialAuthState = {},
+  getUserFn,
+  getSessionFn,
+  getTokensFn
+}) => {
+  const [authState, setAuthState] = (0, import_react63.useState)({
+    isAuthenticated: false,
+    isLoading: true,
+    ...initialAuthState
+  });
+  const checkAuth = (0, import_react63.useCallback)(async () => {
+    try {
+      setAuthState((prev) => ({ ...prev, isLoading: true }));
+      if (!checkAuthFn) {
+        setAuthState((prev) => ({
+          ...prev,
+          isAuthenticated: false,
+          isLoading: false
+        }));
+        return false;
+      }
+      const isAuth = await checkAuthFn();
+      setAuthState((prev) => ({
+        ...prev,
+        isAuthenticated: isAuth,
+        isLoading: false,
+        user: getUserFn ? getUserFn() : prev.user,
+        sessionInfo: getSessionFn ? getSessionFn() : prev.sessionInfo,
+        tokens: getTokensFn ? getTokensFn() : prev.tokens
+      }));
+      return isAuth;
+    } catch (error) {
+      console.error("Erro ao verificar autentica\xE7\xE3o:", error);
+      setAuthState((prev) => ({
+        ...prev,
+        isAuthenticated: false,
+        isLoading: false
+      }));
+      return false;
+    }
+  }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
+  const signOut = (0, import_react63.useCallback)(() => {
+    if (signOutFn) {
+      signOutFn();
+    }
+    setAuthState((prev) => ({
+      ...prev,
+      isAuthenticated: false,
+      user: void 0,
+      sessionInfo: void 0,
+      tokens: void 0
+    }));
+  }, [signOutFn]);
+  (0, import_react63.useEffect)(() => {
+    checkAuth();
+  }, [checkAuth]);
+  const contextValue = (0, import_react63.useMemo)(
+    () => ({
+      ...authState,
+      checkAuth,
+      signOut
+    }),
+    [authState, checkAuth, signOut]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(AuthContext.Provider, { value: contextValue, children });
+};
+var useAuth = () => {
+  const context = (0, import_react63.useContext)(AuthContext);
+  if (context === void 0) {
+    throw new Error("useAuth deve ser usado dentro de um AuthProvider");
+  }
+  return context;
+};
+var ProtectedRoute = ({
+  children,
+  redirectTo = "/",
+  loadingComponent,
+  additionalCheck
+}) => {
+  const { isAuthenticated, isLoading, ...authState } = useAuth();
+  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, { children: loadingComponent || defaultLoadingComponent });
+  }
+  if (!isAuthenticated) {
+    if (typeof window !== "undefined") {
+      const rootDomain = getRootDomain();
+      const currentLocation = `${window.location.protocol}//${window.location.hostname}${window.location.port ? ":" + window.location.port : ""}`;
+      if (rootDomain !== currentLocation) {
+        window.location.href = rootDomain;
+        return null;
+      }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_router_dom4.Navigate, { to: redirectTo, replace: true });
+  }
+  if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_router_dom4.Navigate, { to: redirectTo, replace: true });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, { children });
+};
+var PublicRoute = ({
+  children,
+  redirectTo = "/painel",
+  redirectIfAuthenticated = false,
+  checkAuthBeforeRender = false,
+  tokenValidationComponent
+}) => {
+  const { isAuthenticated, isLoading } = useAuth();
+  const { hasTokenInUrl } = useTokenInUrl();
+  if (hasTokenInUrl && tokenValidationComponent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, { children: tokenValidationComponent });
+  }
+  if (checkAuthBeforeRender && isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  }
+  if (isAuthenticated && redirectIfAuthenticated) {
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_router_dom4.Navigate, { to: redirectTo, replace: true });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, { children });
+};
+var withAuth = (Component, options = {}) => {
+  return (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Component, { ...props }) });
+};
+var useAuthGuard = (options = {}) => {
+  const authState = useAuth();
+  const { requireAuth = true, customCheck } = options;
+  const canAccess = !authState.isLoading && (requireAuth ? authState.isAuthenticated && (!customCheck || customCheck(authState)) : !authState.isAuthenticated || !customCheck || customCheck(authState));
+  return {
+    canAccess,
+    isLoading: authState.isLoading,
+    authState
+  };
+};
+var useRouteAuth = (fallbackPath = "/") => {
+  const { isAuthenticated, isLoading } = useAuth();
+  const location = (0, import_react_router_dom4.useLocation)();
+  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_router_dom4.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  return {
+    isAuthenticated,
+    isLoading,
+    redirectToLogin
+  };
+};
+var getRootDomain = () => {
+  const { hostname, protocol, port } = window.location;
+  const portStr = port ? ":" + port : "";
+  if (hostname === "localhost") {
+    return `${protocol}//${hostname}${portStr}`;
+  }
+  const isIPv4 = /^\d{1,3}(?:\.\d{1,3}){3}$/.test(hostname);
+  const isIPv6 = hostname.includes(":");
+  if (isIPv4 || isIPv6) {
+    return `${protocol}//${hostname}${portStr}`;
+  }
+  const parts = hostname.split(".");
+  if (parts.length >= 3 && parts[parts.length - 2] === "com" && parts[parts.length - 1] === "br") {
+    if (parts.length === 3) {
+      return `${protocol}//${hostname}${portStr}`;
+    }
+    const base = parts.slice(-3).join(".");
+    return `${protocol}//${base}${portStr}`;
+  }
+  if (parts.length > 2) {
+    const base = parts.slice(-2).join(".");
+    return `${protocol}//${base}${portStr}`;
+  }
+  return `${protocol}//${hostname}${portStr}`;
+};
+
+// src/components/RestrictedAccess/RestrictedAccess.tsx
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var RestrictedAccess = ({
   title = "\xC1rea Restrita",
   description = "Este \xE9 um painel administrativo. Fa\xE7a login para acessar o sistema.",
   buttonText = "Fazer Login",
-  onLoginClick,
-  loginUrl,
   logoSrc,
   logoAlt = "Logo",
   footerText,
   className = ""
 }) => {
   const handleLoginClick = () => {
-    if (onLoginClick) {
-      onLoginClick();
-    } else if (loginUrl) {
-      globalThis.location.href = loginUrl;
-    }
+    globalThis.location.href = getRootDomain();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "div",
     {
       className: cn(
         "min-h-screen w-full bg-primary-800 flex flex-col items-center justify-center p-4",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col items-center gap-8 max-w-md w-full", children: [
-        logoSrc && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("img", { src: logoSrc, alt: logoAlt, className: "h-12 object-contain" }),
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "bg-background rounded-xl p-8 w-full flex flex-col items-center gap-6 shadow-lg", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "bg-primary-100 p-4 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_phosphor_react47.ShieldCheck, { size: 48, className: "text-primary-800" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text_default, { size: "xl", weight: "bold", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text_default, { size: "md", color: "text-text-500", children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col items-center gap-8 max-w-md w-full", children: [
+        logoSrc && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("img", { src: logoSrc, alt: logoAlt, className: "h-12 object-contain" }),
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "bg-background rounded-xl p-8 w-full flex flex-col items-center gap-6 shadow-lg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "bg-primary-100 p-4 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_phosphor_react47.ShieldCheck, { size: 48, className: "text-primary-800" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Text_default, { size: "xl", weight: "bold", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Text_default, { size: "md", color: "text-text-500", children: description })
           ] }),
-          (onLoginClick || loginUrl) && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Button_default, { onClick: handleLoginClick, className: "w-full", children: buttonText })
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Button_default, { onClick: handleLoginClick, className: "w-full", children: buttonText })
         ] }),
-        footerText && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text_default, { size: "sm", color: "text-primary-200", children: footerText })
+        footerText && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Text_default, { size: "sm", color: "text-primary-200", children: footerText })
       ] })
     }
   );
@@ -22607,7 +22798,7 @@ var RestrictedAccess_default = RestrictedAccess;
 
 // src/components/TokenValidation/TokenValidation.tsx
 var import_phosphor_react48 = require("phosphor-react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var TokenValidation = ({
   title = "Validando acesso...",
   description = "Por favor, aguarde enquanto verificamos suas credenciais.",
@@ -22615,20 +22806,20 @@ var TokenValidation = ({
   logoAlt = "Logo",
   className = ""
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     "div",
     {
       className: cn(
         "min-h-screen w-full bg-primary-800 flex flex-col items-center justify-center p-4",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col items-center gap-8 max-w-md w-full", children: [
-        logoSrc && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("img", { src: logoSrc, alt: logoAlt, className: "h-12 object-contain" }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "bg-background rounded-xl p-8 w-full flex flex-col items-center gap-6 shadow-lg", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "bg-primary-100 p-4 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_phosphor_react48.CircleNotch, { size: 48, className: "text-primary-800 animate-spin" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Text_default, { size: "xl", weight: "bold", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Text_default, { size: "md", color: "text-text-500", children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col items-center gap-8 max-w-md w-full", children: [
+        logoSrc && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("img", { src: logoSrc, alt: logoAlt, className: "h-12 object-contain" }),
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "bg-background rounded-xl p-8 w-full flex flex-col items-center gap-6 shadow-lg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "bg-primary-100 p-4 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_phosphor_react48.CircleNotch, { size: 48, className: "text-primary-800 animate-spin" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text_default, { size: "xl", weight: "bold", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text_default, { size: "md", color: "text-text-500", children: description })
           ] })
         ] })
       ] })
@@ -22638,14 +22829,14 @@ var TokenValidation = ({
 var TokenValidation_default = TokenValidation;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
-var import_react63 = require("react");
+var import_react65 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_phosphor_react50 = require("phosphor-react");
 
 // src/components/DownloadButton/DownloadButton.tsx
-var import_react62 = require("react");
+var import_react64 = require("react");
 var import_phosphor_react49 = require("phosphor-react");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var getMimeType = (url) => {
   const extension = getFileExtension(url);
   const mimeTypes = {
@@ -22720,13 +22911,13 @@ var DownloadButton = ({
   lessonTitle = "aula",
   disabled = false
 }) => {
-  const [isDownloading, setIsDownloading] = (0, import_react62.useState)(false);
-  const isValidUrl = (0, import_react62.useCallback)((url) => {
+  const [isDownloading, setIsDownloading] = (0, import_react64.useState)(false);
+  const isValidUrl = (0, import_react64.useCallback)((url) => {
     return Boolean(
       url && url.trim() !== "" && url !== "undefined" && url !== "null"
     );
   }, []);
-  const getAvailableContent = (0, import_react62.useCallback)(() => {
+  const getAvailableContent = (0, import_react64.useCallback)(() => {
     const downloads = [];
     if (isValidUrl(content.urlDoc)) {
       downloads.push({
@@ -22761,7 +22952,7 @@ var DownloadButton = ({
     }
     return downloads;
   }, [content, isValidUrl]);
-  const handleDownload = (0, import_react62.useCallback)(async () => {
+  const handleDownload = (0, import_react64.useCallback)(async () => {
     if (disabled || isDownloading) return;
     const availableContent = getAvailableContent();
     if (availableContent.length === 0) {
@@ -22802,10 +22993,10 @@ var DownloadButton = ({
   if (!hasContent) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     IconButton_default,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_phosphor_react49.DownloadSimple, { size: 24 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_phosphor_react49.DownloadSimple, { size: 24 }),
       onClick: handleDownload,
       disabled: disabled || isDownloading,
       "aria-label": (() => {
@@ -22826,7 +23017,7 @@ var DownloadButton = ({
 var DownloadButton_default = DownloadButton;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var CONTROLS_HIDE_TIMEOUT = 3e3;
 var LEAVE_HIDE_TIMEOUT = 1e3;
 var INIT_DELAY = 100;
@@ -22842,7 +23033,7 @@ var ProgressBar2 = ({
   progressPercentage,
   onSeek,
   className = "px-4 pb-2"
-}) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
   "input",
   {
     type: "range",
@@ -22864,17 +23055,17 @@ var VolumeControls = ({
   onToggleMute,
   iconSize = 24,
   showSlider = true
-}) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     IconButton_default,
     {
-      icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_phosphor_react50.SpeakerSlash, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_phosphor_react50.SpeakerHigh, { size: iconSize }),
+      icon: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_phosphor_react50.SpeakerSlash, { size: iconSize }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_phosphor_react50.SpeakerHigh, { size: iconSize }),
       onClick: onToggleMute,
       "aria-label": isMuted ? "Unmute" : "Mute",
       className: "!bg-transparent !text-white hover:!bg-white/20"
     }
   ),
-  showSlider && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  showSlider && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     "input",
     {
       type: "range",
@@ -22899,9 +23090,9 @@ var SpeedMenu = ({
   iconSize = 24,
   isTinyMobile = false
 }) => {
-  const buttonRef = (0, import_react63.useRef)(null);
-  const speedMenuContainerRef = (0, import_react63.useRef)(null);
-  const speedMenuRef = (0, import_react63.useRef)(null);
+  const buttonRef = (0, import_react65.useRef)(null);
+  const speedMenuContainerRef = (0, import_react65.useRef)(null);
+  const speedMenuRef = (0, import_react65.useRef)(null);
   const getMenuPosition = () => {
     if (!buttonRef.current) return { top: 0, left: 0 };
     const rect = buttonRef.current.getBoundingClientRect();
@@ -22915,7 +23106,7 @@ var SpeedMenu = ({
     };
   };
   const position = getMenuPosition();
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       const isOutsideContainer = speedMenuContainerRef.current && !speedMenuContainerRef.current.contains(target);
@@ -22931,7 +23122,7 @@ var SpeedMenu = ({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [showSpeedMenu, onToggleMenu]);
-  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     "div",
     {
       ref: speedMenuRef,
@@ -22942,7 +23133,7 @@ var SpeedMenu = ({
         top: `${position.top}px`,
         left: `${position.left}px`
       },
-      children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+      children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
         "button",
         {
           role: "menuitemradio",
@@ -22959,12 +23150,12 @@ var SpeedMenu = ({
     }
   );
   const portalContent = showSpeedMenu && globalThis.window !== void 0 && globalThis.document !== void 0 && !!globalThis.document?.body ? (0, import_react_dom2.createPortal)(menuContent, globalThis.document.body) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "relative", ref: speedMenuContainerRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "relative", ref: speedMenuContainerRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       IconButton_default,
       {
         ref: buttonRef,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_phosphor_react50.DotsThreeVertical, { size: iconSize }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_phosphor_react50.DotsThreeVertical, { size: iconSize }),
         onClick: onToggleMenu,
         "aria-label": "Playback speed",
         "aria-haspopup": "menu",
@@ -22994,28 +23185,28 @@ var VideoPlayer = ({
   onDownloadComplete,
   onDownloadError
 }) => {
-  const videoRef = (0, import_react63.useRef)(null);
+  const videoRef = (0, import_react65.useRef)(null);
   const { isUltraSmallMobile, isTinyMobile } = useMobile();
-  const [isPlaying, setIsPlaying] = (0, import_react63.useState)(false);
-  const [currentTime, setCurrentTime] = (0, import_react63.useState)(0);
-  const [duration, setDuration] = (0, import_react63.useState)(0);
-  const [isMuted, setIsMuted] = (0, import_react63.useState)(false);
-  const [volume, setVolume] = (0, import_react63.useState)(1);
-  const [isFullscreen, setIsFullscreen] = (0, import_react63.useState)(false);
-  const [showControls, setShowControls] = (0, import_react63.useState)(true);
-  const [hasCompleted, setHasCompleted] = (0, import_react63.useState)(false);
-  const [showCaptions, setShowCaptions] = (0, import_react63.useState)(false);
-  const [subtitlesValidation, setSubtitlesValidation] = (0, import_react63.useState)("idle");
-  (0, import_react63.useEffect)(() => {
+  const [isPlaying, setIsPlaying] = (0, import_react65.useState)(false);
+  const [currentTime, setCurrentTime] = (0, import_react65.useState)(0);
+  const [duration, setDuration] = (0, import_react65.useState)(0);
+  const [isMuted, setIsMuted] = (0, import_react65.useState)(false);
+  const [volume, setVolume] = (0, import_react65.useState)(1);
+  const [isFullscreen, setIsFullscreen] = (0, import_react65.useState)(false);
+  const [showControls, setShowControls] = (0, import_react65.useState)(true);
+  const [hasCompleted, setHasCompleted] = (0, import_react65.useState)(false);
+  const [showCaptions, setShowCaptions] = (0, import_react65.useState)(false);
+  const [subtitlesValidation, setSubtitlesValidation] = (0, import_react65.useState)("idle");
+  (0, import_react65.useEffect)(() => {
     setHasCompleted(false);
   }, [src]);
-  const [playbackRate, setPlaybackRate] = (0, import_react63.useState)(1);
-  const [showSpeedMenu, setShowSpeedMenu] = (0, import_react63.useState)(false);
-  const lastSaveTimeRef = (0, import_react63.useRef)(0);
-  const trackRef = (0, import_react63.useRef)(null);
-  const controlsTimeoutRef = (0, import_react63.useRef)(null);
-  const lastMousePositionRef = (0, import_react63.useRef)({ x: 0, y: 0 });
-  const isUserInteracting = (0, import_react63.useCallback)(() => {
+  const [playbackRate, setPlaybackRate] = (0, import_react65.useState)(1);
+  const [showSpeedMenu, setShowSpeedMenu] = (0, import_react65.useState)(false);
+  const lastSaveTimeRef = (0, import_react65.useRef)(0);
+  const trackRef = (0, import_react65.useRef)(null);
+  const controlsTimeoutRef = (0, import_react65.useRef)(null);
+  const lastMousePositionRef = (0, import_react65.useRef)({ x: 0, y: 0 });
+  const isUserInteracting = (0, import_react65.useCallback)(() => {
     if (showSpeedMenu) {
       return true;
     }
@@ -23032,13 +23223,13 @@ var VideoPlayer = ({
     }
     return false;
   }, [showSpeedMenu]);
-  const clearControlsTimeout = (0, import_react63.useCallback)(() => {
+  const clearControlsTimeout = (0, import_react65.useCallback)(() => {
     if (controlsTimeoutRef.current) {
       clearTimeout(controlsTimeoutRef.current);
       controlsTimeoutRef.current = null;
     }
   }, []);
-  const showControlsWithTimer = (0, import_react63.useCallback)(() => {
+  const showControlsWithTimer = (0, import_react65.useCallback)(() => {
     setShowControls(true);
     clearControlsTimeout();
     if (isFullscreen) {
@@ -23053,7 +23244,7 @@ var VideoPlayer = ({
       }, CONTROLS_HIDE_TIMEOUT);
     }
   }, [isFullscreen, isPlaying, clearControlsTimeout]);
-  const handleMouseMove = (0, import_react63.useCallback)(
+  const handleMouseMove = (0, import_react65.useCallback)(
     (event) => {
       const currentX = event.clientX;
       const currentY = event.clientY;
@@ -23066,10 +23257,10 @@ var VideoPlayer = ({
     },
     [showControlsWithTimer]
   );
-  const handleMouseEnter = (0, import_react63.useCallback)(() => {
+  const handleMouseEnter = (0, import_react65.useCallback)(() => {
     showControlsWithTimer();
   }, [showControlsWithTimer]);
-  const handleMouseLeave = (0, import_react63.useCallback)(() => {
+  const handleMouseLeave = (0, import_react65.useCallback)(() => {
     const userInteracting = isUserInteracting();
     clearControlsTimeout();
     if (!isFullscreen && !userInteracting) {
@@ -23078,13 +23269,13 @@ var VideoPlayer = ({
       }, LEAVE_HIDE_TIMEOUT);
     }
   }, [isFullscreen, clearControlsTimeout, isUserInteracting]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
       videoRef.current.muted = isMuted;
     }
   }, [volume, isMuted]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const video = videoRef.current;
     if (!video) return;
     const onPlay = () => setIsPlaying(true);
@@ -23099,13 +23290,13 @@ var VideoPlayer = ({
       video.removeEventListener("ended", onEnded);
     };
   }, []);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const video = videoRef.current;
     if (!video) return;
     video.setAttribute("playsinline", "");
     video.setAttribute("webkit-playsinline", "");
   }, []);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (isPlaying) {
       showControlsWithTimer();
     } else {
@@ -23117,7 +23308,7 @@ var VideoPlayer = ({
       }
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const video = videoRef.current;
     if (!video) return;
     const handleFullscreenChange = () => {
@@ -23152,7 +23343,7 @@ var VideoPlayer = ({
       );
     };
   }, [showControlsWithTimer]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const init = () => {
       if (!isFullscreen) {
         showControlsWithTimer();
@@ -23174,7 +23365,7 @@ var VideoPlayer = ({
       };
     }
   }, []);
-  const getInitialTime = (0, import_react63.useCallback)(() => {
+  const getInitialTime = (0, import_react65.useCallback)(() => {
     if (!autoSave || !storageKey) {
       return Number.isFinite(initialTime) && initialTime >= 0 ? initialTime : void 0;
     }
@@ -23187,14 +23378,14 @@ var VideoPlayer = ({
     if (hasValidSaved) return saved;
     return void 0;
   }, [autoSave, storageKey, src, initialTime]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const start = getInitialTime();
     if (start !== void 0 && videoRef.current) {
       videoRef.current.currentTime = start;
       setCurrentTime(start);
     }
   }, [getInitialTime]);
-  const saveProgress = (0, import_react63.useCallback)(
+  const saveProgress = (0, import_react65.useCallback)(
     (time) => {
       if (!autoSave || !storageKey) return;
       const now = Date.now();
@@ -23205,7 +23396,7 @@ var VideoPlayer = ({
     },
     [autoSave, storageKey, src]
   );
-  const togglePlayPause = (0, import_react63.useCallback)(async () => {
+  const togglePlayPause = (0, import_react65.useCallback)(async () => {
     const video = videoRef.current;
     if (!video) return;
     if (!video.paused) {
@@ -23217,7 +23408,7 @@ var VideoPlayer = ({
     } catch {
     }
   }, []);
-  const handleVolumeChange = (0, import_react63.useCallback)(
+  const handleVolumeChange = (0, import_react65.useCallback)(
     (newVolume) => {
       const video = videoRef.current;
       if (!video) return;
@@ -23236,7 +23427,7 @@ var VideoPlayer = ({
     },
     [isMuted]
   );
-  const toggleMute = (0, import_react63.useCallback)(() => {
+  const toggleMute = (0, import_react65.useCallback)(() => {
     const video = videoRef.current;
     if (!video) return;
     if (isMuted) {
@@ -23250,20 +23441,20 @@ var VideoPlayer = ({
       setIsMuted(true);
     }
   }, [isMuted, volume]);
-  const handleSeek = (0, import_react63.useCallback)((newTime) => {
+  const handleSeek = (0, import_react65.useCallback)((newTime) => {
     const video = videoRef.current;
     if (video) {
       video.currentTime = newTime;
     }
   }, []);
-  const isSafariIOS = (0, import_react63.useCallback)(() => {
+  const isSafariIOS = (0, import_react65.useCallback)(() => {
     const ua = navigator.userAgent;
     const isIOS = /iPad|iPhone|iPod/.test(ua);
     const isWebKit = /WebKit/.test(ua);
     const isNotChrome = !/CriOS|Chrome/.test(ua);
     return isIOS && isWebKit && isNotChrome;
   }, []);
-  const toggleFullscreen = (0, import_react63.useCallback)(() => {
+  const toggleFullscreen = (0, import_react65.useCallback)(() => {
     const video = videoRef.current;
     const container = video?.parentElement;
     if (!video || !container) return;
@@ -23280,24 +23471,24 @@ var VideoPlayer = ({
       document.exitFullscreen();
     }
   }, [isFullscreen, isSafariIOS]);
-  const handleSpeedChange = (0, import_react63.useCallback)((speed) => {
+  const handleSpeedChange = (0, import_react65.useCallback)((speed) => {
     if (videoRef.current) {
       videoRef.current.playbackRate = speed;
       setPlaybackRate(speed);
       setShowSpeedMenu(false);
     }
   }, []);
-  const toggleSpeedMenu = (0, import_react63.useCallback)(() => {
+  const toggleSpeedMenu = (0, import_react65.useCallback)(() => {
     setShowSpeedMenu(!showSpeedMenu);
   }, [showSpeedMenu]);
-  const toggleCaptions = (0, import_react63.useCallback)(() => {
+  const toggleCaptions = (0, import_react65.useCallback)(() => {
     if (!trackRef.current?.track || !subtitles || subtitlesValidation !== "valid")
       return;
     const newShowCaptions = !showCaptions;
     setShowCaptions(newShowCaptions);
     trackRef.current.track.mode = newShowCaptions ? "showing" : "hidden";
   }, [showCaptions, subtitles, subtitlesValidation]);
-  const checkVideoCompletion = (0, import_react63.useCallback)(
+  const checkVideoCompletion = (0, import_react65.useCallback)(
     (progressPercent) => {
       if (progressPercent >= 95 && !hasCompleted) {
         setHasCompleted(true);
@@ -23306,7 +23497,7 @@ var VideoPlayer = ({
     },
     [hasCompleted, onVideoComplete]
   );
-  const handleTimeUpdate = (0, import_react63.useCallback)(() => {
+  const handleTimeUpdate = (0, import_react65.useCallback)(() => {
     const video = videoRef.current;
     if (!video) return;
     const current = video.currentTime;
@@ -23319,12 +23510,12 @@ var VideoPlayer = ({
       checkVideoCompletion(progressPercent);
     }
   }, [duration, saveProgress, onTimeUpdate, onProgress, checkVideoCompletion]);
-  const handleLoadedMetadata = (0, import_react63.useCallback)(() => {
+  const handleLoadedMetadata = (0, import_react65.useCallback)(() => {
     if (videoRef.current) {
       setDuration(videoRef.current.duration);
     }
   }, []);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const controller = new AbortController();
     const validateSubtitles = async () => {
       if (!subtitles) {
@@ -23371,12 +23562,12 @@ var VideoPlayer = ({
       controller.abort();
     };
   }, [subtitles]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (trackRef.current?.track) {
       trackRef.current.track.mode = showCaptions && subtitles && subtitlesValidation === "valid" ? "showing" : "hidden";
     }
   }, [subtitles, showCaptions, subtitlesValidation]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const handleVisibilityChange = () => {
       if (document.hidden && isPlaying && videoRef.current) {
         videoRef.current.pause();
@@ -23398,54 +23589,54 @@ var VideoPlayer = ({
     };
   }, [isPlaying, clearControlsTimeout]);
   const progressPercentage = duration > 0 ? currentTime / duration * 100 : 0;
-  const getIconSize2 = (0, import_react63.useCallback)(() => {
+  const getIconSize2 = (0, import_react65.useCallback)(() => {
     if (isTinyMobile) return 18;
     if (isUltraSmallMobile) return 20;
     return 24;
   }, [isTinyMobile, isUltraSmallMobile]);
-  const getControlsPadding = (0, import_react63.useCallback)(() => {
+  const getControlsPadding = (0, import_react65.useCallback)(() => {
     if (isTinyMobile) return "px-2 pb-2 pt-1";
     if (isUltraSmallMobile) return "px-3 pb-3 pt-1";
     return "px-4 pb-4";
   }, [isTinyMobile, isUltraSmallMobile]);
-  const getControlsGap = (0, import_react63.useCallback)(() => {
+  const getControlsGap = (0, import_react65.useCallback)(() => {
     if (isTinyMobile) return "gap-1";
     if (isUltraSmallMobile) return "gap-2";
     return "gap-4";
   }, [isTinyMobile, isUltraSmallMobile]);
-  const getProgressBarPadding = (0, import_react63.useCallback)(() => {
+  const getProgressBarPadding = (0, import_react65.useCallback)(() => {
     if (isTinyMobile) return "px-2 pb-1";
     if (isUltraSmallMobile) return "px-3 pb-1";
     return "px-4 pb-2";
   }, [isTinyMobile, isUltraSmallMobile]);
-  const getCenterPlayButtonPosition = (0, import_react63.useCallback)(() => {
+  const getCenterPlayButtonPosition = (0, import_react65.useCallback)(() => {
     if (isTinyMobile) return "items-center justify-center -translate-y-12";
     if (isUltraSmallMobile) return "items-center justify-center -translate-y-8";
     return "items-center justify-center";
   }, [isTinyMobile, isUltraSmallMobile]);
-  const getTopControlsOpacity = (0, import_react63.useCallback)(() => {
+  const getTopControlsOpacity = (0, import_react65.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const getBottomControlsOpacity = (0, import_react63.useCallback)(() => {
+  const getBottomControlsOpacity = (0, import_react65.useCallback)(() => {
     return showControls ? "opacity-100" : "opacity-0";
   }, [showControls]);
-  const seekBackward = (0, import_react63.useCallback)(() => {
+  const seekBackward = (0, import_react65.useCallback)(() => {
     if (videoRef.current) {
       videoRef.current.currentTime -= 10;
     }
   }, []);
-  const seekForward = (0, import_react63.useCallback)(() => {
+  const seekForward = (0, import_react65.useCallback)(() => {
     if (videoRef.current) {
       videoRef.current.currentTime += 10;
     }
   }, []);
-  const increaseVolume = (0, import_react63.useCallback)(() => {
+  const increaseVolume = (0, import_react65.useCallback)(() => {
     handleVolumeChange(Math.min(100, volume * 100 + 10));
   }, [handleVolumeChange, volume]);
-  const decreaseVolume = (0, import_react63.useCallback)(() => {
+  const decreaseVolume = (0, import_react65.useCallback)(() => {
     handleVolumeChange(Math.max(0, volume * 100 - 10));
   }, [handleVolumeChange, volume]);
-  const handleVideoKeyDown = (0, import_react63.useCallback)(
+  const handleVideoKeyDown = (0, import_react65.useCallback)(
     (e) => {
       if (!e.key) return;
       e.stopPropagation();
@@ -23480,10 +23671,10 @@ var VideoPlayer = ({
     ]
   );
   const groupedSubTitleValid = subtitles && subtitlesValidation === "valid";
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: cn("flex flex-col", className), children: [
-    (title || subtitleText) && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cn("flex flex-col", className), children: [
+    (title || subtitleText) && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           Text_default,
           {
             as: "h2",
@@ -23494,7 +23685,7 @@ var VideoPlayer = ({
             children: title
           }
         ),
-        subtitleText && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+        subtitleText && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           Text_default,
           {
             as: "p",
@@ -23506,7 +23697,7 @@ var VideoPlayer = ({
           }
         )
       ] }),
-      showDownloadButton && downloadContent && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      showDownloadButton && downloadContent && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         DownloadButton_default,
         {
           content: downloadContent,
@@ -23518,7 +23709,7 @@ var VideoPlayer = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
       "section",
       {
         className: cn(
@@ -23533,7 +23724,7 @@ var VideoPlayer = ({
         onTouchStart: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             "video",
             {
               ref: videoRef,
@@ -23548,7 +23739,7 @@ var VideoPlayer = ({
               onKeyDown: handleVideoKeyDown,
               tabIndex: 0,
               "aria-label": title ? `Video: ${title}` : "Video player",
-              children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "track",
                 {
                   ref: trackRef,
@@ -23561,17 +23752,17 @@ var VideoPlayer = ({
               )
             }
           ),
-          !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             "div",
             {
               className: cn(
                 "absolute inset-0 flex bg-black/30 transition-opacity",
                 getCenterPlayButtonPosition()
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 IconButton_default,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_phosphor_react50.Play, { size: 32, weight: "regular", className: "ml-1" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_phosphor_react50.Play, { size: 32, weight: "regular", className: "ml-1" }),
                   onClick: togglePlayPause,
                   "aria-label": "Play video",
                   className: "!bg-transparent !text-white !w-auto !h-auto hover:!bg-transparent hover:!text-gray-200"
@@ -23579,17 +23770,17 @@ var VideoPlayer = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             "div",
             {
               className: cn(
                 "absolute top-0 left-0 right-0 p-4 bg-gradient-to-b from-black/70 to-transparent transition-opacity",
                 getTopControlsOpacity()
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 IconButton_default,
                 {
-                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_phosphor_react50.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_phosphor_react50.ArrowsOutSimple, { size: 24 }),
+                  icon: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_phosphor_react50.ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_phosphor_react50.ArrowsOutSimple, { size: 24 }),
                   onClick: toggleFullscreen,
                   "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
                   className: "!bg-transparent !text-white hover:!bg-white/20"
@@ -23597,7 +23788,7 @@ var VideoPlayer = ({
               ) })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
             "div",
             {
               className: cn(
@@ -23605,7 +23796,7 @@ var VideoPlayer = ({
                 getBottomControlsOpacity()
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                   ProgressBar2,
                   {
                     currentTime,
@@ -23615,7 +23806,7 @@ var VideoPlayer = ({
                     className: getProgressBarPadding()
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
                   "div",
                   {
                     className: cn(
@@ -23623,17 +23814,17 @@ var VideoPlayer = ({
                       getControlsPadding()
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: cn("flex items-center", getControlsGap()), children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cn("flex items-center", getControlsGap()), children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                           IconButton_default,
                           {
-                            icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_phosphor_react50.Pause, { size: getIconSize2() }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_phosphor_react50.Play, { size: getIconSize2() }),
+                            icon: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_phosphor_react50.Pause, { size: getIconSize2() }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_phosphor_react50.Play, { size: getIconSize2() }),
                             onClick: togglePlayPause,
                             "aria-label": isPlaying ? "Pause" : "Play",
                             className: "!bg-transparent !text-white hover:!bg-white/20"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                           VolumeControls,
                           {
                             volume,
@@ -23644,10 +23835,10 @@ var VideoPlayer = ({
                             showSlider: !isUltraSmallMobile
                           }
                         ),
-                        groupedSubTitleValid && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                        groupedSubTitleValid && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                           IconButton_default,
                           {
-                            icon: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_phosphor_react50.ClosedCaptioning, { size: getIconSize2() }),
+                            icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_phosphor_react50.ClosedCaptioning, { size: getIconSize2() }),
                             onClick: toggleCaptions,
                             "aria-label": showCaptions ? "Hide captions" : "Show captions",
                             className: cn(
@@ -23656,13 +23847,13 @@ var VideoPlayer = ({
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
                           formatTime2(currentTime),
                           " / ",
                           formatTime2(duration)
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                         SpeedMenu,
                         {
                           showSpeedMenu,
@@ -23688,9 +23879,9 @@ var VideoPlayer = ({
 var VideoPlayer_default = VideoPlayer;
 
 // src/components/Whiteboard/Whiteboard.tsx
-var import_react64 = require("react");
+var import_react66 = require("react");
 var import_phosphor_react51 = require("phosphor-react");
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var IMAGE_WIDTH = 225;
 var IMAGE_HEIGHT = 90;
 var Whiteboard = ({
@@ -23701,8 +23892,8 @@ var Whiteboard = ({
   imagesPerRow = 2,
   ...rest
 }) => {
-  const [imageErrors, setImageErrors] = (0, import_react64.useState)(/* @__PURE__ */ new Set());
-  const handleDownload = (0, import_react64.useCallback)(
+  const [imageErrors, setImageErrors] = (0, import_react66.useState)(/* @__PURE__ */ new Set());
+  const handleDownload = (0, import_react66.useCallback)(
     (image) => {
       if (onDownload) {
         onDownload(image);
@@ -23719,7 +23910,7 @@ var Whiteboard = ({
     },
     [onDownload]
   );
-  const handleImageError = (0, import_react64.useCallback)((imageId) => {
+  const handleImageError = (0, import_react66.useCallback)((imageId) => {
     setImageErrors((prev) => new Set(prev).add(imageId));
   }, []);
   const gridColsClass = images?.length === 1 ? "grid-cols-1" : {
@@ -23728,7 +23919,7 @@ var Whiteboard = ({
     4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
   }[imagesPerRow];
   if (!images || images.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
       "div",
       {
         className: cn(
@@ -23736,11 +23927,11 @@ var Whiteboard = ({
           className
         ),
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     "div",
     {
       className: cn(
@@ -23748,7 +23939,7 @@ var Whiteboard = ({
         className
       ),
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
         "div",
         {
           className: "relative group overflow-hidden bg-gray-100 rounded-lg",
@@ -23756,7 +23947,7 @@ var Whiteboard = ({
             width: `${IMAGE_WIDTH}px`
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
               "div",
               {
                 className: "relative",
@@ -23764,8 +23955,8 @@ var Whiteboard = ({
                   width: `${IMAGE_WIDTH}px`,
                   height: `${IMAGE_HEIGHT}px`
                 },
-                children: imageErrors.has(image.id) ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+                children: imageErrors.has(image.id) ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_jsx_runtime112.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
                     "img",
                     {
                       src: image.imageUrl,
@@ -23775,18 +23966,18 @@ var Whiteboard = ({
                       onError: () => handleImageError(image.id)
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
+                  /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
                 ] })
               }
             ),
-            showDownload && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+            showDownload && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
               "button",
               {
                 type: "button",
                 onClick: () => handleDownload(image),
                 className: "cursor-pointer absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6",
                 "aria-label": `Download ${image.title || "imagem"}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
                   import_phosphor_react51.ArrowsOut,
                   {
                     size: 24,
@@ -23805,201 +23996,6 @@ var Whiteboard = ({
 };
 var Whiteboard_default = Whiteboard;
 
-// src/components/Auth/Auth.tsx
-var import_react66 = require("react");
-var import_react_router_dom4 = require("react-router-dom");
-
-// src/components/Auth/useTokenInUrl.ts
-var import_react65 = require("react");
-var import_react_router_dom3 = require("react-router-dom");
-function useTokenInUrl() {
-  const location = (0, import_react_router_dom3.useLocation)();
-  const hasTokenInUrl = (0, import_react65.useMemo)(() => {
-    const searchParams = new URLSearchParams(location.search);
-    const token = searchParams.get("token");
-    const refreshToken = searchParams.get("refreshToken");
-    const sessionId = searchParams.get("sessionId");
-    return !!(token && refreshToken && sessionId);
-  }, [location.search]);
-  return { hasTokenInUrl };
-}
-
-// src/components/Auth/Auth.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
-var AuthContext = (0, import_react66.createContext)(void 0);
-var AuthProvider = ({
-  children,
-  checkAuthFn,
-  signOutFn,
-  initialAuthState = {},
-  getUserFn,
-  getSessionFn,
-  getTokensFn
-}) => {
-  const [authState, setAuthState] = (0, import_react66.useState)({
-    isAuthenticated: false,
-    isLoading: true,
-    ...initialAuthState
-  });
-  const checkAuth = (0, import_react66.useCallback)(async () => {
-    try {
-      setAuthState((prev) => ({ ...prev, isLoading: true }));
-      if (!checkAuthFn) {
-        setAuthState((prev) => ({
-          ...prev,
-          isAuthenticated: false,
-          isLoading: false
-        }));
-        return false;
-      }
-      const isAuth = await checkAuthFn();
-      setAuthState((prev) => ({
-        ...prev,
-        isAuthenticated: isAuth,
-        isLoading: false,
-        user: getUserFn ? getUserFn() : prev.user,
-        sessionInfo: getSessionFn ? getSessionFn() : prev.sessionInfo,
-        tokens: getTokensFn ? getTokensFn() : prev.tokens
-      }));
-      return isAuth;
-    } catch (error) {
-      console.error("Erro ao verificar autentica\xE7\xE3o:", error);
-      setAuthState((prev) => ({
-        ...prev,
-        isAuthenticated: false,
-        isLoading: false
-      }));
-      return false;
-    }
-  }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);
-  const signOut = (0, import_react66.useCallback)(() => {
-    if (signOutFn) {
-      signOutFn();
-    }
-    setAuthState((prev) => ({
-      ...prev,
-      isAuthenticated: false,
-      user: void 0,
-      sessionInfo: void 0,
-      tokens: void 0
-    }));
-  }, [signOutFn]);
-  (0, import_react66.useEffect)(() => {
-    checkAuth();
-  }, [checkAuth]);
-  const contextValue = (0, import_react66.useMemo)(
-    () => ({
-      ...authState,
-      checkAuth,
-      signOut
-    }),
-    [authState, checkAuth, signOut]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(AuthContext.Provider, { value: contextValue, children });
-};
-var useAuth = () => {
-  const context = (0, import_react66.useContext)(AuthContext);
-  if (context === void 0) {
-    throw new Error("useAuth deve ser usado dentro de um AuthProvider");
-  }
-  return context;
-};
-var ProtectedRoute = ({
-  children,
-  redirectTo = "/",
-  loadingComponent,
-  additionalCheck
-}) => {
-  const { isAuthenticated, isLoading, ...authState } = useAuth();
-  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
-  if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_jsx_runtime112.Fragment, { children: loadingComponent || defaultLoadingComponent });
-  }
-  if (!isAuthenticated) {
-    if (typeof window !== "undefined") {
-      const rootDomain = getRootDomain();
-      const currentLocation = `${window.location.protocol}//${window.location.hostname}${window.location.port ? ":" + window.location.port : ""}`;
-      if (rootDomain !== currentLocation) {
-        window.location.href = rootDomain;
-        return null;
-      }
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_router_dom4.Navigate, { to: redirectTo, replace: true });
-  }
-  if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
-    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_router_dom4.Navigate, { to: redirectTo, replace: true });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_jsx_runtime112.Fragment, { children });
-};
-var PublicRoute = ({
-  children,
-  redirectTo = "/painel",
-  redirectIfAuthenticated = false,
-  checkAuthBeforeRender = false,
-  tokenValidationComponent
-}) => {
-  const { isAuthenticated, isLoading } = useAuth();
-  const { hasTokenInUrl } = useTokenInUrl();
-  if (hasTokenInUrl && tokenValidationComponent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_jsx_runtime112.Fragment, { children: tokenValidationComponent });
-  }
-  if (checkAuthBeforeRender && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
-  }
-  if (isAuthenticated && redirectIfAuthenticated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_router_dom4.Navigate, { to: redirectTo, replace: true });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_jsx_runtime112.Fragment, { children });
-};
-var withAuth = (Component, options = {}) => {
-  return (props) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Component, { ...props }) });
-};
-var useAuthGuard = (options = {}) => {
-  const authState = useAuth();
-  const { requireAuth = true, customCheck } = options;
-  const canAccess = !authState.isLoading && (requireAuth ? authState.isAuthenticated && (!customCheck || customCheck(authState)) : !authState.isAuthenticated || !customCheck || customCheck(authState));
-  return {
-    canAccess,
-    isLoading: authState.isLoading,
-    authState
-  };
-};
-var useRouteAuth = (fallbackPath = "/") => {
-  const { isAuthenticated, isLoading } = useAuth();
-  const location = (0, import_react_router_dom4.useLocation)();
-  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_router_dom4.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
-  return {
-    isAuthenticated,
-    isLoading,
-    redirectToLogin
-  };
-};
-var getRootDomain = () => {
-  const { hostname, protocol, port } = window.location;
-  const portStr = port ? ":" + port : "";
-  if (hostname === "localhost") {
-    return `${protocol}//${hostname}${portStr}`;
-  }
-  const isIPv4 = /^\d{1,3}(?:\.\d{1,3}){3}$/.test(hostname);
-  const isIPv6 = hostname.includes(":");
-  if (isIPv4 || isIPv6) {
-    return `${protocol}//${hostname}${portStr}`;
-  }
-  const parts = hostname.split(".");
-  if (parts.length >= 3 && parts[parts.length - 2] === "com" && parts[parts.length - 1] === "br") {
-    if (parts.length === 3) {
-      return `${protocol}//${hostname}${portStr}`;
-    }
-    const base = parts.slice(-3).join(".");
-    return `${protocol}//${base}${portStr}`;
-  }
-  if (parts.length > 2) {
-    const base = parts.slice(-2).join(".");
-    return `${protocol}//${base}${portStr}`;
-  }
-  return `${protocol}//${hostname}${portStr}`;
-};
-
 // src/components/Auth/zustandAuthAdapter.ts
 function createZustandAuthAdapter(useAuthStore2) {
   return {