@goralys/ui 0.1.2 → 0.2.0

package/dist/index.js

@@ -227,7 +227,7 @@ function FloatingInput({
         /* @__PURE__ */ jsx6(
           "span",
           {
-            className: "\n              pointer-events-none\n              absolute left-0 bottom-0 h-0.5 w-full\n              origin-left\n              bg-sky-500\n              transition-transform duration-250\n              group-focus-within:scale-x-100\n              "
+            className: "\n              pointer-events-none\n              absolute left-0 bottom-0 h-0.5 w-full\n              origin-left scale-x-0\n              bg-sky-500\n              transition-transform duration-250\n              group-focus-within:scale-x-100\n              "
           }
         ),
         /* @__PURE__ */ jsx6(
@@ -307,7 +307,7 @@ function AuditActionCard({ actions }) {
 import { buildApiUrl, fetchCsrfClient, goralysFetchClient, handleToastRequest, parsePhpDateTime as parsePhpDateTime2 } from "@goralys/core";
 
 // src/ui/toast/toast-provider.tsx
-import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect4, useMemo as useMemo2, useState as useState4 } from "react";
+import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect4, useMemo as useMemo2, useRef, useState as useState4 } from "react";
 
 // src/ui/toast/toast-element.tsx
 import { clsx as clsx3 } from "clsx";
@@ -357,7 +357,11 @@ import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 var ToastContext = createContext2(null);
 function ToastProvider({ children }) {
   const [toast, setToast] = useState4(null);
+  const toastRef = useRef(toast);
   const [visible, setVisible] = useState4(false);
+  useEffect4(() => {
+    toastRef.current = toast;
+  }, [toast]);
   const cacheToast = useCallback2((toastInput, duration = 5500) => {
     if (!toastInput.expires) toastInput.expires = Date.now() + duration;
     storageSet(FLASH_TOAST_KEY, JSON.stringify(toastInput));
@@ -366,12 +370,13 @@ function ToastProvider({ children }) {
     (toastInput, animate = true, duration = 5500) => {
       cacheToast(toastInput, duration);
       if (!toastInput.expires) toastInput.expires = Date.now() + duration;
-      if (toastInput.expires === toast?.expires) return;
+      if (toastInput.expires === toastRef.current?.expires) return;
+      toastRef.current = toastInput;
       setToast(toastInput);
       setVisible(!animate);
       if (animate) requestAnimationFrame(() => setVisible(true));
     },
-    [cacheToast, toast]
+    [cacheToast]
   );
   useEffect4(() => {
     if (!toast || !toast.expires) return;
@@ -403,10 +408,10 @@ import { createContext as createContext3, useCallback as useCallback3, useContex
 // src/ui/modals/confirm/confirm-element.tsx
 import { clsx as clsx4 } from "clsx";
 import { QuestionMarkCircleIcon } from "@heroicons/react/24/outline";
-import { useRef } from "react";
+import { useRef as useRef2 } from "react";
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function ConfirmElement({ title, message, visible, onConfirmAction, onCancelAction }) {
-  const modalRef = useRef(null);
+  const modalRef = useRef2(null);
   useModalClose(modalRef, visible, onCancelAction);
   return /* @__PURE__ */ jsxs7(
     "div",
@@ -556,11 +561,11 @@ import { createContext as createContext4, useCallback as useCallback4, useContex
 // src/ui/modals/password/password-modal-element.tsx
 import { LockClosedIcon } from "@heroicons/react/16/solid";
 import { clsx as clsx5 } from "clsx";
-import { useRef as useRef2, useState as useState6 } from "react";
+import { useRef as useRef3, useState as useState6 } from "react";
 import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function PasswordModalElement({ visible, onConfirmAction, onCancelAction, onCloseModalAction, message }) {
   const [password, setPassword] = useState6("");
-  const modalRef = useRef2(null);
+  const modalRef = useRef3(null);
   useModalClose(modalRef, visible, onCloseModalAction);
   const onConfirm = () => {
     onConfirmAction(password);
@@ -1176,14 +1181,14 @@ function CookieBanner() {
 }
 
 // src/ui/basic/goralys-logo-loader.tsx
-import { useEffect as useEffect9, useRef as useRef3 } from "react";
+import { useEffect as useEffect9, useRef as useRef4 } from "react";
 import { LOGO_PATH } from "@goralys/core";
 import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function GoralysLogoLoader() {
-  const mainPathRef = useRef3(null);
-  const eyePathRef = useRef3(null);
-  const mainColorRef = useRef3(null);
-  const eyeColorRef = useRef3(null);
+  const mainPathRef = useRef4(null);
+  const eyePathRef = useRef4(null);
+  const mainColorRef = useRef4(null);
+  const eyeColorRef = useRef4(null);
   useEffect9(() => {
     [mainPathRef, eyePathRef, mainColorRef, eyeColorRef].forEach((ref) => {
       const path = ref.current;
@@ -1616,6 +1621,7 @@ import { ArrowDownTrayIcon } from "@heroicons/react/24/outline";
 import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 function SubjectInputTeacher({ id, label, helper, subjectData, onChangeAction }) {
   helper = getStatusHelper3(subjectData.status, "teacher");
+  const { showToast } = useToast();
   const initialValue = subjectData.status == "rejected" ? subjectData.lastRejected ?? "" : subjectData.subject ?? "";
   const MAX_CHARS = 250;
   const handleOnChange = (e) => {
@@ -1625,6 +1631,14 @@ function SubjectInputTeacher({ id, label, helper, subjectData, onChangeAction })
   };
   const getDraft = () => {
     const cfg = getGoralysClientConfig();
+    if (cfg.isNative) {
+      showToast({
+        type: "info",
+        title: "Brouillon",
+        message: "Veuillez utiliser un ordinateur pour t\xE9l\xE9charger le brouillon d'un \xE9l\xE8ve."
+      });
+      return;
+    }
     window.location.href = buildApiUrl2(
       "subjects/draft",
       {
@@ -1778,12 +1792,12 @@ import { createContext as createContext5, useCallback as useCallback5, useContex
 
 // src/ui/modals/drafts/draft-modal-element.tsx
 import { clsx as clsx10 } from "clsx";
-import { useRef as useRef4, useState as useState18 } from "react";
+import { useRef as useRef5, useState as useState18 } from "react";
 import { QuestionMarkCircleIcon as QuestionMarkCircleIcon2 } from "@heroicons/react/24/outline";
 import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function DraftModalElement({ visible, onChooseDraftAction, onCancelAction, onCloseModalAction }) {
   const [draftFile, setDraftFile] = useState18(null);
-  const modalRef = useRef4(null);
+  const modalRef = useRef5(null);
   useModalClose(modalRef, visible, onCloseModalAction);
   const onConfirm = () => {
     onChooseDraftAction(draftFile);
@@ -1902,12 +1916,12 @@ import { createContext as createContext6, useCallback as useCallback6, useContex
 
 // src/ui/modals/import-topics/import-topics-modal-element.tsx
 import { clsx as clsx11 } from "clsx";
-import { useRef as useRef5, useState as useState20 } from "react";
+import { useRef as useRef6, useState as useState20 } from "react";
 import { QuestionMarkCircleIcon as QuestionMarkCircleIcon3 } from "@heroicons/react/24/outline";
 import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
 function ImportTopicsModalElement({ visible, onImportTopicsAction, onCancelAction, onCloseModalAction }) {
   const [topicsFile, setTopicsFile] = useState20(null);
-  const modalRef = useRef5(null);
+  const modalRef = useRef6(null);
   useModalClose(modalRef, visible, onCloseModalAction);
   const onConfirm = () => {
     onImportTopicsAction(topicsFile);
@@ -2026,12 +2040,12 @@ import { createContext as createContext7, useCallback as useCallback7, useContex
 
 // src/ui/modals/email/email-modal-element.tsx
 import { clsx as clsx12 } from "clsx";
-import { useRef as useRef6, useState as useState22 } from "react";
+import { useRef as useRef7, useState as useState22 } from "react";
 import { AtSymbolIcon } from "@heroicons/react/24/outline";
 import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
 function EmailModalElement({ visible, onConfirmAction, onCancelAction, onCloseModalAction, message }) {
   const [email, setEmail] = useState22("");
-  const modalRef = useRef6(null);
+  const modalRef = useRef7(null);
   useModalClose(modalRef, visible, onCloseModalAction);
   const onConfirm = () => {
     onConfirmAction(email);
@@ -2163,31 +2177,150 @@ function useEmailModal() {
   return context;
 }
 
+// src/ui/modals/auth-token/confirm-token-provider.tsx
+import { createContext as createContext8, useCallback as useCallback8, useContext as useContext8, useMemo as useMemo8, useState as useState25 } from "react";
+import { createPortal as createPortal7 } from "react-dom";
+
+// src/ui/modals/auth-token/confirm-token-element.tsx
+import { clsx as clsx13 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon4 } from "@heroicons/react/24/outline";
+import { useRef as useRef8, useState as useState24 } from "react";
+import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+function ConfirmTokenElement({ savedUsername, visible, onConfirmAction, onCancelAction }) {
+  const [doNotAskAgain, setDoNotAskAgain] = useState24(true);
+  const modalRef = useRef8(null);
+  useModalClose(modalRef, visible, onCancelAction);
+  return /* @__PURE__ */ jsxs37(
+    "div",
+    {
+      ref: modalRef,
+      className: clsx13(
+        "fixed flex flex-col gap-2 p-3 sm:w-115 w-96 bg-sky-200 rounded shadow overflow-hidden left-1/2 -translate-x-1/2 top-1 ",
+        "after:absolute after:left-0 after:top-0 after:h-full after:w-1.25 after:content-[''] after:bg-blue-500",
+        "transition-all duration-500 z-50 ",
+        {
+          "translate-y-0 opacity-100": visible,
+          "-translate-y-5 opacity-0": !visible
+        }
+      ),
+      role: "dialog",
+      "aria-modal": "true",
+      children: [
+        /* @__PURE__ */ jsxs37("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsx42("div", { className: "w-11 h-11 flex self-center items-center justify-center", children: /* @__PURE__ */ jsx42(QuestionMarkCircleIcon4, { className: "size-15 text-blue-500" }) }),
+          /* @__PURE__ */ jsxs37("div", { className: "flex flex-col justify-center flex-1", children: [
+            /* @__PURE__ */ jsx42("strong", { className: "text-md", children: "Connexion" }),
+            /* @__PURE__ */ jsxs37("span", { className: "text-sm", children: [
+              "Voulez-vous utiliser le compte sauvegard\xE9 (",
+              savedUsername,
+              ") pour vous connecter ?"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx42(Checkbox, { label: "Ne plus me demander", setValueAction: setDoNotAskAgain, defaultValue: doNotAskAgain }),
+        /* @__PURE__ */ jsxs37("div", { className: "flex justify-between gap-2 mt-2", children: [
+          /* @__PURE__ */ jsx42(
+            Button,
+            {
+              className: "bg-gray-400! before:bg-gray-500! text-white! border-none! shadow-none! mt-0! mb-0! w-25!",
+              text: "Annuler",
+              type: "button",
+              onClick: onCancelAction
+            }
+          ),
+          /* @__PURE__ */ jsx42(
+            Button,
+            {
+              className: "bg-blue-500! before:bg-blue-600! text-white! border-none! shadow-none! mt-0! mb-0! w-25!",
+              text: "Confirmer",
+              type: "button",
+              onClick: () => onConfirmAction(!doNotAskAgain)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/modals/auth-token/confirm-token-provider.tsx
+import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
+var ConfirmTokenContext = createContext8(null);
+function ConfirmTokenProvider({ children }) {
+  const [confirmState, setConfirmState] = useState25(null);
+  const [visible, setVisible] = useState25(false);
+  const showConfirmToken = useCallback8((username) => {
+    return new Promise((resolve) => {
+      setConfirmState({ username, resolve });
+      setVisible(false);
+      requestAnimationFrame(() => setVisible(true));
+    });
+  }, []);
+  function handleConfirm(askAgain) {
+    setVisible(false);
+    setTimeout(() => {
+      confirmState?.resolve({ confirm: true, askAgain });
+      setConfirmState(null);
+    }, 500);
+  }
+  function handleCancel() {
+    setVisible(false);
+    setTimeout(() => {
+      confirmState?.resolve({ confirm: false, askAgain: false });
+      setConfirmState(null);
+    }, 500);
+  }
+  const value = useMemo8(() => ({ showConfirmToken }), [showConfirmToken]);
+  return /* @__PURE__ */ jsxs38(ConfirmTokenContext.Provider, { value, children: [
+    children,
+    confirmState && typeof document !== "undefined" && createPortal7(
+      /* @__PURE__ */ jsx43("div", { className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-sm", children: /* @__PURE__ */ jsx43(
+        ConfirmTokenElement,
+        {
+          savedUsername: confirmState.username,
+          visible,
+          onConfirmAction: handleConfirm,
+          onCancelAction: handleCancel
+        }
+      ) }),
+      document.getElementById("confirm-token-root")
+    )
+  ] });
+}
+function useConfirmToken() {
+  const context = useContext8(ConfirmTokenContext);
+  if (!context) {
+    throw new Error("useConfirmToken must be used within a ConfirmTokenProvider");
+  }
+  return context;
+}
+
 // src/ui/modals/providers.tsx
-import { Fragment as Fragment6, jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
 function Providers({ children }) {
-  return /* @__PURE__ */ jsxs37(Fragment6, { children: [
-    /* @__PURE__ */ jsx42("div", { id: "toast-root" }),
-    /* @__PURE__ */ jsx42("div", { id: "confirm-root" }),
-    /* @__PURE__ */ jsx42("div", { id: "draft-modal-root" }),
-    /* @__PURE__ */ jsx42("div", { id: "import-topics-modal-root" }),
-    /* @__PURE__ */ jsx42("div", { id: "password-modal-root" }),
-    /* @__PURE__ */ jsx42("div", { id: "email-modal-root" }),
-    /* @__PURE__ */ jsx42(ToastProvider, { children: /* @__PURE__ */ jsx42(ConfirmProvider, { children: /* @__PURE__ */ jsx42(DraftModalProvider, { children: /* @__PURE__ */ jsx42(ImportTopicsModalProvider, { children: /* @__PURE__ */ jsx42(EmailModalProvider, { children: /* @__PURE__ */ jsx42(PasswordModalProvider, { children }) }) }) }) }) })
+  return /* @__PURE__ */ jsxs39(Fragment6, { children: [
+    /* @__PURE__ */ jsx44("div", { id: "toast-root" }),
+    /* @__PURE__ */ jsx44("div", { id: "confirm-root" }),
+    /* @__PURE__ */ jsx44("div", { id: "confirm-token-root" }),
+    /* @__PURE__ */ jsx44("div", { id: "draft-modal-root" }),
+    /* @__PURE__ */ jsx44("div", { id: "import-topics-modal-root" }),
+    /* @__PURE__ */ jsx44("div", { id: "password-modal-root" }),
+    /* @__PURE__ */ jsx44("div", { id: "email-modal-root" }),
+    /* @__PURE__ */ jsx44(ToastProvider, { children: /* @__PURE__ */ jsx44(ConfirmProvider, { children: /* @__PURE__ */ jsx44(ConfirmTokenProvider, { children: /* @__PURE__ */ jsx44(DraftModalProvider, { children: /* @__PURE__ */ jsx44(ImportTopicsModalProvider, { children: /* @__PURE__ */ jsx44(EmailModalProvider, { children: /* @__PURE__ */ jsx44(PasswordModalProvider, { children }) }) }) }) }) }) })
   ] });
 }
 
 // src/ui/nav/desktop/nav-link.tsx
-import { clsx as clsx13 } from "clsx";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { clsx as clsx14 } from "clsx";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function NavLink({ name, url, exact = false }) {
   const Link = useGoralysUI().Link;
   const current = useGoralysUI().usePathname();
   const isActive = exact || url === "/" ? current === url : current === url || current.startsWith(`${url}/`);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     Link,
     {
-      className: clsx13(
+      className: clsx14(
         "hover:bg-sky-200 h-12.5 w-full items-center flex flex-row hover:text-sky-600 left-1 rounded-md transition-colors p-2",
         {
           "bg-sky-200 text-sky-600": isActive,
@@ -2201,15 +2334,15 @@ function NavLink({ name, url, exact = false }) {
 }
 
 // src/ui/nav/desktop/user-nav.tsx
-import { useEffect as useEffect10, useState as useState24 } from "react";
+import { useEffect as useEffect10, useState as useState26 } from "react";
 import { cookiesGet as cookiesGet3, emptyUserCacheClient, FULL_NAME_KEY, onUserEvent, USERNAME_KEY } from "@goralys/core";
 import { UserCircleIcon } from "@heroicons/react/24/outline";
-import clsx14 from "clsx";
-import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
+import clsx15 from "clsx";
+import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
 function UserNav() {
   const Link = useGoralysUI().Link;
-  const [text, setText] = useState24(null);
-  const [loggedIn, setLoggedIn] = useState24(false);
+  const [text, setText] = useState26(null);
+  const [loggedIn, setLoggedIn] = useState26(false);
   const current = useGoralysUI().usePathname();
   const targetUrl = loggedIn ? "/user/me" : "/user/login";
   const isActive = current === targetUrl || current.startsWith(`${targetUrl}/`);
@@ -2238,10 +2371,10 @@ function UserNav() {
       unsubscribe?.();
     };
   }, []);
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs40(
     Link,
     {
-      className: clsx14(
+      className: clsx15(
         "h-12.5 w-full flex items-center gap-2 rounded-md transition-colors p-1.5",
         "hover:bg-sky-200 hover:text-sky-600",
         {
@@ -2251,7 +2384,7 @@ function UserNav() {
       ),
       href: targetUrl,
       children: [
-        loggedIn && /* @__PURE__ */ jsx44(UserCircleIcon, { width: 27.5, className: "-mr-1.25" }),
+        loggedIn && /* @__PURE__ */ jsx46(UserCircleIcon, { width: 27.5, className: "-mr-1.25" }),
         text
       ]
     }
@@ -2259,12 +2392,12 @@ function UserNav() {
 }
 
 // src/ui/nav/desktop/side-nav.tsx
-import { useEffect as useEffect11, useState as useState25 } from "react";
+import { useEffect as useEffect11, useState as useState27 } from "react";
 import { buildArray, cookiesGet as cookiesGet4, cookiesOnChange, ROLE_KEY, USER_ROLES } from "@goralys/core";
-import { jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs41 } from "react/jsx-runtime";
 function SideNav() {
   const Image = useGoralysUI().Image;
-  const [role, setRole] = useState25("none");
+  const [role, setRole] = useState27("none");
   useEffect11(() => {
     const run = () => {
       const current = cookiesGet4(ROLE_KEY) ?? "none";
@@ -2296,8 +2429,8 @@ function SideNav() {
     role == "admin" && { name: "Acc\xE8s", url: "/admin/admins" },
     role == "admin" && { name: "Support", url: "/support" }
   );
-  return /* @__PURE__ */ jsxs39("div", { className: "min-w-50 w-55 h-auto min-h-screen fixed top-0 flex flex-col m-0 p-2 rounded-xl", children: [
-    /* @__PURE__ */ jsx45("div", { className: "flex rounded-md min-w-full h-25 bg-sky-500 mb-2 p-4", children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs41("div", { className: "min-w-50 w-55 h-auto min-h-screen fixed top-0 flex flex-col m-0 p-2 rounded-xl", children: [
+    /* @__PURE__ */ jsx47("div", { className: "flex rounded-md min-w-full h-25 bg-sky-500 mb-2 p-4", children: /* @__PURE__ */ jsx47(
       Image,
       {
         src: "/logo/goralys-logo.svg",
@@ -2309,31 +2442,32 @@ function SideNav() {
         className: "-ml-3 self-center w-auto h-auto"
       }
     ) }),
-    /* @__PURE__ */ jsx45("div", { className: "flex flex-col gap-2", children: links.map((link) => /* @__PURE__ */ jsx45(NavLink, { name: link.name, url: link.url }, link.url)) }),
-    /* @__PURE__ */ jsx45("div", { className: "grow bg-gray-100 rounded-xl my-3" }),
-    /* @__PURE__ */ jsx45(NavLink, { name: "Centre d'Aide", url: "/help" }, "/help"),
-    /* @__PURE__ */ jsx45(UserNav, {})
+    /* @__PURE__ */ jsx47("div", { className: "flex flex-col gap-2", children: links.map((link) => /* @__PURE__ */ jsx47(NavLink, { name: link.name, url: link.url }, link.url)) }),
+    /* @__PURE__ */ jsx47("div", { className: "grow bg-gray-100 rounded-xl my-3" }),
+    /* @__PURE__ */ jsx47(NavLink, { name: "Centre d'Aide", url: "/help" }, "/help"),
+    /* @__PURE__ */ jsx47(UserNav, {})
   ] });
 }
 
 // src/ui/nav/mobile/tap-bar.tsx
-import { buildArray as buildArray2 } from "@goralys/core";
+import { useEffect as useEffect13, useState as useState29 } from "react";
+import { buildArray as buildArray2, cookiesGet as cookiesGet6, cookiesOnChange as cookiesOnChange2, ROLE_KEY as ROLE_KEY2, USER_ROLES as USER_ROLES2 } from "@goralys/core";
 import { AcademicCapIcon as AcademicCapIcon2, HomeIcon } from "@heroicons/react/24/outline";
 
 // src/ui/nav/mobile/tap-bar-link.tsx
-import { clsx as clsx15 } from "clsx";
-import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
+import { clsx as clsx16 } from "clsx";
+import { jsx as jsx48, jsxs as jsxs42 } from "react/jsx-runtime";
 function TapBarLink({ name, url, icon: Icon, exact = false }) {
   const Link = useGoralysUI().Link;
   const current = useGoralysUI().usePathname();
   const isActive = exact || url === "/" ? current === url : current === url || current.startsWith(`${url}/`);
-  return /* @__PURE__ */ jsxs40(Link, { className: "flex flex-col w-15 items-center", href: url, children: [
-    /* @__PURE__ */ jsx46(Icon, { className: "w-6 h-6 relative top-1" }),
-    /* @__PURE__ */ jsx46("p", { className: "text-sm", children: name }),
-    /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsxs42(Link, { className: "flex flex-col w-20 items-center", href: url, children: [
+    /* @__PURE__ */ jsx48(Icon, { className: "w-6 h-6 relative top-1" }),
+    /* @__PURE__ */ jsx48("p", { className: "text-sm", children: name }),
+    /* @__PURE__ */ jsx48(
       "span",
       {
-        className: clsx15("relative bottom-0 w-full h-0.5", {
+        className: clsx16("relative bottom-0 w-full h-0.5", {
           "bg-sky-400": isActive,
           "bg-sky-200": !isActive
         })
@@ -2343,15 +2477,15 @@ function TapBarLink({ name, url, icon: Icon, exact = false }) {
 }
 
 // src/ui/nav/mobile/tap-bar-user.tsx
-import { useEffect as useEffect12, useState as useState26 } from "react";
+import { useEffect as useEffect12, useState as useState28 } from "react";
 import { cookiesGet as cookiesGet5, emptyUserCacheClient as emptyUserCacheClient2, onUserEvent as onUserEvent2, USERNAME_KEY as USERNAME_KEY2 } from "@goralys/core";
 import { UserCircleIcon as UserCircleIcon2 } from "@heroicons/react/24/outline";
-import clsx16 from "clsx";
-import { jsx as jsx47, jsxs as jsxs41 } from "react/jsx-runtime";
+import clsx17 from "clsx";
+import { jsx as jsx49, jsxs as jsxs43 } from "react/jsx-runtime";
 function TapBarUser() {
   const Link = useGoralysUI().Link;
-  const [text, setText] = useState26(null);
-  const [loggedIn, setLoggedIn] = useState26(false);
+  const [text, setText] = useState28(null);
+  const [loggedIn, setLoggedIn] = useState28(false);
   const current = useGoralysUI().usePathname();
   const targetUrl = loggedIn ? "/user/me" : "/user/login";
   const isActive = current === targetUrl || current.startsWith(`${targetUrl}/`);
@@ -2376,13 +2510,13 @@ function TapBarUser() {
       unsubscribe?.();
     };
   }, []);
-  return /* @__PURE__ */ jsxs41(Link, { className: "flex flex-col w-20 items-center", href: targetUrl, children: [
-    /* @__PURE__ */ jsx47(UserCircleIcon2, { className: "w-6 h-6 relative top-1" }),
-    /* @__PURE__ */ jsx47("p", { className: "text-sm", children: text }),
-    /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsxs43(Link, { className: "flex flex-col w-20 items-center", href: targetUrl, children: [
+    /* @__PURE__ */ jsx49(UserCircleIcon2, { className: "w-6 h-6 relative top-1" }),
+    /* @__PURE__ */ jsx49("p", { className: "text-sm", children: text }),
+    /* @__PURE__ */ jsx49(
       "span",
       {
-        className: clsx16("relative bottom-0 w-full h-0.5", {
+        className: clsx17("relative bottom-0 w-full h-0.5", {
           "bg-sky-400": isActive,
           "bg-sky-200": !isActive
         })
@@ -2392,175 +2526,201 @@ function TapBarUser() {
 }
 
 // src/ui/nav/mobile/tap-bar.tsx
-import { jsx as jsx48, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs44 } from "react/jsx-runtime";
 function TapBar() {
-  const links = buildArray2(
-    { name: "Accueil", url: "/", icon: HomeIcon },
-    { name: "Sujets", url: "/subject", icon: AcademicCapIcon2 }
-  );
-  return /* @__PURE__ */ jsxs42("div", { className: "z-50 fixed bottom-0 w-full h-12 bg-white flex flex-row content-center justify-evenly", children: [
-    links.map((l) => /* @__PURE__ */ jsx48(TapBarLink, { name: l.name, url: l.url, icon: l.icon }, l.url)),
-    /* @__PURE__ */ jsx48(TapBarUser, {})
+  const [role, setRole] = useState29("none");
+  useEffect13(() => {
+    const run = () => {
+      const current = cookiesGet6(ROLE_KEY2) ?? "none";
+      setRole(USER_ROLES2.includes(current) ? current : "none");
+    };
+    const onChange = () => {
+      const role2 = cookiesGet6(ROLE_KEY2) ?? "none";
+      setRole(USER_ROLES2.includes(role2) ? role2 : "none");
+    };
+    run();
+    return cookiesOnChange2(onChange);
+  }, []);
+  function getSubjectLinkText() {
+    switch (role) {
+      case "student":
+        return "Mes Questions";
+      case "teacher":
+        return "Mes \xC9l\xE8ves";
+      case "admin":
+        return "Questions";
+      case "none":
+        return "Mon Espace";
+    }
+  }
+  const links = buildArray2(!useGoralysUI().isMobile && { name: "Accueil", url: "/", icon: HomeIcon }, {
+    name: getSubjectLinkText(),
+    url: "/subject",
+    icon: AcademicCapIcon2
+  });
+  return /* @__PURE__ */ jsxs44("div", { className: "z-50 fixed bottom-0 w-full h-12 bg-white flex flex-row content-center justify-evenly", children: [
+    links.map((l) => /* @__PURE__ */ jsx50(TapBarLink, { name: l.name, url: l.url, icon: l.icon }, l.url)),
+    /* @__PURE__ */ jsx50(TapBarUser, {})
   ] });
 }
 
 // src/ui/nav/dynamic-nav.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function DynamicNav() {
   const isDesktop = useMediaQuery("(min-width: 640px)");
-  return isDesktop ? /* @__PURE__ */ jsx49(SideNav, {}) : /* @__PURE__ */ jsx49(TapBar, {});
+  return isDesktop ? /* @__PURE__ */ jsx51(SideNav, {}) : /* @__PURE__ */ jsx51(TapBar, {});
 }
 
 // src/ui/skeletons/button.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function ButtonSkeleton({ className }) {
-  return /* @__PURE__ */ jsx50("div", { className: `skeleton w-full h-10 mt-2 mb-2 rounded-xs ${className ?? ""}` });
+  return /* @__PURE__ */ jsx52("div", { className: `skeleton w-full h-10 mt-2 mb-2 rounded-xs ${className ?? ""}` });
 }
 
 // src/ui/skeletons/admin-panel/admin-card.tsx
-import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function AdminPanelCardSkeleton() {
-  return /* @__PURE__ */ jsx51(Card, { className: "flex-col w-175! bg-sky-200 gap-1 p-1 mb-1 mt-1", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-row justify-between items-center", children: [
-    /* @__PURE__ */ jsxs43("div", { className: "flex flex-row", children: [
-      /* @__PURE__ */ jsx51("div", { className: "skeleton h-7 w-7 rounded-xs mr-1.5" }),
-      /* @__PURE__ */ jsx51("div", { className: "skeleton h-5 w-48 rounded-xs self-center" })
+  return /* @__PURE__ */ jsx53(Card, { className: "flex-col w-175! bg-sky-200 gap-1 p-1 mb-1 mt-1", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-row justify-between items-center", children: [
+    /* @__PURE__ */ jsxs45("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ jsx53("div", { className: "skeleton h-7 w-7 rounded-xs mr-1.5" }),
+      /* @__PURE__ */ jsx53("div", { className: "skeleton h-5 w-48 rounded-xs self-center" })
     ] }),
-    /* @__PURE__ */ jsx51("div", { className: "flex flex-row w-50 gap-1", children: /* @__PURE__ */ jsx51(ButtonSkeleton, { className: "w-50!" }) })
+    /* @__PURE__ */ jsx53("div", { className: "flex flex-row w-50 gap-1", children: /* @__PURE__ */ jsx53(ButtonSkeleton, { className: "w-50!" }) })
   ] }) });
 }
 
 // src/ui/skeletons/admin-panel/audit-action-card.tsx
-import clsx17 from "clsx";
-import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
+import clsx18 from "clsx";
+import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
 var ROWS = ["w-40", "w-56", "w-32", "w-48", "w-36"];
 function AuditActionCardSkeleton() {
-  return /* @__PURE__ */ jsxs44(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: [
-    /* @__PURE__ */ jsx52(CardTitle, { title: "Actions" }),
-    ROWS.map((width, i) => /* @__PURE__ */ jsxs44("div", { className: "w-full h-5 flex flex-row items-center", children: [
-      /* @__PURE__ */ jsx52("div", { className: "skeleton h-3 w-28 rounded-xs shrink-0 mr-2" }),
-      /* @__PURE__ */ jsx52("div", { className: clsx17("skeleton h-4 rounded-xs", width) })
+  return /* @__PURE__ */ jsxs46(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: [
+    /* @__PURE__ */ jsx54(CardTitle, { title: "Actions" }),
+    ROWS.map((width, i) => /* @__PURE__ */ jsxs46("div", { className: "w-full h-5 flex flex-row items-center", children: [
+      /* @__PURE__ */ jsx54("div", { className: "skeleton h-3 w-28 rounded-xs shrink-0 mr-2" }),
+      /* @__PURE__ */ jsx54("div", { className: clsx18("skeleton h-4 rounded-xs", width) })
     ] }, i))
   ] });
 }
 
 // src/ui/skeletons/admin-panel/user-card.tsx
-import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
 function UserCardSkeleton() {
-  return /* @__PURE__ */ jsx53(Card, { className: "flex-col w-200! bg-sky-200 gap-1 p-1 mb-1 mt-1", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-row justify-between items-center", children: [
-    /* @__PURE__ */ jsxs45("div", { className: "flex flex-row", children: [
-      /* @__PURE__ */ jsx53("div", { className: "skeleton h-7 w-7 rounded-xs mr-1.5" }),
-      /* @__PURE__ */ jsx53("div", { className: "skeleton h-5 w-48 rounded-xs self-center" })
+  return /* @__PURE__ */ jsx55(Card, { className: "flex-col w-200! bg-sky-200 gap-1 p-1 mb-1 mt-1", children: /* @__PURE__ */ jsxs47("div", { className: "flex flex-row justify-between items-center", children: [
+    /* @__PURE__ */ jsxs47("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ jsx55("div", { className: "skeleton h-7 w-7 rounded-xs mr-1.5" }),
+      /* @__PURE__ */ jsx55("div", { className: "skeleton h-5 w-48 rounded-xs self-center" })
     ] }),
-    /* @__PURE__ */ jsx53("div", { className: "flex flex-row w-50 gap-1", children: /* @__PURE__ */ jsx53(ButtonSkeleton, { className: "w-50!" }) })
+    /* @__PURE__ */ jsx55("div", { className: "flex flex-row w-50 gap-1", children: /* @__PURE__ */ jsx55(ButtonSkeleton, { className: "w-50!" }) })
   ] }) });
 }
 
 // src/ui/skeletons/admin-panel/subjects/user-subjects-teacher-card.tsx
-import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
 function UserSubjectsTeacherCardSkeleton() {
-  return /* @__PURE__ */ jsxs46(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: [
-    /* @__PURE__ */ jsx54(CardTitle, { title: "Sujets" }),
-    /* @__PURE__ */ jsxs46(Card, { className: "flex flex-row w-full", children: [
-      /* @__PURE__ */ jsx54("div", { className: "skeleton h-48 w-48 rounded-full shrink-0 mr-2 relative", children: /* @__PURE__ */ jsx54("div", { className: "absolute inset-[15%] rounded-full bg-sky-200" }) }),
-      /* @__PURE__ */ jsx54("span", { className: "basis-1/6 grow-0 shrink min-w-0" }),
-      /* @__PURE__ */ jsx54("ul", { className: "flex flex-col gap-1 self-center mr-10", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs46("li", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx54("div", { className: "skeleton h-2.5 w-2.5 rounded-full shrink-0" }),
-        /* @__PURE__ */ jsx54("div", { className: "skeleton h-4 w-16 rounded-xs" }),
-        /* @__PURE__ */ jsx54("div", { className: "skeleton h-4 w-10 rounded-xs ml-auto" })
+  return /* @__PURE__ */ jsxs48(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: [
+    /* @__PURE__ */ jsx56(CardTitle, { title: "Sujets" }),
+    /* @__PURE__ */ jsxs48(Card, { className: "flex flex-row w-full", children: [
+      /* @__PURE__ */ jsx56("div", { className: "skeleton h-48 w-48 rounded-full shrink-0 mr-2 relative", children: /* @__PURE__ */ jsx56("div", { className: "absolute inset-[15%] rounded-full bg-sky-200" }) }),
+      /* @__PURE__ */ jsx56("span", { className: "basis-1/6 grow-0 shrink min-w-0" }),
+      /* @__PURE__ */ jsx56("ul", { className: "flex flex-col gap-1 self-center mr-10", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs48("li", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx56("div", { className: "skeleton h-2.5 w-2.5 rounded-full shrink-0" }),
+        /* @__PURE__ */ jsx56("div", { className: "skeleton h-4 w-16 rounded-xs" }),
+        /* @__PURE__ */ jsx56("div", { className: "skeleton h-4 w-10 rounded-xs ml-auto" })
       ] }, i)) })
     ] })
   ] });
 }
 
 // src/ui/skeletons/admin-panel/subjects/user-subjetcs-student-card.tsx
-import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
 function UserSubjectsStudentCardSkeleton() {
-  return /* @__PURE__ */ jsx55(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: Array.from({ length: 2 }).map((_, i) => /* @__PURE__ */ jsxs47(Card, { className: "flex flex-row w-full justify-between", children: [
-    /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx55("div", { className: "skeleton h-5 w-16 rounded-xs" }),
-      /* @__PURE__ */ jsx55("div", { className: "skeleton h-4 w-24 rounded-xs" })
+  return /* @__PURE__ */ jsx57(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: Array.from({ length: 2 }).map((_, i) => /* @__PURE__ */ jsxs49(Card, { className: "flex flex-row w-full justify-between", children: [
+    /* @__PURE__ */ jsxs49("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx57("div", { className: "skeleton h-5 w-16 rounded-xs" }),
+      /* @__PURE__ */ jsx57("div", { className: "skeleton h-4 w-24 rounded-xs" })
     ] }),
-    /* @__PURE__ */ jsx55("div", { className: "skeleton h-12 w-12 rounded-full shrink-0 relative", children: /* @__PURE__ */ jsx55("div", { className: "absolute inset-[15%] rounded-full bg-sky-200" }) })
+    /* @__PURE__ */ jsx57("div", { className: "skeleton h-12 w-12 rounded-full shrink-0 relative", children: /* @__PURE__ */ jsx57("div", { className: "absolute inset-[15%] rounded-full bg-sky-200" }) })
   ] }, i)) });
 }
 
 // src/ui/skeletons/inputs/subject-input.tsx
-import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
 function SubjectInputSkeleton({ showMeta = true }) {
-  return /* @__PURE__ */ jsxs48("div", { className: "relative mt-3 min-w-50 mb-5", children: [
-    /* @__PURE__ */ jsx56("div", { className: "skeleton w-full h-10 rounded-xs" }),
-    showMeta && /* @__PURE__ */ jsxs48("div", { className: "flex flex-row justify-between mt-1.5", children: [
-      /* @__PURE__ */ jsx56("div", { className: "skeleton h-3 w-24 rounded-xs" }),
-      /* @__PURE__ */ jsx56("div", { className: "skeleton h-4 w-32 rounded-xs" })
+  return /* @__PURE__ */ jsxs50("div", { className: "relative mt-3 min-w-50 mb-5", children: [
+    /* @__PURE__ */ jsx58("div", { className: "skeleton w-full h-10 rounded-xs" }),
+    showMeta && /* @__PURE__ */ jsxs50("div", { className: "flex flex-row justify-between mt-1.5", children: [
+      /* @__PURE__ */ jsx58("div", { className: "skeleton h-3 w-24 rounded-xs" }),
+      /* @__PURE__ */ jsx58("div", { className: "skeleton h-4 w-32 rounded-xs" })
     ] })
   ] });
 }
 
 // src/ui/skeletons/subjects/admin-card.tsx
-import { jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
 function AdminSubjectCardSkeleton() {
-  return /* @__PURE__ */ jsxs49("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
-    /* @__PURE__ */ jsxs49("div", { className: "flex flex-row w-full justify-between", children: [
-      /* @__PURE__ */ jsx57("div", { className: "skeleton h-5 w-24 rounded-xs" }),
-      /* @__PURE__ */ jsx57("div", { className: "skeleton h-5 w-40 rounded-xs" })
+  return /* @__PURE__ */ jsxs51("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs51("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx59("div", { className: "skeleton h-5 w-24 rounded-xs" }),
+      /* @__PURE__ */ jsx59("div", { className: "skeleton h-5 w-40 rounded-xs" })
     ] }),
-    /* @__PURE__ */ jsx57(SubjectInputSkeleton, { showMeta: false })
+    /* @__PURE__ */ jsx59(SubjectInputSkeleton, { showMeta: false })
   ] });
 }
 
 // src/ui/skeletons/subjects/comment.tsx
-import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
 function CommentSkeleton() {
-  return /* @__PURE__ */ jsxs50("div", { className: "flex flex-row items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx58("div", { className: "skeleton h-4 w-4 rounded-xs" }),
-    /* @__PURE__ */ jsx58("div", { className: "skeleton h-4 w-44 rounded-xs" })
+  return /* @__PURE__ */ jsxs52("div", { className: "flex flex-row items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx60("div", { className: "skeleton h-4 w-4 rounded-xs" }),
+    /* @__PURE__ */ jsx60("div", { className: "skeleton h-4 w-44 rounded-xs" })
   ] });
 }
 
 // src/ui/skeletons/subjects/student-card.tsx
-import { Fragment as Fragment7, jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
 function StudentCardSkeleton({ showButtons = true }) {
-  return /* @__PURE__ */ jsxs51("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
-    /* @__PURE__ */ jsxs51("div", { className: "flex flex-row w-full justify-between", children: [
-      /* @__PURE__ */ jsx59("div", { className: "skeleton h-5 w-24 rounded-xs" }),
-      /* @__PURE__ */ jsx59("div", { className: "skeleton h-5 w-24 rounded-xs" })
+  return /* @__PURE__ */ jsxs53("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs53("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx61("div", { className: "skeleton h-5 w-24 rounded-xs" }),
+      /* @__PURE__ */ jsx61("div", { className: "skeleton h-5 w-24 rounded-xs" })
     ] }),
-    /* @__PURE__ */ jsx59(SubjectInputSkeleton, {}),
-    /* @__PURE__ */ jsx59(CommentSkeleton, {}),
-    showButtons && /* @__PURE__ */ jsxs51(Fragment7, { children: [
-      /* @__PURE__ */ jsx59(ButtonSkeleton, { className: "mb-1! mt-1!" }),
-      /* @__PURE__ */ jsx59(ButtonSkeleton, { className: "mb-1! mt-1!" })
+    /* @__PURE__ */ jsx61(SubjectInputSkeleton, {}),
+    /* @__PURE__ */ jsx61(CommentSkeleton, {}),
+    showButtons && /* @__PURE__ */ jsxs53(Fragment7, { children: [
+      /* @__PURE__ */ jsx61(ButtonSkeleton, { className: "mb-1! mt-1!" }),
+      /* @__PURE__ */ jsx61(ButtonSkeleton, { className: "mb-1! mt-1!" })
     ] })
   ] });
 }
 
 // src/ui/skeletons/subjects/teacher-card.tsx
-import { Fragment as Fragment8, jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
 function TeacherCardSkeleton({ showButtons = false }) {
-  return /* @__PURE__ */ jsxs52("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
-    /* @__PURE__ */ jsxs52("div", { className: "flex flex-row w-full justify-between", children: [
-      /* @__PURE__ */ jsx60("div", { className: "skeleton h-5 w-24 rounded-xs" }),
-      /* @__PURE__ */ jsx60("div", { className: "skeleton h-5 w-24 rounded-xs" })
+  return /* @__PURE__ */ jsxs54("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs54("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx62("div", { className: "skeleton h-5 w-24 rounded-xs" }),
+      /* @__PURE__ */ jsx62("div", { className: "skeleton h-5 w-24 rounded-xs" })
     ] }),
-    /* @__PURE__ */ jsx60(SubjectInputSkeleton, {}),
-    /* @__PURE__ */ jsx60(CommentSkeleton, {}),
-    showButtons && /* @__PURE__ */ jsxs52(Fragment8, { children: [
-      /* @__PURE__ */ jsx60(ButtonSkeleton, { className: "-mb-1! mt-1!" }),
-      /* @__PURE__ */ jsx60(ButtonSkeleton, { className: "mb-1! mt-1!" })
+    /* @__PURE__ */ jsx62(SubjectInputSkeleton, {}),
+    /* @__PURE__ */ jsx62(CommentSkeleton, {}),
+    showButtons && /* @__PURE__ */ jsxs54(Fragment8, { children: [
+      /* @__PURE__ */ jsx62(ButtonSkeleton, { className: "-mb-1! mt-1!" }),
+      /* @__PURE__ */ jsx62(ButtonSkeleton, { className: "mb-1! mt-1!" })
     ] })
   ] });
 }
 
 // src/ui/skeletons/support/support-ticket-card.tsx
-import { jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs55 } from "react/jsx-runtime";
 function SupportTicketCardSkeleton() {
-  return /* @__PURE__ */ jsxs53("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 gap-y-3 p-1 mt-1", children: [
-    /* @__PURE__ */ jsxs53("div", { className: "flex flex-row w-full justify-between", children: [
-      /* @__PURE__ */ jsx61("div", { className: "skeleton h-5 w-32 rounded-xs" }),
-      /* @__PURE__ */ jsx61("div", { className: "skeleton h-5 w-24 rounded-xs" })
+  return /* @__PURE__ */ jsxs55("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 gap-y-3 p-1 mt-1", children: [
+    /* @__PURE__ */ jsxs55("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx63("div", { className: "skeleton h-5 w-32 rounded-xs" }),
+      /* @__PURE__ */ jsx63("div", { className: "skeleton h-5 w-24 rounded-xs" })
     ] }),
-    /* @__PURE__ */ jsx61("div", { className: "skeleton h-24 w-full rounded-xs" }),
-    /* @__PURE__ */ jsx61("div", { className: "skeleton h-10 w-full rounded-xs" })
+    /* @__PURE__ */ jsx63("div", { className: "skeleton h-24 w-full rounded-xs" }),
+    /* @__PURE__ */ jsx63("div", { className: "skeleton h-10 w-full rounded-xs" })
   ] });
 }
 
@@ -2573,7 +2733,7 @@ import {
   handleToastRequest as handleToastRequest3,
   SubjectStatusConfig
 } from "@goralys/core";
-import { jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs56 } from "react/jsx-runtime";
 function AdminSubjectsCard({ subjectData, onUpdateAction, syncKey }) {
   const password = usePasswordModal();
   const toast = useToast();
@@ -2606,17 +2766,17 @@ function AdminSubjectsCard({ subjectData, onUpdateAction, syncKey }) {
       onUpdateAction();
     }
   };
-  return /* @__PURE__ */ jsxs54("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
-    /* @__PURE__ */ jsxs54("div", { className: "flex flex-row w-full justify-between", children: [
-      /* @__PURE__ */ jsx62("strong", { children: subjectData.student }),
-      /* @__PURE__ */ jsxs54("strong", { children: [
+  return /* @__PURE__ */ jsxs56("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs56("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx64("strong", { children: subjectData.student }),
+      /* @__PURE__ */ jsxs56("strong", { children: [
         subjectData.topic,
         " (",
         subjectData.teacher,
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx64(
       SubjectInputAdmin,
       {
         id: subjectData.studentToken + subjectData.teacherToken + "-input",
@@ -2624,22 +2784,22 @@ function AdminSubjectsCard({ subjectData, onUpdateAction, syncKey }) {
         label: "Question de l'El\xE8ve"
       }
     ),
-    /* @__PURE__ */ jsxs54("div", { className: "flex flex-row justify-between", children: [
-      /* @__PURE__ */ jsxs54("p", { children: [
+    /* @__PURE__ */ jsxs56("div", { className: "flex flex-row justify-between", children: [
+      /* @__PURE__ */ jsxs56("p", { children: [
         "Statut de la question: ",
         getStatusLabel2(subjectData.status)
       ] }),
-      /* @__PURE__ */ jsxs54("div", { className: "relative pb-0 mb-1", children: [
-        /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsxs56("div", { className: "relative pb-0 mb-1", children: [
+        /* @__PURE__ */ jsx64(
           "select",
           {
             className: "border-0 border-b-2 border-sky-300 appearance-none\n                    cursor-pointer outline-none focus:ring-0 text-base leading-5\n                    text-heading pb-0 pr-5 subjects-search-select",
             value: subjectData.status,
             onChange: (e) => updateStatus(e.target.value),
-            children: Object.entries(SubjectStatusConfig).map(([key, info]) => /* @__PURE__ */ jsx62("option", { value: key, children: info.label }, key))
+            children: Object.entries(SubjectStatusConfig).map(([key, info]) => /* @__PURE__ */ jsx64("option", { value: key, children: info.label }, key))
           }
         ),
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx64(
           "span",
           {
             className: "absolute bottom-0 left-0 w-0 h-0.5 bg-sky-500\n                     transition-all duration-300 ease-in-out\n                     peer-focus:w-full subjects-search-underline"
@@ -2652,26 +2812,26 @@ function AdminSubjectsCard({ subjectData, onUpdateAction, syncKey }) {
 
 // src/ui/subjects/comment-student.tsx
 import { ChevronRightIcon } from "@heroicons/react/24/outline";
-import { Fragment as Fragment9, jsx as jsx63, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx65, jsxs as jsxs57 } from "react/jsx-runtime";
 function CommentStudent({ subjectData, disabled, onChange }) {
   const visible = !!subjectData?.comment && !(subjectData.status === "submitted" || subjectData.status === "approved");
   const showLastRejected = subjectData.status === "not_submitted" && subjectData.lastRejected;
   if (!visible) {
-    return /* @__PURE__ */ jsx63(Fragment9, {});
+    return /* @__PURE__ */ jsx65(Fragment9, {});
   }
-  return /* @__PURE__ */ jsx63(Fragment9, { children: /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsx65(Fragment9, { children: /* @__PURE__ */ jsxs57(
     "details",
     {
       className: "group",
       open: subjectData.status === "rejected",
       children: [
-        /* @__PURE__ */ jsxs55("summary", { className: "flex flex-row cursor-pointer", children: [
-          /* @__PURE__ */ jsx63(ChevronRightIcon, { className: "w-5 h-5 transition-transform duration-200 group-open:rotate-90" }),
-          /* @__PURE__ */ jsx63("span", { children: "Commentaire du professeur" })
+        /* @__PURE__ */ jsxs57("summary", { className: "flex flex-row cursor-pointer", children: [
+          /* @__PURE__ */ jsx65(ChevronRightIcon, { className: "w-5 h-5 transition-transform duration-200 group-open:rotate-90" }),
+          /* @__PURE__ */ jsx65("span", { children: "Commentaire du professeur" })
         ] }),
-        showLastRejected && /* @__PURE__ */ jsxs55(Fragment9, { children: [
-          /* @__PURE__ */ jsx63("span", { className: "h-2 w-full block" }),
-          /* @__PURE__ */ jsx63(
+        showLastRejected && /* @__PURE__ */ jsxs57(Fragment9, { children: [
+          /* @__PURE__ */ jsx65("span", { className: "h-2 w-full block" }),
+          /* @__PURE__ */ jsx65(
             SubjectTextArea,
             {
               id: subjectData.studentToken + subjectData.teacherToken + "-last-rejected",
@@ -2683,8 +2843,8 @@ function CommentStudent({ subjectData, disabled, onChange }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx63("span", { className: "h-1.5 w-full block" }),
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx65("span", { className: "h-1.5 w-full block" }),
+        /* @__PURE__ */ jsx65(
           TextArea,
           {
             id: subjectData.studentToken + subjectData.teacherToken + "-subject-comment",
@@ -2702,23 +2862,23 @@ function CommentStudent({ subjectData, disabled, onChange }) {
 
 // src/ui/subjects/comment-teacher.tsx
 import { ChevronRightIcon as ChevronRightIcon2 } from "@heroicons/react/24/outline";
-import { Fragment as Fragment10, jsx as jsx64, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx66, jsxs as jsxs58 } from "react/jsx-runtime";
 function CommentTeacher({ subjectData, disabled, ref, onChange }) {
   const visible = subjectData.status === "submitted";
   if (!visible) {
-    return /* @__PURE__ */ jsx64(Fragment10, {});
+    return /* @__PURE__ */ jsx66(Fragment10, {});
   }
-  return /* @__PURE__ */ jsx64(Fragment10, { children: /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsx66(Fragment10, { children: /* @__PURE__ */ jsxs58(
     "details",
     {
       className: "group",
       open: subjectData.status === "rejected",
       children: [
-        /* @__PURE__ */ jsxs56("summary", { className: "flex flex-row cursor-pointer", children: [
-          /* @__PURE__ */ jsx64(ChevronRightIcon2, { className: "w-5 h-5 transition-transform duration-200 group-open:rotate-90" }),
-          /* @__PURE__ */ jsx64("span", { children: "Votre commentaire" })
+        /* @__PURE__ */ jsxs58("summary", { className: "flex flex-row cursor-pointer", children: [
+          /* @__PURE__ */ jsx66(ChevronRightIcon2, { className: "w-5 h-5 transition-transform duration-200 group-open:rotate-90" }),
+          /* @__PURE__ */ jsx66("span", { children: "Votre commentaire" })
         ] }),
-        /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx66(
           TextArea,
           {
             id: subjectData.studentToken + subjectData.teacherToken + "-subject-comment",
@@ -2738,19 +2898,19 @@ function CommentTeacher({ subjectData, disabled, ref, onChange }) {
 
 // src/ui/subjects/readonly-card.tsx
 import { getStatusLabel as getStatusLabel3 } from "@goralys/core";
-import { jsx as jsx65, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs59 } from "react/jsx-runtime";
 function ReadonlyCard({ subjectData }) {
-  return /* @__PURE__ */ jsxs57("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
-    /* @__PURE__ */ jsxs57("div", { className: "flex flex-row w-full justify-between", children: [
-      /* @__PURE__ */ jsx65("strong", { children: subjectData.student }),
-      /* @__PURE__ */ jsxs57("strong", { children: [
+  return /* @__PURE__ */ jsxs59("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs59("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx67("strong", { children: subjectData.student }),
+      /* @__PURE__ */ jsxs59("strong", { children: [
         subjectData.topic,
         " (",
         subjectData.teacher,
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx67(
       SubjectInputAdmin,
       {
         id: subjectData.studentToken + subjectData.teacherToken + "-input",
@@ -2758,7 +2918,7 @@ function ReadonlyCard({ subjectData }) {
         label: "Question de l'El\xE8ve"
       }
     ),
-    /* @__PURE__ */ jsx65("div", { className: "flex flex-row justify-between", children: /* @__PURE__ */ jsxs57("p", { children: [
+    /* @__PURE__ */ jsx67("div", { className: "flex flex-row justify-between", children: /* @__PURE__ */ jsxs59("p", { children: [
       "Statut de la question: ",
       getStatusLabel3(subjectData.status)
     ] }) })
@@ -2774,14 +2934,14 @@ import {
   handleToastRequest as handleToastRequest4,
   SUBJECT_SYNCS
 } from "@goralys/core";
-import { useState as useState27 } from "react";
-import { Fragment as Fragment11, jsx as jsx66, jsxs as jsxs58 } from "react/jsx-runtime";
+import { useState as useState30 } from "react";
+import { Fragment as Fragment11, jsx as jsx68, jsxs as jsxs60 } from "react/jsx-runtime";
 function StudentCard({ subjectData, onUpdateAction }) {
   const toast = useToast();
   const confirm = useConfirm();
   const isDesktop = useMediaQuery("(min-width:640px)");
-  const [subject, setSubject] = useState27(subjectData.subject);
-  const [isInterdisciplinary, setIsInterdisciplinary] = useState27(subjectData.interdisciplinary);
+  const [subject, setSubject] = useState30(subjectData.subject);
+  const [isInterdisciplinary, setIsInterdisciplinary] = useState30(subjectData.interdisciplinary);
   const modal = useDraftModal();
   const saveDraft = async () => {
     if (!subject || subject.trim() == "") {
@@ -2864,12 +3024,12 @@ function StudentCard({ subjectData, onUpdateAction }) {
     }
   };
   const key = subjectData.teacher + subjectData.topic;
-  return /* @__PURE__ */ jsxs58("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
-    /* @__PURE__ */ jsxs58("div", { className: "flex flex-row w-full justify-between", children: [
-      /* @__PURE__ */ jsx66("strong", { children: isDesktop ? subjectData.topic : getShortFromLong2(subjectData.topic) }),
-      isDesktop && /* @__PURE__ */ jsx66("strong", { children: subjectData.teacher })
+  return /* @__PURE__ */ jsxs60("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs60("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx68("strong", { children: isDesktop ? subjectData.topic : getShortFromLong2(subjectData.topic) }),
+      isDesktop && /* @__PURE__ */ jsx68("strong", { children: subjectData.teacher })
     ] }),
-    /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx68(
       SubjectInputStudent,
       {
         id: `subject-input-student-for-${key}`,
@@ -2881,18 +3041,18 @@ function StudentCard({ subjectData, onUpdateAction }) {
         setIsInterdisciplinaryAction: setIsInterdisciplinary
       }
     ),
-    /* @__PURE__ */ jsx66(CommentStudent, { subjectData, disabled: true }, `comment-student-for-${key}`),
-    !(subjectData.status === "submitted" || subjectData.status === "approved") && /* @__PURE__ */ jsxs58(Fragment11, { children: [
-      /* @__PURE__ */ jsx66(Button, { className: "mb-1! mt-1!", text: "Enregistrer comme brouillon", type: "button", onClick: saveDraft }),
-      /* @__PURE__ */ jsx66(Button, { className: "mb-1! mt-1!", text: "Envoyer la question", type: "button", onClick: sendSubject })
+    /* @__PURE__ */ jsx68(CommentStudent, { subjectData, disabled: true }, `comment-student-for-${key}`),
+    !(subjectData.status === "submitted" || subjectData.status === "approved") && /* @__PURE__ */ jsxs60(Fragment11, { children: [
+      /* @__PURE__ */ jsx68(Button, { className: "mb-1! mt-1!", text: "Enregistrer comme brouillon", type: "button", onClick: saveDraft }),
+      /* @__PURE__ */ jsx68(Button, { className: "mb-1! mt-1!", text: "Envoyer la question", type: "button", onClick: sendSubject })
     ] })
   ] });
 }
 
 // src/ui/subjects/subjects-filter.tsx
-import { useCallback as useCallback8, useEffect as useEffect13, useState as useState28 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect14, useState as useState31 } from "react";
 import { getStatusLabel as getStatusLabel4 } from "@goralys/core";
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 function SubjectsFilter({ subjects, setCurrentSubjects, defaults }) {
   const DEFAULT_STATUS = {
     not_submitted: { default: defaults?.not_submitted ?? false, label: getStatusLabel4("not_submitted") },
@@ -2900,7 +3060,7 @@ function SubjectsFilter({ subjects, setCurrentSubjects, defaults }) {
     rejected: { default: defaults?.rejected ?? false, label: getStatusLabel4("rejected") },
     approved: { default: defaults?.approved ?? false, label: getStatusLabel4("approved") }
   };
-  const [shownStatus, setShownStatus] = useState28(
+  const [shownStatus, setShownStatus] = useState31(
     Object.keys(DEFAULT_STATUS).filter((k) => DEFAULT_STATUS[k].default)
   );
   const toggleStatus = (s) => {
@@ -2918,7 +3078,7 @@ function SubjectsFilter({ subjects, setCurrentSubjects, defaults }) {
     filter();
     console.log("filtering done");
   };
-  const filter = useCallback8(() => {
+  const filter = useCallback9(() => {
     const filtered = [];
     subjects.forEach((s) => {
       if (shownStatus.includes(s.status)) filtered.push(s);
@@ -2926,10 +3086,10 @@ function SubjectsFilter({ subjects, setCurrentSubjects, defaults }) {
     console.log(filtered);
     setCurrentSubjects(filtered);
   }, [shownStatus, subjects, setCurrentSubjects]);
-  useEffect13(() => {
+  useEffect14(() => {
     filter();
   }, [filter]);
-  return /* @__PURE__ */ jsx67("div", { className: "flex flex-row gap-2 w-full", children: Object.entries(DEFAULT_STATUS).map(([k, v]) => /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx69("div", { className: "flex flex-row gap-2 w-full", children: Object.entries(DEFAULT_STATUS).map(([k, v]) => /* @__PURE__ */ jsx69(
     Checkbox,
     {
       label: v.label,
@@ -2941,12 +3101,12 @@ function SubjectsFilter({ subjects, setCurrentSubjects, defaults }) {
 }
 
 // src/ui/subjects/subjects-search-bar.tsx
-import { useEffect as useEffect14, useState as useState29 } from "react";
+import { useEffect as useEffect15, useState as useState32 } from "react";
 import { getLongFromShort, searchFields } from "@goralys/core";
-import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
 function SubjectsSearchBar({ subjects, setCurrentSubjects }) {
-  const [currentField, setCurrentField] = useState29("all");
-  const [searchText, setSearchText] = useState29("");
+  const [currentField, setCurrentField] = useState32("all");
+  const [searchText, setSearchText] = useState32("");
   const handleSearch = (e) => {
     const value = e.currentTarget.value;
     setSearchText(value);
@@ -2962,7 +3122,7 @@ function SubjectsSearchBar({ subjects, setCurrentSubjects }) {
       return nameA.localeCompare(nameB, "fr");
     });
   };
-  useEffect14(() => {
+  useEffect15(() => {
     if (!subjects) return;
     const search = searchText.trim().toLowerCase();
     const sorted = sortSubjects(
@@ -2988,19 +3148,19 @@ function SubjectsSearchBar({ subjects, setCurrentSubjects }) {
       return sorted;
     });
   }, [searchText, currentField, subjects, setCurrentSubjects]);
-  return /* @__PURE__ */ jsxs59("div", { className: "flex flex-row gap-2 items-end mb-4", children: [
-    /* @__PURE__ */ jsx68(FloatingInput, { id: "admins-subjects-search", label: "Rechercher", onInput: handleSearch }),
-    /* @__PURE__ */ jsxs59("div", { className: "relative pb-0 mb-1", children: [
-      /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsxs61("div", { className: "flex flex-row gap-2 items-end mb-4", children: [
+    /* @__PURE__ */ jsx70(FloatingInput, { id: "admins-subjects-search", label: "Rechercher", onInput: handleSearch }),
+    /* @__PURE__ */ jsxs61("div", { className: "relative pb-0 mb-1", children: [
+      /* @__PURE__ */ jsx70(
         "select",
         {
           className: "border-0 border-b-2 border-sky-300 appearance-none\n                    cursor-pointer outline-none focus:ring-0 text-base leading-5\n                    text-heading pb-0 pr-5 subjects-search-select",
           value: currentField,
           onChange: (e) => setCurrentField(e.target.value),
-          children: Object.entries(searchFields).map(([key, label]) => /* @__PURE__ */ jsx68("option", { value: key, children: label }, key))
+          children: Object.entries(searchFields).map(([key, label]) => /* @__PURE__ */ jsx70("option", { value: key, children: label }, key))
         }
       ),
-      /* @__PURE__ */ jsx68(
+      /* @__PURE__ */ jsx70(
         "span",
         {
           className: "absolute bottom-0 left-0 w-0 h-0.5 bg-sky-500\n                     transition-all duration-300 ease-in-out\n                     peer-focus:w-full subjects-search-underline"
@@ -3019,13 +3179,13 @@ import {
   handleToastRequest as handleToastRequest5,
   SUBJECT_SYNCS as SUBJECT_SYNCS2
 } from "@goralys/core";
-import { useRef as useRef7, useState as useState30 } from "react";
-import { Fragment as Fragment12, jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
+import { useRef as useRef9, useState as useState33 } from "react";
+import { Fragment as Fragment12, jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
 function TeacherCard({ subjectData, onUpdateAction }) {
   const toast = useToast();
   const confirm = useConfirm();
-  const [comment, setComment] = useState30(subjectData.comment);
-  const commentRef = useRef7(null);
+  const [comment, setComment] = useState33(subjectData.comment);
+  const commentRef = useRef9(null);
   const isDesktop = useMediaQuery("(min-width: 640px)");
   const rejectSubject = async () => {
     if (comment?.trim() === "" || !comment) {
@@ -3094,12 +3254,12 @@ function TeacherCard({ subjectData, onUpdateAction }) {
       }
     }
   };
-  return /* @__PURE__ */ jsxs60("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
-    /* @__PURE__ */ jsxs60("div", { className: "flex flex-row w-full justify-between", children: [
-      /* @__PURE__ */ jsx69("strong", { children: subjectData.student }),
-      /* @__PURE__ */ jsx69("strong", { children: isDesktop ? subjectData.topic : getShortFromLong3(subjectData.topic) })
+  return /* @__PURE__ */ jsxs62("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs62("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx71("strong", { children: subjectData.student }),
+      /* @__PURE__ */ jsx71("strong", { children: isDesktop ? subjectData.topic : getShortFromLong3(subjectData.topic) })
     ] }),
-    /* @__PURE__ */ jsx69(
+    /* @__PURE__ */ jsx71(
       SubjectInputTeacher,
       {
         id: subjectData.studentToken + subjectData.teacherToken + "-comment",
@@ -3107,7 +3267,7 @@ function TeacherCard({ subjectData, onUpdateAction }) {
         label: "Question de l'El\xE8ve"
       }
     ),
-    /* @__PURE__ */ jsx69(
+    /* @__PURE__ */ jsx71(
       CommentTeacher,
       {
         subjectData,
@@ -3119,8 +3279,8 @@ function TeacherCard({ subjectData, onUpdateAction }) {
       },
       `comment-teacher-for-${subjectData.student}-${subjectData.topic}`
     ),
-    subjectData.status === "submitted" && /* @__PURE__ */ jsxs60(Fragment12, { children: [
-      /* @__PURE__ */ jsx69(
+    subjectData.status === "submitted" && /* @__PURE__ */ jsxs62(Fragment12, { children: [
+      /* @__PURE__ */ jsx71(
         Button,
         {
           className: "-mb-1! mt-1! shadow-none!",
@@ -3130,7 +3290,7 @@ function TeacherCard({ subjectData, onUpdateAction }) {
           color: "sky"
         }
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx71(
         Button,
         {
           className: "mb-1! mt-1! shadow-none!",
@@ -3145,26 +3305,26 @@ function TeacherCard({ subjectData, onUpdateAction }) {
 }
 
 // src/ui/support/support-form.tsx
-import { useEffect as useEffect15, useState as useState31 } from "react";
-import { cookiesGet as cookiesGet6, EMAIL_KEY, fetchCsrfClient as fetchCsrfClient6, getGoralysClientConfig as getGoralysClientConfig2, reasonsConfig, USERNAME_KEY as USERNAME_KEY3 } from "@goralys/core";
-import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useState as useState34 } from "react";
+import { cookiesGet as cookiesGet7, EMAIL_KEY, fetchCsrfClient as fetchCsrfClient6, getGoralysClientConfig as getGoralysClientConfig2, reasonsConfig, USERNAME_KEY as USERNAME_KEY3 } from "@goralys/core";
+import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
 function SupportForm() {
   const { apiDomain, getSchoolToken } = getGoralysClientConfig2();
-  const [loggedIn, setLoggedIn] = useState31(true);
-  const [csrfToken, setCsrfToken] = useState31(null);
+  const [loggedIn, setLoggedIn] = useState34(true);
+  const [csrfToken, setCsrfToken] = useState34(null);
   const requestUrl = `${apiDomain}/support/contact?high-school-token=${getSchoolToken()}`;
-  const [reason, setReason] = useState31("password-forgot");
-  useEffect15(() => {
+  const [reason, setReason] = useState34("password-forgot");
+  useEffect16(() => {
     const run = async () => {
       setCsrfToken(await fetchCsrfClient6("support-ticket"));
-      setLoggedIn(!!cookiesGet6(USERNAME_KEY3));
+      setLoggedIn(!!cookiesGet7(USERNAME_KEY3));
     };
     run().then();
   }, []);
-  return /* @__PURE__ */ jsxs61(Card, { className: "flex-col min-h-73 bg-sky-200 order-1 sm:order-2 h-fit", children: [
-    /* @__PURE__ */ jsx70("h1", { className: "text-xl", children: "Contactez le support Goralys" }),
-    /* @__PURE__ */ jsxs61("form", { className: "relative flex flex-col h-full", method: "POST", action: requestUrl, autoComplete: "on", children: [
-      !loggedIn && /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsxs63(Card, { className: "flex-col min-h-73 bg-sky-200 order-1 sm:order-2 h-fit", children: [
+    /* @__PURE__ */ jsx72("h1", { className: "text-xl", children: "Contactez le support Goralys" }),
+    /* @__PURE__ */ jsxs63("form", { className: "relative flex flex-col h-full", method: "POST", action: requestUrl, autoComplete: "on", children: [
+      !loggedIn && /* @__PURE__ */ jsx72(
         FloatingInput,
         {
           id: "full-name",
@@ -3174,71 +3334,1583 @@ function SupportForm() {
           required: !loggedIn
         }
       ),
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx72(
         FloatingInput,
         {
           id: "user-email",
           label: "Votre email",
           helper: "Votre email sera simplement utilis\xE9 pour vous r\xE9pondre.",
-          defaultValue: cookiesGet6(EMAIL_KEY) ?? "",
+          defaultValue: cookiesGet7(EMAIL_KEY) ?? "",
           autocomplete: "email",
           required: true,
           email: true
         }
       ),
-      /* @__PURE__ */ jsxs61("div", { className: "relative pb-0 mb-3", children: [
-        /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsxs63("div", { className: "relative pb-0 mb-3", children: [
+        /* @__PURE__ */ jsx72(
           "select",
           {
             className: "w-full border-0 border-b-2 border-sky-300 appearance-none\n                    cursor-pointer outline-none focus:ring-0 text-base leading-5\n                    text-heading pb-0 pr-5 subjects-search-select",
             value: reason,
             name: "raw-reason",
             onChange: (e) => setReason(e.target.value),
-            children: Object.entries(reasonsConfig).map(([key, { label }]) => /* @__PURE__ */ jsx70("option", { value: key, children: label }, key))
+            children: Object.entries(reasonsConfig).map(([key, { label }]) => /* @__PURE__ */ jsx72("option", { value: key, children: label }, key))
           }
         ),
-        /* @__PURE__ */ jsx70(
+        /* @__PURE__ */ jsx72(
           "span",
           {
             className: "absolute bottom-0 left-0 w-0 h-0.5 bg-sky-500\n                     transition-all duration-300 ease-in-out\n                     peer-focus:w-full subjects-search-underline"
           }
         )
       ] }),
-      /* @__PURE__ */ jsx70(TextArea, { maxLength: 250, id: "message", label: "Message", helper: "Veuillez d\xE9crire pr\xE9cis\xE9ment votre probl\xE8me.", required: true }),
-      /* @__PURE__ */ jsx70("input", { type: "hidden", name: "csrf-token", value: (csrfToken ? csrfToken : "no-token").trim() }),
-      /* @__PURE__ */ jsx70("input", { type: "hidden", name: "reason", value: reason }),
-      /* @__PURE__ */ jsx70(Button, { type: "submit", text: "Envoyer mon message", className: "bottom-0 mt-2.5", disabled: !csrfToken })
+      /* @__PURE__ */ jsx72(TextArea, { maxLength: 250, id: "message", label: "Message", helper: "Veuillez d\xE9crire pr\xE9cis\xE9ment votre probl\xE8me.", required: true }),
+      /* @__PURE__ */ jsx72("input", { type: "hidden", name: "csrf-token", value: (csrfToken ? csrfToken : "no-token").trim() }),
+      /* @__PURE__ */ jsx72("input", { type: "hidden", name: "reason", value: reason }),
+      /* @__PURE__ */ jsx72(Button, { type: "submit", text: "Envoyer mon message", className: "bottom-0 mt-2.5", disabled: !csrfToken })
     ] })
   ] });
 }
 
 // src/ui/support/support-ticket-card.tsx
-import { buildApiUrl as buildApiUrl3, reasonsConfig as reasonsConfig2 } from "@goralys/core";
-import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl17, reasonsConfig as reasonsConfig9 } from "@goralys/core";
+
+// dist/index.js
+import { createContext as createContext9, useContext as useContext9, useMemo as useMemo9 } from "react";
+import { jsx as jsx73 } from "react/jsx-runtime";
+import { useEffect as useEffect17, useState as useState35 } from "react";
+import { useCallback as useCallback10 } from "react";
+import { useEffect as useEffect22 } from "react";
+import clsx19 from "clsx";
+import { jsx as jsx210 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx310, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx410 } from "react/jsx-runtime";
+import { cookiesGet as cookiesGet8, PUB_ID_KEY as PUB_ID_KEY2 } from "@goralys/core";
+import { ShieldExclamationIcon as ShieldExclamationIcon2 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment22, jsx as jsx510, jsxs as jsxs210 } from "react/jsx-runtime";
+import { clsx as clsx22 } from "clsx";
+import { useState as useState210 } from "react";
+import { EyeIcon as EyeIcon2, EyeSlashIcon as EyeSlashIcon2 } from "@heroicons/react/24/outline";
+import { jsx as jsx610, jsxs as jsxs310 } from "react/jsx-runtime";
+import { useEffect as useEffect32, useState as useState36 } from "react";
+import { jsx as jsx74 } from "react/jsx-runtime";
+import { parsePhpDateTime as parsePhpDateTime3 } from "@goralys/core";
+import { Fragment as Fragment32, jsx as jsx82, jsxs as jsxs410 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl3, fetchCsrfClient as fetchCsrfClient7, goralysFetchClient as goralysFetchClient6, handleToastRequest as handleToastRequest6, parsePhpDateTime as parsePhpDateTime22 } from "@goralys/core";
+import { createContext as createContext22, useCallback as useCallback22, useContext as useContext22, useEffect as useEffect42, useMemo as useMemo22, useRef as useRef10, useState as useState42 } from "react";
+import { clsx as clsx32 } from "clsx";
+import { CheckCircleIcon as CheckCircleIcon2, ExclamationCircleIcon as ExclamationCircleIcon2, InformationCircleIcon as InformationCircleIcon2, XCircleIcon as XCircleIcon2 } from "@heroicons/react/24/outline";
+import { jsx as jsx92, jsxs as jsxs510 } from "react/jsx-runtime";
+import { FLASH_TOAST_KEY as FLASH_TOAST_KEY2, storageSet as storageSet2 } from "@goralys/core";
+import { createPortal as createPortal8 } from "react-dom";
+import { jsx as jsx102, jsxs as jsxs65 } from "react/jsx-runtime";
+import { createContext as createContext32, useCallback as useCallback32, useContext as useContext32, useMemo as useMemo32, useState as useState52 } from "react";
+import { clsx as clsx42 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon5 } from "@heroicons/react/24/outline";
+import { useRef as useRef22 } from "react";
+import { jsx as jsx112, jsxs as jsxs72 } from "react/jsx-runtime";
+import { createPortal as createPortal22 } from "react-dom";
+import { jsx as jsx122, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs92 } from "react/jsx-runtime";
+import { useState as useState82 } from "react";
+import { createContext as createContext42, useCallback as useCallback42, useContext as useContext42, useMemo as useMemo42, useState as useState72 } from "react";
+import { LockClosedIcon as LockClosedIcon2 } from "@heroicons/react/16/solid";
+import { clsx as clsx52 } from "clsx";
+import { useRef as useRef32, useState as useState62 } from "react";
+import { jsx as jsx142, jsxs as jsxs102 } from "react/jsx-runtime";
+import { createPortal as createPortal32 } from "react-dom";
+import { jsx as jsx152, jsxs as jsxs112 } from "react/jsx-runtime";
+import { cookiesSet as cookiesSet6, fetchCsrfClient as fetchCsrfClient22, goralysFetchClient as goralysFetchClient22, handleToastRequest as handleToastRequest22 } from "@goralys/core";
+import { jsx as jsx162, jsxs as jsxs122 } from "react/jsx-runtime";
+import { useState as useState92 } from "react";
+import { jsx as jsx172, jsxs as jsxs132 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx182, jsxs as jsxs142 } from "react/jsx-runtime";
+import { AcademicCapIcon as AcademicCapIcon3, BookOpenIcon as BookOpenIcon2 } from "@heroicons/react/24/outline";
+import { jsx as jsx192, jsxs as jsxs152 } from "react/jsx-runtime";
+import { useEffect as useEffect52, useState as useState102 } from "react";
+import { jsx as jsx202, jsxs as jsxs162 } from "react/jsx-runtime";
+import { jsx as jsx212, jsxs as jsxs172 } from "react/jsx-runtime";
+import { useEffect as useEffect62, useState as useState112 } from "react";
+import { jsx as jsx222, jsxs as jsxs182 } from "react/jsx-runtime";
+import { useEffect as useEffect72, useState as useState122 } from "react";
+import { jsx as jsx232, jsxs as jsxs192 } from "react/jsx-runtime";
+import { getShortFromLong as getShortFromLong4, getStatusLabel as getStatusLabel5 } from "@goralys/core";
+import { jsx as jsx242, jsxs as jsxs202 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx252, jsxs as jsxs212 } from "react/jsx-runtime";
+import { useEffect as useEffect82, useState as useState132 } from "react";
+import * as React52 from "react";
+import { XMarkIcon as XMarkIcon2 } from "@heroicons/react/24/outline";
+import { COOKIES_DISMISSED_KEY as COOKIES_DISMISSED_KEY2, cookiesGet as cookiesGet22, cookiesSet as cookiesSet22 } from "@goralys/core";
+import { jsx as jsx262, jsxs as jsxs222 } from "react/jsx-runtime";
+import { useEffect as useEffect92, useRef as useRef42 } from "react";
+import { LOGO_PATH as LOGO_PATH2 } from "@goralys/core";
+import { jsx as jsx272, jsxs as jsxs232 } from "react/jsx-runtime";
+import { useId as useId2 } from "react";
+import { jsx as jsx282, jsxs as jsxs242 } from "react/jsx-runtime";
+import { useState as useState142 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon3 } from "@heroicons/react/24/outline";
+import clsx62 from "clsx";
+import { jsx as jsx292, jsxs as jsxs252 } from "react/jsx-runtime";
+import { useState as useState152 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon22 } from "@heroicons/react/24/outline";
+import clsx72 from "clsx";
+import { jsx as jsx302, jsxs as jsxs262 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper4 } from "@goralys/core";
+import { clsx as clsx82 } from "clsx";
+import { useState as useState162 } from "react";
+import { jsx as jsx312, jsxs as jsxs272 } from "react/jsx-runtime";
+import { jsx as jsx322 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper22 } from "@goralys/core";
+import { jsx as jsx332, jsxs as jsxs282 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl22, getGoralysClientConfig as getGoralysClientConfig3, getStatusHelper as getStatusHelper32 } from "@goralys/core";
+import { ArrowDownTrayIcon as ArrowDownTrayIcon2 } from "@heroicons/react/24/outline";
+import { jsx as jsx342, jsxs as jsxs292 } from "react/jsx-runtime";
+import { clsx as clsx92 } from "clsx";
+import { useState as useState172 } from "react";
+import { jsx as jsx352, jsxs as jsxs302 } from "react/jsx-runtime";
+import { createContext as createContext52, useCallback as useCallback52, useContext as useContext52, useMemo as useMemo52, useState as useState192 } from "react";
+import { clsx as clsx102 } from "clsx";
+import { useRef as useRef52, useState as useState182 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon22 } from "@heroicons/react/24/outline";
+import { jsx as jsx362, jsxs as jsxs312 } from "react/jsx-runtime";
+import { createPortal as createPortal42 } from "react-dom";
+import { jsx as jsx372, jsxs as jsxs322 } from "react/jsx-runtime";
+import { createContext as createContext62, useCallback as useCallback62, useContext as useContext62, useMemo as useMemo62, useState as useState212 } from "react";
+import { clsx as clsx112 } from "clsx";
+import { useRef as useRef62, useState as useState202 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon32 } from "@heroicons/react/24/outline";
+import { jsx as jsx382, jsxs as jsxs332 } from "react/jsx-runtime";
+import { createPortal as createPortal52 } from "react-dom";
+import { jsx as jsx392, jsxs as jsxs342 } from "react/jsx-runtime";
+import { createContext as createContext72, useCallback as useCallback72, useContext as useContext72, useMemo as useMemo72, useState as useState232 } from "react";
+import { clsx as clsx122 } from "clsx";
+import { useRef as useRef72, useState as useState222 } from "react";
+import { AtSymbolIcon as AtSymbolIcon2 } from "@heroicons/react/24/outline";
+import { jsx as jsx402, jsxs as jsxs352 } from "react/jsx-runtime";
+import { createPortal as createPortal62 } from "react-dom";
+import { jsx as jsx412, jsxs as jsxs362 } from "react/jsx-runtime";
+import { createContext as createContext82, useCallback as useCallback82, useContext as useContext82, useMemo as useMemo82, useState as useState252 } from "react";
+import { createPortal as createPortal72 } from "react-dom";
+import { clsx as clsx132 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon42 } from "@heroicons/react/24/outline";
+import { useRef as useRef82, useState as useState242 } from "react";
+import { jsx as jsx422, jsxs as jsxs372 } from "react/jsx-runtime";
+import { jsx as jsx432, jsxs as jsxs382 } from "react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx442, jsxs as jsxs392 } from "react/jsx-runtime";
+import { clsx as clsx142 } from "clsx";
+import { jsx as jsx452 } from "react/jsx-runtime";
+import { useEffect as useEffect102, useState as useState262 } from "react";
+import { cookiesGet as cookiesGet32, emptyUserCacheClient as emptyUserCacheClient3, FULL_NAME_KEY as FULL_NAME_KEY2, onUserEvent as onUserEvent3, USERNAME_KEY as USERNAME_KEY4 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon3 } from "@heroicons/react/24/outline";
+import clsx152 from "clsx";
+import { jsx as jsx462, jsxs as jsxs402 } from "react/jsx-runtime";
+import { useEffect as useEffect112, useState as useState272 } from "react";
+import { buildArray as buildArray3, cookiesGet as cookiesGet42, cookiesOnChange as cookiesOnChange3, ROLE_KEY as ROLE_KEY3, USER_ROLES as USER_ROLES3 } from "@goralys/core";
+import { jsx as jsx472, jsxs as jsxs412 } from "react/jsx-runtime";
+import { useEffect as useEffect132, useState as useState292 } from "react";
+import { buildArray as buildArray22, cookiesGet as cookiesGet62, cookiesOnChange as cookiesOnChange22, ROLE_KEY as ROLE_KEY22, USER_ROLES as USER_ROLES22 } from "@goralys/core";
+import { AcademicCapIcon as AcademicCapIcon22, HomeIcon as HomeIcon2 } from "@heroicons/react/24/outline";
+import { clsx as clsx162 } from "clsx";
+import { jsx as jsx482, jsxs as jsxs422 } from "react/jsx-runtime";
+import { useEffect as useEffect122, useState as useState282 } from "react";
+import { cookiesGet as cookiesGet52, emptyUserCacheClient as emptyUserCacheClient22, onUserEvent as onUserEvent22, USERNAME_KEY as USERNAME_KEY22 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon22 } from "@heroicons/react/24/outline";
+import clsx172 from "clsx";
+import { jsx as jsx492, jsxs as jsxs432 } from "react/jsx-runtime";
+import { jsx as jsx502, jsxs as jsxs442 } from "react/jsx-runtime";
+import { jsx as jsx512 } from "react/jsx-runtime";
+import { jsx as jsx522 } from "react/jsx-runtime";
+import { jsx as jsx532, jsxs as jsxs452 } from "react/jsx-runtime";
+import clsx182 from "clsx";
+import { jsx as jsx542, jsxs as jsxs462 } from "react/jsx-runtime";
+import { jsx as jsx552, jsxs as jsxs472 } from "react/jsx-runtime";
+import { jsx as jsx562, jsxs as jsxs482 } from "react/jsx-runtime";
+import { jsx as jsx572, jsxs as jsxs492 } from "react/jsx-runtime";
+import { jsx as jsx582, jsxs as jsxs502 } from "react/jsx-runtime";
+import { jsx as jsx592, jsxs as jsxs512 } from "react/jsx-runtime";
+import { jsx as jsx602, jsxs as jsxs522 } from "react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx612, jsxs as jsxs532 } from "react/jsx-runtime";
+import { Fragment as Fragment82, jsx as jsx622, jsxs as jsxs542 } from "react/jsx-runtime";
+import { jsx as jsx632, jsxs as jsxs552 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet32,
+  fetchCsrfClient as fetchCsrfClient32,
+  getStatusLabel as getStatusLabel22,
+  goralysFetchClient as goralysFetchClient32,
+  handleToastRequest as handleToastRequest32,
+  SubjectStatusConfig as SubjectStatusConfig2
+} from "@goralys/core";
+import { jsx as jsx642, jsxs as jsxs562 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon3 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment92, jsx as jsx652, jsxs as jsxs572 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon22 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment102, jsx as jsx662, jsxs as jsxs582 } from "react/jsx-runtime";
+import { getStatusLabel as getStatusLabel32 } from "@goralys/core";
+import { jsx as jsx672, jsxs as jsxs592 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet42,
+  fetchCsrfClient as fetchCsrfClient42,
+  getShortFromLong as getShortFromLong22,
+  goralysFetchClient as goralysFetchClient42,
+  handleToastRequest as handleToastRequest42,
+  SUBJECT_SYNCS as SUBJECT_SYNCS3
+} from "@goralys/core";
+import { useState as useState302 } from "react";
+import { Fragment as Fragment112, jsx as jsx682, jsxs as jsxs602 } from "react/jsx-runtime";
+import { useCallback as useCallback92, useEffect as useEffect142, useState as useState312 } from "react";
+import { getStatusLabel as getStatusLabel42 } from "@goralys/core";
+import { jsx as jsx692 } from "react/jsx-runtime";
+import { useEffect as useEffect152, useState as useState322 } from "react";
+import { getLongFromShort as getLongFromShort2, searchFields as searchFields2 } from "@goralys/core";
+import { jsx as jsx702, jsxs as jsxs612 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet52,
+  fetchCsrfClient as fetchCsrfClient52,
+  getShortFromLong as getShortFromLong32,
+  goralysFetchClient as goralysFetchClient52,
+  handleToastRequest as handleToastRequest52,
+  SUBJECT_SYNCS as SUBJECT_SYNCS22
+} from "@goralys/core";
+import { useRef as useRef92, useState as useState332 } from "react";
+import { Fragment as Fragment122, jsx as jsx712, jsxs as jsxs622 } from "react/jsx-runtime";
+import { useEffect as useEffect162, useState as useState342 } from "react";
+import { cookiesGet as cookiesGet72, EMAIL_KEY as EMAIL_KEY2, fetchCsrfClient as fetchCsrfClient62, getGoralysClientConfig as getGoralysClientConfig22, reasonsConfig as reasonsConfig2, USERNAME_KEY as USERNAME_KEY32 } from "@goralys/core";
+import { jsx as jsx722, jsxs as jsxs632 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl15, reasonsConfig as reasonsConfig8 } from "@goralys/core";
+import { createContext as createContext92, useContext as useContext92, useMemo as useMemo92 } from "react";
+import { jsx as jsx732 } from "react/jsx-runtime";
+import { useEffect as useEffect172, useState as useState352 } from "react";
+import { useCallback as useCallback102 } from "react";
+import { useEffect as useEffect222 } from "react";
+import clsx192 from "clsx";
+import { jsx as jsx2102 } from "react/jsx-runtime";
+import { Fragment as Fragment132, jsx as jsx3102, jsxs as jsxs642 } from "react/jsx-runtime";
+import { jsx as jsx4102 } from "react/jsx-runtime";
+import { cookiesGet as cookiesGet82, PUB_ID_KEY as PUB_ID_KEY22 } from "@goralys/core";
+import { ShieldExclamationIcon as ShieldExclamationIcon22 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment222, jsx as jsx5102, jsxs as jsxs2102 } from "react/jsx-runtime";
+import { clsx as clsx222 } from "clsx";
+import { useState as useState2102 } from "react";
+import { EyeIcon as EyeIcon22, EyeSlashIcon as EyeSlashIcon22 } from "@heroicons/react/24/outline";
+import { jsx as jsx6102, jsxs as jsxs3102 } from "react/jsx-runtime";
+import { useEffect as useEffect322, useState as useState362 } from "react";
+import { jsx as jsx742 } from "react/jsx-runtime";
+import { parsePhpDateTime as parsePhpDateTime32 } from "@goralys/core";
+import { Fragment as Fragment322, jsx as jsx822, jsxs as jsxs4102 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl32, fetchCsrfClient as fetchCsrfClient72, goralysFetchClient as goralysFetchClient62, handleToastRequest as handleToastRequest62, parsePhpDateTime as parsePhpDateTime222 } from "@goralys/core";
+import { createContext as createContext222, useCallback as useCallback222, useContext as useContext222, useEffect as useEffect422, useMemo as useMemo222, useRef as useRef102, useState as useState422 } from "react";
+import { clsx as clsx322 } from "clsx";
+import { CheckCircleIcon as CheckCircleIcon22, ExclamationCircleIcon as ExclamationCircleIcon22, InformationCircleIcon as InformationCircleIcon22, XCircleIcon as XCircleIcon22 } from "@heroicons/react/24/outline";
+import { jsx as jsx922, jsxs as jsxs5102 } from "react/jsx-runtime";
+import { FLASH_TOAST_KEY as FLASH_TOAST_KEY22, storageSet as storageSet22 } from "@goralys/core";
+import { createPortal as createPortal82 } from "react-dom";
+import { jsx as jsx1022, jsxs as jsxs652 } from "react/jsx-runtime";
+import { createContext as createContext322, useCallback as useCallback322, useContext as useContext322, useMemo as useMemo322, useState as useState522 } from "react";
+import { clsx as clsx422 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon52 } from "@heroicons/react/24/outline";
+import { useRef as useRef222 } from "react";
+import { jsx as jsx1122, jsxs as jsxs722 } from "react/jsx-runtime";
+import { createPortal as createPortal222 } from "react-dom";
+import { jsx as jsx1222, jsxs as jsxs822 } from "react/jsx-runtime";
+import { jsx as jsx1322, jsxs as jsxs922 } from "react/jsx-runtime";
+import { useState as useState822 } from "react";
+import { createContext as createContext422, useCallback as useCallback422, useContext as useContext422, useMemo as useMemo422, useState as useState722 } from "react";
+import { LockClosedIcon as LockClosedIcon22 } from "@heroicons/react/16/solid";
+import { clsx as clsx522 } from "clsx";
+import { useRef as useRef322, useState as useState622 } from "react";
+import { jsx as jsx1422, jsxs as jsxs1022 } from "react/jsx-runtime";
+import { createPortal as createPortal322 } from "react-dom";
+import { jsx as jsx1522, jsxs as jsxs1122 } from "react/jsx-runtime";
+import { cookiesSet as cookiesSet62, fetchCsrfClient as fetchCsrfClient222, goralysFetchClient as goralysFetchClient222, handleToastRequest as handleToastRequest222 } from "@goralys/core";
+import { jsx as jsx1622, jsxs as jsxs1222 } from "react/jsx-runtime";
+import { useState as useState922 } from "react";
+import { jsx as jsx1722, jsxs as jsxs1322 } from "react/jsx-runtime";
+import { Fragment as Fragment422, jsx as jsx1822, jsxs as jsxs1422 } from "react/jsx-runtime";
+import { AcademicCapIcon as AcademicCapIcon32, BookOpenIcon as BookOpenIcon22 } from "@heroicons/react/24/outline";
+import { jsx as jsx1922, jsxs as jsxs1522 } from "react/jsx-runtime";
+import { useEffect as useEffect522, useState as useState1022 } from "react";
+import { jsx as jsx2022, jsxs as jsxs1622 } from "react/jsx-runtime";
+import { jsx as jsx2122, jsxs as jsxs1722 } from "react/jsx-runtime";
+import { useEffect as useEffect622, useState as useState1122 } from "react";
+import { jsx as jsx2222, jsxs as jsxs1822 } from "react/jsx-runtime";
+import { useEffect as useEffect722, useState as useState1222 } from "react";
+import { jsx as jsx2322, jsxs as jsxs1922 } from "react/jsx-runtime";
+import { getShortFromLong as getShortFromLong42, getStatusLabel as getStatusLabel52 } from "@goralys/core";
+import { jsx as jsx2422, jsxs as jsxs2022 } from "react/jsx-runtime";
+import { Fragment as Fragment522, jsx as jsx2522, jsxs as jsxs2122 } from "react/jsx-runtime";
+import { useEffect as useEffect822, useState as useState1322 } from "react";
+import * as React522 from "react";
+import { XMarkIcon as XMarkIcon22 } from "@heroicons/react/24/outline";
+import { COOKIES_DISMISSED_KEY as COOKIES_DISMISSED_KEY22, cookiesGet as cookiesGet222, cookiesSet as cookiesSet222 } from "@goralys/core";
+import { jsx as jsx2622, jsxs as jsxs2222 } from "react/jsx-runtime";
+import { useEffect as useEffect922, useRef as useRef422 } from "react";
+import { LOGO_PATH as LOGO_PATH22 } from "@goralys/core";
+import { jsx as jsx2722, jsxs as jsxs2322 } from "react/jsx-runtime";
+import { useId as useId22 } from "react";
+import { jsx as jsx2822, jsxs as jsxs2422 } from "react/jsx-runtime";
+import { useState as useState1422 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon32 } from "@heroicons/react/24/outline";
+import clsx622 from "clsx";
+import { jsx as jsx2922, jsxs as jsxs2522 } from "react/jsx-runtime";
+import { useState as useState1522 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon222 } from "@heroicons/react/24/outline";
+import clsx722 from "clsx";
+import { jsx as jsx3022, jsxs as jsxs2622 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper42 } from "@goralys/core";
+import { clsx as clsx822 } from "clsx";
+import { useState as useState1622 } from "react";
+import { jsx as jsx3122, jsxs as jsxs2722 } from "react/jsx-runtime";
+import { jsx as jsx3222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper222 } from "@goralys/core";
+import { jsx as jsx3322, jsxs as jsxs2822 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl222, getGoralysClientConfig as getGoralysClientConfig32, getStatusHelper as getStatusHelper322 } from "@goralys/core";
+import { ArrowDownTrayIcon as ArrowDownTrayIcon22 } from "@heroicons/react/24/outline";
+import { jsx as jsx3422, jsxs as jsxs2922 } from "react/jsx-runtime";
+import { clsx as clsx922 } from "clsx";
+import { useState as useState1722 } from "react";
+import { jsx as jsx3522, jsxs as jsxs3022 } from "react/jsx-runtime";
+import { createContext as createContext522, useCallback as useCallback522, useContext as useContext522, useMemo as useMemo522, useState as useState1922 } from "react";
+import { clsx as clsx1022 } from "clsx";
+import { useRef as useRef522, useState as useState1822 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon222 } from "@heroicons/react/24/outline";
+import { jsx as jsx3622, jsxs as jsxs3122 } from "react/jsx-runtime";
+import { createPortal as createPortal422 } from "react-dom";
+import { jsx as jsx3722, jsxs as jsxs3222 } from "react/jsx-runtime";
+import { createContext as createContext622, useCallback as useCallback622, useContext as useContext622, useMemo as useMemo622, useState as useState2122 } from "react";
+import { clsx as clsx1122 } from "clsx";
+import { useRef as useRef622, useState as useState2022 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon322 } from "@heroicons/react/24/outline";
+import { jsx as jsx3822, jsxs as jsxs3322 } from "react/jsx-runtime";
+import { createPortal as createPortal522 } from "react-dom";
+import { jsx as jsx3922, jsxs as jsxs3422 } from "react/jsx-runtime";
+import { createContext as createContext722, useCallback as useCallback722, useContext as useContext722, useMemo as useMemo722, useState as useState2322 } from "react";
+import { clsx as clsx1222 } from "clsx";
+import { useRef as useRef722, useState as useState2222 } from "react";
+import { AtSymbolIcon as AtSymbolIcon22 } from "@heroicons/react/24/outline";
+import { jsx as jsx4022, jsxs as jsxs3522 } from "react/jsx-runtime";
+import { createPortal as createPortal622 } from "react-dom";
+import { jsx as jsx4122, jsxs as jsxs3622 } from "react/jsx-runtime";
+import { createContext as createContext822, useCallback as useCallback822, useContext as useContext822, useMemo as useMemo822, useState as useState2522 } from "react";
+import { createPortal as createPortal722 } from "react-dom";
+import { clsx as clsx1322 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon422 } from "@heroicons/react/24/outline";
+import { useRef as useRef822, useState as useState2422 } from "react";
+import { jsx as jsx4222, jsxs as jsxs3722 } from "react/jsx-runtime";
+import { jsx as jsx4322, jsxs as jsxs3822 } from "react/jsx-runtime";
+import { Fragment as Fragment622, jsx as jsx4422, jsxs as jsxs3922 } from "react/jsx-runtime";
+import { clsx as clsx1422 } from "clsx";
+import { jsx as jsx4522 } from "react/jsx-runtime";
+import { useEffect as useEffect1022, useState as useState2622 } from "react";
+import { cookiesGet as cookiesGet322, emptyUserCacheClient as emptyUserCacheClient32, FULL_NAME_KEY as FULL_NAME_KEY22, onUserEvent as onUserEvent32, USERNAME_KEY as USERNAME_KEY42 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon32 } from "@heroicons/react/24/outline";
+import clsx1522 from "clsx";
+import { jsx as jsx4622, jsxs as jsxs4022 } from "react/jsx-runtime";
+import { useEffect as useEffect1122, useState as useState2722 } from "react";
+import { buildArray as buildArray32, cookiesGet as cookiesGet422, cookiesOnChange as cookiesOnChange32, ROLE_KEY as ROLE_KEY32, USER_ROLES as USER_ROLES32 } from "@goralys/core";
+import { jsx as jsx4722, jsxs as jsxs4122 } from "react/jsx-runtime";
+import { useEffect as useEffect1322, useState as useState2922 } from "react";
+import { buildArray as buildArray222, cookiesGet as cookiesGet622, cookiesOnChange as cookiesOnChange222, ROLE_KEY as ROLE_KEY222, USER_ROLES as USER_ROLES222 } from "@goralys/core";
+import { AcademicCapIcon as AcademicCapIcon222, HomeIcon as HomeIcon22 } from "@heroicons/react/24/outline";
+import { clsx as clsx1622 } from "clsx";
+import { jsx as jsx4822, jsxs as jsxs4222 } from "react/jsx-runtime";
+import { useEffect as useEffect1222, useState as useState2822 } from "react";
+import { cookiesGet as cookiesGet522, emptyUserCacheClient as emptyUserCacheClient222, onUserEvent as onUserEvent222, USERNAME_KEY as USERNAME_KEY222 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon222 } from "@heroicons/react/24/outline";
+import clsx1722 from "clsx";
+import { jsx as jsx4922, jsxs as jsxs4322 } from "react/jsx-runtime";
+import { jsx as jsx5022, jsxs as jsxs4422 } from "react/jsx-runtime";
+import { jsx as jsx5122 } from "react/jsx-runtime";
+import { jsx as jsx5222 } from "react/jsx-runtime";
+import { jsx as jsx5322, jsxs as jsxs4522 } from "react/jsx-runtime";
+import clsx1822 from "clsx";
+import { jsx as jsx5422, jsxs as jsxs4622 } from "react/jsx-runtime";
+import { jsx as jsx5522, jsxs as jsxs4722 } from "react/jsx-runtime";
+import { jsx as jsx5622, jsxs as jsxs4822 } from "react/jsx-runtime";
+import { jsx as jsx5722, jsxs as jsxs4922 } from "react/jsx-runtime";
+import { jsx as jsx5822, jsxs as jsxs5022 } from "react/jsx-runtime";
+import { jsx as jsx5922, jsxs as jsxs5122 } from "react/jsx-runtime";
+import { jsx as jsx6022, jsxs as jsxs5222 } from "react/jsx-runtime";
+import { Fragment as Fragment722, jsx as jsx6122, jsxs as jsxs5322 } from "react/jsx-runtime";
+import { Fragment as Fragment822, jsx as jsx6222, jsxs as jsxs5422 } from "react/jsx-runtime";
+import { jsx as jsx6322, jsxs as jsxs5522 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet322,
+  fetchCsrfClient as fetchCsrfClient322,
+  getStatusLabel as getStatusLabel222,
+  goralysFetchClient as goralysFetchClient322,
+  handleToastRequest as handleToastRequest322,
+  SubjectStatusConfig as SubjectStatusConfig22
+} from "@goralys/core";
+import { jsx as jsx6422, jsxs as jsxs5622 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon32 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment922, jsx as jsx6522, jsxs as jsxs5722 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment1022, jsx as jsx6622, jsxs as jsxs5822 } from "react/jsx-runtime";
+import { getStatusLabel as getStatusLabel322 } from "@goralys/core";
+import { jsx as jsx6722, jsxs as jsxs5922 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet422,
+  fetchCsrfClient as fetchCsrfClient422,
+  getShortFromLong as getShortFromLong222,
+  goralysFetchClient as goralysFetchClient422,
+  handleToastRequest as handleToastRequest422,
+  SUBJECT_SYNCS as SUBJECT_SYNCS32
+} from "@goralys/core";
+import { useState as useState3022 } from "react";
+import { Fragment as Fragment1122, jsx as jsx6822, jsxs as jsxs6022 } from "react/jsx-runtime";
+import { useCallback as useCallback922, useEffect as useEffect1422, useState as useState3122 } from "react";
+import { getStatusLabel as getStatusLabel422 } from "@goralys/core";
+import { jsx as jsx6922 } from "react/jsx-runtime";
+import { useEffect as useEffect1522, useState as useState3222 } from "react";
+import { getLongFromShort as getLongFromShort22, searchFields as searchFields22 } from "@goralys/core";
+import { jsx as jsx7022, jsxs as jsxs6122 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet522,
+  fetchCsrfClient as fetchCsrfClient522,
+  getShortFromLong as getShortFromLong322,
+  goralysFetchClient as goralysFetchClient522,
+  handleToastRequest as handleToastRequest522,
+  SUBJECT_SYNCS as SUBJECT_SYNCS222
+} from "@goralys/core";
+import { useRef as useRef922, useState as useState3322 } from "react";
+import { Fragment as Fragment1222, jsx as jsx7122, jsxs as jsxs6222 } from "react/jsx-runtime";
+import { useEffect as useEffect1622, useState as useState3422 } from "react";
+import { cookiesGet as cookiesGet722, EMAIL_KEY as EMAIL_KEY22, fetchCsrfClient as fetchCsrfClient622, getGoralysClientConfig as getGoralysClientConfig222, reasonsConfig as reasonsConfig22, USERNAME_KEY as USERNAME_KEY322 } from "@goralys/core";
+import { jsx as jsx7222, jsxs as jsxs6322 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl13, reasonsConfig as reasonsConfig7 } from "@goralys/core";
+import { createContext as createContext922, useContext as useContext922, useMemo as useMemo922 } from "react";
+import { jsx as jsx7322 } from "react/jsx-runtime";
+import { useEffect as useEffect1722, useState as useState3522 } from "react";
+import { useCallback as useCallback1022 } from "react";
+import { useEffect as useEffect2222 } from "react";
+import clsx1922 from "clsx";
+import { jsx as jsx21022 } from "react/jsx-runtime";
+import { Fragment as Fragment1322, jsx as jsx31022, jsxs as jsxs6422 } from "react/jsx-runtime";
+import { jsx as jsx41022 } from "react/jsx-runtime";
+import { cookiesGet as cookiesGet822, PUB_ID_KEY as PUB_ID_KEY222 } from "@goralys/core";
+import { ShieldExclamationIcon as ShieldExclamationIcon222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment2222, jsx as jsx51022, jsxs as jsxs21022 } from "react/jsx-runtime";
+import { clsx as clsx2222 } from "clsx";
+import { useState as useState21022 } from "react";
+import { EyeIcon as EyeIcon222, EyeSlashIcon as EyeSlashIcon222 } from "@heroicons/react/24/outline";
+import { jsx as jsx61022, jsxs as jsxs31022 } from "react/jsx-runtime";
+import { useEffect as useEffect3222, useState as useState3622 } from "react";
+import { jsx as jsx7422 } from "react/jsx-runtime";
+import { parsePhpDateTime as parsePhpDateTime322 } from "@goralys/core";
+import { Fragment as Fragment3222, jsx as jsx8222, jsxs as jsxs41022 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl322, fetchCsrfClient as fetchCsrfClient722, goralysFetchClient as goralysFetchClient622, handleToastRequest as handleToastRequest622, parsePhpDateTime as parsePhpDateTime2222 } from "@goralys/core";
+import { createContext as createContext2222, useCallback as useCallback2222, useContext as useContext2222, useEffect as useEffect4222, useMemo as useMemo2222, useRef as useRef1022, useState as useState4222 } from "react";
+import { clsx as clsx3222 } from "clsx";
+import { CheckCircleIcon as CheckCircleIcon222, ExclamationCircleIcon as ExclamationCircleIcon222, InformationCircleIcon as InformationCircleIcon222, XCircleIcon as XCircleIcon222 } from "@heroicons/react/24/outline";
+import { jsx as jsx9222, jsxs as jsxs51022 } from "react/jsx-runtime";
+import { FLASH_TOAST_KEY as FLASH_TOAST_KEY222, storageSet as storageSet222 } from "@goralys/core";
+import { createPortal as createPortal822 } from "react-dom";
+import { jsx as jsx10222, jsxs as jsxs6522 } from "react/jsx-runtime";
+import { createContext as createContext3222, useCallback as useCallback3222, useContext as useContext3222, useMemo as useMemo3222, useState as useState5222 } from "react";
+import { clsx as clsx4222 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon522 } from "@heroicons/react/24/outline";
+import { useRef as useRef2222 } from "react";
+import { jsx as jsx11222, jsxs as jsxs7222 } from "react/jsx-runtime";
+import { createPortal as createPortal2222 } from "react-dom";
+import { jsx as jsx12222, jsxs as jsxs8222 } from "react/jsx-runtime";
+import { jsx as jsx13222, jsxs as jsxs9222 } from "react/jsx-runtime";
+import { useState as useState8222 } from "react";
+import { createContext as createContext4222, useCallback as useCallback4222, useContext as useContext4222, useMemo as useMemo4222, useState as useState7222 } from "react";
+import { LockClosedIcon as LockClosedIcon222 } from "@heroicons/react/16/solid";
+import { clsx as clsx5222 } from "clsx";
+import { useRef as useRef3222, useState as useState6222 } from "react";
+import { jsx as jsx14222, jsxs as jsxs10222 } from "react/jsx-runtime";
+import { createPortal as createPortal3222 } from "react-dom";
+import { jsx as jsx15222, jsxs as jsxs11222 } from "react/jsx-runtime";
+import { cookiesSet as cookiesSet622, fetchCsrfClient as fetchCsrfClient2222, goralysFetchClient as goralysFetchClient2222, handleToastRequest as handleToastRequest2222 } from "@goralys/core";
+import { jsx as jsx16222, jsxs as jsxs12222 } from "react/jsx-runtime";
+import { useState as useState9222 } from "react";
+import { jsx as jsx17222, jsxs as jsxs13222 } from "react/jsx-runtime";
+import { Fragment as Fragment4222, jsx as jsx18222, jsxs as jsxs14222 } from "react/jsx-runtime";
+import { AcademicCapIcon as AcademicCapIcon322, BookOpenIcon as BookOpenIcon222 } from "@heroicons/react/24/outline";
+import { jsx as jsx19222, jsxs as jsxs15222 } from "react/jsx-runtime";
+import { useEffect as useEffect5222, useState as useState10222 } from "react";
+import { jsx as jsx20222, jsxs as jsxs16222 } from "react/jsx-runtime";
+import { jsx as jsx21222, jsxs as jsxs17222 } from "react/jsx-runtime";
+import { useEffect as useEffect6222, useState as useState11222 } from "react";
+import { jsx as jsx22222, jsxs as jsxs18222 } from "react/jsx-runtime";
+import { useEffect as useEffect7222, useState as useState12222 } from "react";
+import { jsx as jsx23222, jsxs as jsxs19222 } from "react/jsx-runtime";
+import { getShortFromLong as getShortFromLong422, getStatusLabel as getStatusLabel522 } from "@goralys/core";
+import { jsx as jsx24222, jsxs as jsxs20222 } from "react/jsx-runtime";
+import { Fragment as Fragment5222, jsx as jsx25222, jsxs as jsxs21222 } from "react/jsx-runtime";
+import { useEffect as useEffect8222, useState as useState13222 } from "react";
+import * as React5222 from "react";
+import { XMarkIcon as XMarkIcon222 } from "@heroicons/react/24/outline";
+import { COOKIES_DISMISSED_KEY as COOKIES_DISMISSED_KEY222, cookiesGet as cookiesGet2222, cookiesSet as cookiesSet2222 } from "@goralys/core";
+import { jsx as jsx26222, jsxs as jsxs22222 } from "react/jsx-runtime";
+import { useEffect as useEffect9222, useRef as useRef4222 } from "react";
+import { LOGO_PATH as LOGO_PATH222 } from "@goralys/core";
+import { jsx as jsx27222, jsxs as jsxs23222 } from "react/jsx-runtime";
+import { useId as useId222 } from "react";
+import { jsx as jsx28222, jsxs as jsxs24222 } from "react/jsx-runtime";
+import { useState as useState14222 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon322 } from "@heroicons/react/24/outline";
+import clsx6222 from "clsx";
+import { jsx as jsx29222, jsxs as jsxs25222 } from "react/jsx-runtime";
+import { useState as useState15222 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon2222 } from "@heroicons/react/24/outline";
+import clsx7222 from "clsx";
+import { jsx as jsx30222, jsxs as jsxs26222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper422 } from "@goralys/core";
+import { clsx as clsx8222 } from "clsx";
+import { useState as useState16222 } from "react";
+import { jsx as jsx31222, jsxs as jsxs27222 } from "react/jsx-runtime";
+import { jsx as jsx32222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper2222 } from "@goralys/core";
+import { jsx as jsx33222, jsxs as jsxs28222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl2222, getGoralysClientConfig as getGoralysClientConfig322, getStatusHelper as getStatusHelper3222 } from "@goralys/core";
+import { ArrowDownTrayIcon as ArrowDownTrayIcon222 } from "@heroicons/react/24/outline";
+import { jsx as jsx34222, jsxs as jsxs29222 } from "react/jsx-runtime";
+import { clsx as clsx9222 } from "clsx";
+import { useState as useState17222 } from "react";
+import { jsx as jsx35222, jsxs as jsxs30222 } from "react/jsx-runtime";
+import { createContext as createContext5222, useCallback as useCallback5222, useContext as useContext5222, useMemo as useMemo5222, useState as useState19222 } from "react";
+import { clsx as clsx10222 } from "clsx";
+import { useRef as useRef5222, useState as useState18222 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon2222 } from "@heroicons/react/24/outline";
+import { jsx as jsx36222, jsxs as jsxs31222 } from "react/jsx-runtime";
+import { createPortal as createPortal4222 } from "react-dom";
+import { jsx as jsx37222, jsxs as jsxs32222 } from "react/jsx-runtime";
+import { createContext as createContext6222, useCallback as useCallback6222, useContext as useContext6222, useMemo as useMemo6222, useState as useState21222 } from "react";
+import { clsx as clsx11222 } from "clsx";
+import { useRef as useRef6222, useState as useState20222 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon3222 } from "@heroicons/react/24/outline";
+import { jsx as jsx38222, jsxs as jsxs33222 } from "react/jsx-runtime";
+import { createPortal as createPortal5222 } from "react-dom";
+import { jsx as jsx39222, jsxs as jsxs34222 } from "react/jsx-runtime";
+import { createContext as createContext7222, useCallback as useCallback7222, useContext as useContext7222, useMemo as useMemo7222, useState as useState23222 } from "react";
+import { clsx as clsx12222 } from "clsx";
+import { useRef as useRef7222, useState as useState22222 } from "react";
+import { AtSymbolIcon as AtSymbolIcon222 } from "@heroicons/react/24/outline";
+import { jsx as jsx40222, jsxs as jsxs35222 } from "react/jsx-runtime";
+import { createPortal as createPortal6222 } from "react-dom";
+import { jsx as jsx41222, jsxs as jsxs36222 } from "react/jsx-runtime";
+import { createContext as createContext8222, useCallback as useCallback8222, useContext as useContext8222, useMemo as useMemo8222, useState as useState25222 } from "react";
+import { createPortal as createPortal7222 } from "react-dom";
+import { clsx as clsx13222 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon4222 } from "@heroicons/react/24/outline";
+import { useRef as useRef8222, useState as useState24222 } from "react";
+import { jsx as jsx42222, jsxs as jsxs37222 } from "react/jsx-runtime";
+import { jsx as jsx43222, jsxs as jsxs38222 } from "react/jsx-runtime";
+import { Fragment as Fragment6222, jsx as jsx44222, jsxs as jsxs39222 } from "react/jsx-runtime";
+import { clsx as clsx14222 } from "clsx";
+import { jsx as jsx45222 } from "react/jsx-runtime";
+import { useEffect as useEffect10222, useState as useState26222 } from "react";
+import { cookiesGet as cookiesGet3222, emptyUserCacheClient as emptyUserCacheClient322, FULL_NAME_KEY as FULL_NAME_KEY222, onUserEvent as onUserEvent322, USERNAME_KEY as USERNAME_KEY422 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon322 } from "@heroicons/react/24/outline";
+import clsx15222 from "clsx";
+import { jsx as jsx46222, jsxs as jsxs40222 } from "react/jsx-runtime";
+import { useEffect as useEffect11222, useState as useState27222 } from "react";
+import { buildArray as buildArray322, cookiesGet as cookiesGet4222, cookiesOnChange as cookiesOnChange322, ROLE_KEY as ROLE_KEY322, USER_ROLES as USER_ROLES322 } from "@goralys/core";
+import { jsx as jsx47222, jsxs as jsxs41222 } from "react/jsx-runtime";
+import { useEffect as useEffect13222, useState as useState29222 } from "react";
+import { buildArray as buildArray2222, cookiesGet as cookiesGet6222, cookiesOnChange as cookiesOnChange2222, ROLE_KEY as ROLE_KEY2222, USER_ROLES as USER_ROLES2222 } from "@goralys/core";
+import { AcademicCapIcon as AcademicCapIcon2222, HomeIcon as HomeIcon222 } from "@heroicons/react/24/outline";
+import { clsx as clsx16222 } from "clsx";
+import { jsx as jsx48222, jsxs as jsxs42222 } from "react/jsx-runtime";
+import { useEffect as useEffect12222, useState as useState28222 } from "react";
+import { cookiesGet as cookiesGet5222, emptyUserCacheClient as emptyUserCacheClient2222, onUserEvent as onUserEvent2222, USERNAME_KEY as USERNAME_KEY2222 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon2222 } from "@heroicons/react/24/outline";
+import clsx17222 from "clsx";
+import { jsx as jsx49222, jsxs as jsxs43222 } from "react/jsx-runtime";
+import { jsx as jsx50222, jsxs as jsxs44222 } from "react/jsx-runtime";
+import { jsx as jsx51222 } from "react/jsx-runtime";
+import { jsx as jsx52222 } from "react/jsx-runtime";
+import { jsx as jsx53222, jsxs as jsxs45222 } from "react/jsx-runtime";
+import clsx18222 from "clsx";
+import { jsx as jsx54222, jsxs as jsxs46222 } from "react/jsx-runtime";
+import { jsx as jsx55222, jsxs as jsxs47222 } from "react/jsx-runtime";
+import { jsx as jsx56222, jsxs as jsxs48222 } from "react/jsx-runtime";
+import { jsx as jsx57222, jsxs as jsxs49222 } from "react/jsx-runtime";
+import { jsx as jsx58222, jsxs as jsxs50222 } from "react/jsx-runtime";
+import { jsx as jsx59222, jsxs as jsxs51222 } from "react/jsx-runtime";
+import { jsx as jsx60222, jsxs as jsxs52222 } from "react/jsx-runtime";
+import { Fragment as Fragment7222, jsx as jsx61222, jsxs as jsxs53222 } from "react/jsx-runtime";
+import { Fragment as Fragment8222, jsx as jsx62222, jsxs as jsxs54222 } from "react/jsx-runtime";
+import { jsx as jsx63222, jsxs as jsxs55222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet3222,
+  fetchCsrfClient as fetchCsrfClient3222,
+  getStatusLabel as getStatusLabel2222,
+  goralysFetchClient as goralysFetchClient3222,
+  handleToastRequest as handleToastRequest3222,
+  SubjectStatusConfig as SubjectStatusConfig222
+} from "@goralys/core";
+import { jsx as jsx64222, jsxs as jsxs56222 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon322 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment9222, jsx as jsx65222, jsxs as jsxs57222 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon2222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment10222, jsx as jsx66222, jsxs as jsxs58222 } from "react/jsx-runtime";
+import { getStatusLabel as getStatusLabel3222 } from "@goralys/core";
+import { jsx as jsx67222, jsxs as jsxs59222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet4222,
+  fetchCsrfClient as fetchCsrfClient4222,
+  getShortFromLong as getShortFromLong2222,
+  goralysFetchClient as goralysFetchClient4222,
+  handleToastRequest as handleToastRequest4222,
+  SUBJECT_SYNCS as SUBJECT_SYNCS322
+} from "@goralys/core";
+import { useState as useState30222 } from "react";
+import { Fragment as Fragment11222, jsx as jsx68222, jsxs as jsxs60222 } from "react/jsx-runtime";
+import { useCallback as useCallback9222, useEffect as useEffect14222, useState as useState31222 } from "react";
+import { getStatusLabel as getStatusLabel4222 } from "@goralys/core";
+import { jsx as jsx69222 } from "react/jsx-runtime";
+import { useEffect as useEffect15222, useState as useState32222 } from "react";
+import { getLongFromShort as getLongFromShort222, searchFields as searchFields222 } from "@goralys/core";
+import { jsx as jsx70222, jsxs as jsxs61222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet5222,
+  fetchCsrfClient as fetchCsrfClient5222,
+  getShortFromLong as getShortFromLong3222,
+  goralysFetchClient as goralysFetchClient5222,
+  handleToastRequest as handleToastRequest5222,
+  SUBJECT_SYNCS as SUBJECT_SYNCS2222
+} from "@goralys/core";
+import { useRef as useRef9222, useState as useState33222 } from "react";
+import { Fragment as Fragment12222, jsx as jsx71222, jsxs as jsxs62222 } from "react/jsx-runtime";
+import { useEffect as useEffect16222, useState as useState34222 } from "react";
+import { cookiesGet as cookiesGet7222, EMAIL_KEY as EMAIL_KEY222, fetchCsrfClient as fetchCsrfClient6222, getGoralysClientConfig as getGoralysClientConfig2222, reasonsConfig as reasonsConfig222, USERNAME_KEY as USERNAME_KEY3222 } from "@goralys/core";
+import { jsx as jsx72222, jsxs as jsxs63222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl11, reasonsConfig as reasonsConfig6 } from "@goralys/core";
+import { createContext as createContext9222, useContext as useContext9222, useMemo as useMemo9222 } from "react";
+import { jsx as jsx73222 } from "react/jsx-runtime";
+import { useEffect as useEffect17222, useState as useState35222 } from "react";
+import { useCallback as useCallback10222 } from "react";
+import { useEffect as useEffect22222 } from "react";
+import clsx19222 from "clsx";
+import { jsx as jsx210222 } from "react/jsx-runtime";
+import { Fragment as Fragment13222, jsx as jsx310222, jsxs as jsxs64222 } from "react/jsx-runtime";
+import { jsx as jsx410222 } from "react/jsx-runtime";
+import { cookiesGet as cookiesGet8222, PUB_ID_KEY as PUB_ID_KEY2222 } from "@goralys/core";
+import { ShieldExclamationIcon as ShieldExclamationIcon2222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment22222, jsx as jsx510222, jsxs as jsxs210222 } from "react/jsx-runtime";
+import { clsx as clsx22222 } from "clsx";
+import { useState as useState210222 } from "react";
+import { EyeIcon as EyeIcon2222, EyeSlashIcon as EyeSlashIcon2222 } from "@heroicons/react/24/outline";
+import { jsx as jsx610222, jsxs as jsxs310222 } from "react/jsx-runtime";
+import { useEffect as useEffect32222, useState as useState36222 } from "react";
+import { jsx as jsx74222 } from "react/jsx-runtime";
+import { parsePhpDateTime as parsePhpDateTime3222 } from "@goralys/core";
+import { Fragment as Fragment32222, jsx as jsx82222, jsxs as jsxs410222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl3222, fetchCsrfClient as fetchCsrfClient7222, goralysFetchClient as goralysFetchClient6222, handleToastRequest as handleToastRequest6222, parsePhpDateTime as parsePhpDateTime22222 } from "@goralys/core";
+import { createContext as createContext22222, useCallback as useCallback22222, useContext as useContext22222, useEffect as useEffect42222, useMemo as useMemo22222, useRef as useRef10222, useState as useState42222 } from "react";
+import { clsx as clsx32222 } from "clsx";
+import { CheckCircleIcon as CheckCircleIcon2222, ExclamationCircleIcon as ExclamationCircleIcon2222, InformationCircleIcon as InformationCircleIcon2222, XCircleIcon as XCircleIcon2222 } from "@heroicons/react/24/outline";
+import { jsx as jsx92222, jsxs as jsxs510222 } from "react/jsx-runtime";
+import { FLASH_TOAST_KEY as FLASH_TOAST_KEY2222, storageSet as storageSet2222 } from "@goralys/core";
+import { createPortal as createPortal8222 } from "react-dom";
+import { jsx as jsx102222, jsxs as jsxs65222 } from "react/jsx-runtime";
+import { createContext as createContext32222, useCallback as useCallback32222, useContext as useContext32222, useMemo as useMemo32222, useState as useState52222 } from "react";
+import { clsx as clsx42222 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon5222 } from "@heroicons/react/24/outline";
+import { useRef as useRef22222 } from "react";
+import { jsx as jsx112222, jsxs as jsxs72222 } from "react/jsx-runtime";
+import { createPortal as createPortal22222 } from "react-dom";
+import { jsx as jsx122222, jsxs as jsxs82222 } from "react/jsx-runtime";
+import { jsx as jsx132222, jsxs as jsxs92222 } from "react/jsx-runtime";
+import { useState as useState82222 } from "react";
+import { createContext as createContext42222, useCallback as useCallback42222, useContext as useContext42222, useMemo as useMemo42222, useState as useState72222 } from "react";
+import { LockClosedIcon as LockClosedIcon2222 } from "@heroicons/react/16/solid";
+import { clsx as clsx52222 } from "clsx";
+import { useRef as useRef32222, useState as useState62222 } from "react";
+import { jsx as jsx142222, jsxs as jsxs102222 } from "react/jsx-runtime";
+import { createPortal as createPortal32222 } from "react-dom";
+import { jsx as jsx152222, jsxs as jsxs112222 } from "react/jsx-runtime";
+import { cookiesSet as cookiesSet6222, fetchCsrfClient as fetchCsrfClient22222, goralysFetchClient as goralysFetchClient22222, handleToastRequest as handleToastRequest22222 } from "@goralys/core";
+import { jsx as jsx162222, jsxs as jsxs122222 } from "react/jsx-runtime";
+import { useState as useState92222 } from "react";
+import { jsx as jsx172222, jsxs as jsxs132222 } from "react/jsx-runtime";
+import { Fragment as Fragment42222, jsx as jsx182222, jsxs as jsxs142222 } from "react/jsx-runtime";
+import { AcademicCapIcon as AcademicCapIcon3222, BookOpenIcon as BookOpenIcon2222 } from "@heroicons/react/24/outline";
+import { jsx as jsx192222, jsxs as jsxs152222 } from "react/jsx-runtime";
+import { useEffect as useEffect52222, useState as useState102222 } from "react";
+import { jsx as jsx202222, jsxs as jsxs162222 } from "react/jsx-runtime";
+import { jsx as jsx212222, jsxs as jsxs172222 } from "react/jsx-runtime";
+import { useEffect as useEffect62222, useState as useState112222 } from "react";
+import { jsx as jsx222222, jsxs as jsxs182222 } from "react/jsx-runtime";
+import { useEffect as useEffect72222, useState as useState122222 } from "react";
+import { jsx as jsx232222, jsxs as jsxs192222 } from "react/jsx-runtime";
+import { getShortFromLong as getShortFromLong4222, getStatusLabel as getStatusLabel5222 } from "@goralys/core";
+import { jsx as jsx242222, jsxs as jsxs202222 } from "react/jsx-runtime";
+import { Fragment as Fragment52222, jsx as jsx252222, jsxs as jsxs212222 } from "react/jsx-runtime";
+import { useEffect as useEffect82222, useState as useState132222 } from "react";
+import * as React52222 from "react";
+import { XMarkIcon as XMarkIcon2222 } from "@heroicons/react/24/outline";
+import { COOKIES_DISMISSED_KEY as COOKIES_DISMISSED_KEY2222, cookiesGet as cookiesGet22222, cookiesSet as cookiesSet22222 } from "@goralys/core";
+import { jsx as jsx262222, jsxs as jsxs222222 } from "react/jsx-runtime";
+import { useEffect as useEffect92222, useRef as useRef42222 } from "react";
+import { LOGO_PATH as LOGO_PATH2222 } from "@goralys/core";
+import { jsx as jsx272222, jsxs as jsxs232222 } from "react/jsx-runtime";
+import { useId as useId2222 } from "react";
+import { jsx as jsx282222, jsxs as jsxs242222 } from "react/jsx-runtime";
+import { useState as useState142222 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon3222 } from "@heroicons/react/24/outline";
+import clsx62222 from "clsx";
+import { jsx as jsx292222, jsxs as jsxs252222 } from "react/jsx-runtime";
+import { useState as useState152222 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon22222 } from "@heroicons/react/24/outline";
+import clsx72222 from "clsx";
+import { jsx as jsx302222, jsxs as jsxs262222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper4222 } from "@goralys/core";
+import { clsx as clsx82222 } from "clsx";
+import { useState as useState162222 } from "react";
+import { jsx as jsx312222, jsxs as jsxs272222 } from "react/jsx-runtime";
+import { jsx as jsx322222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper22222 } from "@goralys/core";
+import { jsx as jsx332222, jsxs as jsxs282222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl22222, getGoralysClientConfig as getGoralysClientConfig3222, getStatusHelper as getStatusHelper32222 } from "@goralys/core";
+import { ArrowDownTrayIcon as ArrowDownTrayIcon2222 } from "@heroicons/react/24/outline";
+import { jsx as jsx342222, jsxs as jsxs292222 } from "react/jsx-runtime";
+import { clsx as clsx92222 } from "clsx";
+import { useState as useState172222 } from "react";
+import { jsx as jsx352222, jsxs as jsxs302222 } from "react/jsx-runtime";
+import { createContext as createContext52222, useCallback as useCallback52222, useContext as useContext52222, useMemo as useMemo52222, useState as useState192222 } from "react";
+import { clsx as clsx102222 } from "clsx";
+import { useRef as useRef52222, useState as useState182222 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon22222 } from "@heroicons/react/24/outline";
+import { jsx as jsx362222, jsxs as jsxs312222 } from "react/jsx-runtime";
+import { createPortal as createPortal42222 } from "react-dom";
+import { jsx as jsx372222, jsxs as jsxs322222 } from "react/jsx-runtime";
+import { createContext as createContext62222, useCallback as useCallback62222, useContext as useContext62222, useMemo as useMemo62222, useState as useState212222 } from "react";
+import { clsx as clsx112222 } from "clsx";
+import { useRef as useRef62222, useState as useState202222 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon32222 } from "@heroicons/react/24/outline";
+import { jsx as jsx382222, jsxs as jsxs332222 } from "react/jsx-runtime";
+import { createPortal as createPortal52222 } from "react-dom";
+import { jsx as jsx392222, jsxs as jsxs342222 } from "react/jsx-runtime";
+import { createContext as createContext72222, useCallback as useCallback72222, useContext as useContext72222, useMemo as useMemo72222, useState as useState232222 } from "react";
+import { clsx as clsx122222 } from "clsx";
+import { useRef as useRef72222, useState as useState222222 } from "react";
+import { AtSymbolIcon as AtSymbolIcon2222 } from "@heroicons/react/24/outline";
+import { jsx as jsx402222, jsxs as jsxs352222 } from "react/jsx-runtime";
+import { createPortal as createPortal62222 } from "react-dom";
+import { jsx as jsx412222, jsxs as jsxs362222 } from "react/jsx-runtime";
+import { Fragment as Fragment62222, jsx as jsx422222, jsxs as jsxs372222 } from "react/jsx-runtime";
+import { clsx as clsx132222 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon42222 } from "@heroicons/react/24/outline";
+import { useRef as useRef82222, useState as useState242222 } from "react";
+import { jsx as jsx432222, jsxs as jsxs382222 } from "react/jsx-runtime";
+import { createContext as createContext82222, useCallback as useCallback82222, useContext as useContext82222, useMemo as useMemo82222, useState as useState252222 } from "react";
+import { createPortal as createPortal72222 } from "react-dom";
+import { jsx as jsx442222, jsxs as jsxs392222 } from "react/jsx-runtime";
+import { clsx as clsx142222 } from "clsx";
+import { jsx as jsx452222 } from "react/jsx-runtime";
+import { useEffect as useEffect102222, useState as useState262222 } from "react";
+import { cookiesGet as cookiesGet32222, emptyUserCacheClient as emptyUserCacheClient3222, FULL_NAME_KEY as FULL_NAME_KEY2222, onUserEvent as onUserEvent3222, USERNAME_KEY as USERNAME_KEY4222 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon3222 } from "@heroicons/react/24/outline";
+import clsx152222 from "clsx";
+import { jsx as jsx462222, jsxs as jsxs402222 } from "react/jsx-runtime";
+import { useEffect as useEffect112222, useState as useState272222 } from "react";
+import { buildArray as buildArray3222, cookiesGet as cookiesGet42222, cookiesOnChange as cookiesOnChange3222, ROLE_KEY as ROLE_KEY3222, USER_ROLES as USER_ROLES3222 } from "@goralys/core";
+import { jsx as jsx472222, jsxs as jsxs412222 } from "react/jsx-runtime";
+import { useEffect as useEffect132222, useState as useState292222 } from "react";
+import { buildArray as buildArray22222, cookiesGet as cookiesGet62222, cookiesOnChange as cookiesOnChange22222, ROLE_KEY as ROLE_KEY22222, USER_ROLES as USER_ROLES22222 } from "@goralys/core";
+import { AcademicCapIcon as AcademicCapIcon22222, HomeIcon as HomeIcon2222 } from "@heroicons/react/24/outline";
+import { clsx as clsx162222 } from "clsx";
+import { jsx as jsx482222, jsxs as jsxs422222 } from "react/jsx-runtime";
+import { useEffect as useEffect122222, useState as useState282222 } from "react";
+import { cookiesGet as cookiesGet52222, emptyUserCacheClient as emptyUserCacheClient22222, onUserEvent as onUserEvent22222, USERNAME_KEY as USERNAME_KEY22222 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon22222 } from "@heroicons/react/24/outline";
+import clsx172222 from "clsx";
+import { jsx as jsx492222, jsxs as jsxs432222 } from "react/jsx-runtime";
+import { jsx as jsx502222, jsxs as jsxs442222 } from "react/jsx-runtime";
+import { jsx as jsx512222 } from "react/jsx-runtime";
+import { jsx as jsx522222 } from "react/jsx-runtime";
+import { jsx as jsx532222, jsxs as jsxs452222 } from "react/jsx-runtime";
+import clsx182222 from "clsx";
+import { jsx as jsx542222, jsxs as jsxs462222 } from "react/jsx-runtime";
+import { jsx as jsx552222, jsxs as jsxs472222 } from "react/jsx-runtime";
+import { jsx as jsx562222, jsxs as jsxs482222 } from "react/jsx-runtime";
+import { jsx as jsx572222, jsxs as jsxs492222 } from "react/jsx-runtime";
+import { jsx as jsx582222, jsxs as jsxs502222 } from "react/jsx-runtime";
+import { jsx as jsx592222, jsxs as jsxs512222 } from "react/jsx-runtime";
+import { jsx as jsx602222, jsxs as jsxs522222 } from "react/jsx-runtime";
+import { Fragment as Fragment72222, jsx as jsx612222, jsxs as jsxs532222 } from "react/jsx-runtime";
+import { Fragment as Fragment82222, jsx as jsx622222, jsxs as jsxs542222 } from "react/jsx-runtime";
+import { jsx as jsx632222, jsxs as jsxs552222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet32222,
+  fetchCsrfClient as fetchCsrfClient32222,
+  getStatusLabel as getStatusLabel22222,
+  goralysFetchClient as goralysFetchClient32222,
+  handleToastRequest as handleToastRequest32222,
+  SubjectStatusConfig as SubjectStatusConfig2222
+} from "@goralys/core";
+import { jsx as jsx642222, jsxs as jsxs562222 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon3222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment92222, jsx as jsx652222, jsxs as jsxs572222 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon22222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment102222, jsx as jsx662222, jsxs as jsxs582222 } from "react/jsx-runtime";
+import { getStatusLabel as getStatusLabel32222 } from "@goralys/core";
+import { jsx as jsx672222, jsxs as jsxs592222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet42222,
+  fetchCsrfClient as fetchCsrfClient42222,
+  getShortFromLong as getShortFromLong22222,
+  goralysFetchClient as goralysFetchClient42222,
+  handleToastRequest as handleToastRequest42222,
+  SUBJECT_SYNCS as SUBJECT_SYNCS3222
+} from "@goralys/core";
+import { useState as useState302222 } from "react";
+import { Fragment as Fragment112222, jsx as jsx682222, jsxs as jsxs602222 } from "react/jsx-runtime";
+import { useCallback as useCallback92222, useEffect as useEffect142222, useState as useState312222 } from "react";
+import { getStatusLabel as getStatusLabel42222 } from "@goralys/core";
+import { jsx as jsx692222 } from "react/jsx-runtime";
+import { useEffect as useEffect152222, useState as useState322222 } from "react";
+import { getLongFromShort as getLongFromShort2222, searchFields as searchFields2222 } from "@goralys/core";
+import { jsx as jsx702222, jsxs as jsxs612222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet52222,
+  fetchCsrfClient as fetchCsrfClient52222,
+  getShortFromLong as getShortFromLong32222,
+  goralysFetchClient as goralysFetchClient52222,
+  handleToastRequest as handleToastRequest52222,
+  SUBJECT_SYNCS as SUBJECT_SYNCS22222
+} from "@goralys/core";
+import { useRef as useRef92222, useState as useState332222 } from "react";
+import { Fragment as Fragment122222, jsx as jsx712222, jsxs as jsxs622222 } from "react/jsx-runtime";
+import { useEffect as useEffect162222, useState as useState342222 } from "react";
+import { cookiesGet as cookiesGet72222, EMAIL_KEY as EMAIL_KEY2222, fetchCsrfClient as fetchCsrfClient62222, getGoralysClientConfig as getGoralysClientConfig22222, reasonsConfig as reasonsConfig2222, USERNAME_KEY as USERNAME_KEY32222 } from "@goralys/core";
+import { jsx as jsx722222, jsxs as jsxs632222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl9, reasonsConfig as reasonsConfig5 } from "@goralys/core";
+import { createContext as createContext92222, useContext as useContext92222, useMemo as useMemo92222 } from "react";
+import { jsx as jsx732222 } from "react/jsx-runtime";
+import { useEffect as useEffect172222, useState as useState352222 } from "react";
+import { useCallback as useCallback102222 } from "react";
+import { useEffect as useEffect222222 } from "react";
+import clsx192222 from "clsx";
+import { jsx as jsx2102222 } from "react/jsx-runtime";
+import { Fragment as Fragment132222, jsx as jsx3102222, jsxs as jsxs642222 } from "react/jsx-runtime";
+import { jsx as jsx4102222 } from "react/jsx-runtime";
+import { cookiesGet as cookiesGet82222, PUB_ID_KEY as PUB_ID_KEY22222 } from "@goralys/core";
+import { ShieldExclamationIcon as ShieldExclamationIcon22222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment222222, jsx as jsx5102222, jsxs as jsxs2102222 } from "react/jsx-runtime";
+import { clsx as clsx222222 } from "clsx";
+import { useState as useState2102222 } from "react";
+import { EyeIcon as EyeIcon22222, EyeSlashIcon as EyeSlashIcon22222 } from "@heroicons/react/24/outline";
+import { jsx as jsx6102222, jsxs as jsxs3102222 } from "react/jsx-runtime";
+import { useEffect as useEffect322222, useState as useState362222 } from "react";
+import { jsx as jsx742222 } from "react/jsx-runtime";
+import { parsePhpDateTime as parsePhpDateTime32222 } from "@goralys/core";
+import { Fragment as Fragment322222, jsx as jsx822222, jsxs as jsxs4102222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl32222, fetchCsrfClient as fetchCsrfClient72222, goralysFetchClient as goralysFetchClient62222, handleToastRequest as handleToastRequest62222, parsePhpDateTime as parsePhpDateTime222222 } from "@goralys/core";
+import { createContext as createContext222222, useCallback as useCallback222222, useContext as useContext222222, useEffect as useEffect422222, useMemo as useMemo222222, useRef as useRef102222, useState as useState422222 } from "react";
+import { clsx as clsx322222 } from "clsx";
+import { CheckCircleIcon as CheckCircleIcon22222, ExclamationCircleIcon as ExclamationCircleIcon22222, InformationCircleIcon as InformationCircleIcon22222, XCircleIcon as XCircleIcon22222 } from "@heroicons/react/24/outline";
+import { jsx as jsx922222, jsxs as jsxs5102222 } from "react/jsx-runtime";
+import { FLASH_TOAST_KEY as FLASH_TOAST_KEY22222, storageSet as storageSet22222 } from "@goralys/core";
+import { createPortal as createPortal82222 } from "react-dom";
+import { jsx as jsx1022222, jsxs as jsxs652222 } from "react/jsx-runtime";
+import { createContext as createContext322222, useCallback as useCallback322222, useContext as useContext322222, useMemo as useMemo322222, useState as useState522222 } from "react";
+import { clsx as clsx422222 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon52222 } from "@heroicons/react/24/outline";
+import { useRef as useRef222222 } from "react";
+import { jsx as jsx1122222, jsxs as jsxs722222 } from "react/jsx-runtime";
+import { createPortal as createPortal222222 } from "react-dom";
+import { jsx as jsx1222222, jsxs as jsxs822222 } from "react/jsx-runtime";
+import { jsx as jsx1322222, jsxs as jsxs922222 } from "react/jsx-runtime";
+import { useState as useState822222 } from "react";
+import { createContext as createContext422222, useCallback as useCallback422222, useContext as useContext422222, useMemo as useMemo422222, useState as useState722222 } from "react";
+import { LockClosedIcon as LockClosedIcon22222 } from "@heroicons/react/16/solid";
+import { clsx as clsx522222 } from "clsx";
+import { useRef as useRef322222, useState as useState622222 } from "react";
+import { jsx as jsx1422222, jsxs as jsxs1022222 } from "react/jsx-runtime";
+import { createPortal as createPortal322222 } from "react-dom";
+import { jsx as jsx1522222, jsxs as jsxs1122222 } from "react/jsx-runtime";
+import { cookiesSet as cookiesSet62222, fetchCsrfClient as fetchCsrfClient222222, goralysFetchClient as goralysFetchClient222222, handleToastRequest as handleToastRequest222222 } from "@goralys/core";
+import { jsx as jsx1622222, jsxs as jsxs1222222 } from "react/jsx-runtime";
+import { useState as useState922222 } from "react";
+import { jsx as jsx1722222, jsxs as jsxs1322222 } from "react/jsx-runtime";
+import { Fragment as Fragment422222, jsx as jsx1822222, jsxs as jsxs1422222 } from "react/jsx-runtime";
+import { AcademicCapIcon as AcademicCapIcon32222, BookOpenIcon as BookOpenIcon22222 } from "@heroicons/react/24/outline";
+import { jsx as jsx1922222, jsxs as jsxs1522222 } from "react/jsx-runtime";
+import { useEffect as useEffect522222, useState as useState1022222 } from "react";
+import { jsx as jsx2022222, jsxs as jsxs1622222 } from "react/jsx-runtime";
+import { jsx as jsx2122222, jsxs as jsxs1722222 } from "react/jsx-runtime";
+import { useEffect as useEffect622222, useState as useState1122222 } from "react";
+import { jsx as jsx2222222, jsxs as jsxs1822222 } from "react/jsx-runtime";
+import { useEffect as useEffect722222, useState as useState1222222 } from "react";
+import { jsx as jsx2322222, jsxs as jsxs1922222 } from "react/jsx-runtime";
+import { getShortFromLong as getShortFromLong42222, getStatusLabel as getStatusLabel52222 } from "@goralys/core";
+import { jsx as jsx2422222, jsxs as jsxs2022222 } from "react/jsx-runtime";
+import { Fragment as Fragment522222, jsx as jsx2522222, jsxs as jsxs2122222 } from "react/jsx-runtime";
+import { useEffect as useEffect822222, useState as useState1322222 } from "react";
+import * as React522222 from "react";
+import { XMarkIcon as XMarkIcon22222 } from "@heroicons/react/24/outline";
+import { COOKIES_DISMISSED_KEY as COOKIES_DISMISSED_KEY22222, cookiesGet as cookiesGet222222, cookiesSet as cookiesSet222222 } from "@goralys/core";
+import { jsx as jsx2622222, jsxs as jsxs2222222 } from "react/jsx-runtime";
+import { useEffect as useEffect922222, useRef as useRef422222 } from "react";
+import { LOGO_PATH as LOGO_PATH22222 } from "@goralys/core";
+import { jsx as jsx2722222, jsxs as jsxs2322222 } from "react/jsx-runtime";
+import { useId as useId22222 } from "react";
+import { jsx as jsx2822222, jsxs as jsxs2422222 } from "react/jsx-runtime";
+import { useState as useState1422222 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon32222 } from "@heroicons/react/24/outline";
+import clsx622222 from "clsx";
+import { jsx as jsx2922222, jsxs as jsxs2522222 } from "react/jsx-runtime";
+import { useState as useState1522222 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon222222 } from "@heroicons/react/24/outline";
+import clsx722222 from "clsx";
+import { jsx as jsx3022222, jsxs as jsxs2622222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper42222 } from "@goralys/core";
+import { clsx as clsx822222 } from "clsx";
+import { useState as useState1622222 } from "react";
+import { jsx as jsx3122222, jsxs as jsxs2722222 } from "react/jsx-runtime";
+import { jsx as jsx3222222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper222222 } from "@goralys/core";
+import { jsx as jsx3322222, jsxs as jsxs2822222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl222222, getGoralysClientConfig as getGoralysClientConfig32222, getStatusHelper as getStatusHelper322222 } from "@goralys/core";
+import { ArrowDownTrayIcon as ArrowDownTrayIcon22222 } from "@heroicons/react/24/outline";
+import { jsx as jsx3422222, jsxs as jsxs2922222 } from "react/jsx-runtime";
+import { clsx as clsx922222 } from "clsx";
+import { useState as useState1722222 } from "react";
+import { jsx as jsx3522222, jsxs as jsxs3022222 } from "react/jsx-runtime";
+import { createContext as createContext522222, useCallback as useCallback522222, useContext as useContext522222, useMemo as useMemo522222, useState as useState1922222 } from "react";
+import { clsx as clsx1022222 } from "clsx";
+import { useRef as useRef522222, useState as useState1822222 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx3622222, jsxs as jsxs3122222 } from "react/jsx-runtime";
+import { createPortal as createPortal422222 } from "react-dom";
+import { jsx as jsx3722222, jsxs as jsxs3222222 } from "react/jsx-runtime";
+import { createContext as createContext622222, useCallback as useCallback622222, useContext as useContext622222, useMemo as useMemo622222, useState as useState2122222 } from "react";
+import { clsx as clsx1122222 } from "clsx";
+import { useRef as useRef622222, useState as useState2022222 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon322222 } from "@heroicons/react/24/outline";
+import { jsx as jsx3822222, jsxs as jsxs3322222 } from "react/jsx-runtime";
+import { createPortal as createPortal522222 } from "react-dom";
+import { jsx as jsx3922222, jsxs as jsxs3422222 } from "react/jsx-runtime";
+import { createContext as createContext722222, useCallback as useCallback722222, useContext as useContext722222, useMemo as useMemo722222, useState as useState2322222 } from "react";
+import { clsx as clsx1222222 } from "clsx";
+import { useRef as useRef722222, useState as useState2222222 } from "react";
+import { AtSymbolIcon as AtSymbolIcon22222 } from "@heroicons/react/24/outline";
+import { jsx as jsx4022222, jsxs as jsxs3522222 } from "react/jsx-runtime";
+import { createPortal as createPortal622222 } from "react-dom";
+import { jsx as jsx4122222, jsxs as jsxs3622222 } from "react/jsx-runtime";
+import { Fragment as Fragment622222, jsx as jsx4222222, jsxs as jsxs3722222 } from "react/jsx-runtime";
+import { clsx as clsx1322222 } from "clsx";
+import { jsx as jsx4322222 } from "react/jsx-runtime";
+import { useEffect as useEffect1022222, useState as useState2422222 } from "react";
+import { cookiesGet as cookiesGet322222, emptyUserCacheClient as emptyUserCacheClient32222, FULL_NAME_KEY as FULL_NAME_KEY22222, onUserEvent as onUserEvent32222, USERNAME_KEY as USERNAME_KEY42222 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon32222 } from "@heroicons/react/24/outline";
+import clsx1422222 from "clsx";
+import { jsx as jsx4422222, jsxs as jsxs3822222 } from "react/jsx-runtime";
+import { useEffect as useEffect1122222, useState as useState2522222 } from "react";
+import { buildArray as buildArray32222, cookiesGet as cookiesGet422222, cookiesOnChange as cookiesOnChange32222, ROLE_KEY as ROLE_KEY32222, USER_ROLES as USER_ROLES32222 } from "@goralys/core";
+import { jsx as jsx4522222, jsxs as jsxs3922222 } from "react/jsx-runtime";
+import { useEffect as useEffect1322222, useState as useState2722222 } from "react";
+import { buildArray as buildArray222222, cookiesGet as cookiesGet622222, cookiesOnChange as cookiesOnChange222222, ROLE_KEY as ROLE_KEY222222, USER_ROLES as USER_ROLES222222 } from "@goralys/core";
+import { AcademicCapIcon as AcademicCapIcon222222, HomeIcon as HomeIcon22222 } from "@heroicons/react/24/outline";
+import { clsx as clsx1522222 } from "clsx";
+import { jsx as jsx4622222, jsxs as jsxs4022222 } from "react/jsx-runtime";
+import { useEffect as useEffect1222222, useState as useState2622222 } from "react";
+import { cookiesGet as cookiesGet522222, emptyUserCacheClient as emptyUserCacheClient222222, onUserEvent as onUserEvent222222, USERNAME_KEY as USERNAME_KEY222222 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon222222 } from "@heroicons/react/24/outline";
+import clsx1622222 from "clsx";
+import { jsx as jsx4722222, jsxs as jsxs4122222 } from "react/jsx-runtime";
+import { jsx as jsx4822222, jsxs as jsxs4222222 } from "react/jsx-runtime";
+import { jsx as jsx4922222 } from "react/jsx-runtime";
+import { jsx as jsx5022222 } from "react/jsx-runtime";
+import { jsx as jsx5122222, jsxs as jsxs4322222 } from "react/jsx-runtime";
+import clsx1722222 from "clsx";
+import { jsx as jsx5222222, jsxs as jsxs4422222 } from "react/jsx-runtime";
+import { jsx as jsx5322222, jsxs as jsxs4522222 } from "react/jsx-runtime";
+import { jsx as jsx5422222, jsxs as jsxs4622222 } from "react/jsx-runtime";
+import { jsx as jsx5522222, jsxs as jsxs4722222 } from "react/jsx-runtime";
+import { jsx as jsx5622222, jsxs as jsxs4822222 } from "react/jsx-runtime";
+import { jsx as jsx5722222, jsxs as jsxs4922222 } from "react/jsx-runtime";
+import { jsx as jsx5822222, jsxs as jsxs5022222 } from "react/jsx-runtime";
+import { Fragment as Fragment722222, jsx as jsx5922222, jsxs as jsxs5122222 } from "react/jsx-runtime";
+import { Fragment as Fragment822222, jsx as jsx6022222, jsxs as jsxs5222222 } from "react/jsx-runtime";
+import { jsx as jsx6122222, jsxs as jsxs5322222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet322222,
+  fetchCsrfClient as fetchCsrfClient322222,
+  getStatusLabel as getStatusLabel222222,
+  goralysFetchClient as goralysFetchClient322222,
+  handleToastRequest as handleToastRequest322222,
+  SubjectStatusConfig as SubjectStatusConfig22222
+} from "@goralys/core";
+import { jsx as jsx6222222, jsxs as jsxs5422222 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon32222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment922222, jsx as jsx6322222, jsxs as jsxs5522222 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon222222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment1022222, jsx as jsx6422222, jsxs as jsxs5622222 } from "react/jsx-runtime";
+import { getStatusLabel as getStatusLabel322222 } from "@goralys/core";
+import { jsx as jsx6522222, jsxs as jsxs5722222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet422222,
+  fetchCsrfClient as fetchCsrfClient422222,
+  getShortFromLong as getShortFromLong222222,
+  goralysFetchClient as goralysFetchClient422222,
+  handleToastRequest as handleToastRequest422222,
+  SUBJECT_SYNCS as SUBJECT_SYNCS32222
+} from "@goralys/core";
+import { useState as useState2822222 } from "react";
+import { Fragment as Fragment1122222, jsx as jsx6622222, jsxs as jsxs5822222 } from "react/jsx-runtime";
+import { useCallback as useCallback822222, useEffect as useEffect1422222, useState as useState2922222 } from "react";
+import { getStatusLabel as getStatusLabel422222 } from "@goralys/core";
+import { jsx as jsx6722222 } from "react/jsx-runtime";
+import { useEffect as useEffect1522222, useState as useState3022222 } from "react";
+import { getLongFromShort as getLongFromShort22222, searchFields as searchFields22222 } from "@goralys/core";
+import { jsx as jsx6822222, jsxs as jsxs5922222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet522222,
+  fetchCsrfClient as fetchCsrfClient522222,
+  getShortFromLong as getShortFromLong322222,
+  goralysFetchClient as goralysFetchClient522222,
+  handleToastRequest as handleToastRequest522222,
+  SUBJECT_SYNCS as SUBJECT_SYNCS222222
+} from "@goralys/core";
+import { useRef as useRef822222, useState as useState3122222 } from "react";
+import { Fragment as Fragment1222222, jsx as jsx6922222, jsxs as jsxs6022222 } from "react/jsx-runtime";
+import { useEffect as useEffect1622222, useState as useState3222222 } from "react";
+import { cookiesGet as cookiesGet722222, EMAIL_KEY as EMAIL_KEY22222, fetchCsrfClient as fetchCsrfClient622222, getGoralysClientConfig as getGoralysClientConfig222222, reasonsConfig as reasonsConfig22222, USERNAME_KEY as USERNAME_KEY322222 } from "@goralys/core";
+import { jsx as jsx7022222, jsxs as jsxs6122222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl7, reasonsConfig as reasonsConfig4 } from "@goralys/core";
+import { createContext as createContext822222, useContext as useContext822222, useMemo as useMemo822222 } from "react";
+import { jsx as jsx7122222 } from "react/jsx-runtime";
+import { useEffect as useEffect1722222, useState as useState3322222 } from "react";
+import { useCallback as useCallback922222 } from "react";
+import { useEffect as useEffect2222222 } from "react";
+import clsx1822222 from "clsx";
+import { jsx as jsx21022222 } from "react/jsx-runtime";
+import { Fragment as Fragment1322222, jsx as jsx31022222, jsxs as jsxs6222222 } from "react/jsx-runtime";
+import { jsx as jsx41022222 } from "react/jsx-runtime";
+import { cookiesGet as cookiesGet822222, PUB_ID_KEY as PUB_ID_KEY222222 } from "@goralys/core";
+import { ShieldExclamationIcon as ShieldExclamationIcon222222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment2222222, jsx as jsx51022222, jsxs as jsxs21022222 } from "react/jsx-runtime";
+import { clsx as clsx2222222 } from "clsx";
+import { useState as useState21022222 } from "react";
+import { EyeIcon as EyeIcon222222, EyeSlashIcon as EyeSlashIcon222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx61022222, jsxs as jsxs31022222 } from "react/jsx-runtime";
+import { useEffect as useEffect3222222, useState as useState3422222 } from "react";
+import { jsx as jsx7222222 } from "react/jsx-runtime";
+import { parsePhpDateTime as parsePhpDateTime322222 } from "@goralys/core";
+import { Fragment as Fragment3222222, jsx as jsx8222222, jsxs as jsxs41022222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl322222, fetchCsrfClient as fetchCsrfClient722222, goralysFetchClient as goralysFetchClient622222, handleToastRequest as handleToastRequest622222, parsePhpDateTime as parsePhpDateTime2222222 } from "@goralys/core";
+import { createContext as createContext2222222, useCallback as useCallback2222222, useContext as useContext2222222, useEffect as useEffect4222222, useMemo as useMemo2222222, useRef as useRef922222, useState as useState4222222 } from "react";
+import { clsx as clsx3222222 } from "clsx";
+import { CheckCircleIcon as CheckCircleIcon222222, ExclamationCircleIcon as ExclamationCircleIcon222222, InformationCircleIcon as InformationCircleIcon222222, XCircleIcon as XCircleIcon222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx9222222, jsxs as jsxs51022222 } from "react/jsx-runtime";
+import { FLASH_TOAST_KEY as FLASH_TOAST_KEY222222, storageSet as storageSet222222 } from "@goralys/core";
+import { createPortal as createPortal722222 } from "react-dom";
+import { jsx as jsx10222222, jsxs as jsxs6322222 } from "react/jsx-runtime";
+import { createContext as createContext3222222, useCallback as useCallback3222222, useContext as useContext3222222, useMemo as useMemo3222222, useState as useState5222222 } from "react";
+import { clsx as clsx4222222 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon422222 } from "@heroicons/react/24/outline";
+import { useRef as useRef2222222 } from "react";
+import { jsx as jsx11222222, jsxs as jsxs7222222 } from "react/jsx-runtime";
+import { createPortal as createPortal2222222 } from "react-dom";
+import { jsx as jsx12222222, jsxs as jsxs8222222 } from "react/jsx-runtime";
+import { jsx as jsx13222222, jsxs as jsxs9222222 } from "react/jsx-runtime";
+import { useState as useState8222222 } from "react";
+import { createContext as createContext4222222, useCallback as useCallback4222222, useContext as useContext4222222, useMemo as useMemo4222222, useState as useState7222222 } from "react";
+import { LockClosedIcon as LockClosedIcon222222 } from "@heroicons/react/16/solid";
+import { clsx as clsx5222222 } from "clsx";
+import { useRef as useRef3222222, useState as useState6222222 } from "react";
+import { jsx as jsx14222222, jsxs as jsxs10222222 } from "react/jsx-runtime";
+import { createPortal as createPortal3222222 } from "react-dom";
+import { jsx as jsx15222222, jsxs as jsxs11222222 } from "react/jsx-runtime";
+import { cookiesSet as cookiesSet622222, fetchCsrfClient as fetchCsrfClient2222222, goralysFetchClient as goralysFetchClient2222222, handleToastRequest as handleToastRequest2222222 } from "@goralys/core";
+import { jsx as jsx16222222, jsxs as jsxs12222222 } from "react/jsx-runtime";
+import { useState as useState9222222 } from "react";
+import { jsx as jsx17222222, jsxs as jsxs13222222 } from "react/jsx-runtime";
+import { Fragment as Fragment4222222, jsx as jsx18222222, jsxs as jsxs14222222 } from "react/jsx-runtime";
+import { AcademicCapIcon as AcademicCapIcon322222, BookOpenIcon as BookOpenIcon222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx19222222, jsxs as jsxs15222222 } from "react/jsx-runtime";
+import { useEffect as useEffect5222222, useState as useState10222222 } from "react";
+import { jsx as jsx20222222, jsxs as jsxs16222222 } from "react/jsx-runtime";
+import { jsx as jsx21222222, jsxs as jsxs17222222 } from "react/jsx-runtime";
+import { useEffect as useEffect6222222, useState as useState11222222 } from "react";
+import { jsx as jsx22222222, jsxs as jsxs18222222 } from "react/jsx-runtime";
+import { useEffect as useEffect7222222, useState as useState12222222 } from "react";
+import { jsx as jsx23222222, jsxs as jsxs19222222 } from "react/jsx-runtime";
+import { getShortFromLong as getShortFromLong422222, getStatusLabel as getStatusLabel522222 } from "@goralys/core";
+import { jsx as jsx24222222, jsxs as jsxs20222222 } from "react/jsx-runtime";
+import { Fragment as Fragment5222222, jsx as jsx25222222, jsxs as jsxs21222222 } from "react/jsx-runtime";
+import { useEffect as useEffect8222222, useState as useState13222222 } from "react";
+import * as React5222222 from "react";
+import { XMarkIcon as XMarkIcon222222 } from "@heroicons/react/24/outline";
+import { COOKIES_DISMISSED_KEY as COOKIES_DISMISSED_KEY222222, cookiesGet as cookiesGet2222222, cookiesSet as cookiesSet2222222 } from "@goralys/core";
+import { jsx as jsx26222222, jsxs as jsxs22222222 } from "react/jsx-runtime";
+import { useEffect as useEffect9222222, useRef as useRef4222222 } from "react";
+import { LOGO_PATH as LOGO_PATH222222 } from "@goralys/core";
+import { jsx as jsx27222222, jsxs as jsxs23222222 } from "react/jsx-runtime";
+import { useId as useId222222 } from "react";
+import { jsx as jsx28222222, jsxs as jsxs24222222 } from "react/jsx-runtime";
+import { useState as useState14222222 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon322222 } from "@heroicons/react/24/outline";
+import clsx6222222 from "clsx";
+import { jsx as jsx29222222, jsxs as jsxs25222222 } from "react/jsx-runtime";
+import { useState as useState15222222 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon2222222 } from "@heroicons/react/24/outline";
+import clsx7222222 from "clsx";
+import { jsx as jsx30222222, jsxs as jsxs26222222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper422222 } from "@goralys/core";
+import { clsx as clsx8222222 } from "clsx";
+import { useState as useState16222222 } from "react";
+import { jsx as jsx31222222, jsxs as jsxs27222222 } from "react/jsx-runtime";
+import { jsx as jsx32222222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper2222222 } from "@goralys/core";
+import { jsx as jsx33222222, jsxs as jsxs28222222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl2222222, getGoralysClientConfig as getGoralysClientConfig322222, getStatusHelper as getStatusHelper3222222 } from "@goralys/core";
+import { ArrowDownTrayIcon as ArrowDownTrayIcon222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx34222222, jsxs as jsxs29222222 } from "react/jsx-runtime";
+import { clsx as clsx9222222 } from "clsx";
+import { useState as useState17222222 } from "react";
+import { jsx as jsx35222222, jsxs as jsxs30222222 } from "react/jsx-runtime";
+import { createContext as createContext5222222, useCallback as useCallback5222222, useContext as useContext5222222, useMemo as useMemo5222222, useState as useState19222222 } from "react";
+import { clsx as clsx10222222 } from "clsx";
+import { useRef as useRef5222222, useState as useState18222222 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon2222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx36222222, jsxs as jsxs31222222 } from "react/jsx-runtime";
+import { createPortal as createPortal4222222 } from "react-dom";
+import { jsx as jsx37222222, jsxs as jsxs32222222 } from "react/jsx-runtime";
+import { createContext as createContext6222222, useCallback as useCallback6222222, useContext as useContext6222222, useMemo as useMemo6222222, useState as useState21222222 } from "react";
+import { clsx as clsx11222222 } from "clsx";
+import { useRef as useRef6222222, useState as useState20222222 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon3222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx38222222, jsxs as jsxs33222222 } from "react/jsx-runtime";
+import { createPortal as createPortal5222222 } from "react-dom";
+import { jsx as jsx39222222, jsxs as jsxs34222222 } from "react/jsx-runtime";
+import { createContext as createContext7222222, useCallback as useCallback7222222, useContext as useContext7222222, useMemo as useMemo7222222, useState as useState23222222 } from "react";
+import { clsx as clsx12222222 } from "clsx";
+import { useRef as useRef7222222, useState as useState22222222 } from "react";
+import { AtSymbolIcon as AtSymbolIcon222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx40222222, jsxs as jsxs35222222 } from "react/jsx-runtime";
+import { createPortal as createPortal6222222 } from "react-dom";
+import { jsx as jsx41222222, jsxs as jsxs36222222 } from "react/jsx-runtime";
+import { Fragment as Fragment6222222, jsx as jsx42222222, jsxs as jsxs37222222 } from "react/jsx-runtime";
+import { clsx as clsx13222222 } from "clsx";
+import { jsx as jsx43222222 } from "react/jsx-runtime";
+import { useEffect as useEffect10222222, useState as useState24222222 } from "react";
+import { cookiesGet as cookiesGet3222222, emptyUserCacheClient as emptyUserCacheClient322222, FULL_NAME_KEY as FULL_NAME_KEY222222, onUserEvent as onUserEvent322222, USERNAME_KEY as USERNAME_KEY422222 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon322222 } from "@heroicons/react/24/outline";
+import clsx14222222 from "clsx";
+import { jsx as jsx44222222, jsxs as jsxs38222222 } from "react/jsx-runtime";
+import { useEffect as useEffect11222222, useState as useState25222222 } from "react";
+import { buildArray as buildArray322222, cookiesGet as cookiesGet4222222, cookiesOnChange as cookiesOnChange322222, ROLE_KEY as ROLE_KEY322222, USER_ROLES as USER_ROLES322222 } from "@goralys/core";
+import { jsx as jsx45222222, jsxs as jsxs39222222 } from "react/jsx-runtime";
+import { useEffect as useEffect13222222, useState as useState27222222 } from "react";
+import { buildArray as buildArray2222222, cookiesGet as cookiesGet6222222, cookiesOnChange as cookiesOnChange2222222, ROLE_KEY as ROLE_KEY2222222, USER_ROLES as USER_ROLES2222222 } from "@goralys/core";
+import { AcademicCapIcon as AcademicCapIcon2222222, HomeIcon as HomeIcon222222 } from "@heroicons/react/24/outline";
+import { clsx as clsx15222222 } from "clsx";
+import { jsx as jsx46222222, jsxs as jsxs40222222 } from "react/jsx-runtime";
+import { useEffect as useEffect12222222, useState as useState26222222 } from "react";
+import { cookiesGet as cookiesGet5222222, emptyUserCacheClient as emptyUserCacheClient2222222, onUserEvent as onUserEvent2222222, USERNAME_KEY as USERNAME_KEY2222222 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon2222222 } from "@heroicons/react/24/outline";
+import clsx16222222 from "clsx";
+import { jsx as jsx47222222, jsxs as jsxs41222222 } from "react/jsx-runtime";
+import { jsx as jsx48222222, jsxs as jsxs42222222 } from "react/jsx-runtime";
+import { jsx as jsx49222222 } from "react/jsx-runtime";
+import { jsx as jsx50222222 } from "react/jsx-runtime";
+import { jsx as jsx51222222, jsxs as jsxs43222222 } from "react/jsx-runtime";
+import clsx17222222 from "clsx";
+import { jsx as jsx52222222, jsxs as jsxs44222222 } from "react/jsx-runtime";
+import { jsx as jsx53222222, jsxs as jsxs45222222 } from "react/jsx-runtime";
+import { jsx as jsx54222222, jsxs as jsxs46222222 } from "react/jsx-runtime";
+import { jsx as jsx55222222, jsxs as jsxs47222222 } from "react/jsx-runtime";
+import { jsx as jsx56222222, jsxs as jsxs48222222 } from "react/jsx-runtime";
+import { jsx as jsx57222222, jsxs as jsxs49222222 } from "react/jsx-runtime";
+import { jsx as jsx58222222, jsxs as jsxs50222222 } from "react/jsx-runtime";
+import { Fragment as Fragment7222222, jsx as jsx59222222, jsxs as jsxs51222222 } from "react/jsx-runtime";
+import { Fragment as Fragment8222222, jsx as jsx60222222, jsxs as jsxs52222222 } from "react/jsx-runtime";
+import { jsx as jsx61222222, jsxs as jsxs53222222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet3222222,
+  fetchCsrfClient as fetchCsrfClient3222222,
+  getStatusLabel as getStatusLabel2222222,
+  goralysFetchClient as goralysFetchClient3222222,
+  handleToastRequest as handleToastRequest3222222,
+  SubjectStatusConfig as SubjectStatusConfig222222
+} from "@goralys/core";
+import { jsx as jsx62222222, jsxs as jsxs54222222 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon322222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment9222222, jsx as jsx63222222, jsxs as jsxs55222222 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon2222222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment10222222, jsx as jsx64222222, jsxs as jsxs56222222 } from "react/jsx-runtime";
+import { getStatusLabel as getStatusLabel3222222 } from "@goralys/core";
+import { jsx as jsx65222222, jsxs as jsxs57222222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet4222222,
+  fetchCsrfClient as fetchCsrfClient4222222,
+  getShortFromLong as getShortFromLong2222222,
+  goralysFetchClient as goralysFetchClient4222222,
+  handleToastRequest as handleToastRequest4222222,
+  SUBJECT_SYNCS as SUBJECT_SYNCS322222
+} from "@goralys/core";
+import { useState as useState28222222 } from "react";
+import { Fragment as Fragment11222222, jsx as jsx66222222, jsxs as jsxs58222222 } from "react/jsx-runtime";
+import { useCallback as useCallback8222222, useEffect as useEffect14222222, useState as useState29222222 } from "react";
+import { getStatusLabel as getStatusLabel4222222 } from "@goralys/core";
+import { jsx as jsx67222222 } from "react/jsx-runtime";
+import { useEffect as useEffect15222222, useState as useState30222222 } from "react";
+import { getLongFromShort as getLongFromShort222222, searchFields as searchFields222222 } from "@goralys/core";
+import { jsx as jsx68222222, jsxs as jsxs59222222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet5222222,
+  fetchCsrfClient as fetchCsrfClient5222222,
+  getShortFromLong as getShortFromLong3222222,
+  goralysFetchClient as goralysFetchClient5222222,
+  handleToastRequest as handleToastRequest5222222,
+  SUBJECT_SYNCS as SUBJECT_SYNCS2222222
+} from "@goralys/core";
+import { useRef as useRef8222222, useState as useState31222222 } from "react";
+import { Fragment as Fragment12222222, jsx as jsx69222222, jsxs as jsxs60222222 } from "react/jsx-runtime";
+import { useEffect as useEffect16222222, useState as useState32222222 } from "react";
+import { cookiesGet as cookiesGet7222222, EMAIL_KEY as EMAIL_KEY222222, fetchCsrfClient as fetchCsrfClient6222222, getGoralysClientConfig as getGoralysClientConfig2222222, reasonsConfig as reasonsConfig222222, USERNAME_KEY as USERNAME_KEY3222222 } from "@goralys/core";
+import { jsx as jsx70222222, jsxs as jsxs61222222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl5, reasonsConfig as reasonsConfig3 } from "@goralys/core";
+import { createContext as createContext8222222, useContext as useContext8222222, useMemo as useMemo8222222 } from "react";
+import { jsx as jsx71222222 } from "react/jsx-runtime";
+import { useEffect as useEffect17222222, useState as useState33222222 } from "react";
+import { useCallback as useCallback9222222 } from "react";
+import { useEffect as useEffect22222222 } from "react";
+import clsx18222222 from "clsx";
+import { jsx as jsx210222222 } from "react/jsx-runtime";
+import { Fragment as Fragment13222222, jsx as jsx310222222, jsxs as jsxs62222222 } from "react/jsx-runtime";
+import { jsx as jsx410222222 } from "react/jsx-runtime";
+import { cookiesGet as cookiesGet8222222, PUB_ID_KEY as PUB_ID_KEY2222222 } from "@goralys/core";
+import { ShieldExclamationIcon as ShieldExclamationIcon2222222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment22222222, jsx as jsx510222222, jsxs as jsxs210222222 } from "react/jsx-runtime";
+import { clsx as clsx22222222 } from "clsx";
+import { useState as useState210222222 } from "react";
+import { EyeIcon as EyeIcon2222222, EyeSlashIcon as EyeSlashIcon2222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx610222222, jsxs as jsxs310222222 } from "react/jsx-runtime";
+import { useEffect as useEffect32222222, useState as useState34222222 } from "react";
+import { jsx as jsx72222222 } from "react/jsx-runtime";
+import { parsePhpDateTime as parsePhpDateTime3222222 } from "@goralys/core";
+import { Fragment as Fragment32222222, jsx as jsx82222222, jsxs as jsxs410222222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl3222222, fetchCsrfClient as fetchCsrfClient7222222, goralysFetchClient as goralysFetchClient6222222, handleToastRequest as handleToastRequest6222222, parsePhpDateTime as parsePhpDateTime22222222 } from "@goralys/core";
+import { createContext as createContext22222222, useCallback as useCallback22222222, useContext as useContext22222222, useEffect as useEffect42222222, useMemo as useMemo22222222, useRef as useRef9222222, useState as useState42222222 } from "react";
+import { clsx as clsx32222222 } from "clsx";
+import { CheckCircleIcon as CheckCircleIcon2222222, ExclamationCircleIcon as ExclamationCircleIcon2222222, InformationCircleIcon as InformationCircleIcon2222222, XCircleIcon as XCircleIcon2222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx92222222, jsxs as jsxs510222222 } from "react/jsx-runtime";
+import { FLASH_TOAST_KEY as FLASH_TOAST_KEY2222222, storageSet as storageSet2222222 } from "@goralys/core";
+import { createPortal as createPortal7222222 } from "react-dom";
+import { jsx as jsx102222222, jsxs as jsxs63222222 } from "react/jsx-runtime";
+import { createContext as createContext32222222, useCallback as useCallback32222222, useContext as useContext32222222, useMemo as useMemo32222222, useState as useState52222222 } from "react";
+import { clsx as clsx42222222 } from "clsx";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon4222222 } from "@heroicons/react/24/outline";
+import { useRef as useRef22222222 } from "react";
+import { jsx as jsx112222222, jsxs as jsxs72222222 } from "react/jsx-runtime";
+import { createPortal as createPortal22222222 } from "react-dom";
+import { jsx as jsx122222222, jsxs as jsxs82222222 } from "react/jsx-runtime";
+import { jsx as jsx132222222, jsxs as jsxs92222222 } from "react/jsx-runtime";
+import { useState as useState82222222 } from "react";
+import { createContext as createContext42222222, useCallback as useCallback42222222, useContext as useContext42222222, useMemo as useMemo42222222, useState as useState72222222 } from "react";
+import { LockClosedIcon as LockClosedIcon2222222 } from "@heroicons/react/16/solid";
+import { clsx as clsx52222222 } from "clsx";
+import { useRef as useRef32222222, useState as useState62222222 } from "react";
+import { jsx as jsx142222222, jsxs as jsxs102222222 } from "react/jsx-runtime";
+import { createPortal as createPortal32222222 } from "react-dom";
+import { jsx as jsx152222222, jsxs as jsxs112222222 } from "react/jsx-runtime";
+import { cookiesSet as cookiesSet6222222, fetchCsrfClient as fetchCsrfClient22222222, goralysFetchClient as goralysFetchClient22222222, handleToastRequest as handleToastRequest22222222 } from "@goralys/core";
+import { jsx as jsx162222222, jsxs as jsxs122222222 } from "react/jsx-runtime";
+import { useState as useState92222222 } from "react";
+import { jsx as jsx172222222, jsxs as jsxs132222222 } from "react/jsx-runtime";
+import { Fragment as Fragment42222222, jsx as jsx182222222, jsxs as jsxs142222222 } from "react/jsx-runtime";
+import { AcademicCapIcon as AcademicCapIcon3222222, BookOpenIcon as BookOpenIcon2222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx192222222, jsxs as jsxs152222222 } from "react/jsx-runtime";
+import { useEffect as useEffect52222222, useState as useState102222222 } from "react";
+import { jsx as jsx202222222, jsxs as jsxs162222222 } from "react/jsx-runtime";
+import { jsx as jsx212222222, jsxs as jsxs172222222 } from "react/jsx-runtime";
+import { useEffect as useEffect62222222, useState as useState112222222 } from "react";
+import { jsx as jsx222222222, jsxs as jsxs182222222 } from "react/jsx-runtime";
+import { useEffect as useEffect72222222, useState as useState122222222 } from "react";
+import { jsx as jsx232222222, jsxs as jsxs192222222 } from "react/jsx-runtime";
+import { getShortFromLong as getShortFromLong4222222, getStatusLabel as getStatusLabel5222222 } from "@goralys/core";
+import { jsx as jsx242222222, jsxs as jsxs202222222 } from "react/jsx-runtime";
+import { Fragment as Fragment52222222, jsx as jsx252222222, jsxs as jsxs212222222 } from "react/jsx-runtime";
+import { useEffect as useEffect82222222, useState as useState132222222 } from "react";
+import * as React52222222 from "react";
+import { XMarkIcon as XMarkIcon2222222 } from "@heroicons/react/24/outline";
+import { COOKIES_DISMISSED_KEY as COOKIES_DISMISSED_KEY2222222, cookiesGet as cookiesGet22222222, cookiesSet as cookiesSet22222222 } from "@goralys/core";
+import { jsx as jsx262222222, jsxs as jsxs222222222 } from "react/jsx-runtime";
+import { useEffect as useEffect92222222, useRef as useRef42222222 } from "react";
+import { LOGO_PATH as LOGO_PATH2222222 } from "@goralys/core";
+import { jsx as jsx272222222, jsxs as jsxs232222222 } from "react/jsx-runtime";
+import { useId as useId2222222 } from "react";
+import { jsx as jsx282222222, jsxs as jsxs242222222 } from "react/jsx-runtime";
+import { useState as useState142222222 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon3222222 } from "@heroicons/react/24/outline";
+import clsx62222222 from "clsx";
+import { jsx as jsx292222222, jsxs as jsxs252222222 } from "react/jsx-runtime";
+import { useState as useState152222222 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon22222222 } from "@heroicons/react/24/outline";
+import clsx72222222 from "clsx";
+import { jsx as jsx302222222, jsxs as jsxs262222222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper4222222 } from "@goralys/core";
+import { clsx as clsx82222222 } from "clsx";
+import { useState as useState162222222 } from "react";
+import { jsx as jsx312222222, jsxs as jsxs272222222 } from "react/jsx-runtime";
+import { jsx as jsx322222222 } from "react/jsx-runtime";
+import { getStatusHelper as getStatusHelper22222222 } from "@goralys/core";
+import { jsx as jsx332222222, jsxs as jsxs282222222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl22222222, getGoralysClientConfig as getGoralysClientConfig3222222, getStatusHelper as getStatusHelper32222222 } from "@goralys/core";
+import { ArrowDownTrayIcon as ArrowDownTrayIcon2222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx342222222, jsxs as jsxs292222222 } from "react/jsx-runtime";
+import { clsx as clsx92222222 } from "clsx";
+import { useState as useState172222222 } from "react";
+import { jsx as jsx352222222, jsxs as jsxs302222222 } from "react/jsx-runtime";
+import { createContext as createContext52222222, useCallback as useCallback52222222, useContext as useContext52222222, useMemo as useMemo52222222, useState as useState192222222 } from "react";
+import { clsx as clsx102222222 } from "clsx";
+import { useRef as useRef52222222, useState as useState182222222 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon22222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx362222222, jsxs as jsxs312222222 } from "react/jsx-runtime";
+import { createPortal as createPortal42222222 } from "react-dom";
+import { jsx as jsx372222222, jsxs as jsxs322222222 } from "react/jsx-runtime";
+import { createContext as createContext62222222, useCallback as useCallback62222222, useContext as useContext62222222, useMemo as useMemo62222222, useState as useState212222222 } from "react";
+import { clsx as clsx112222222 } from "clsx";
+import { useRef as useRef62222222, useState as useState202222222 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon32222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx382222222, jsxs as jsxs332222222 } from "react/jsx-runtime";
+import { createPortal as createPortal52222222 } from "react-dom";
+import { jsx as jsx392222222, jsxs as jsxs342222222 } from "react/jsx-runtime";
+import { createContext as createContext72222222, useCallback as useCallback72222222, useContext as useContext72222222, useMemo as useMemo72222222, useState as useState232222222 } from "react";
+import { clsx as clsx122222222 } from "clsx";
+import { useRef as useRef72222222, useState as useState222222222 } from "react";
+import { AtSymbolIcon as AtSymbolIcon2222222 } from "@heroicons/react/24/outline";
+import { jsx as jsx402222222, jsxs as jsxs352222222 } from "react/jsx-runtime";
+import { createPortal as createPortal62222222 } from "react-dom";
+import { jsx as jsx412222222, jsxs as jsxs362222222 } from "react/jsx-runtime";
+import { Fragment as Fragment62222222, jsx as jsx422222222, jsxs as jsxs372222222 } from "react/jsx-runtime";
+import { clsx as clsx132222222 } from "clsx";
+import { jsx as jsx432222222 } from "react/jsx-runtime";
+import { useEffect as useEffect102222222, useState as useState242222222 } from "react";
+import { cookiesGet as cookiesGet32222222, emptyUserCacheClient as emptyUserCacheClient3222222, FULL_NAME_KEY as FULL_NAME_KEY2222222, onUserEvent as onUserEvent3222222, USERNAME_KEY as USERNAME_KEY4222222 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon3222222 } from "@heroicons/react/24/outline";
+import clsx142222222 from "clsx";
+import { jsx as jsx442222222, jsxs as jsxs382222222 } from "react/jsx-runtime";
+import { useEffect as useEffect112222222, useState as useState252222222 } from "react";
+import { buildArray as buildArray3222222, cookiesGet as cookiesGet42222222, cookiesOnChange as cookiesOnChange3222222, ROLE_KEY as ROLE_KEY3222222, USER_ROLES as USER_ROLES3222222 } from "@goralys/core";
+import { jsx as jsx452222222, jsxs as jsxs392222222 } from "react/jsx-runtime";
+import { useEffect as useEffect132222222, useState as useState272222222 } from "react";
+import { buildArray as buildArray22222222, cookiesGet as cookiesGet62222222, cookiesOnChange as cookiesOnChange22222222, ROLE_KEY as ROLE_KEY22222222, USER_ROLES as USER_ROLES22222222 } from "@goralys/core";
+import { AcademicCapIcon as AcademicCapIcon22222222, HomeIcon as HomeIcon2222222 } from "@heroicons/react/24/outline";
+import { clsx as clsx152222222 } from "clsx";
+import { jsx as jsx462222222, jsxs as jsxs402222222 } from "react/jsx-runtime";
+import { useEffect as useEffect122222222, useState as useState262222222 } from "react";
+import { cookiesGet as cookiesGet52222222, emptyUserCacheClient as emptyUserCacheClient22222222, onUserEvent as onUserEvent22222222, USERNAME_KEY as USERNAME_KEY22222222 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon22222222 } from "@heroicons/react/24/outline";
+import clsx162222222 from "clsx";
+import { jsx as jsx472222222, jsxs as jsxs412222222 } from "react/jsx-runtime";
+import { jsx as jsx482222222, jsxs as jsxs422222222 } from "react/jsx-runtime";
+import { jsx as jsx492222222 } from "react/jsx-runtime";
+import { jsx as jsx502222222 } from "react/jsx-runtime";
+import { jsx as jsx512222222, jsxs as jsxs432222222 } from "react/jsx-runtime";
+import clsx172222222 from "clsx";
+import { jsx as jsx522222222, jsxs as jsxs442222222 } from "react/jsx-runtime";
+import { jsx as jsx532222222, jsxs as jsxs452222222 } from "react/jsx-runtime";
+import { jsx as jsx542222222, jsxs as jsxs462222222 } from "react/jsx-runtime";
+import { jsx as jsx552222222, jsxs as jsxs472222222 } from "react/jsx-runtime";
+import { jsx as jsx562222222, jsxs as jsxs482222222 } from "react/jsx-runtime";
+import { jsx as jsx572222222, jsxs as jsxs492222222 } from "react/jsx-runtime";
+import { jsx as jsx582222222, jsxs as jsxs502222222 } from "react/jsx-runtime";
+import { Fragment as Fragment72222222, jsx as jsx592222222, jsxs as jsxs512222222 } from "react/jsx-runtime";
+import { Fragment as Fragment82222222, jsx as jsx602222222, jsxs as jsxs522222222 } from "react/jsx-runtime";
+import { jsx as jsx612222222, jsxs as jsxs532222222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet32222222,
+  fetchCsrfClient as fetchCsrfClient32222222,
+  getStatusLabel as getStatusLabel22222222,
+  goralysFetchClient as goralysFetchClient32222222,
+  handleToastRequest as handleToastRequest32222222,
+  SubjectStatusConfig as SubjectStatusConfig2222222
+} from "@goralys/core";
+import { jsx as jsx622222222, jsxs as jsxs542222222 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon3222222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment92222222, jsx as jsx632222222, jsxs as jsxs552222222 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon22222222 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment102222222, jsx as jsx642222222, jsxs as jsxs562222222 } from "react/jsx-runtime";
+import { getStatusLabel as getStatusLabel32222222 } from "@goralys/core";
+import { jsx as jsx652222222, jsxs as jsxs572222222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet42222222,
+  fetchCsrfClient as fetchCsrfClient42222222,
+  getShortFromLong as getShortFromLong22222222,
+  goralysFetchClient as goralysFetchClient42222222,
+  handleToastRequest as handleToastRequest42222222,
+  SUBJECT_SYNCS as SUBJECT_SYNCS3222222
+} from "@goralys/core";
+import { useState as useState282222222 } from "react";
+import { Fragment as Fragment112222222, jsx as jsx662222222, jsxs as jsxs582222222 } from "react/jsx-runtime";
+import { useCallback as useCallback82222222, useEffect as useEffect142222222, useState as useState292222222 } from "react";
+import { getStatusLabel as getStatusLabel42222222 } from "@goralys/core";
+import { jsx as jsx672222222 } from "react/jsx-runtime";
+import { useEffect as useEffect152222222, useState as useState302222222 } from "react";
+import { getLongFromShort as getLongFromShort2222222, searchFields as searchFields2222222 } from "@goralys/core";
+import { jsx as jsx682222222, jsxs as jsxs592222222 } from "react/jsx-runtime";
+import {
+  cookiesSet as cookiesSet52222222,
+  fetchCsrfClient as fetchCsrfClient52222222,
+  getShortFromLong as getShortFromLong32222222,
+  goralysFetchClient as goralysFetchClient52222222,
+  handleToastRequest as handleToastRequest52222222,
+  SUBJECT_SYNCS as SUBJECT_SYNCS22222222
+} from "@goralys/core";
+import { useRef as useRef82222222, useState as useState312222222 } from "react";
+import { Fragment as Fragment122222222, jsx as jsx692222222, jsxs as jsxs602222222 } from "react/jsx-runtime";
+import { useEffect as useEffect162222222, useState as useState322222222 } from "react";
+import { cookiesGet as cookiesGet72222222, EMAIL_KEY as EMAIL_KEY2222222, fetchCsrfClient as fetchCsrfClient62222222, getGoralysClientConfig as getGoralysClientConfig22222222, reasonsConfig as reasonsConfig2222222, USERNAME_KEY as USERNAME_KEY32222222 } from "@goralys/core";
+import { jsx as jsx702222222, jsxs as jsxs612222222 } from "react/jsx-runtime";
+import { buildApiUrl as buildApiUrl32222222, reasonsConfig as reasonsConfig22222222 } from "@goralys/core";
+import { jsx as jsx712222222, jsxs as jsxs622222222 } from "react/jsx-runtime";
+import { useEffect as useEffect172222222, useLayoutEffect, useRef as useRef92222222 } from "react";
+import { buildApiUrl as buildApiUrl4, FLASH_TOAST_KEY as FLASH_TOAST_KEY22222222, goralysFetchClient as goralysFetchClient62222222, storageGet, storageRemove } from "@goralys/core";
+import { useEffect as useEffect18, useRef as useRef1022222, useState as useState332222222 } from "react";
+import { fetchCsrfClient as fetchCsrfClient72222222, getGoralysClientConfig as getGoralysClientConfig32222222, goralysFetchClient as goralysFetchClient7, handleToastRequest as handleToastRequest62222222 } from "@goralys/core";
+import { jsx as jsx722222222, jsxs as jsxs632222222 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useRef as useRef11, useState as useState342222222 } from "react";
+import { fetchCsrfClient as fetchCsrfClient8, getGoralysClientConfig as getGoralysClientConfig4 } from "@goralys/core";
+import { jsx as jsx7322222, jsxs as jsxs6422222 } from "react/jsx-runtime";
+import { jsx as jsx7422222, jsxs as jsxs6522222 } from "react/jsx-runtime";
+import { useEffect as useEffect20, useLayoutEffect as useLayoutEffect2, useRef as useRef12 } from "react";
+import { buildApiUrl as buildApiUrl6, FLASH_TOAST_KEY as FLASH_TOAST_KEY3, goralysFetchClient as goralysFetchClient8, storageGet as storageGet2, storageRemove as storageRemove2 } from "@goralys/core";
+import { useEffect as useEffect21, useRef as useRef13, useState as useState3522222 } from "react";
+import { fetchCsrfClient as fetchCsrfClient9, getGoralysClientConfig as getGoralysClientConfig5, goralysFetchClient as goralysFetchClient9, handleToastRequest as handleToastRequest7 } from "@goralys/core";
+import { jsx as jsx75, jsxs as jsxs66 } from "react/jsx-runtime";
+import { useEffect as useEffect23, useRef as useRef14, useState as useState3622222 } from "react";
+import { fetchCsrfClient as fetchCsrfClient10, getGoralysClientConfig as getGoralysClientConfig6 } from "@goralys/core";
+import { jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs68 } from "react/jsx-runtime";
+import { useEffect as useEffect24, useLayoutEffect as useLayoutEffect3, useRef as useRef15 } from "react";
+import { buildApiUrl as buildApiUrl8, FLASH_TOAST_KEY as FLASH_TOAST_KEY4, goralysFetchClient as goralysFetchClient10, storageGet as storageGet3, storageRemove as storageRemove3 } from "@goralys/core";
+import { useEffect as useEffect25, useRef as useRef16, useState as useState37 } from "react";
+import { fetchCsrfClient as fetchCsrfClient11, getGoralysClientConfig as getGoralysClientConfig7, goralysFetchClient as goralysFetchClient11, handleToastRequest as handleToastRequest8 } from "@goralys/core";
+import { jsx as jsx78, jsxs as jsxs69 } from "react/jsx-runtime";
+import { useEffect as useEffect26, useRef as useRef17, useState as useState38 } from "react";
+import { fetchCsrfClient as fetchCsrfClient12, getGoralysClientConfig as getGoralysClientConfig8 } from "@goralys/core";
+import { jsx as jsx79, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs71 } from "react/jsx-runtime";
+import { useEffect as useEffect27, useLayoutEffect as useLayoutEffect4, useRef as useRef18 } from "react";
+import { buildApiUrl as buildApiUrl10, FLASH_TOAST_KEY as FLASH_TOAST_KEY5, goralysFetchClient as goralysFetchClient12, storageGet as storageGet4, storageRemove as storageRemove4 } from "@goralys/core";
+import { useEffect as useEffect28, useRef as useRef19, useState as useState39 } from "react";
+import { fetchCsrfClient as fetchCsrfClient13, getGoralysClientConfig as getGoralysClientConfig9, goralysFetchClient as goralysFetchClient13, handleToastRequest as handleToastRequest9 } from "@goralys/core";
+import { jsx as jsx81, jsxs as jsxs73 } from "react/jsx-runtime";
+import { useEffect as useEffect29, useRef as useRef20, useState as useState40 } from "react";
+import { fetchCsrfClient as fetchCsrfClient14, getGoralysClientConfig as getGoralysClientConfig10 } from "@goralys/core";
+import { jsx as jsx83, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs75 } from "react/jsx-runtime";
+import { useEffect as useEffect30, useLayoutEffect as useLayoutEffect5, useRef as useRef21 } from "react";
+import { buildApiUrl as buildApiUrl12, FLASH_TOAST_KEY as FLASH_TOAST_KEY6, goralysFetchClient as goralysFetchClient14, storageGet as storageGet5, storageRemove as storageRemove5 } from "@goralys/core";
+import { useEffect as useEffect31, useRef as useRef23, useState as useState41 } from "react";
+import { fetchCsrfClient as fetchCsrfClient15, getGoralysClientConfig as getGoralysClientConfig11, goralysFetchClient as goralysFetchClient15, handleToastRequest as handleToastRequest10 } from "@goralys/core";
+import { jsx as jsx85, jsxs as jsxs76 } from "react/jsx-runtime";
+import { useEffect as useEffect33, useRef as useRef24, useState as useState43 } from "react";
+import { fetchCsrfClient as fetchCsrfClient16, getGoralysClientConfig as getGoralysClientConfig12 } from "@goralys/core";
+import { jsx as jsx86, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs78 } from "react/jsx-runtime";
+import { useEffect as useEffect34, useLayoutEffect as useLayoutEffect6, useRef as useRef25 } from "react";
+import { buildApiUrl as buildApiUrl14, FLASH_TOAST_KEY as FLASH_TOAST_KEY7, goralysFetchClient as goralysFetchClient16, storageGet as storageGet6, storageRemove as storageRemove6 } from "@goralys/core";
+import { useEffect as useEffect35, useRef as useRef26, useState as useState44 } from "react";
+import { fetchCsrfClient as fetchCsrfClient17, getGoralysClientConfig as getGoralysClientConfig13, goralysFetchClient as goralysFetchClient17, handleToastRequest as handleToastRequest11 } from "@goralys/core";
+import { jsx as jsx88, jsxs as jsxs79 } from "react/jsx-runtime";
+import { useEffect as useEffect36, useRef as useRef27, useState as useState45 } from "react";
+import { fetchCsrfClient as fetchCsrfClient18, getGoralysClientConfig as getGoralysClientConfig14 } from "@goralys/core";
+import { jsx as jsx89, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs81 } from "react/jsx-runtime";
+import { useEffect as useEffect37, useLayoutEffect as useLayoutEffect7, useRef as useRef28 } from "react";
+import { buildApiUrl as buildApiUrl16, FLASH_TOAST_KEY as FLASH_TOAST_KEY8, goralysFetchClient as goralysFetchClient18, storageGet as storageGet7, storageRemove as storageRemove7 } from "@goralys/core";
+import { useEffect as useEffect38, useRef as useRef29, useState as useState46 } from "react";
+import { fetchCsrfClient as fetchCsrfClient19, getGoralysClientConfig as getGoralysClientConfig15, goralysFetchClient as goralysFetchClient19, handleToastRequest as handleToastRequest12 } from "@goralys/core";
+import { jsx as jsx91, jsxs as jsxs83 } from "react/jsx-runtime";
+import { useEffect as useEffect39, useRef as useRef30, useState as useState47 } from "react";
+import { fetchCsrfClient as fetchCsrfClient20, getGoralysClientConfig as getGoralysClientConfig16 } from "@goralys/core";
+import { jsx as jsx93, jsxs as jsxs84 } from "react/jsx-runtime";
+var GoralysUIContext2 = createContext9(null);
+function useGoralysUI2() {
+  const context = useContext9(GoralysUIContext2);
+  if (!context) throw new Error("useGoralysUI must be used inside a GoralysUIProvider");
+  return context;
+}
+var ToastContext2 = createContext22(null);
+var ConfirmContext2 = createContext32(null);
+var PasswordModalContext2 = createContext42(null);
+var DraftModalContext2 = createContext52(null);
+var ImportTopicsModalContext2 = createContext62(null);
+var EmailModalContext2 = createContext72(null);
+var ConfirmTokenContext2 = createContext82(null);
+var GoralysUIContext22 = createContext92(null);
+var ToastContext22 = createContext222(null);
+var ConfirmContext22 = createContext322(null);
+var PasswordModalContext22 = createContext422(null);
+var DraftModalContext22 = createContext522(null);
+var ImportTopicsModalContext22 = createContext622(null);
+var EmailModalContext22 = createContext722(null);
+var ConfirmTokenContext22 = createContext822(null);
+var GoralysUIContext222 = createContext922(null);
+var ToastContext222 = createContext2222(null);
+var ConfirmContext222 = createContext3222(null);
+var PasswordModalContext222 = createContext4222(null);
+var DraftModalContext222 = createContext5222(null);
+var ImportTopicsModalContext222 = createContext6222(null);
+var EmailModalContext222 = createContext7222(null);
+var ConfirmTokenContext222 = createContext8222(null);
+var GoralysUIContext2222 = createContext9222(null);
+var ToastContext2222 = createContext22222(null);
+var ConfirmContext2222 = createContext32222(null);
+var PasswordModalContext2222 = createContext42222(null);
+var DraftModalContext2222 = createContext52222(null);
+var ImportTopicsModalContext2222 = createContext62222(null);
+var EmailModalContext2222 = createContext72222(null);
+var ConfirmTokenContext2222 = createContext82222(null);
+var GoralysUIContext22222 = createContext92222(null);
+var ToastContext22222 = createContext222222(null);
+var ConfirmContext22222 = createContext322222(null);
+var PasswordModalContext22222 = createContext422222(null);
+var DraftModalContext22222 = createContext522222(null);
+var ImportTopicsModalContext22222 = createContext622222(null);
+var EmailModalContext22222 = createContext722222(null);
+var GoralysUIContext222222 = createContext822222(null);
+var ToastContext222222 = createContext2222222(null);
+var ConfirmContext222222 = createContext3222222(null);
+var PasswordModalContext222222 = createContext4222222(null);
+var DraftModalContext222222 = createContext5222222(null);
+var ImportTopicsModalContext222222 = createContext6222222(null);
+var EmailModalContext222222 = createContext7222222(null);
+var GoralysUIContext2222222 = createContext8222222(null);
+var ToastContext2222222 = createContext22222222(null);
+var ConfirmContext2222222 = createContext32222222(null);
+var PasswordModalContext2222222 = createContext42222222(null);
+var DraftModalContext2222222 = createContext52222222(null);
+var ImportTopicsModalContext2222222 = createContext62222222(null);
+var EmailModalContext2222222 = createContext72222222(null);
+
+// src/ui/support/support-ticket-card.tsx
+import { jsx as jsx94, jsxs as jsxs85 } from "react/jsx-runtime";
 function SupportTicketCard({ ticket }) {
-  return /* @__PURE__ */ jsxs62("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 gap-y-3 p-1 mt-1", children: [
-    /* @__PURE__ */ jsxs62("div", { className: "flex flex-row w-full justify-between", children: [
-      /* @__PURE__ */ jsxs62("span", { children: [
-        /* @__PURE__ */ jsxs62("strong", { children: [
+  const router = useGoralysUI2().useRouter();
+  return /* @__PURE__ */ jsxs85("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 gap-y-3 p-1 mt-1", children: [
+    /* @__PURE__ */ jsxs85("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsxs85("span", { children: [
+        /* @__PURE__ */ jsxs85("strong", { children: [
           "#",
           ticket.id
         ] }),
         " [",
-        reasonsConfig2[ticket.reason].label,
+        reasonsConfig9[ticket.reason].label,
         "]"
       ] }),
-      /* @__PURE__ */ jsx71(
+      /* @__PURE__ */ jsx94(
         "a",
         {
-          href: buildApiUrl3("ticket/contact", { t: ticket.id.toString() }, true),
+          href: buildApiUrl17("ticket/contact", { t: ticket.id.toString() }, true),
           target: "_blank",
           title: "Contactez l'utilisateur",
           className: "cursor-pointer",
-          children: /* @__PURE__ */ jsx71("strong", { children: ticket.opener })
+          children: /* @__PURE__ */ jsx94("strong", { children: ticket.opener })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx94(
       TextArea,
       {
         id: "message",
@@ -3248,13 +4920,13 @@ function SupportTicketCard({ ticket }) {
       },
       "support-message-" + ticket.id + ticket.opener
     ),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx94(
       Button,
       {
         text: "Ce probl\xE8me a \xE9t\xE9 r\xE9solu",
         type: "button",
         onClick: () => {
-          window.location.href = "/support/ticket?t=" + ticket.id;
+          router.push("/support/ticket?t=" + encodeURIComponent(ticket.id));
         }
       }
     )
@@ -3262,19 +4934,19 @@ function SupportTicketCard({ ticket }) {
 }
 
 // src/ui/toast/flash-toast-listener.tsx
-import { useEffect as useEffect16, useLayoutEffect, useRef as useRef8 } from "react";
-import { buildApiUrl as buildApiUrl4, FLASH_TOAST_KEY as FLASH_TOAST_KEY2, goralysFetchClient as goralysFetchClient6, storageGet, storageRemove } from "@goralys/core";
+import { useEffect as useEffect40, useLayoutEffect as useLayoutEffect8, useRef as useRef31 } from "react";
+import { buildApiUrl as buildApiUrl18, FLASH_TOAST_KEY as FLASH_TOAST_KEY9, goralysFetchClient as goralysFetchClient20, storageGet as storageGet8, storageRemove as storageRemove8 } from "@goralys/core";
 function FlashToastListener() {
   const { showToast } = useToast();
-  const showToastRef = useRef8(showToast);
-  useEffect16(() => {
+  const showToastRef = useRef31(showToast);
+  useEffect40(() => {
     showToastRef.current = showToast;
   }, [showToast]);
   const pathname = useGoralysUI().usePathname();
   const showCachedToast = (destroyCache = true) => {
-    const raw = storageGet(FLASH_TOAST_KEY2);
+    const raw = storageGet8(FLASH_TOAST_KEY9);
     if (!raw) return;
-    if (destroyCache) storageRemove(FLASH_TOAST_KEY2);
+    if (destroyCache) storageRemove8(FLASH_TOAST_KEY9);
     try {
       const parsed = JSON.parse(raw);
       if (!parsed.expires) return;
@@ -3284,17 +4956,17 @@ function FlashToastListener() {
     } catch {
     }
   };
-  useLayoutEffect(() => showCachedToast(false), [pathname]);
-  useEffect16(() => {
+  useLayoutEffect8(() => showCachedToast(false), [pathname]);
+  useEffect40(() => {
     let cancelled = false;
     const run = async () => {
       try {
-        const res = await goralysFetchClient6("GET", buildApiUrl4("toast/flash", {}), void 0, {
+        const res = await goralysFetchClient20("GET", buildApiUrl18("toast/flash", {}), void 0, {
           cache: "no-store"
         });
         const data = await res.json();
         if (data?.toast) {
-          storageRemove(FLASH_TOAST_KEY2);
+          storageRemove8(FLASH_TOAST_KEY9);
           showToastRef.current({
             type: data.toast.toastType,
             title: data.toast.toastTitle,
@@ -3316,63 +4988,100 @@ function FlashToastListener() {
 }
 
 // src/ui/user/forms/login-form.tsx
-import { useEffect as useEffect17, useRef as useRef9, useState as useState32 } from "react";
-import { fetchCsrfClient as fetchCsrfClient7, getGoralysClientConfig as getGoralysClientConfig3 } from "@goralys/core";
-import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
+import { useEffect as useEffect41, useRef as useRef33, useState as useState48 } from "react";
+import { fetchCsrfClient as fetchCsrfClient21, getGoralysClientConfig as getGoralysClientConfig17, goralysFetchClient as goralysFetchClient21, handleToastRequest as handleToastRequest13 } from "@goralys/core";
+import { jsx as jsx95, jsxs as jsxs86 } from "react/jsx-runtime";
 function LoginForm() {
-  const { apiDomain, getSchoolToken } = getGoralysClientConfig3();
+  const { apiDomain, getSchoolToken } = getGoralysClientConfig17();
+  const { showToast } = useToast();
   const isDesktop = useMediaQuery("(min-width: 640px)");
-  const [csrfToken, setCsrfToken] = useState32(null);
-  const [submitting, setSubmitting] = useState32(false);
-  const submittingRef = useRef9(false);
-  const requestUrl = `${apiDomain}/user/login?high-school-token=${getSchoolToken()}`;
-  useEffect17(() => {
+  const [csrfToken, setCsrfToken] = useState48(null);
+  const [submitting, setSubmitting] = useState48(false);
+  const submittingRef = useRef33(false);
+  const requestUrl = `user/login?high-school-token=${getSchoolToken()}`;
+  useEffect41(() => {
     const canceled = false;
-    fetchCsrfClient7("login").then((token) => {
+    fetchCsrfClient21("login").then((token) => {
       if (!canceled) setCsrfToken(token);
     }).catch(() => {
       if (!canceled) setCsrfToken(null);
     });
   }, []);
-  function handleSubmit(e) {
+  const submitDesktop = (e) => {
     if (submittingRef.current) {
       e.preventDefault();
       return;
     }
     submittingRef.current = true;
     setSubmitting(true);
+  };
+  const submitMobile = async (e) => {
+    e.preventDefault();
+    if (submittingRef.current) return;
+    submittingRef.current = true;
+    setSubmitting(true);
+    const data = new FormData(e.currentTarget);
+    try {
+      const res = await goralysFetchClient21("POST", requestUrl, {
+        "csrf-token": csrfToken,
+        client_context: "mobile",
+        username: String(data.get("username") ?? ""),
+        password: String(data.get("password") ?? "")
+      });
+      await handleToastRequest13(res, showToast, true);
+    } finally {
+      submittingRef.current = false;
+      setSubmitting(false);
+    }
+  };
+  function handleSubmit(e) {
+    if (getGoralysClientConfig17().isNative) {
+      submitMobile(e).then();
+      return;
+    }
+    submitDesktop(e);
   }
-  return /* @__PURE__ */ jsxs63(Card, { className: "relative flex-col h-65 bg-sky-200 order-1 sm:order-2", children: [
-    /* @__PURE__ */ jsx72("h1", { className: "text-xl", children: "Connectez vous \xE0 votre compte Goralys" }),
-    /* @__PURE__ */ jsxs63("form", { className: "relative flex flex-col h-full", action: requestUrl, method: "POST", autoComplete: "on", onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsx72(FloatingInput, { id: "username", label: "Identifiant", helper: "Identifiant au format p.nomX", autocomplete: "username", required: true }),
-      /* @__PURE__ */ jsx72(FloatingInput, { id: "password", label: "Mot de passe", autocomplete: "current-password", password: true, required: true }),
-      /* @__PURE__ */ jsx72("input", { type: "hidden", name: "csrf-token", value: (csrfToken ? csrfToken : "no-token").trim() }),
-      /* @__PURE__ */ jsx72("input", { type: "hidden", name: "client_context", value: isDesktop ? "desktop" : "mobile" }),
-      /* @__PURE__ */ jsx72(
-        Button,
-        {
-          type: "submit",
-          text: csrfToken === null ? "Chargement..." : submitting ? "Connexion..." : "Se connecter",
-          className: "absolute! bottom-0",
-          disabled: csrfToken === null || submitting
-        }
-      )
-    ] })
+  return /* @__PURE__ */ jsxs86(Card, { className: "relative flex-col h-65 bg-sky-200 order-1 sm:order-2", children: [
+    /* @__PURE__ */ jsx95("h1", { className: "text-xl", children: "Connectez vous \xE0 votre compte Goralys" }),
+    /* @__PURE__ */ jsxs86(
+      "form",
+      {
+        className: "relative flex flex-col h-full",
+        action: `${apiDomain}/${requestUrl}`,
+        method: "POST",
+        autoComplete: "on",
+        onSubmit: handleSubmit,
+        children: [
+          /* @__PURE__ */ jsx95(FloatingInput, { id: "username", label: "Identifiant", helper: "Identifiant au format p.nomX", autocomplete: "username", required: true }),
+          /* @__PURE__ */ jsx95(FloatingInput, { id: "password", label: "Mot de passe", autocomplete: "current-password", password: true, required: true }),
+          /* @__PURE__ */ jsx95("input", { type: "hidden", name: "csrf-token", value: (csrfToken ? csrfToken : "no-token").trim() }),
+          /* @__PURE__ */ jsx95("input", { type: "hidden", name: "client_context", value: isDesktop ? "desktop" : "mobile" }),
+          /* @__PURE__ */ jsx95(
+            Button,
+            {
+              type: "submit",
+              text: csrfToken === null ? "Chargement..." : submitting ? "Connexion..." : "Se connecter",
+              className: "absolute! bottom-0",
+              disabled: csrfToken === null || submitting
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 
 // src/ui/user/forms/register-form.tsx
-import { useEffect as useEffect18, useRef as useRef10, useState as useState33 } from "react";
-import { fetchCsrfClient as fetchCsrfClient8, getGoralysClientConfig as getGoralysClientConfig4 } from "@goralys/core";
-import { jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
+import { useEffect as useEffect43, useRef as useRef34, useState as useState49 } from "react";
+import { fetchCsrfClient as fetchCsrfClient23, getGoralysClientConfig as getGoralysClientConfig18 } from "@goralys/core";
+import { jsx as jsx96, jsxs as jsxs87 } from "react/jsx-runtime";
 function RegisterForm() {
-  const { apiDomain, getSchoolToken } = getGoralysClientConfig4();
+  const { apiDomain, getSchoolToken } = getGoralysClientConfig18();
   const searchParams = useGoralysUI().useSearchParams();
   const router = useGoralysUI().useRouter();
-  const [id, setId] = useState33(void 0);
-  const hasRun = useRef10(false);
-  useEffect18(() => {
+  const [id, setId] = useState49(void 0);
+  const hasRun = useRef34(false);
+  useEffect43(() => {
     if (hasRun.current) return;
     hasRun.current = true;
     const update = () => setId(searchParams.get("id") ?? void 0);
@@ -3383,16 +5092,16 @@ function RegisterForm() {
     update();
     router.replace("/user/register");
   }, [searchParams, router]);
-  const [csrfToken, setCsrfToken] = useState33(null);
+  const [csrfToken, setCsrfToken] = useState49(null);
   const requestUrl = `${apiDomain}/user/register?high-school-token=${getSchoolToken()}`;
-  useEffect18(() => {
-    const run = async () => setCsrfToken(await fetchCsrfClient8("register"));
+  useEffect43(() => {
+    const run = async () => setCsrfToken(await fetchCsrfClient23("register"));
     run().then();
   }, []);
-  return /* @__PURE__ */ jsxs64(Card, { className: "flex-col h-79 bg-sky-200 order-1 sm:order-2", children: [
-    /* @__PURE__ */ jsx73("h1", { className: "text-xl", children: "Cr\xE9ez votre compte chez Goralys" }),
-    /* @__PURE__ */ jsxs64("form", { className: "relative flex flex-col h-full", method: "POST", action: requestUrl, autoComplete: "on", children: [
-      /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsxs87(Card, { className: "flex-col h-79 bg-sky-200 order-1 sm:order-2", children: [
+    /* @__PURE__ */ jsx96("h1", { className: "text-xl", children: "Cr\xE9ez votre compte chez Goralys" }),
+    /* @__PURE__ */ jsxs87("form", { className: "relative flex flex-col h-full", method: "POST", action: requestUrl, autoComplete: "on", children: [
+      /* @__PURE__ */ jsx96(
         FloatingInput,
         {
           id: "user-name",
@@ -3403,7 +5112,7 @@ function RegisterForm() {
           required: true
         }
       ),
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx96(
         FloatingInput,
         {
           id: "password",
@@ -3414,9 +5123,9 @@ function RegisterForm() {
           required: true
         }
       ),
-      /* @__PURE__ */ jsx73(FloatingInput, { id: "email", label: "Addresse Mail", autocomplete: "email", helper: "Ce champ est optionnel.", email: true }),
-      /* @__PURE__ */ jsx73("input", { type: "hidden", name: "csrf-token", value: (csrfToken ? csrfToken : "no-token").trim() }),
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx96(FloatingInput, { id: "email", label: "Addresse Mail", autocomplete: "email", helper: "Ce champ est optionnel.", email: true }),
+      /* @__PURE__ */ jsx96("input", { type: "hidden", name: "csrf-token", value: (csrfToken ? csrfToken : "no-token").trim() }),
+      /* @__PURE__ */ jsx96(
         Button,
         {
           type: "submit",
@@ -3447,6 +5156,8 @@ export {
   CommentTeacher,
   ConfirmElement,
   ConfirmProvider,
+  ConfirmTokenElement,
+  ConfirmTokenProvider,
   CookieBanner,
   CreateAdminElement,
   DraftModalElement,
@@ -3505,6 +5216,7 @@ export {
   UsersSearchBar,
   useAutoResize,
   useConfirm,
+  useConfirmToken,
   useDraftModal,
   useEmailModal,
   useGoralysUI,