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

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

@@ -1 +1,106 @@
-import SvgIconSetBackground from"../../../icons/components/IconSetBackground.js";import{useEdificeTheme}from"../../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";import useHasWorkflow from"../../../../hooks/useHasWorkflow/useHasWorkflow.js";import useConversation from"../../../../hooks/useConversation/useConversation.js";import useHover from"../../../../hooks/useHover/useHover.js";import ButtonBeta from"../../../../components/ButtonBeta/ButtonBeta.js";import useUser from"../../../../hooks/useUser/useUser.js";import Avatar from"../../../../components/Avatar/Avatar.js";import Badge from"../../../../components/Badge/Badge.js";import SvgIconCommunitiesBeta from"../../../icons/components/nav/IconCommunitiesBeta.js";import SvgIconDisconnect from"../../../icons/components/nav/IconDisconnect.js";import SvgIconHomeBeta from"../../../icons/components/nav/IconHomeBeta.js";import SvgIconMessagesBeta from"../../../icons/components/nav/IconMessagesBeta.js";import SvgIconMyAppsBeta from"../../../icons/components/nav/IconMyAppsBeta.js";import SvgIconNotificationBeta from"../../../icons/components/nav/IconNotificationBeta.js";import useHeader from"../../../../components/Layout/hooks/useHeader.js";import{Navbar}from"../../../../components/Layout/components/Navbar.js";import{NavItem}from"../../../../components/Layout/components/NavItem.js";import{NavLink}from"../../../../components/Layout/components/NavLink.js";import{useHasNotificationToday}from"../Notifications/hooks/useNotificationList.js";import LogoBeta from"../../../../components/LogoBeta/LogoBeta.js";import{Popover,PopoverBody}from"../../../../components/Popover/Popover.js";import VisuallyHidden from"../../../../components/VisuallyHidden/VisuallyHidden.js";import clsx$1 from"clsx";import{useId}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var Header=({src=``,onNotificationsClick,dataProduct})=>{let{t}=useTranslation(),{messages}=useConversation(),{user,avatar}=useUser(),hasCarbonioPreauthWorkflow=useHasWorkflow(`org.entcore.auth.controllers.CarbonioPreauthController|preauth`)||!1,classes=clsx$1(`header-beta d-print-none no-2d no-1d`),{userAvatar,userName,communitiesWorkflow,conversationWorflow}=useHeader({user,avatar}),{theme}=useEdificeTheme(),hasMessages=messages>0,hasNotificationToday=useHasNotificationToday(),[userRef,isUserHovered]=useHover(),popoverUserId=useId();return jsx(`header`,{className:classes,"data-product":dataProduct,children:jsxs(Navbar,{className:`px-24`,children:[jsx(LogoBeta,{src:`${src}/img/illustrations/logo.png`}),jsxs(`ul`,{className:`navbar-nav`,children:[jsx(NavItem,{children:jsx(NavLink,{link:`/timeline/timeline`,translate:t(`navbar.home`),"data-testid":`header-home-button`,children:jsx(SvgIconHomeBeta,{})})}),communitiesWorkflow&&jsx(NavItem,{children:jsx(NavLink,{link:`/communities`,translate:t(`navbar.community`),"data-testid":`header-community-button`,children:jsx(SvgIconCommunitiesBeta,{className:`icon community`})})}),conversationWorflow&&jsx(NavItem,{children:jsxs(NavLink,{className:`position-relative`,link:`/conversation/conversation`,translate:t(`conversation`),"data-testid":`header-messagerie-button`,children:[jsx(SvgIconMessagesBeta,{}),hasMessages&&jsx(Badge,{variant:{type:`notification`,level:`danger`},className:`position-absolute`,children:messages})]})}),hasCarbonioPreauthWorkflow&&jsx(NavItem,{children:jsxs(`a`,{className:`nav-link position-relative`,href:`/auth/carbonio/preauth`,target:`_blank`,"data-testid":`header-messagerie-button`,children:[jsx(SvgIconMessagesBeta,{}),jsx(VisuallyHidden,{children:t(`conversation`)})]})}),jsx(NavItem,{children:jsx(NavLink,{link:`/welcome`,translate:t(`navbar.applications`),"data-testid":`header-my-apps-button`,children:jsx(SvgIconMyAppsBeta,{})})}),jsxs(NavItem,{className:`position-relative`,children:[jsx(ButtonBeta,{leftIcon:jsx(SvgIconNotificationBeta,{}),variant:`ghost`,onClick:()=>{onNotificationsClick?.()}}),hasNotificationToday&&jsx(`span`,{style:{position:`absolute`,top:0,right:0,width:15,height:15,background:`red`,borderRadius:`50%`,border:`2px solid white`,pointerEvents:`none`,zIndex:1,display:`block`},"aria-label":t(`homepage.notifications.new-badge`,{defaultValue:`Nouvelle notification`})})]}),jsxs(NavItem,{className:`position-relative`,ref:userRef,id:popoverUserId,"aria-haspopup":`true`,"aria-expanded":isUserHovered,"data-testid":`header-user-menu-button`,children:[jsx(NavLink,{link:`/userbook/mon-compte`,translate:t(`navbar.myaccount`),"data-testid":`header-user-profile-button`,children:jsx(Avatar,{alt:userName,size:`sm`,src:userAvatar,variant:`circle`,className:`bg-white`,width:`32`,height:`32`})}),jsx(Popover,{align:`end`,className:`widget`,id:popoverUserId,isVisible:isUserHovered,children:jsxs(PopoverBody,{children:[jsxs(`a`,{href:`/timeline/customize?callback=`+encodeURIComponent(`${window.location.pathname}${window.location.search}`),className:`nav-link customize d-flex align-items-center gap-8`,"data-testid":`header-customize-button`,children:[jsx(SvgIconSetBackground,{className:`icon`}),jsx(`span`,{id:`cutomize-label`,className:`nav-text`,children:t(`navbar.customize`)})]}),jsxs(`a`,{href:`/auth/logout?callback=`+(theme?.logoutCallback??``),className:`nav-link logout d-flex align-items-center gap-8`,"data-testid":`header-logout-button`,children:[jsx(SvgIconDisconnect,{className:`icon logout`}),jsx(`span`,{id:`logout-label`,className:`nav-text`,children:t(`navbar.disconnect`)})]})]})})]})]})]})})};export{Header as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { useId } from "react";
+import { Navbar } from "../../../../components/Layout/components/Navbar.js";
+import { NavItem } from "../../../../components/Layout/components/NavItem.js";
+import { NavLink } from "../../../../components/Layout/components/NavLink.js";
+import useHeader from "../../../../components/Layout/hooks/useHeader.js";
+import SvgIconSetBackground from "../../../icons/components/IconSetBackground.js";
+import SvgIconCommunitiesBeta from "../../../icons/components/nav/IconCommunitiesBeta.js";
+import SvgIconDisconnect from "../../../icons/components/nav/IconDisconnect.js";
+import SvgIconHomeBeta from "../../../icons/components/nav/IconHomeBeta.js";
+import SvgIconMessagesBeta from "../../../icons/components/nav/IconMessagesBeta.js";
+import SvgIconMyAppsBeta from "../../../icons/components/nav/IconMyAppsBeta.js";
+import SvgIconNotificationBeta from "../../../icons/components/nav/IconNotificationBeta.js";
+import { useHasNotificationToday } from "../Notifications/hooks/useNotificationList.js";
+import useConversation from "../../../../hooks/useConversation/useConversation.js";
+import useUser from "../../../../hooks/useUser/useUser.js";
+import useHasWorkflow from "../../../../hooks/useHasWorkflow/useHasWorkflow.js";
+import { useEdificeTheme } from "../../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+import useHover from "../../../../hooks/useHover/useHover.js";
+import LogoBeta from "../../../../components/LogoBeta/LogoBeta.js";
+import Badge from "../../../../components/Badge/Badge.js";
+import VisuallyHidden from "../../../../components/VisuallyHidden/VisuallyHidden.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+import Avatar from "../../../../components/Avatar/Avatar.js";
+import { Popover, PopoverBody } from "../../../../components/Popover/Popover.js";
+const Header = ({
+  src = "",
+  onNotificationsClick,
+  dataProduct
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    messages
+  } = useConversation(), {
+    user,
+    avatar
+  } = useUser(), hasCarbonioPreauthWorkflow = useHasWorkflow("org.entcore.auth.controllers.CarbonioPreauthController|preauth") || !1, classes = clsx("header-beta d-print-none no-2d no-1d"), {
+    userAvatar,
+    userName,
+    communitiesWorkflow,
+    conversationWorflow
+  } = useHeader({
+    user,
+    avatar
+  }), {
+    theme
+  } = useEdificeTheme(), hasMessages = messages > 0, hasNotificationToday = useHasNotificationToday(), [userRef, isUserHovered] = useHover(), popoverUserId = useId(), handleNotificationsClick = () => {
+    onNotificationsClick == null || onNotificationsClick();
+  };
+  return /* @__PURE__ */ jsx("header", { className: classes, "data-product": dataProduct, children: /* @__PURE__ */ jsxs(Navbar, { className: "px-24", children: [
+    /* @__PURE__ */ jsx(LogoBeta, { src: `${src}/img/illustrations/logo.png` }),
+    /* @__PURE__ */ jsxs("ul", { className: "navbar-nav", children: [
+      /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/timeline/timeline", translate: t("navbar.home"), "data-testid": "header-home-button", children: /* @__PURE__ */ jsx(SvgIconHomeBeta, {}) }) }),
+      communitiesWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/communities", translate: t("navbar.community"), "data-testid": "header-community-button", children: /* @__PURE__ */ jsx(SvgIconCommunitiesBeta, { className: "icon community" }) }) }),
+      conversationWorflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs(NavLink, { className: "position-relative", link: "/conversation/conversation", translate: t("conversation"), "data-testid": "header-messagerie-button", children: [
+        /* @__PURE__ */ jsx(SvgIconMessagesBeta, {}),
+        hasMessages && /* @__PURE__ */ jsx(Badge, { variant: {
+          type: "notification",
+          level: "danger"
+        }, className: "position-absolute", children: messages })
+      ] }) }),
+      hasCarbonioPreauthWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { className: "nav-link position-relative", href: "/auth/carbonio/preauth", target: "_blank", "data-testid": "header-messagerie-button", children: [
+        /* @__PURE__ */ jsx(SvgIconMessagesBeta, {}),
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: t("conversation") })
+      ] }) }),
+      /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/welcome", translate: t("navbar.applications"), "data-testid": "header-my-apps-button", children: /* @__PURE__ */ jsx(SvgIconMyAppsBeta, {}) }) }),
+      /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", children: [
+        /* @__PURE__ */ jsx(ButtonBeta, { leftIcon: /* @__PURE__ */ jsx(SvgIconNotificationBeta, {}), variant: "ghost", onClick: handleNotificationsClick }),
+        hasNotificationToday && /* @__PURE__ */ jsx("span", { style: {
+          position: "absolute",
+          top: 0,
+          right: 0,
+          width: 15,
+          height: 15,
+          background: "red",
+          borderRadius: "50%",
+          border: "2px solid white",
+          pointerEvents: "none",
+          zIndex: 1,
+          display: "block"
+        }, "aria-label": t("homepage.notifications.new-badge", {
+          defaultValue: "Nouvelle notification"
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", ref: userRef, id: popoverUserId, "aria-haspopup": "true", "aria-expanded": isUserHovered, "data-testid": "header-user-menu-button", children: [
+        /* @__PURE__ */ jsx(NavLink, { link: "/userbook/mon-compte", translate: t("navbar.myaccount"), "data-testid": "header-user-profile-button", children: /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }) }),
+        /* @__PURE__ */ jsx(Popover, { align: "end", className: "widget", id: popoverUserId, isVisible: isUserHovered, children: /* @__PURE__ */ jsxs(PopoverBody, { children: [
+          /* @__PURE__ */ jsxs("a", { href: "/timeline/customize?callback=" + encodeURIComponent(`${window.location.pathname}${window.location.search}`), className: "nav-link customize d-flex align-items-center gap-8", "data-testid": "header-customize-button", children: [
+            /* @__PURE__ */ jsx(SvgIconSetBackground, { className: "icon" }),
+            /* @__PURE__ */ jsx("span", { id: "cutomize-label", className: "nav-text", children: t("navbar.customize") })
+          ] }),
+          /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? ""), className: "nav-link logout d-flex align-items-center gap-8", "data-testid": "header-logout-button", children: [
+            /* @__PURE__ */ jsx(SvgIconDisconnect, { className: "icon logout" }),
+            /* @__PURE__ */ jsx("span", { id: "logout-label", className: "nav-text", children: t("navbar.disconnect") })
+          ] })
+        ] }) })
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  Header as default
+};

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

@@ -1 +1,25 @@
-import Flex from"../../../../components/Flex/Flex.js";import HomeCardContent from"./HomeCardContent.js";import HomeCardHeader from"./HomeCardHeader.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var HomeCard=Object.assign(({variant=`user`,children,headerProps,footer,className,...rest})=>{let content=jsx(`div`,{"data-testid":`home-card`,"data-variant":variant,className:clsx$1(`home-card`,`home-card--${variant}`,className),...rest,children:headerProps&&!children?jsx(HomeCardHeader,{...headerProps}):children});return footer?jsxs(`div`,{className:`home-card--with-footer`,children:[content,jsx(Flex,{direction:`row`,gap:`8`,className:`px-16 py-4 home-card-footer`,children:footer})]}):content},{Header:HomeCardHeader,Content:HomeCardContent});export{HomeCard as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import HomeCardContent from "./HomeCardContent.js";
+import HomeCardHeader from "./HomeCardHeader.js";
+import Flex from "../../../../components/Flex/Flex.js";
+const Root = ({
+  variant = "user",
+  children,
+  headerProps,
+  footer,
+  className,
+  ...rest
+}) => {
+  const classNames = clsx("home-card", `home-card--${variant}`, className), content = /* @__PURE__ */ jsx("div", { "data-testid": "home-card", "data-variant": variant, className: classNames, ...rest, children: headerProps && !children ? /* @__PURE__ */ jsx(HomeCardHeader, { ...headerProps }) : children });
+  return footer ? /* @__PURE__ */ jsxs("div", { className: "home-card--with-footer", children: [
+    content,
+    /* @__PURE__ */ jsx(Flex, { direction: "row", gap: "8", className: "px-16 py-4 home-card-footer", children: footer })
+  ] }) : content;
+}, HomeCard = Object.assign(Root, {
+  Header: HomeCardHeader,
+  Content: HomeCardContent
+});
+export {
+  HomeCard as default
+};

package/dist/modules/homepage/components/HomeCard/HomeCardContent.js

@@ -1 +1,10 @@
-import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var HomeCardContent=({children,className,...rest})=>jsx(`div`,{className:clsx$1(`home-card-content`,className),...rest,children});export{HomeCardContent as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const HomeCardContent = ({
+  children,
+  className,
+  ...rest
+}) => /* @__PURE__ */ jsx("div", { className: clsx("home-card-content", className), ...rest, children });
+export {
+  HomeCardContent as default
+};

package/dist/modules/homepage/components/HomeCard/HomeCardHeader.js

@@ -1 +1,23 @@
-import Flex from"../../../../components/Flex/Flex.js";import ButtonBeta from"../../../../components/ButtonBeta/ButtonBeta.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var HomeCardHeader=({title,actionLabel,onActionClick,actionLeftIcon,actionRightIcon,actionProps,className,...rest})=>{let hasAction=!!actionLabel&&!!onActionClick;return jsxs(Flex,{align:`center`,justify:`between`,gap:`8`,wrap:`wrap`,className:clsx$1(`home-card-header`,className),...rest,children:[jsx(`h3`,{className:`home-card-header-title`,children:title}),hasAction&&jsx(ButtonBeta,{color:`tertiary`,size:`sm`,variant:`ghost`,onClick:onActionClick,className:`home-card-header-action`,leftIcon:actionLeftIcon,rightIcon:actionRightIcon,"data-testid":`home-card-header-action`,...actionProps,children:actionLabel})]})};export{HomeCardHeader as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import Flex from "../../../../components/Flex/Flex.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+const HomeCardHeader = ({
+  title,
+  actionLabel,
+  onActionClick,
+  actionLeftIcon,
+  actionRightIcon,
+  actionProps,
+  className,
+  ...rest
+}) => {
+  const hasAction = !!actionLabel && !!onActionClick;
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", wrap: "wrap", className: clsx("home-card-header", className), ...rest, children: [
+    /* @__PURE__ */ jsx("h3", { className: "home-card-header-title", children: title }),
+    hasAction && /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", size: "sm", variant: "ghost", onClick: onActionClick, className: "home-card-header-action", leftIcon: actionLeftIcon, rightIcon: actionRightIcon, "data-testid": "home-card-header-action", ...actionProps, children: actionLabel })
+  ] });
+};
+export {
+  HomeCardHeader as default
+};

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

