@edifice.io/react 2.6.9-develop-b2school.20261013134048 → 2.6.9-develop-enabling.20261013152718

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

@@ -1,25 +1 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconFilter from "../../../../icons/components/IconFilter.js";
-import SvgIconRafterDown from "../../../../icons/components/IconRafterDown.js";
-import NotificationFilterModal from "./NotificationFilterModal.js";
-import ButtonBeta from "../../../../../components/ButtonBeta/ButtonBeta.js";
-const NotificationFilterMenu = ({
-  notificationTypes,
-  selectedTypes,
-  onFilterChange
-}) => {
-  const {
-    t
-  } = useTranslation(), [isOpen, setIsOpen] = useState(!1), handleApply = (types) => {
-    onFilterChange(types), setIsOpen(!1);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ButtonBeta, { type: "button", color: "secondary", variant: "outline", size: "md", leftIcon: /* @__PURE__ */ jsx(SvgIconFilter, {}), rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, {}), "aria-label": t("homepage.notifications.filter-modal.trigger"), title: t("homepage.notifications.filter-modal.trigger"), onClick: () => setIsOpen(!0), "data-testid": "notification-filter-button" }),
-    isOpen && /* @__PURE__ */ jsx(NotificationFilterModal, { isOpen, allTypes: notificationTypes, appliedTypes: selectedTypes, onCancel: () => setIsOpen(!1), onApply: handleApply })
-  ] });
-};
-export {
-  NotificationFilterMenu as default
-};
+import SvgIconFilter from"../../../../icons/components/IconFilter.js";import SvgIconRafterDown from"../../../../icons/components/IconRafterDown.js";import ButtonBeta from"../../../../../components/ButtonBeta/ButtonBeta.js";import NotificationFilterModal from"./NotificationFilterModal.js";import{useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var NotificationFilterMenu=({notificationTypes,selectedTypes,onFilterChange})=>{let{t}=useTranslation(),[isOpen,setIsOpen]=useState(!1);return jsxs(Fragment$1,{children:[jsx(ButtonBeta,{type:`button`,color:`secondary`,variant:`outline`,size:`md`,leftIcon:jsx(SvgIconFilter,{}),rightIcon:jsx(SvgIconRafterDown,{}),"aria-label":t(`homepage.notifications.filter-modal.trigger`,{defaultValue:`Filtrer les notifications`}),title:t(`homepage.notifications.filter-modal.trigger`,{defaultValue:`Filtrer les notifications`}),onClick:()=>setIsOpen(!0),"data-testid":`notification-filter-button`}),isOpen&&jsx(NotificationFilterModal,{isOpen,allTypes:notificationTypes,appliedTypes:selectedTypes,onCancel:()=>setIsOpen(!1),onApply:types=>{onFilterChange(types),setIsOpen(!1)}})]})};export{NotificationFilterMenu as default};

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

@@ -1,75 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useState, useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconCheck from "../../../../icons/components/IconCheck.js";
-import { getAppCodeAndI18nKey } from "./notificationAdapter.js";
-import ModalBeta from "../../../../../components/ModalBeta/ModalBeta.js";
-import Flex from "../../../../../components/Flex/Flex.js";
-import Checkbox from "../../../../../components/Checkbox/Checkbox.js";
-import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
-import ButtonBeta from "../../../../../components/ButtonBeta/ButtonBeta.js";
-const NotificationFilterModal = ({
-  isOpen,
-  allTypes,
-  appliedTypes,
-  onCancel,
-  onApply
-}) => {
-  const {
-    t,
-    i18n
-  } = useTranslation(), [selected, setSelected] = useState(appliedTypes), allTypesSorted = useMemo(() => allTypes.map((type) => {
-    const [appCode, appI18nKey] = getAppCodeAndI18nKey(type), label = t(appI18nKey, {
-      defaultValue: appCode
-    });
-    return {
-      type,
-      appCode,
-      appI18nKey,
-      label
-    };
-  }).sort((a, b) => a.label.localeCompare(b.label, i18n.language, {
-    sensitivity: "base"
-  })), [allTypes, t, i18n.language]), toggleType = (type) => {
-    setSelected((current) => current.includes(type) ? current.filter((value) => value !== type) : [...current, type]);
-  }, toggleAll = () => {
-    setSelected(selected.length === allTypes.length ? [] : allTypes);
-  };
-  return /* @__PURE__ */ jsxs(ModalBeta, { id: "notification-filter-modal", size: "l", isOpen, onModalClose: onCancel, children: [
-    /* @__PURE__ */ jsx(ModalBeta.Header, { subtitle: t("homepage.notifications.filter-modal.subtitle"), onModalClose: onCancel, children: t("homepage.notifications.filter-modal.title") }),
-    /* @__PURE__ */ jsxs(ModalBeta.Body, { children: [
-      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "8", className: "mb-24", children: [
-        /* @__PURE__ */ jsxs("label", { className: "notification-filter-select-all notification-filter-chip", children: [
-          /* @__PURE__ */ jsx("span", { children: t("homepage.notifications.filter-modal.select-all") }),
-          /* @__PURE__ */ jsx(Checkbox, { checked: selected.length === allTypes.length, indeterminate: selected.length > 0 && selected.length < allTypes.length, onChange: toggleAll })
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "notification-filter-count", children: t("homepage.notifications.filter-modal.count", {
-          selected: selected.length,
-          total: allTypes.length
-        }) })
-      ] }),
-      /* @__PURE__ */ jsx(Flex, { wrap: "wrap", gap: "16", className: "notification-filter-options", children: allTypesSorted.map(({
-        type,
-        label,
-        appCode
-      }) => {
-        const checked = selected.includes(type);
-        return /* @__PURE__ */ jsxs("label", { className: clsx("notification-filter-chip", {
-          "is-checked": checked
-        }), children: [
-          /* @__PURE__ */ jsx(AppIcon, { app: appCode, size: "24", iconFit: "contain" }),
-          /* @__PURE__ */ jsx("span", { children: label }),
-          /* @__PURE__ */ jsx(Checkbox, { checked, onChange: () => toggleType(type) })
-        ] }, type);
-      }) })
-    ] }),
-    /* @__PURE__ */ jsxs(ModalBeta.Footer, { children: [
-      /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("cancel") }),
-      /* @__PURE__ */ jsx(ButtonBeta, { color: "default", onClick: () => onApply(selected), type: "button", variant: "filled", rightIcon: /* @__PURE__ */ jsx(SvgIconCheck, {}), children: t("homepage.notifications.filter-modal.confirm") })
-    ] })
-  ] });
-};
-export {
-  NotificationFilterModal as default
-};
+import SvgIconCheck from"../../../../icons/components/IconCheck.js";import Flex from"../../../../../components/Flex/Flex.js";import ButtonBeta from"../../../../../components/ButtonBeta/ButtonBeta.js";import Modal from"../../../../../components/Modal/Modal.js";import AppIcon from"../../../../../components/AppIcon/AppIcon.js";import{getAppCodeAndI18nKey}from"./notificationAdapter.js";import clsx$1 from"clsx";import{useEffect,useMemo,useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var NotificationFilterModal=({isOpen,allTypes,appliedTypes,onCancel,onApply})=>{let{t,i18n}=useTranslation(),[selected,setSelected]=useState(appliedTypes),refSelectAllCheckbox=useRef(null),allTypesSorted=useMemo(()=>allTypes.map(type=>{let[appCode,appI18nKey]=getAppCodeAndI18nKey(type);return{type,appCode,appI18nKey,label:t(appI18nKey,{defaultValue:appCode})}}).sort((a,b)=>a.label.localeCompare(b.label,i18n.language,{sensitivity:`base`})),[allTypes,t,i18n.language]),toggleType=type=>{setSelected(current=>current.includes(type)?current.filter(value=>value!==type):[...current,type])};return useEffect(()=>{refSelectAllCheckbox.current&&(refSelectAllCheckbox.current.indeterminate=selected.length>0&&selected.length<allTypes.length)},[selected.length,allTypes.length]),jsxs(Modal,{id:`notification-filter-modal`,size:`lg`,scrollable:!0,isOpen,onModalClose:onCancel,children:[jsx(Modal.Header,{onModalClose:onCancel,children:t(`homepage.notifications.filter-modal.title`)}),jsx(Modal.Subtitle,{children:t(`homepage.notifications.filter-modal.subtitle`)}),jsxs(Modal.Body,{children:[jsxs(Flex,{align:`center`,gap:`8`,className:`mb-24`,children:[jsxs(`label`,{className:`notification-filter-select-all notification-filter-chip`,children:[jsx(`span`,{children:t(`homepage.notifications.filter-modal.select-all`)}),jsx(`input`,{type:`checkbox`,ref:refSelectAllCheckbox,checked:selected.length===allTypes.length,className:`notification-filter-checkbox`,onChange:()=>{setSelected(selected.length===allTypes.length?[]:allTypes)}})]}),jsx(`span`,{className:`notification-filter-count`,children:t(`homepage.notifications.filter-modal.count`,{selected:selected.length,total:allTypes.length})})]}),jsx(Flex,{wrap:`wrap`,gap:`16`,className:`notification-filter-options`,children:allTypesSorted.map(({type,label,appCode})=>{let checked=selected.includes(type);return jsxs(`label`,{className:clsx$1(`notification-filter-chip`,{"is-checked":checked}),children:[jsx(AppIcon,{app:appCode,size:`24`,iconFit:`contain`}),jsx(`span`,{children:label}),jsx(`input`,{type:`checkbox`,className:`notification-filter-checkbox`,checked,onChange:()=>toggleType(type)})]},type)})})]}),jsxs(Modal.Footer,{children:[jsx(ButtonBeta,{color:`tertiary`,onClick:onCancel,type:`button`,variant:`ghost`,children:t(`cancel`)}),jsx(ButtonBeta,{color:`default`,onClick:()=>onApply(selected),type:`button`,variant:`filled`,rightIcon:jsx(SvgIconCheck,{}),children:t(`homepage.notifications.filter-modal.confirm`)})]})]})};export{NotificationFilterModal as default};

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

@@ -1,20 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
-const NotificationItemResource = ({
-  appCode,
-  appI18nKey
-}) => {
-  const {
-    t
-  } = useTranslation(), appLabel = t(`${appI18nKey}`, {
-    defaultValue: appCode
-  }), appCssClass = `app-${appCode}`;
-  return /* @__PURE__ */ jsxs("div", { className: `notification-item-resource ${appCssClass} bg-app-light`, children: [
-    /* @__PURE__ */ jsx("span", { className: "notification-item-resource-icon", children: /* @__PURE__ */ jsx(AppIcon, { app: appCode, size: "24", iconFit: "contain" }) }),
-    /* @__PURE__ */ jsx("span", { className: "notification-item-resource-name color-app", children: appLabel })
-  ] });
-};
-export {
-  NotificationItemResource as default
-};
+import AppIcon from"../../../../../components/AppIcon/AppIcon.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var NotificationItemResource=({appCode,appI18nKey})=>{let{t}=useTranslation(),appLabel=t(`${appI18nKey}`,{defaultValue:appCode});return jsxs(`div`,{className:`notification-item-resource ${`app-${appCode}`} bg-app-light`,children:[jsx(`span`,{className:`notification-item-resource-icon`,children:jsx(AppIcon,{app:appCode,size:`20`,iconFit:`contain`})}),jsx(`span`,{className:`notification-item-resource-name color-app`,children:appLabel})]})};export{NotificationItemResource as default};

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

@@ -1,36 +1 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconAlertTriangle from "../../../../icons/components/IconAlertTriangle.js";
-import SvgIconDelete from "../../../../icons/components/IconDelete.js";
-import SvgIconOptions from "../../../../icons/components/IconOptions.js";
-import { useReportNotification, useDeleteNotification } from "../services/queries/notification.js";
-import ReportNotificationModal from "./ReportNotificationModal.js";
-import Dropdown from "../../../../../components/Dropdown/Dropdown.js";
-import IconButton from "../../../../../components/Button/IconButton.js";
-const NotificationOptionsMenu = ({
-  notificationId
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    mutate: reportNotification
-  } = useReportNotification(), {
-    mutate: deleteNotification
-  } = useDeleteNotification(), [isReportModalOpen, setIsReportModalOpen] = useState(!1);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Dropdown, { overflow: !1, children: (triggerProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", "aria-label": t("homepage.notifications.options.label"), color: "tertiary", variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconOptions, {}), "data-testid": "notification-item-options-button" }),
-      /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
-        /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}), onClick: () => setIsReportModalOpen(!0), children: t("homepage.notifications.options.report") }),
-        /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), onClick: () => deleteNotification(notificationId), children: t("homepage.notifications.options.delete") })
-      ] })
-    ] }) }),
-    isReportModalOpen && /* @__PURE__ */ jsx(ReportNotificationModal, { isOpen: isReportModalOpen, onCancel: () => setIsReportModalOpen(!1), onConfirm: () => {
-      reportNotification(notificationId), setIsReportModalOpen(!1);
-    } })
-  ] });
-};
-export {
-  NotificationOptionsMenu as default
-};
+import SvgIconAlertTriangle from"../../../../icons/components/IconAlertTriangle.js";import SvgIconDelete from"../../../../icons/components/IconDelete.js";import SvgIconOptions from"../../../../icons/components/IconOptions.js";import IconButton from"../../../../../components/Button/IconButton.js";import Dropdown from"../../../../../components/Dropdown/Dropdown.js";import{useDeleteNotification,useReportNotification}from"../services/queries/notification.js";import ReportNotificationModal from"./ReportNotificationModal.js";import{useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var NotificationOptionsMenu=({notificationId})=>{let{t}=useTranslation(),{mutate:reportNotification}=useReportNotification(),{mutate:deleteNotification}=useDeleteNotification(),[isReportModalOpen,setIsReportModalOpen]=useState(!1);return jsxs(Fragment$1,{children:[jsx(Dropdown,{overflow:!1,children:triggerProps=>jsxs(Fragment$1,{children:[jsx(IconButton,{...triggerProps,type:`button`,"aria-label":t(`homepage.notifications.options.label`,{defaultValue:`Options de la notification`}),color:`tertiary`,variant:`ghost`,icon:jsx(SvgIconOptions,{}),"data-testid":`notification-item-options-button`}),jsxs(Dropdown.Menu,{children:[jsx(Dropdown.Item,{icon:jsx(SvgIconAlertTriangle,{}),onClick:()=>setIsReportModalOpen(!0),children:t(`homepage.notifications.options.report`,{defaultValue:`Signaler`})}),jsx(Dropdown.Item,{icon:jsx(SvgIconDelete,{}),onClick:()=>deleteNotification(notificationId),children:t(`homepage.notifications.options.delete`,{defaultValue:`Supprimer`})})]})]})}),isReportModalOpen&&jsx(ReportNotificationModal,{isOpen:isReportModalOpen,onCancel:()=>setIsReportModalOpen(!1),onConfirm:()=>{reportNotification(notificationId),setIsReportModalOpen(!1)}})]})};export{NotificationOptionsMenu as default};

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

@@ -1,25 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import SvgIconAlertTriangle from "../../../../icons/components/IconAlertTriangle.js";
-import ModalBeta from "../../../../../components/ModalBeta/ModalBeta.js";
-import ButtonBeta from "../../../../../components/ButtonBeta/ButtonBeta.js";
-const ReportNotificationModal = ({
-  isOpen,
-  onCancel,
-  onConfirm
-}) => {
-  const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsxs(ModalBeta, { id: "report-notification-modal", size: "m", isOpen, onModalClose: onCancel, children: [
-    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onCancel, children: t("homepage.notifications.report-modal.title") }),
-    /* @__PURE__ */ jsx(ModalBeta.Body, { children: /* @__PURE__ */ jsx("p", { children: t("homepage.notifications.report-modal.body") }) }),
-    /* @__PURE__ */ jsxs(ModalBeta.Footer, { children: [
-      /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("cancel") }),
-      /* @__PURE__ */ jsx(ButtonBeta, { color: "default", onClick: onConfirm, type: "button", variant: "filled", leftIcon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}), children: t("homepage.notifications.report-modal.confirm") })
-    ] })
-  ] });
-};
-export {
-  ReportNotificationModal as default
-};
+import SvgIconAlertTriangle from"../../../../icons/components/IconAlertTriangle.js";import ButtonBeta from"../../../../../components/ButtonBeta/ButtonBeta.js";import Modal from"../../../../../components/Modal/Modal.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ReportNotificationModal=({isOpen,onCancel,onConfirm})=>{let{t}=useTranslation();return jsxs(Modal,{id:`report-notification-modal`,size:`sm`,isOpen,onModalClose:onCancel,children:[jsx(Modal.Header,{onModalClose:onCancel,children:t(`homepage.notifications.report-modal.title`,{defaultValue:`Signaler une notification`})}),jsx(Modal.Body,{children:jsx(`p`,{children:t(`homepage.notifications.report-modal.body`,{defaultValue:`Attention ! Vous souhaitez signaler une notification inappropriée ou qui ne respecte pas les conditions d'utilisation de ONE. L'heure et l'origine de ce signalement seront enregistrées et transmises à un administrateur pour traitement.`})})}),jsxs(Modal.Footer,{children:[jsx(ButtonBeta,{color:`tertiary`,onClick:onCancel,type:`button`,variant:`ghost`,children:t(`cancel`)}),jsx(ButtonBeta,{color:`default`,onClick:onConfirm,type:`button`,variant:`filled`,leftIcon:jsx(SvgIconAlertTriangle,{}),children:t(`homepage.notifications.report-modal.confirm`,{defaultValue:`Signaler la notification`})})]})]})};export{ReportNotificationModal as default};

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

