@edifice.io/react 2.6.2-develop-integration-crna.20260823185851 → 2.6.2-develop-integration.20260824122250

package/dist/modules/homepage/components/Notifications/components/NotificationItemResource.js

@@ -2,12 +2,11 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
 const NotificationItemResource = ({
-  appCode,
-  appI18nKey
+  appCode
 }) => {
   const {
     t
-  } = useTranslation(), appLabel = t(`${appI18nKey}`, {
+  } = useTranslation(), appLabel = t(`${appCode}`, {
     defaultValue: appCode
   }), appCssClass = `app-${appCode}`;
   return /* @__PURE__ */ jsxs("div", { className: `notification-item-resource ${appCssClass} bg-app-light`, children: [

package/dist/modules/homepage/components/Notifications/components/SystemNotificationItem.d.ts

@@ -1,8 +1,6 @@
-import { ReactNode } from 'react';
 import { SystemWebNotification } from './notificationAdapter';
 export type SystemNotificationItemProps = {
     notification: SystemWebNotification;
-    menu?: ReactNode;
 };
 /**
  * Renders a system notification (no sender) using an app icon as the picture.
@@ -11,7 +9,7 @@ export type SystemNotificationItemProps = {
  * rather than this component directly.
  */
 declare const SystemNotificationItem: {
-    ({ notification, menu, }: SystemNotificationItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ notification, }: SystemNotificationItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SystemNotificationItem;

package/dist/modules/homepage/components/Notifications/components/SystemNotificationItem.js

@@ -3,8 +3,7 @@ import { useTranslation } from "react-i18next";
 import CommonNotificationItem from "./CommonNotificationItem.js";
 import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
 const SystemNotificationItem = ({
-  notification,
-  menu
+  notification
 }) => {
   const {
     params,
@@ -14,7 +13,7 @@ const SystemNotificationItem = ({
   } = notification, {
     t
   } = useTranslation(), appName = t(params.appCode);
-  return /* @__PURE__ */ jsx(CommonNotificationItem, { uri, message, date, menu, picture: /* @__PURE__ */ jsx("a", { href: uri, title: appName, "data-testid": "notification-item-app-icon", "aria-label": t("homepage.notifications.app-icon.placeholder"), children: /* @__PURE__ */ jsx(AppIcon, { app: params.appCode, size: "24", variant: "square", className: "notification-item-app-icon" }) }) });
+  return /* @__PURE__ */ jsx(CommonNotificationItem, { uri, message, date, picture: /* @__PURE__ */ jsx("a", { href: uri, title: appName, "data-testid": "notification-item-app-icon", "aria-label": t("homepage.notifications.app-icon.placeholder"), children: /* @__PURE__ */ jsx(AppIcon, { app: params.appCode, size: "24", variant: "square", className: "notification-item-app-icon" }) }) });
 };
 export {
   SystemNotificationItem as default

package/dist/modules/homepage/components/Notifications/components/UserNotificationItem.d.ts

@@ -1,8 +1,6 @@
-import { ReactNode } from 'react';
 import { UserWebNotification } from './notificationAdapter';
 export type UserNotificationItemProps = {
     notification: UserWebNotification;
-    menu?: ReactNode;
 };
 /**
  * Renders a user-triggered notification using the sender's avatar as the picture.
@@ -11,7 +9,7 @@ export type UserNotificationItemProps = {
  * — prefer using `Notification` at the top level rather than this component directly.
  */
 declare const UserNotificationItem: {
-    ({ notification, menu, }: UserNotificationItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ notification }: UserNotificationItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default UserNotificationItem;

package/dist/modules/homepage/components/Notifications/components/UserNotificationItem.js

@@ -5,8 +5,7 @@ import NotificationItemResource from "./NotificationItemResource.js";
 import useDirectory from "../../../../../hooks/useDirectory/useDirectory.js";
 import Avatar from "../../../../../components/Avatar/Avatar.js";
 const UserNotificationItem = ({
-  notification,
-  menu
+  notification
 }) => {
   const {
     getAvatarURL,
@@ -19,7 +18,7 @@ const UserNotificationItem = ({
   } = notification, {
     t
   } = useTranslation(), userName = t(params.username);
-  return /* @__PURE__ */ jsx(CommonNotificationItem, { uri, message, date, menu, picture: /* @__PURE__ */ jsx("a", { href: getUserbookURL(params.userId, "user"), title: userName, "data-testid": "notification-item-avatar", children: /* @__PURE__ */ jsx(Avatar, { "aria-label": t("homepage.notifications.avatar.placeholder"), src: getAvatarURL(params.userId, "user"), alt: userName, variant: "circle", className: "notification-item-avatar" }) }), children: /* @__PURE__ */ jsx(NotificationItemResource, { appCode: params.appCode, appI18nKey: params.appI18nKey }) });
+  return /* @__PURE__ */ jsx(CommonNotificationItem, { uri, message, date, picture: /* @__PURE__ */ jsx("a", { href: getUserbookURL(params.userId, "user"), title: userName, "data-testid": "notification-item-avatar", children: /* @__PURE__ */ jsx(Avatar, { "aria-label": t("homepage.notifications.avatar.placeholder"), src: getAvatarURL(params.userId, "user"), alt: userName, variant: "circle", className: "notification-item-avatar" }) }), children: /* @__PURE__ */ jsx(NotificationItemResource, { appCode: params.appCode }) });
 };
 export {
   UserNotificationItem as default

package/dist/modules/homepage/components/Notifications/components/notificationAdapter.d.ts

@@ -1,21 +1,15 @@
 import { NotificationModel } from '@edifice.io/client';
-type NotificationType = 'system' | 'user';
-interface WebNotificationParamsBase {
-    appCode: string;
-    appI18nKey: string;
-}
-interface WebNotificationBase {
-    type: NotificationType;
+type WebNotificationBase = {
     id: string;
     uri?: string;
     message: string;
     date: Date;
-    params: WebNotificationParamsBase;
-}
+};
 /** Notification triggered by another user (e.g. shared a resource). */
 export type UserWebNotification = WebNotificationBase & {
     type: 'user';
-    params: WebNotificationParamsBase & {
+    params: {
+        appCode: string;
         username: string;
         userId: string;
     };
@@ -23,20 +17,11 @@ export type UserWebNotification = WebNotificationBase & {
 /** Notification triggered by an application event (no sender). */
 export type SystemWebNotification = WebNotificationBase & {
     type: 'system';
+    params: {
+        appCode: string;
+    };
 };
 /** Discriminated union — narrow on `type` to get the specific variant. */
 export type WebNotification = UserWebNotification | SystemWebNotification;
-export declare const getAppCodeAndI18nKey: (appCode: string) => [string, string];
-/**
- * Transforms a raw `NotificationModel` (API shape) into a `WebNotification`
- * ready for rendering.
- *
- * Responsibilities:
- * - Determines the variant: **user** when a `sender` is present, **system** otherwise.
- * - Resolves the target URI from the model's `params` (handles both user and system naming conventions).
- * - Converts the MongoDB `$date` timestamp to a JS `Date`.
- * - Normalises the `type` field into a kebab-case `appCode` (e.g. `"BLOG_POST"` → `"blog-post"`).
- * - Strips anchor tags from the message, keeping only the inner text as `<strong>`.
- */
 export declare const notificationAdapter: (notification: NotificationModel) => WebNotification;
 export {};

package/dist/modules/homepage/components/Notifications/components/notificationAdapter.js

@@ -1,41 +1,30 @@
-const resolveNotificationResourceUri = (params, type, appCode, eventType) => {
-  if (appCode === "timeline" && eventType === "NOTIFY-REPORT")
-    return "/admin";
+const resolveNotificationResourceUri = (params, type) => {
   if (type === "user")
     return params.resourceUri || params.uri;
   for (const [key, value] of Object.entries(params))
     if (typeof value == "string" && value.length > 0 && key.endsWith("Uri") && key !== "profilUri" && key !== "resourceFolderUri")
       return value;
-}, parseNotificationMessage = (message) => message.replace(/<\/a>/gi, "</strong>").replace(/<a\b[^>]*>/gi, "<strong>"), getAppCodeAndI18nKey = (appCode) => {
-  appCode = appCode.toLowerCase();
-  let appI18nKey = appCode;
-  switch (appCode) {
+}, parseNotificationMessage = (message) => message.replace(/<\/a>/gi, "</strong>").replace(/<a\b[^>]*>/gi, "<strong>"), getAppCode = (appCode) => {
+  switch (appCode = appCode.toLowerCase(), appCode) {
     case "collaborativewall":
-      appCode = "collaborative-wall";
-      break;
+      return "collaborative-wall";
     case "formulaire":
-      appI18nKey = appCode = "forms";
-      break;
+      return "forms";
     case "messagerie":
-      appI18nKey = appCode = "conversation";
-      break;
+      return "conversation";
     case "news":
-      appI18nKey = appCode = "actualites";
-      break;
+      return "actualites";
     case "homeworks":
-      appCode = "cahier-de-texte";
-      break;
+      return "cahier-de-texte";
     case "userbook_motto":
     case "userbook_mood":
     case "userbook_discovervisiblegroups":
-      appCode = "userbook";
-      break;
+      return "userbook";
     default:
-      appI18nKey = appCode = appCode.replace(/_/g, "-");
+      return appCode.replace(/_/g, "-");
   }
-  return [appCode, appI18nKey];
 }, notificationAdapter = (notification) => {
-  const type = notification.sender ? "user" : "system", [appCode, appI18nKey] = getAppCodeAndI18nKey(notification.type), uri = resolveNotificationResourceUri(notification.params, type, appCode, notification["event-type"] || notification.eventType), date = new Date(notification.date.$date), message = parseNotificationMessage(notification.message), base = {
+  const type = notification.sender ? "user" : "system", uri = resolveNotificationResourceUri(notification.params, type), date = new Date(notification.date.$date), appCode = getAppCode(notification.type), message = parseNotificationMessage(notification.message), base = {
     id: notification._id,
     uri,
     message,
@@ -49,19 +38,16 @@ const resolveNotificationResourceUri = (params, type, appCode, eventType) => {
       // cannot be undefined if sender is present (user type)
       userId: notification.sender,
       // cannot be undefined if sender is present (user type)
-      appCode,
-      appI18nKey
+      appCode
     }
   } : {
     ...base,
     type: "system",
     params: {
-      appCode,
-      appI18nKey
+      appCode
     }
   };
 };
 export {
-  getAppCodeAndI18nKey,
   notificationAdapter
 };

package/dist/modules/homepage/components/Notifications/hooks/useNotificationList.d.ts

@@ -2,12 +2,8 @@ import { NotificationModel } from '@edifice.io/client';
 export interface UseNotificationListContainerReturn {
     /** Array of notifications */
     notifications: NotificationModel[] | undefined;
-    /** Array of all notification types available */
+    /** Array of notification types */
     notificationTypes: string[] | undefined;
-    /** Array of notification types currently selected as filter */
-    selectedTypes: string[] | undefined;
-    /** Callback to change the selected notification types filter */
-    setSelectedTypes: (types: string[]) => void;
     /** Indicates if there are more notifications to load */
     hasNextPage: boolean | undefined;
     /** Callback to load the next page of notifications */

package/dist/modules/homepage/components/Notifications/hooks/useNotificationList.js

@@ -1,5 +1,4 @@
-import { useState, useEffect } from "react";
-import { useNotificationTypes, useTimelinePreference, useSaveTimelinePreference, useNotifications } from "../services/queries/notification.js";
+import { useNotificationTypes, useNotifications } from "../services/queries/notification.js";
 const useNotificationListContainer = () => {
   const {
     data: notificationTypes,
@@ -7,34 +6,15 @@ const useNotificationListContainer = () => {
     isFetched: isFetchedTypes,
     error: errorTypes
   } = useNotificationTypes(), {
-    data: preference,
-    isFetched: isFetchedPreference
-  } = useTimelinePreference(), {
-    mutate: saveTimelinePreference
-  } = useSaveTimelinePreference(), [selectedTypes, setSelectedTypesState] = useState();
-  useEffect(() => {
-    if (selectedTypes === void 0 && isFetchedTypes && isFetchedPreference) {
-      const preferredTypes = preference == null ? void 0 : preference.type;
-      setSelectedTypesState(preferredTypes && preferredTypes.length > 0 ? preferredTypes : notificationTypes ?? []);
-    }
-  }, [selectedTypes, isFetchedTypes, isFetchedPreference, preference, notificationTypes]);
-  const setSelectedTypes = (types) => {
-    setSelectedTypesState(types), saveTimelinePreference({
-      ...preference,
-      type: types
-    });
-  }, {
     data: notifications,
     hasNextPage,
     isLoading: isLoadingNotifications,
     error: errorNotifications,
     fetchNextPage
-  } = useNotifications(selectedTypes ?? [], isFetchedTypes && !!selectedTypes);
+  } = useNotifications(notificationTypes ?? [], isFetchedTypes && !!notificationTypes);
   return {
     notifications,
     notificationTypes,
-    selectedTypes,
-    setSelectedTypes,
     hasNextPage,
     loadNextPage: () => fetchNextPage(),
     isLoading: isLoadingTypes || isLoadingNotifications,

package/dist/modules/homepage/components/Notifications/services/api/index.d.ts

@@ -1,6 +1,4 @@
 export declare const notificationService: {
     getNotifications(types: string[], page: number): Promise<import('@edifice.io/client').NotificationModel[]>;
     getNotificationTypes(): Promise<string[]>;
-    reportNotification(id: string): Promise<any>;
-    deleteNotification(id: string): Promise<any>;
 };

package/dist/modules/homepage/components/Notifications/services/api/notificationService.d.ts

@@ -12,12 +12,4 @@ export declare const createNotificationService: (baseURL: string) => {
      */
     getNotifications(types: string[], page: number): Promise<NotificationModel[]>;
     getNotificationTypes(): Promise<string[]>;
-    /**
-     * Report a notification as inappropriate.
-     */
-    reportNotification(id: string): Promise<any>;
-    /**
-     * Delete a notification.
-     */
-    deleteNotification(id: string): Promise<any>;
 };

package/dist/modules/homepage/components/Notifications/services/api/notificationService.js

@@ -14,18 +14,6 @@ const createNotificationService = (baseURL) => ({
   },
   getNotificationTypes() {
     return odeServices.http().get(`${baseURL}/timeline/types`);
-  },
-  /**
-   * Report a notification as inappropriate.
-   */
-  reportNotification(id) {
-    return odeServices.http().put(`${baseURL}/timeline/${id}/report`);
-  },
-  /**
-   * Delete a notification.
-   */
-  deleteNotification(id) {
-    return odeServices.http().put(`${baseURL}/timeline/${id}`);
   }
 });
 export {

package/dist/modules/homepage/components/Notifications/services/queries/notification.d.ts

@@ -1,22 +1,14 @@
 import { NotificationModel } from '@edifice.io/client';
-import { InfiniteData } from '@tanstack/react-query';
-/** Shape of the `timeline` userbook preference (only `type` is read/written here). */
-export interface TimelinePreference {
-    page?: number;
-    type: string[];
-    config?: Record<string, unknown>;
-}
 export declare const notificationQueryKeys: {
     all: () => readonly ["notifications"];
     notifications: (types?: string[]) => readonly ["notifications", "list", string[]];
     types: () => readonly ["notifications", "types"];
-    preference: () => readonly ["notifications", "preference"];
 };
 export declare const notificationQueryOptions: {
     getNotifications(types: string[], enabled: boolean): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseInfiniteQueryOptions<NotificationModel[], Error, NotificationModel[], NotificationModel[], readonly ["notifications", "list", string[]], number>, "queryFn"> & {
         queryFn?: import('@tanstack/react-query').QueryFunction<NotificationModel[], readonly ["notifications", "list", string[]], number> | undefined;
     } & {
-        queryKey: import('@tanstack/react-query').DataTag<readonly ["notifications", "list", string[]], InfiniteData<NotificationModel[], unknown>>;
+        queryKey: import('@tanstack/react-query').DataTag<readonly ["notifications", "list", string[]], import('@tanstack/react-query').InfiniteData<NotificationModel[], unknown>>;
     };
     getNotificationTypes(): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<string[], Error, string[], import('@tanstack/react-query').QueryKey>, "queryFn"> & {
         queryFn?: import('@tanstack/react-query').QueryFunction<string[], import('@tanstack/react-query').QueryKey, never> | undefined;
@@ -26,7 +18,3 @@ export declare const notificationQueryOptions: {
 };
 export declare const useNotifications: (types?: string[], enabled?: boolean) => import('@tanstack/react-query').UseInfiniteQueryResult<NotificationModel[], Error>;
 export declare const useNotificationTypes: () => import('@tanstack/react-query').UseQueryResult<string[], Error>;
-export declare const useTimelinePreference: () => import('@tanstack/react-query').UseQueryResult<TimelinePreference, Error>;
-export declare const useSaveTimelinePreference: () => import('@tanstack/react-query').UseMutationResult<void, Error, TimelinePreference, unknown>;
-export declare const useReportNotification: () => import('@tanstack/react-query').UseMutationResult<any, Error, string, unknown>;
-export declare const useDeleteNotification: () => import('@tanstack/react-query').UseMutationResult<any, Error, string, unknown>;

package/dist/modules/homepage/components/Notifications/services/queries/notification.js

@@ -1,11 +1,9 @@
-import { odeServices } from "@edifice.io/client";
-import { useMutation, useQueryClient, useQuery, useInfiniteQuery, queryOptions, infiniteQueryOptions } from "@tanstack/react-query";
+import { useQuery, useInfiniteQuery, queryOptions, infiniteQueryOptions } from "@tanstack/react-query";
 import { notificationService } from "../api/index.js";
 const notificationQueryKeys = {
   all: () => ["notifications"],
   notifications: (types = []) => [...notificationQueryKeys.all(), "list", types],
-  types: () => [...notificationQueryKeys.all(), "types"],
-  preference: () => [...notificationQueryKeys.all(), "preference"]
+  types: () => [...notificationQueryKeys.all(), "types"]
 }, notificationQueryOptions = {
   getNotifications(types, enabled) {
     return infiniteQueryOptions({
@@ -33,45 +31,10 @@ const notificationQueryKeys = {
       queryFn: async () => notificationService.getNotificationTypes()
     });
   }
-}, useNotifications = (types = [], enabled = !0) => useInfiniteQuery(notificationQueryOptions.getNotifications(types, enabled)), useNotificationTypes = () => useQuery(notificationQueryOptions.getNotificationTypes()), useTimelinePreference = () => useQuery({
-  queryKey: notificationQueryKeys.preference(),
-  queryFn: () => odeServices.conf().getPreference("timeline")
-}), useSaveTimelinePreference = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: (preference) => odeServices.conf().savePreference("timeline", preference),
-    onSuccess: (_data, preference) => {
-      queryClient.setQueryData(notificationQueryKeys.preference(), preference);
-    },
-    onError: () => {
-      queryClient.invalidateQueries({
-        queryKey: notificationQueryKeys.preference()
-      });
-    }
-  });
-}, useReportNotification = () => useMutation({
-  mutationFn: (id) => notificationService.reportNotification(id)
-}), useDeleteNotification = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: (id) => notificationService.deleteNotification(id),
-    onSuccess: (_data, id) => {
-      queryClient.setQueriesData({
-        queryKey: [...notificationQueryKeys.all(), "list"]
-      }, (data) => data && {
-        ...data,
-        pages: data.pages.map((page) => page.filter((notification) => notification._id !== id))
-      });
-    }
-  });
-};
+}, useNotifications = (types = [], enabled = !0) => useInfiniteQuery(notificationQueryOptions.getNotifications(types, enabled)), useNotificationTypes = () => useQuery(notificationQueryOptions.getNotificationTypes());
 export {
   notificationQueryKeys,
   notificationQueryOptions,
-  useDeleteNotification,
   useNotificationTypes,
-  useNotifications,
-  useReportNotification,
-  useSaveTimelinePreference,
-  useTimelinePreference
+  useNotifications
 };

package/dist/modules/homepage/components/SchoolSpace/SchoolSpace.js

@@ -1,12 +1,10 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import SvgIconRafterUp from "../../../icons/components/IconRafterUp.js";
-import SvgIconUserSearch from "../../../icons/components/IconUserSearch.js";
 import useToggle from "../../../../hooks/useToggle/useToggle.js";
 import Flex from "../../../../components/Flex/Flex.js";
 import Dropdown from "../../../../components/Dropdown/Dropdown.js";
 import IconButton from "../../../../components/Button/IconButton.js";
-import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
 import { getRotateTransitionStyle } from "../../../../utilities/rotate-transition-style/get-rotate-transition-style.js";
 const SchoolSpace = ({
   schools,
@@ -15,23 +13,16 @@ const SchoolSpace = ({
 }) => {
   const [isExpanded, toggleExpanded] = useToggle(!1), {
     t
-  } = useTranslation();
-  if (!selectedSchool) return null;
-  const hasManySchools = schools && schools.length > 1, directoryUrl = `/userbook/annuaire#/search?${new URLSearchParams({
-    structure: selectedSchool.id
-  }).toString()}`;
-  return /* @__PURE__ */ jsxs(Flex, { gap: "4", direction: "column", className: "school-space", children: [
-    /* @__PURE__ */ jsxs(Flex, { className: "school-space-container", justify: "center", gap: "4", align: "center", children: [
-      /* @__PURE__ */ jsx("b", { children: selectedSchool.name }),
-      hasManySchools && /* @__PURE__ */ jsx(Dropdown, { placement: "bottom-end", onToggle: toggleExpanded, children: (triggerProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(IconButton, { ...triggerProps, "aria-label": t("show"), color: "tertiary", variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconRafterUp, { className: "w-16 min-w-0", style: getRotateTransitionStyle(isExpanded, {
-          degrees: 180
-        }) }) }),
-        /* @__PURE__ */ jsx(Dropdown.Menu, { children: schools.map((school) => /* @__PURE__ */ jsx(Dropdown.Item, { onClick: () => onSelectedSchoolChange == null ? void 0 : onSelectedSchoolChange(school), children: /* @__PURE__ */ jsx(Flex, { direction: "column", children: /* @__PURE__ */ jsx("p", { children: school.name }) }) }, school.id)) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx(ButtonBeta, { variant: "outline", className: "school-space-directory-button", leftIcon: /* @__PURE__ */ jsx(SvgIconUserSearch, {}), onClick: () => window.location.href = directoryUrl, children: t("homepage.school-space.directory") })
-  ] });
+  } = useTranslation(), hasManySchools = schools && schools.length > 1;
+  return selectedSchool ? /* @__PURE__ */ jsx("div", { className: "school-space", children: /* @__PURE__ */ jsxs(Flex, { className: "school-space-container", justify: "center", gap: "4", align: "center", children: [
+    /* @__PURE__ */ jsx("b", { children: selectedSchool.name }),
+    hasManySchools && /* @__PURE__ */ jsx(Dropdown, { placement: "bottom-end", onToggle: toggleExpanded, children: (triggerProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(IconButton, { ...triggerProps, "aria-label": t("show"), color: "tertiary", variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconRafterUp, { className: "w-16 min-w-0", style: getRotateTransitionStyle(isExpanded, {
+        degrees: 180
+      }) }) }),
+      /* @__PURE__ */ jsx(Dropdown.Menu, { children: schools.map((school) => /* @__PURE__ */ jsx(Dropdown.Item, { onClick: () => onSelectedSchoolChange == null ? void 0 : onSelectedSchoolChange(school), children: /* @__PURE__ */ jsx(Flex, { direction: "column", children: /* @__PURE__ */ jsx("p", { children: school.name }) }) }, school.id)) })
+    ] }) })
+  ] }) }) : null;
 };
 export {
   SchoolSpace as default

package/dist/modules/homepage/components/UserSpace/UserSpace.js

@@ -1,11 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import SvgIconClass from "../../../icons/components/IconClass.js";
-import { useProfileLinks } from "./hooks/useProfileLinks.js";
 import HomeCard from "../HomeCard/HomeCard.js";
 import Flex from "../../../../components/Flex/Flex.js";
 import Avatar from "../../../../components/Avatar/Avatar.js";
-import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
 function UserSpace({
   name,
   avatar,
@@ -14,8 +11,8 @@ function UserSpace({
 }) {
   const {
     t
-  } = useTranslation(), links = useProfileLinks(profile);
-  return /* @__PURE__ */ jsxs(HomeCard, { variant: "user", footer: !!links && /* @__PURE__ */ jsx(Flex, { children: links.map((link, index) => /* @__PURE__ */ jsx(ButtonBeta, { size: "sm", variant: "ghost", leftIcon: /* @__PURE__ */ jsx(SvgIconClass, {}), onClick: () => window.location.href = link.url, children: link.text }, `${link.url}-${index}`)) }), children: [
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "user", children: [
     /* @__PURE__ */ jsxs(Flex, { className: "user-space", direction: "row", gap: "8", children: [
       /* @__PURE__ */ jsx(Avatar, { className: "user-space--avatar", size: "auto", alt: name, src: avatar, variant: "circle" }),
       /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [

package/dist/modules/icons/components/index.d.ts

@@ -30,7 +30,6 @@ export { default as IconCantoo } from './IconCantoo';
 export { default as IconCenter } from './IconCenter';
 export { default as IconCheck } from './IconCheck';
 export { default as IconChecklist } from './IconChecklist';
-export { default as IconClass } from './IconClass';
 export { default as IconClockAlert } from './IconClockAlert';
 export { default as IconClock } from './IconClock';
 export { default as IconCloseFullScreen } from './IconCloseFullScreen';

package/dist/modules/multimedia/FileCard/NextcloudFileCard.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { NextcloudDocument } from '@edifice.io/client';
+import { CardProps } from '../../../components/Card';
+export interface NextcloudFileCardProps extends CardProps {
+    doc: NextcloudDocument;
+    /**
+     * Id of the user who owns the Nextcloud document, used to build the preview URL.
+     */
+    userId: string;
+    /**
+     * Custom icon to override the default based on file type
+     * Can be a string or a React node
+     */
+    customIcon?: ReactNode;
+    /**
+     * Custom color class to override the default based on file type
+     * Example: "bg-purple-300" or any valid CSS class
+     */
+    customColor?: string;
+}
+declare const NextcloudFileCard: {
+    ({ doc, userId, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, customIcon, customColor, }: NextcloudFileCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NextcloudFileCard;

package/dist/modules/multimedia/FileCard/NextcloudFileCard.js

@@ -0,0 +1,105 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { DocumentHelper, odeServices } from "@edifice.io/client";
+import clsx from "clsx";
+import SvgIconLandscape from "../../icons/components/IconLandscape.js";
+import SvgIconMic from "../../icons/components/IconMic.js";
+import SvgIconTextPage from "../../icons/components/IconTextPage.js";
+import SvgIconVideo from "../../icons/components/IconVideo.js";
+import FileIcon from "./FileIcon.js";
+import useThumbnail from "../../../hooks/useThumbnail/useThumbnail.js";
+import Card from "../../../components/Card/Card.js";
+const NextcloudFileCard = ({
+  doc,
+  userId,
+  isClickable = !0,
+  isSelectable = !1,
+  isSelected = !1,
+  onClick,
+  className,
+  onSelect,
+  isFocused,
+  app,
+  customIcon,
+  customColor
+}) => {
+  const ref = useRef(null), type = DocumentHelper.role(doc.contentType, !1);
+  function getRoleMap(type2) {
+    if (customIcon !== void 0 || customColor !== void 0)
+      return {
+        icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+        color: customColor || "bg-gray-300",
+        hasShadow: !1
+      };
+    const roleMappings = {
+      csv: {
+        icon: ".CSV",
+        color: "bg-orange-200"
+      },
+      xls: {
+        icon: ".XLS",
+        color: "bg-green-200"
+      },
+      doc: {
+        icon: ".DOC",
+        color: "bg-blue-200"
+      },
+      txt: {
+        icon: ".TXT",
+        color: "bg-blue-200"
+      },
+      pdf: {
+        icon: ".PDF",
+        color: "bg-red-200"
+      },
+      audio: {
+        icon: /* @__PURE__ */ jsx(SvgIconMic, { width: 22, height: 22 }),
+        color: "bg-red-200"
+      },
+      ppt: {
+        icon: ".PPT",
+        color: "bg-red-200"
+      },
+      img: {
+        icon: /* @__PURE__ */ jsx(SvgIconLandscape, { width: 22, height: 22 }),
+        color: "bg-green-200"
+      },
+      video: {
+        icon: /* @__PURE__ */ jsx(SvgIconVideo, { width: 22, height: 22 }),
+        color: "bg-purple-200"
+      },
+      zip: {
+        icon: ".ZIP",
+        color: "bg-gray-300"
+      },
+      md: {
+        icon: ".MD",
+        color: "bg-blue-200"
+      },
+      unknown: {
+        icon: /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+        color: "bg-gray-300"
+      }
+    };
+    return roleMappings[type2] || roleMappings.unknown;
+  }
+  const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = type === "img" ? odeServices.nextcloud().getFileUrl(userId, doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
+    ref
+  }), imageStyles = hasThumbnail && {
+    backgroundImage: `url(${mediaSrc})`,
+    backgroundSize: "cover"
+  };
+  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
+    /* @__PURE__ */ jsx("div", { ref, className: file, style: {
+      aspectRatio: "16/10",
+      ...imageStyles
+    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
+      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerDisplayName })
+    ] })
+  ] }) });
+};
+export {
+  NextcloudFileCard as default
+};

package/dist/modules/multimedia/FileCard/index.d.ts

@@ -1,2 +1,4 @@
 export { default as FileCard } from './FileCard';
 export * from './FileCard';
+export { default as NextcloudFileCard } from './NextcloudFileCard';
+export * from './NextcloudFileCard';