@@ -1 +1,58 @@
-import Flex from"../../../../components/Flex/Flex.js";import SvgIconActualites from"../../../icons/components/apps/IconActualites.js";import clsx$1 from"clsx";import{useMemo}from"react";import{jsx,jsxs}from"react/jsx-runtime";var LastInfos=({id,icon,threadId,threadName,content,isHeadline,title,onClick})=>{let{excerpt,images}=useMemo(()=>{if(!content)return{excerpt:``,images:[]};let doc=new DOMParser().parseFromString(content,`text/html`),imageSources=Array.from(doc.querySelectorAll(`img`)).map(image=>image.getAttribute(`src`)??``).filter(src=>src.trim().length>0);return Array.from(doc.querySelectorAll(`img, video, iframe, audio, embed`)).forEach(mediaElement=>{mediaElement.parentNode?.removeChild(mediaElement)}),{excerpt:(doc.body.textContent??``).trim(),images:imageSources}},[content]),previewImages=images.slice(0,3),hasMoreImages=images.length>previewImages.length,remainingImagesCount=Math.max(images.length-previewImages.length,0),actionLabel=`${threadName} - ${title}`;return jsxs(`article`,{className:clsx$1(`last-infos-card`,{"last-infos-card-headline":isHeadline,"last-infos-card-clickable":!!onClick}),children:[onClick&&jsx(`button`,{type:`button`,className:`last-infos-card-action`,onClick:()=>onClick(threadId,id),"aria-label":actionLabel}),jsx(`header`,{className:`last-infos-card-header`,children:jsxs(Flex,{gap:`8`,align:`center`,justify:`start`,className:`last-infos-card-thread`,children:[icon?jsx(`img`,{src:icon,alt:threadName,width:24,height:24,loading:`lazy`,className:`last-infos-card-thread-icon`}):jsx(SvgIconActualites,{width:24,height:24,className:`last-infos-card-thread-icon`}),jsx(`span`,{className:`last-infos-card-thread-name`,children:threadName})]})}),jsxs(Flex,{gap:`4`,direction:`column`,className:`last-infos-card-content`,children:[jsx(`div`,{className:`last-infos-card-title`,children:title}),jsx(`p`,{className:`last-infos-card-excerpt`,children:excerpt}),previewImages.length>0&&jsx(`div`,{className:`last-infos-card-medias`,children:previewImages.map((image,index)=>jsxs(`div`,{className:`last-infos-card-media`,children:[jsx(`img`,{src:image,alt:``,className:`last-infos-card-media-image`,loading:`lazy`}),hasMoreImages&&index===2&&jsxs(`div`,{className:`last-infos-card-media-overlay`,children:[`+`,remainingImagesCount]})]},`${image}-${index}`))})]})]})};export{LastInfos as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import clsx from "clsx";
+import SvgIconActualites from "../../../icons/components/apps/IconActualites.js";
+import Flex from "../../../../components/Flex/Flex.js";
+const LastInfos = ({
+  id,
+  icon,
+  threadId,
+  threadName,
+  content,
+  isHeadline,
+  title,
+  onClick
+}) => {
+  const {
+    excerpt,
+    images
+  } = useMemo(() => {
+    if (!content)
+      return {
+        excerpt: "",
+        images: []
+      };
+    const doc = new DOMParser().parseFromString(content, "text/html"), imageSources = Array.from(doc.querySelectorAll("img")).map((image) => image.getAttribute("src") ?? "").filter((src) => src.trim().length > 0);
+    return Array.from(doc.querySelectorAll("img, video, iframe, audio, embed")).forEach((mediaElement) => {
+      var _a;
+      (_a = mediaElement.parentNode) == null || _a.removeChild(mediaElement);
+    }), {
+      excerpt: (doc.body.textContent ?? "").trim(),
+      images: imageSources
+    };
+  }, [content]), previewImages = images.slice(0, 3), hasMoreImages = images.length > previewImages.length, remainingImagesCount = Math.max(images.length - previewImages.length, 0), actionLabel = `${threadName} - ${title}`;
+  return /* @__PURE__ */ jsxs("article", { className: clsx("last-infos-card", {
+    "last-infos-card-headline": isHeadline,
+    "last-infos-card-clickable": !!onClick
+  }), children: [
+    onClick && /* @__PURE__ */ jsx("button", { type: "button", className: "last-infos-card-action", onClick: () => onClick(threadId, id), "aria-label": actionLabel }),
+    /* @__PURE__ */ jsx("header", { className: "last-infos-card-header", children: /* @__PURE__ */ jsxs(Flex, { gap: "8", align: "center", justify: "start", className: "last-infos-card-thread", children: [
+      icon ? /* @__PURE__ */ jsx("img", { src: icon, alt: threadName, width: 24, height: 24, loading: "lazy", className: "last-infos-card-thread-icon" }) : /* @__PURE__ */ jsx(SvgIconActualites, { width: 24, height: 24, className: "last-infos-card-thread-icon" }),
+      /* @__PURE__ */ jsx("span", { className: "last-infos-card-thread-name", children: threadName })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "4", direction: "column", className: "last-infos-card-content", children: [
+      /* @__PURE__ */ jsx("div", { className: "last-infos-card-title", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "last-infos-card-excerpt", children: excerpt }),
+      previewImages.length > 0 && /* @__PURE__ */ jsx("div", { className: "last-infos-card-medias", children: previewImages.map((image, index) => /* @__PURE__ */ jsxs("div", { className: "last-infos-card-media", children: [
+        /* @__PURE__ */ jsx("img", { src: image, alt: "", className: "last-infos-card-media-image", loading: "lazy" }),
+        hasMoreImages && index === 2 && /* @__PURE__ */ jsxs("div", { className: "last-infos-card-media-overlay", children: [
+          "+",
+          remainingImagesCount
+        ] })
+      ] }, `${image}-${index}`)) })
+    ] })
+  ] });
+};
+export {
+  LastInfos as default
+};

package/dist/modules/homepage/components/LastInfos/LastInfosContainer.js

@@ -1 +1,37 @@
-import TextSkeleton from"../../../../components/Skeleton/TextSkeleton.js";import{LastInfosList}from"./LastInfosList.js";import{useLastInfos}from"./useLastInfos.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";function LastInfosContainer(){let{infos,isLoading,error}=useLastInfos();return isLoading?jsxs(Fragment,{children:[jsx(TextSkeleton,{size:`lg`}),jsx(TextSkeleton,{size:`lg`}),jsx(TextSkeleton,{size:`lg`})]}):error?error.message:jsx(LastInfosList,{infos:infos?.map(({id,content,title,username,thread,modifiedDate,headline:isHeadline})=>({id,content,title,username,icon:thread.icon,threadId:thread.id,threadName:thread.title,publicationDate:modifiedDate,isHeadline}))??[]})}export{LastInfosContainer};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { LastInfosList } from "./LastInfosList.js";
+import { useLastInfos } from "./useLastInfos.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+function LastInfosContainer() {
+  const {
+    infos,
+    isLoading,
+    error
+  } = useLastInfos();
+  return isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(TextSkeleton, { size: "lg" }),
+    /* @__PURE__ */ jsx(TextSkeleton, { size: "lg" }),
+    /* @__PURE__ */ jsx(TextSkeleton, { size: "lg" })
+  ] }) : error ? error.message : /* @__PURE__ */ jsx(LastInfosList, { infos: (infos == null ? void 0 : infos.map(({
+    id,
+    content,
+    title,
+    username,
+    thread,
+    modifiedDate,
+    headline: isHeadline
+  }) => ({
+    id,
+    content,
+    title,
+    username,
+    icon: thread.icon,
+    threadId: thread.id,
+    threadName: thread.title,
+    publicationDate: modifiedDate,
+    isHeadline
+  }))) ?? [] });
+}
+export {
+  LastInfosContainer
+};