@@ -1,21 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import CommonNotificationItem from "./CommonNotificationItem.js";
-import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
-const SystemNotificationItem = ({
-  notification,
-  menu
-}) => {
-  const {
-    params,
-    message,
-    date,
-    uri
-  } = 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" }) }) });
-};
-export {
-  SystemNotificationItem as default
-};
+import AppIcon from"../../../../../components/AppIcon/AppIcon.js";import CommonNotificationItem from"./CommonNotificationItem.js";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var SystemNotificationItem=({notification,menu})=>{let{params,message,date,uri}=notification,{t}=useTranslation();return jsx(CommonNotificationItem,{uri,message,date,menu,picture:jsx(`a`,{href:uri,title:t(params.appCode),"data-testid":`notification-item-app-icon`,"aria-label":t(`homepage.notifications.app-icon.placeholder`),children: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.js

@@ -1,26 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import CommonNotificationItem from "./CommonNotificationItem.js";
-import NotificationItemResource from "./NotificationItemResource.js";
-import useDirectory from "../../../../../hooks/useDirectory/useDirectory.js";
-import Avatar from "../../../../../components/Avatar/Avatar.js";
-const UserNotificationItem = ({
-  notification,
-  menu
-}) => {
-  const {
-    getAvatarURL,
-    getUserbookURL
-  } = useDirectory(), {
-    params,
-    message,
-    date,
-    uri
-  } = 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 }) });
-};
-export {
-  UserNotificationItem as default
-};
+import useDirectory from"../../../../../hooks/useDirectory/useDirectory.js";import Avatar from"../../../../../components/Avatar/Avatar.js";import CommonNotificationItem from"./CommonNotificationItem.js";import NotificationItemResource from"./NotificationItemResource.js";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var UserNotificationItem=({notification,menu})=>{let{getAvatarURL,getUserbookURL}=useDirectory(),{params,message,date,uri}=notification,{t}=useTranslation(),userName=t(params.username);return jsx(CommonNotificationItem,{uri,message,date,menu,picture:jsx(`a`,{href:getUserbookURL(params.userId,`user`),title:userName,"data-testid":`notification-item-avatar`,children:jsx(Avatar,{"aria-label":t(`homepage.notifications.avatar.placeholder`),src:getAvatarURL(params.userId,`user`),alt:userName,variant:`circle`,className:`notification-item-avatar`})}),children:jsx(NotificationItemResource,{appCode:params.appCode,appI18nKey:params.appI18nKey})})};export{UserNotificationItem as default};

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

@@ -1,73 +1 @@
-const resolveNotificationResourceUri = (params, type, appCode, eventType) => {
-  if (appCode === "timeline" && eventType === "NOTIFY-REPORT")
-    return "/admin";
-  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();
-  const appI18nKey = `homepage.notification.type.${appCode}`;
-  switch (appCode) {
-    case "collaborativeeditor":
-      appCode = "pad";
-      break;
-    case "collaborativewall":
-      appCode = "collaborative-wall";
-      break;
-    case "formulaire":
-      appCode = "forms";
-      break;
-    case "messagerie":
-      appCode = "conversation";
-      break;
-    case "news":
-      appCode = "actualites";
-      break;
-    case "homeworks":
-      appCode = "cahier-de-texte";
-      break;
-    case "userbook_motto":
-    case "userbook_mood":
-    case "userbook_discovervisiblegroups":
-      appCode = "userbook";
-      break;
-    case "viescolaire":
-      appCode = "vie-scolaire";
-      break;
-    default:
-      appCode = 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 = {
-    id: notification._id,
-    uri,
-    message,
-    date
-  };
-  return type === "user" ? {
-    ...base,
-    type: "user",
-    params: {
-      username: notification.params.username,
-      // cannot be undefined if sender is present (user type)
-      userId: notification.sender,
-      // cannot be undefined if sender is present (user type)
-      appCode,
-      appI18nKey
-    }
-  } : {
-    ...base,
-    type: "system",
-    params: {
-      appCode,
-      appI18nKey
-    }
-  };
-};
-export {
-  getAppCodeAndI18nKey,
-  notificationAdapter
-};
+var resolveNotificationResourceUri=(params,type,appCode,eventType)=>{if(appCode===`timeline`&&eventType===`NOTIFY-REPORT`)return`/admin`;if(type===`user`)return params.resourceUri||params.uri;for(let[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){case`collaborativewall`:appCode=`collaborative-wall`;break;case`formulaire`:appI18nKey=`formulaire`,appCode=`forms`;break;case`messagerie`:appI18nKey=appCode=`conversation`;break;case`news`:appI18nKey=appCode=`actualites`;break;case`homeworks`:appCode=`cahier-de-texte`;break;case`userbook_motto`:appI18nKey=`userbook_motto`,appCode=`userbook`;break;case`userbook_mood`:appI18nKey=`userbook_mood`,appCode=`userbook`;break;case`userbook_discovervisiblegroups`:appI18nKey=`userbook_discovervisiblegroups`,appCode=`userbook`;break;default:appI18nKey=appCode=appCode.replace(/_/g,`-`)}return[appCode,appI18nKey]},notificationAdapter=notification=>{let 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={id:notification._id,uri,message,date};return type===`user`?{...base,type:`user`,params:{username:notification.params.username,userId:notification.sender,appCode,appI18nKey}}:{...base,type:`system`,params:{appCode,appI18nKey}}};export{getAppCodeAndI18nKey,notificationAdapter};

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

@@ -1,57 +1 @@
-import { useState, useEffect } from "react";
-import { useNotificationTypes, useNotifications, useTimelinePreference, useSaveTimelinePreference } from "../services/queries/notification.js";
-import useDate from "../../../../../hooks/useDate/useDate.js";
-const useNotificationListContainer = () => {
-  const {
-    data: notificationTypes,
-    isLoading: isLoadingTypes,
-    isFetched: isFetchedTypes,
-    error: errorTypes
-  } = useNotificationTypes(), {
-    data: preference,
-    isFetched: isFetchedPreference
-  } = useTimelinePreference(), {
-    mutate: saveTimelinePreference
-  } = useSaveTimelinePreference(), [selectedTypes, setSelectedTypesState] = useState();
-  useEffect(() => {
-    selectedTypes === void 0 && isFetchedTypes && isFetchedPreference && setSelectedTypesState((preference == null ? void 0 : preference.type) ?? notificationTypes ?? []);
-  }, [selectedTypes, isFetchedTypes, isFetchedPreference, preference, notificationTypes]);
-  const setSelectedTypes = (types) => {
-    setSelectedTypesState(types), saveTimelinePreference({
-      ...preference,
-      type: types
-    });
-  }, hasNoTypeSelected = (selectedTypes == null ? void 0 : selectedTypes.length) === 0, {
-    data,
-    hasNextPage,
-    isLoading: isLoadingNotifications,
-    error: errorNotifications,
-    fetchNextPage
-  } = useNotifications(selectedTypes ?? [], isFetchedTypes && !!selectedTypes && !hasNoTypeSelected);
-  return {
-    notifications: hasNoTypeSelected ? [] : data,
-    notificationTypes,
-    selectedTypes,
-    setSelectedTypes,
-    hasNextPage: hasNoTypeSelected ? !1 : hasNextPage,
-    loadNextPage: () => fetchNextPage(),
-    // The notification query stays disabled until the saved filter is
-    // read, so this wait must count as loading too.
-    isLoading: isLoadingTypes || selectedTypes === void 0 || isLoadingNotifications,
-    error: errorTypes || errorNotifications
-  };
-}, useHasNotificationToday = () => {
-  const {
-    dateIsToday
-  } = useDate(), {
-    data: notificationTypes,
-    isFetched: isFetchedTypes
-  } = useNotificationTypes(), {
-    data: notifications
-  } = useNotifications(notificationTypes ?? [], isFetchedTypes);
-  return (notifications == null ? void 0 : notifications.some((notification) => dateIsToday(notification.date))) ?? !1;
-};
-export {
-  useHasNotificationToday,
-  useNotificationListContainer
-};
+import useDate from"../../../../../hooks/useDate/useDate.js";import{useNotificationTypes,useNotifications,useSaveTimelinePreference,useTimelinePreference}from"../services/queries/notification.js";import{useEffect,useState}from"react";var useNotificationListContainer=()=>{let{data:notificationTypes,isLoading:isLoadingTypes,isFetched:isFetchedTypes,error:errorTypes}=useNotificationTypes(),{data:preference,isFetched:isFetchedPreference}=useTimelinePreference(),{mutate:saveTimelinePreference}=useSaveTimelinePreference(),[selectedTypes,setSelectedTypesState]=useState();useEffect(()=>{if(selectedTypes===void 0&&isFetchedTypes&&isFetchedPreference){let preferredTypes=preference?.type;setSelectedTypesState(preferredTypes&&preferredTypes.length>0?preferredTypes:notificationTypes??[])}},[selectedTypes,isFetchedTypes,isFetchedPreference,preference,notificationTypes]);let setSelectedTypes=types=>{setSelectedTypesState(types),saveTimelinePreference({...preference,type:types})},{data:notifications,hasNextPage,isLoading:isLoadingNotifications,error:errorNotifications,fetchNextPage}=useNotifications(selectedTypes??[],isFetchedTypes&&!!selectedTypes);return{notifications,notificationTypes,selectedTypes,setSelectedTypes,hasNextPage,loadNextPage:()=>fetchNextPage(),isLoading:isLoadingTypes||isLoadingNotifications,error:errorTypes||errorNotifications}},useHasNotificationToday=()=>{let{dateIsToday}=useDate(),{data:notificationTypes,isFetched:isFetchedTypes}=useNotificationTypes(),{data:notifications}=useNotifications(notificationTypes??[],isFetchedTypes);return notifications?.some(notification=>dateIsToday(notification.date))??!1};export{useHasNotificationToday,useNotificationListContainer};

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

@@ -1,5 +1 @@
-import { createNotificationService } from "./notificationService.js";
-const notificationService = createNotificationService("");
-export {
-  notificationService
-};
+import{createNotificationService}from"./notificationService.js";var notificationService=createNotificationService(``);export{notificationService};

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

@@ -1,33 +1 @@
-import { odeServices } from "@edifice.io/client";
-const createNotificationService = (baseURL) => ({
-  /**
-   * Get notifications.
-   * @returns list of notification objects
-   */
-  getNotifications(types, page) {
-    const searchParams = new URLSearchParams({
-      page: page.toString()
-    });
-    return types.forEach((type) => {
-      searchParams.append("type", type);
-    }), odeServices.http().get(`${baseURL}/timeline/lastNotifications?${searchParams.toString()}`).then((response) => response.status !== "ok" ? [] : response.number && response.results ? response.results : []);
-  },
-  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 {
-  createNotificationService
-};
+import{odeServices}from"@edifice.io/client";var createNotificationService=baseURL=>({getNotifications(types,page){let searchParams=new URLSearchParams({page:page.toString()});return types.forEach(type=>{searchParams.append(`type`,type)}),odeServices.http().get(`${baseURL}/timeline/lastNotifications?${searchParams.toString()}`).then(response=>response.status===`ok`&&response.number&&response.results?response.results:[])},getNotificationTypes(){return odeServices.http().get(`${baseURL}/timeline/types`)},reportNotification(id){return odeServices.http().put(`${baseURL}/timeline/${id}/report`)},deleteNotification(id){return odeServices.http().put(`${baseURL}/timeline/${id}`)}});export{createNotificationService};

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

@@ -1,84 +1 @@
-import { odeServices } from "@edifice.io/client";
-import { useQuery, useInfiniteQuery, useMutation, useQueryClient, queryOptions, infiniteQueryOptions } from "@tanstack/react-query";
-import { useTranslation } from "react-i18next";
-import { notificationService } from "../api/index.js";
-import useToast from "../../../../../../hooks/useToast/useToast.js";
-const notificationQueryKeys = {
-  all: () => ["notifications"],
-  notifications: (types = []) => [...notificationQueryKeys.all(), "list", types],
-  types: () => [...notificationQueryKeys.all(), "types"],
-  preference: () => [...notificationQueryKeys.all(), "preference"]
-}, notificationQueryOptions = {
-  getNotifications(types, enabled) {
-    return infiniteQueryOptions({
-      queryKey: notificationQueryKeys.notifications(types),
-      queryFn: ({
-        pageParam = 0
-      }) => notificationService.getNotifications(types, pageParam),
-      staleTime: 5 * 60 * 1e3,
-      // 5 minutes
-      initialPageParam: 0,
-      select(data) {
-        const seenIds = /* @__PURE__ */ new Set();
-        return data.pages.flat().filter((notification) => seenIds.has(notification._id) ? !1 : (seenIds.add(notification._id), !0));
-      },
-      getNextPageParam: (lastPage, _allPages, lastPageParam) => {
-        if ((lastPage == null ? void 0 : lastPage.length) !== 0)
-          return lastPageParam + 1;
-      },
-      enabled
-    });
-  },
-  getNotificationTypes() {
-    return queryOptions({
-      queryKey: notificationQueryKeys.types(),
-      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 {
-    t
-  } = useTranslation(), toast = useToast(), 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))
-      }), toast.success(t("homepage.notifications.options.delete.success"));
-    },
-    onError: () => {
-      toast.error(t("homepage.notifications.options.delete.error"));
-    }
-  });
-};
-export {
-  notificationQueryKeys,
-  notificationQueryOptions,
-  useDeleteNotification,
-  useNotificationTypes,
-  useNotifications,
-  useReportNotification,
-  useSaveTimelinePreference,
-  useTimelinePreference
-};
+import useToast from"../../../../../../hooks/useToast/useToast.js";import{notificationService}from"../api/index.js";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";import{infiniteQueryOptions,queryOptions,useInfiniteQuery,useMutation,useQuery,useQueryClient}from"@tanstack/react-query";var notificationQueryKeys={all:()=>[`notifications`],notifications:(types=[])=>[...notificationQueryKeys.all(),`list`,types],types:()=>[...notificationQueryKeys.all(),`types`],preference:()=>[...notificationQueryKeys.all(),`preference`]},notificationQueryOptions={getNotifications(types,enabled){return infiniteQueryOptions({queryKey:notificationQueryKeys.notifications(types),queryFn:({pageParam=0})=>notificationService.getNotifications(types,pageParam),staleTime:300*1e3,initialPageParam:0,select(data){let seenIds=new Set;return data.pages.flat().filter(notification=>seenIds.has(notification._id)?!1:(seenIds.add(notification._id),!0))},getNextPageParam:(lastPage,_allPages,lastPageParam)=>{if(lastPage?.length!==0)return lastPageParam+1},enabled})},getNotificationTypes(){return queryOptions({queryKey:notificationQueryKeys.types(),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=()=>{let 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=()=>{let{t}=useTranslation(),toast=useToast(),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))}),toast.success(t(`homepage.notifications.options.delete.success`))},onError:()=>{toast.error(t(`homepage.notifications.options.delete.error`))}})};export{useDeleteNotification,useNotificationTypes,useNotifications,useReportNotification,useSaveTimelinePreference,useTimelinePreference};

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

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

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

@@ -1,13 +1 @@
-import { jsx } from "react/jsx-runtime";
-import SchoolSpace from "./SchoolSpace.js";
-import { useUserSchools } from "./useUserSchools.js";
-function SchoolSpaceContainer() {
-  const {
-    handleSelectedSchoolChange,
-    ...otherProps
-  } = useUserSchools();
-  return /* @__PURE__ */ jsx(SchoolSpace, { onSelectedSchoolChange: handleSelectedSchoolChange, ...otherProps });
-}
-export {
-  SchoolSpaceContainer
-};
+import SchoolSpace from"./SchoolSpace.js";import{useUserSchools}from"./useUserSchools.js";import{jsx}from"react/jsx-runtime";function SchoolSpaceContainer(){let{handleSelectedSchoolChange,...otherProps}=useUserSchools();return jsx(SchoolSpace,{onSelectedSchoolChange:handleSelectedSchoolChange,...otherProps})}export{SchoolSpaceContainer};