package/dist/modules/homepage/components/LastInfos/LastInfosList.js

@@ -1 +1,31 @@
-import SvgIconArrowRight from"../../../icons/components/IconArrowRight.js";import Flex from"../../../../components/Flex/Flex.js";import ButtonBeta from"../../../../components/ButtonBeta/ButtonBeta.js";import EmptyScreen from"../../../../components/EmptyScreen/EmptyScreen.js";import LastInfos from"./LastInfos.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import illuLastInfosEmptyScreen from"@edifice.io/bootstrap/dist/images/homepage/illu-empty-last-infos.png";function LastInfosList({infos,onInfoClick:handleInfoClick=(threadId,id)=>{window.open(`/actualites/threads/${threadId}?info=${id}`,`_self`)},onSeeMoreClick:handleSeeMoreClick=()=>{window.open(`/actualites`,`_self`)}}){let{t}=useTranslation();return jsxs(Flex,{gap:`8`,direction:`column`,className:`last-infos-list`,children:[jsxs(Flex,{justify:`between`,align:`center`,className:`last-infos-list-header`,children:[jsx(`h2`,{className:`last-infos-list-title`,children:t(`homepage.last-infos-list.title`)}),jsx(ButtonBeta,{color:`tertiary`,variant:`ghost`,className:`last-infos-list-seemore`,rightIcon:jsx(SvgIconArrowRight,{}),onClick:handleSeeMoreClick,children:t(`homepage.last-infos-list.see.more`)})]}),jsx(`div`,{className:`last-infos-list-body`,children:infos.length===0?jsx(EmptyScreen,{imageSrc:illuLastInfosEmptyScreen,size:135,text:t(`homepage.last-infos-list.empty`)}):infos.map(infosProps=>jsx(LastInfos,{onClick:handleInfoClick,...infosProps},infosProps.id))})]})}export{LastInfosList};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconArrowRight from "../../../icons/components/IconArrowRight.js";
+import LastInfos from "./LastInfos.js";
+import illuLastInfosEmptyScreen from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-last-infos.png";
+import Flex from "../../../../components/Flex/Flex.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+import EmptyScreen from "../../../../components/EmptyScreen/EmptyScreen.js";
+function LastInfosList({
+  infos,
+  onInfoClick: handleInfoClick = (threadId, id) => {
+    window.open(`/actualites/threads/${threadId}?info=${id}`, "_self");
+  },
+  onSeeMoreClick: handleSeeMoreClick = () => {
+    window.open("/actualites", "_self");
+  }
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(Flex, { gap: "8", direction: "column", className: "last-infos-list", children: [
+    /* @__PURE__ */ jsxs(Flex, { justify: "between", align: "center", className: "last-infos-list-header", children: [
+      /* @__PURE__ */ jsx("h2", { className: "last-infos-list-title", children: t("homepage.last-infos-list.title") }),
+      /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", variant: "ghost", className: "last-infos-list-seemore", rightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), onClick: handleSeeMoreClick, children: t("homepage.last-infos-list.see.more") })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "last-infos-list-body", children: infos.length === 0 ? /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuLastInfosEmptyScreen, size: 135, text: t("homepage.last-infos-list.empty") }) : infos.map((infosProps) => /* @__PURE__ */ jsx(LastInfos, { onClick: handleInfoClick, ...infosProps }, infosProps.id)) })
+  ] });
+}
+export {
+  LastInfosList
+};

package/dist/modules/homepage/components/LastInfos/useLastInfos.js

@@ -1 +1,25 @@
-import{odeServices}from"@edifice.io/client";import{queryOptions,useQuery}from"@tanstack/react-query";function useLastInfos(){let{data,isLoading,error}=useQuery(queryOptions({queryKey:[`infos`,`preview`,`last`,6],queryFn:async()=>{let http=odeServices.http(),infos=await http.get(`/actualites/api/v1/infos/preview/last/6`);if(http.isResponseError())throw Error(http.latestResponse.statusText);return infos}}));return{infos:data,isLoading,error}}export{useLastInfos};
+import { odeServices } from "@edifice.io/client";
+import { useQuery, queryOptions } from "@tanstack/react-query";
+function useLastInfos() {
+  const {
+    data,
+    isLoading,
+    error
+  } = useQuery(queryOptions({
+    queryKey: ["infos", "preview", "last", 6],
+    queryFn: async () => {
+      const http = odeServices.http(), infos = await http.get("/actualites/api/v1/infos/preview/last/6");
+      if (http.isResponseError())
+        throw new Error(http.latestResponse.statusText);
+      return infos;
+    }
+  }));
+  return {
+    infos: data,
+    isLoading,
+    error
+  };
+}
+export {
+  useLastInfos
+};

package/dist/modules/homepage/components/MessageFlashList/MessageFlash.js

@@ -1 +1,65 @@
-import SvgIconAlertTriangle from"../../../icons/components/IconAlertTriangle.js";import SvgIconClose from"../../../icons/components/IconClose.js";import SvgIconInfoCircle from"../../../icons/components/IconInfoCircle.js";import Flex from"../../../../components/Flex/Flex.js";import IconButton from"../../../../components/Button/IconButton.js";import{useEdificeClient}from"../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import useBreakpoint from"../../../../hooks/useBreakpoint/useBreakpoint.js";import ButtonBeta from"../../../../components/ButtonBeta/ButtonBeta.js";import Card from"../../../../components/Card/Card.js";import clsx$1 from"clsx";import{useEffect,useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var MessageFlash=({message,onCloseMessage})=>{let{currentLanguage}=useEdificeClient(),[isCollapsed,setIsCollapsed]=useState(!0),[hasOverflow,setHasOverflow]=useState(!1),contentRef=useRef(null),checkContentTimeoutRef=useRef(void 0),{t}=useTranslation(),{lg}=useBreakpoint(),content=``;message.contents&&(content=currentLanguage&&message.contents[currentLanguage]?message.contents[currentLanguage]:message.contents.fr?message.contents.fr:Object.keys(message.contents).map(key=>message.contents[key]).filter(cont=>cont!==null)[0]),useEffect(()=>{content&&(checkContentTimeoutRef.current&&clearTimeout(checkContentTimeoutRef.current),checkContentTimeoutRef.current=setTimeout(()=>{if(contentRef.current){let element=contentRef.current,originalClass=element.className;element.className=element.className.replace(/text-truncate(-\d+)?/g,``).trim();let computedStyle=window.getComputedStyle(element),lineHeight=parseFloat(computedStyle.lineHeight)||parseFloat(computedStyle.fontSize)*1.2,contentHeight=element.scrollHeight;setHasOverflow(contentHeight>lineHeight*2+2),element.className=originalClass}},0))},[content]),useEffect(()=>()=>{checkContentTimeoutRef.current&&clearTimeout(checkContentTimeoutRef.current)});let classes=clsx$1(`message-flash`,message.color?`message-flash-${message.color}`:null),classesContent=clsx$1(`message-flash-content`,isCollapsed?`text-truncate text-truncate-2`:null);return jsxs(`div`,{className:classes,children:[(hasOverflow&&!isCollapsed||!hasOverflow)&&jsx(IconButton,{variant:`ghost`,color:`tertiary`,icon:jsx(SvgIconClose,{}),onClick:()=>{onCloseMessage?.(message)},className:`message-flash-close-button`,"data-testid":`message-flash-close-button`,"aria-label":t(`close.message`,{title:message.title}),title:t(`close.message`,{title:message.title})}),jsx(`div`,{className:`message-flash-icon`,role:`img`,"aria-label":message.color===`red`?t(`warning`):t(`information`),children:message.color&&message.color===`red`?jsx(SvgIconAlertTriangle,{}):jsx(SvgIconInfoCircle,{})}),jsxs(Flex,{direction:`column`,className:`w-100 message-flash-body`,children:[jsx(Card.Title,{children:message.title}),jsx(`div`,{ref:contentRef,className:classesContent,dangerouslySetInnerHTML:{__html:content}}),jsxs(Flex,{direction:lg?`row`:`column`,justify:`between`,className:`message-flash-footer`,children:[jsx(`div`,{className:`fst-italic`,children:message.signature||``}),hasOverflow&&jsx(ButtonBeta,{"data-testid":isCollapsed?`message-flash-view-more-button`:`message-flash-view-less-button`,color:`default`,variant:`ghost`,onClick:()=>{setIsCollapsed(collapsed=>!collapsed)},"aria-controls":`message-flash-${message.id}-content`,"aria-expanded":!isCollapsed,className:`message-flash-collapse-button`,children:t(isCollapsed?`read.more`:`read.less`)})]})]})]})};export{MessageFlash as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useState, useRef, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconAlertTriangle from "../../../icons/components/IconAlertTriangle.js";
+import SvgIconClose from "../../../icons/components/IconClose.js";
+import SvgIconInfoCircle from "../../../icons/components/IconInfoCircle.js";
+import { useEdificeClient } from "../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import useBreakpoint from "../../../../hooks/useBreakpoint/useBreakpoint.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Card from "../../../../components/Card/Card.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+const MessageFlash = ({
+  message,
+  onCloseMessage
+}) => {
+  const {
+    currentLanguage
+  } = useEdificeClient(), [isCollapsed, setIsCollapsed] = useState(!0), [hasOverflow, setHasOverflow] = useState(!1), contentRef = useRef(null), checkContentTimeoutRef = useRef(void 0), {
+    t
+  } = useTranslation(), {
+    lg
+  } = useBreakpoint();
+  let content = "";
+  message.contents && (currentLanguage && message.contents[currentLanguage] ? content = message.contents[currentLanguage] : message.contents.fr ? content = message.contents.fr : content = Object.keys(message.contents).map((key) => message.contents[key]).filter((cont) => cont !== null)[0]), useEffect(() => {
+    const checkOverflow = () => {
+      if (contentRef.current) {
+        const element = contentRef.current, originalClass = element.className;
+        element.className = element.className.replace(/text-truncate(-\d+)?/g, "").trim();
+        const computedStyle = window.getComputedStyle(element), lineHeight = parseFloat(computedStyle.lineHeight) || parseFloat(computedStyle.fontSize) * 1.2, contentHeight = element.scrollHeight, twoLinesHeight = lineHeight * 2;
+        setHasOverflow(contentHeight > twoLinesHeight + 2), element.className = originalClass;
+      }
+    };
+    content && (checkContentTimeoutRef.current && clearTimeout(checkContentTimeoutRef.current), checkContentTimeoutRef.current = setTimeout(checkOverflow, 0));
+  }, [content]), useEffect(() => () => {
+    checkContentTimeoutRef.current && clearTimeout(checkContentTimeoutRef.current);
+  });
+  const classes = clsx("message-flash", message.color ? `message-flash-${message.color}` : null), classesContent = clsx("message-flash-content", isCollapsed ? "text-truncate text-truncate-2" : null), handleCollapse = () => {
+    setIsCollapsed((collapsed) => !collapsed);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
+    (hasOverflow && !isCollapsed || !hasOverflow) && /* @__PURE__ */ jsx(IconButton, { variant: "ghost", color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconClose, {}), onClick: () => {
+      onCloseMessage == null || onCloseMessage(message);
+    }, className: "message-flash-close-button", "data-testid": "message-flash-close-button", "aria-label": t("close.message", {
+      title: message.title
+    }), title: t("close.message", {
+      title: message.title
+    }) }),
+    /* @__PURE__ */ jsx("div", { className: "message-flash-icon", role: "img", "aria-label": message.color === "red" ? t("warning") : t("information"), children: message.color && message.color === "red" ? /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}) : /* @__PURE__ */ jsx(SvgIconInfoCircle, {}) }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", className: "w-100 message-flash-body", children: [
+      /* @__PURE__ */ jsx(Card.Title, { children: message.title }),
+      /* @__PURE__ */ jsx("div", { ref: contentRef, className: classesContent, dangerouslySetInnerHTML: {
+        __html: content
+      } }),
+      /* @__PURE__ */ jsxs(Flex, { direction: lg ? "row" : "column", justify: "between", className: "message-flash-footer", children: [
+        /* @__PURE__ */ jsx("div", { className: "fst-italic", children: message.signature || "" }),
+        hasOverflow && /* @__PURE__ */ jsx(ButtonBeta, { "data-testid": isCollapsed ? "message-flash-view-more-button" : "message-flash-view-less-button", color: "default", variant: "ghost", onClick: handleCollapse, "aria-controls": `message-flash-${message.id}-content`, "aria-expanded": !isCollapsed, className: "message-flash-collapse-button", children: t(isCollapsed ? "read.more" : "read.less") })
+      ] })
+    ] })
+  ] });
+};
+export {
+  MessageFlash as default
+};

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

@@ -1 +1,10 @@
-import Flex from"../../../../components/Flex/Flex.js";import MessageFlash from"./MessageFlash.js";import{jsx}from"react/jsx-runtime";var MessageFlashList=({messages,onCloseMessage})=>jsx(`section`,{role:`region`,className:`message-flash-list`,children:jsx(Flex,{direction:`column`,gap:`16`,role:`list`,children:messages.map(message=>jsx(`div`,{role:`listitem`,children:jsx(MessageFlash,{message,onCloseMessage:msg=>onCloseMessage?.(msg)})},message.id))})});export{MessageFlashList as default};
+import { jsx } from "react/jsx-runtime";
+import MessageFlash from "./MessageFlash.js";
+import Flex from "../../../../components/Flex/Flex.js";
+const MessageFlashList = ({
+  messages,
+  onCloseMessage
+}) => /* @__PURE__ */ jsx("section", { role: "region", className: "message-flash-list", children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "16", role: "list", children: messages.map((message) => /* @__PURE__ */ jsx("div", { role: "listitem", children: /* @__PURE__ */ jsx(MessageFlash, { message, onCloseMessage: (msg) => onCloseMessage == null ? void 0 : onCloseMessage(msg) }) }, message.id)) }) });
+export {
+  MessageFlashList as default
+};

package/dist/modules/homepage/components/MessageFlashList/MessageFlashListContainer.js

@@ -1 +1,14 @@
-import MessageFlashList from"./MessageFlashList.js";import{useMessageFlashListContainer}from"./hooks/useMessageFlashList.js";import{jsx}from"react/jsx-runtime";var MessageFlashListContainer=()=>{let{messages,error,handleMarkAsRead}=useMessageFlashListContainer();return!messages||messages.length===0||error?null:jsx(MessageFlashList,{messages,onCloseMessage:handleMarkAsRead})};export{MessageFlashListContainer as default};
+import { jsx } from "react/jsx-runtime";
+import { useMessageFlashListContainer } from "./hooks/useMessageFlashList.js";
+import MessageFlashList from "./MessageFlashList.js";
+const MessageFlashListContainer = () => {
+  const {
+    messages,
+    error,
+    handleMarkAsRead
+  } = useMessageFlashListContainer();
+  return !messages || messages.length === 0 || error ? null : /* @__PURE__ */ jsx(MessageFlashList, { messages, onCloseMessage: handleMarkAsRead });
+};
+export {
+  MessageFlashListContainer
+};

package/dist/modules/homepage/components/MessageFlashList/hooks/useMessageFlashList.js

@@ -1 +1,19 @@
-import{useMarkAsRead,useMessagesFlash}from"../services/queries/messagesFlash.js";var useMessageFlashListContainer=()=>{let{data:messages,isLoading,error}=useMessagesFlash(),markAsReadMessage=useMarkAsRead();return{messages,isLoading,error,handleMarkAsRead:message=>{markAsReadMessage.mutate(message)}}};export{useMessageFlashListContainer};
+import { useMessagesFlash, useMarkAsRead } from "../services/queries/messagesFlash.js";
+const useMessageFlashListContainer = () => {
+  const {
+    data: messages,
+    isLoading,
+    error
+  } = useMessagesFlash(), markAsReadMessage = useMarkAsRead();
+  return {
+    messages,
+    isLoading,
+    error,
+    handleMarkAsRead: (message) => {
+      markAsReadMessage.mutate(message);
+    }
+  };
+};
+export {
+  useMessageFlashListContainer
+};

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

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

package/dist/modules/homepage/components/MessageFlashList/services/api/messagesFlashService.js

@@ -1 +1,21 @@
-import{odeServices}from"@edifice.io/client";var createMessagesFlashService=baseURL=>({getMessagesFlash(){return odeServices.http().get(`${baseURL}/timeline/flashmsg/listuser`)},markAsRead(message){return odeServices.http().put(`${baseURL}/timeline/flashmsg/`+message.id+`/markasread`)}});export{createMessagesFlashService};
+import { odeServices } from "@edifice.io/client";
+const createMessagesFlashService = (baseURL) => ({
+  /**
+   * Get message flash.
+   * @returns a message flash object
+   */
+  getMessagesFlash() {
+    return odeServices.http().get(`${baseURL}/timeline/flashmsg/listuser`);
+  },
+  /**
+   * Mark a flash message as read.
+   * @param message - The flash message to mark as read
+   * @returns A promise that resolves when the operation is complete
+   */
+  markAsRead(message) {
+    return odeServices.http().put(`${baseURL}/timeline/flashmsg/` + message.id + "/markasread");
+  }
+});
+export {
+  createMessagesFlashService
+};

package/dist/modules/homepage/components/MessageFlashList/services/queries/messagesFlash.js

@@ -1 +1,31 @@
-import{messageFlashService}from"../api/index.js";import{queryOptions,useMutation,useQuery,useQueryClient}from"@tanstack/react-query";var messagesFlashQueryKeys={all:()=>[`messagesFlash`]},messagesFlashQueryOptions={getMessagesFlash(){return queryOptions({queryKey:messagesFlashQueryKeys.all(),queryFn:async()=>messageFlashService.getMessagesFlash()})}},useMessagesFlash=()=>useQuery(messagesFlashQueryOptions.getMessagesFlash()),useMarkAsRead=()=>{let queryClient=useQueryClient();return useMutation({mutationFn:message=>messageFlashService.markAsRead(message),onMutate:async message=>{queryClient.setQueryData(messagesFlashQueryKeys.all(),oldMessages=>oldMessages.filter(msg=>msg.id!==message.id))},onError(){queryClient.invalidateQueries({queryKey:messagesFlashQueryKeys.all()})}})};export{useMarkAsRead,useMessagesFlash};
+import { useQuery, useQueryClient, useMutation, queryOptions } from "@tanstack/react-query";
+import { messageFlashService } from "../api/index.js";
+const messagesFlashQueryKeys = {
+  all: () => ["messagesFlash"]
+}, messagesFlashQueryOptions = {
+  getMessagesFlash() {
+    return queryOptions({
+      queryKey: messagesFlashQueryKeys.all(),
+      queryFn: async () => messageFlashService.getMessagesFlash()
+    });
+  }
+}, useMessagesFlash = () => useQuery(messagesFlashQueryOptions.getMessagesFlash()), useMarkAsRead = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (message) => messageFlashService.markAsRead(message),
+    onMutate: async (message) => {
+      queryClient.setQueryData(messagesFlashQueryKeys.all(), (oldMessages) => oldMessages.filter((msg) => msg.id !== message.id));
+    },
+    onError() {
+      queryClient.invalidateQueries({
+        queryKey: messagesFlashQueryKeys.all()
+      });
+    }
+  });
+};
+export {
+  messagesFlashQueryKeys,
+  messagesFlashQueryOptions,
+  useMarkAsRead,
+  useMessagesFlash
+};

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

@@ -1 +1,17 @@
-import{notificationAdapter}from"./components/notificationAdapter.js";import NotificationOptionsMenu from"./components/NotificationOptionsMenu.js";import SystemNotificationItem from"./components/SystemNotificationItem.js";import UserNotificationItem from"./components/UserNotificationItem.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";var NotificationItem=({notification})=>{let notif=notificationAdapter(notification),menu=jsx(NotificationOptionsMenu,{notificationId:notification._id});return jsxs(Fragment,{children:[notif.type===`user`&&jsx(UserNotificationItem,{notification:notif,menu}),notif.type===`system`&&jsx(SystemNotificationItem,{notification:notif,menu})]})};export{NotificationItem as default};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import NotificationOptionsMenu from "./components/NotificationOptionsMenu.js";
+import SystemNotificationItem from "./components/SystemNotificationItem.js";
+import UserNotificationItem from "./components/UserNotificationItem.js";
+import { notificationAdapter } from "./components/notificationAdapter.js";
+const NotificationItem = ({
+  notification
+}) => {
+  const notif = notificationAdapter(notification), menu = /* @__PURE__ */ jsx(NotificationOptionsMenu, { notificationId: notification._id });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    notif.type === "user" && /* @__PURE__ */ jsx(UserNotificationItem, { notification: notif, menu }),
+    notif.type === "system" && /* @__PURE__ */ jsx(SystemNotificationItem, { notification: notif, menu })
+  ] });
+};
+export {
+  NotificationItem as default
+};