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

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

@@ -1,23 +1 @@
-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 = !!onActionClick && (!!actionLabel || !!actionLeftIcon || !!actionRightIcon);
-  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
-};
+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};

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

@@ -1,58 +1 @@
-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
-};
+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};

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

@@ -1,37 +1 @@
-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
-};
+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};

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

@@ -1,31 +1 @@
-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
-};
+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};

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

@@ -1,25 +1 @@
-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
-};
+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};

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

@@ -1,65 +1 @@
-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("homepage.messageFlash.warning") : t("homepage.messageFlash.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
-};
+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};

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

@@ -1,10 +1 @@
-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
-};
+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};

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

@@ -1,14 +1 @@
-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
-};
+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};

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

@@ -1,19 +1 @@
-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
-};
+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};

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

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

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

@@ -1,21 +1 @@
-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
-};
+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};

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

@@ -1,31 +1 @@
-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
-};
+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};

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

@@ -1,17 +1 @@
-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
-};
+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};

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

@@ -1,51 +1 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import illuEmptyNotification from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-notifications.png";
-import { useTranslation } from "react-i18next";
-import SvgIconClose from "../../../icons/components/IconClose.js";
-import NotificationFilterMenu from "./components/NotificationFilterMenu.js";
-import NotificationItem from "./NotificationItem.js";
-import NotificationListSkeleton from "./NotificationListSkeleton.js";
-import NotificationSkeleton from "./NotificationSkeleton.js";
-import useInfiniteScroll from "../../../../hooks/useInfiniteScroll/useInfiniteScroll.js";
-import Flex from "../../../../components/Flex/Flex.js";
-import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
-import EmptyScreen from "../../../../components/EmptyScreen/EmptyScreen.js";
-import Divider from "../../../../components/Divider/Divider.js";
-const NotificationList = ({
-  notifications,
-  notificationTypes,
-  selectedTypes = [],
-  onFilterChange,
-  onCloseNotifications,
-  onLoadNextPage,
-  hasNextPage,
-  isLoading
-}) => {
-  const {
-    t
-  } = useTranslation(), loadNextRef = useInfiniteScroll({
-    callback: () => onLoadNextPage == null ? void 0 : onLoadNextPage()
-  }), handleFilterChange = (types) => onFilterChange == null ? void 0 : onFilterChange(types), handleCloseClick = () => {
-    onCloseNotifications && onCloseNotifications();
-  };
-  return /* @__PURE__ */ jsx("section", { role: "region", className: "notification-list", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
-    /* @__PURE__ */ jsxs(Flex, { justify: "between", align: "center", wrap: "nowrap", className: "py-16 ps-24 pe-8", children: [
-      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "8", className: "notification-list-title", children: [
-        /* @__PURE__ */ jsx("h4", { className: "text-truncate", children: t("homepage.notifications-list.title") }),
-        notificationTypes && notificationTypes.length > 0 && /* @__PURE__ */ jsx(NotificationFilterMenu, { notificationTypes, selectedTypes, onFilterChange: handleFilterChange })
-      ] }),
-      onCloseNotifications && /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", variant: "ghost", rightIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), onClick: handleCloseClick, "aria-label": t("homepage.notifications-list.close"), title: t("homepage.notifications-list.close"), "data-testid": "notification-list-close-button" })
-    ] }),
-    isLoading && !(notifications != null && notifications.length) ? /* @__PURE__ */ jsx(NotificationListSkeleton, {}) : !notifications || notifications.length === 0 ? /* @__PURE__ */ jsx("div", { className: "mx-24", children: /* @__PURE__ */ jsx(EmptyScreen, { size: 135, imageSrc: illuEmptyNotification, imageAlt: t("homepage.notifications-list.empty.description"), text: t("homepage.notifications-list.empty.description") }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("ul", { children: notifications.map((notification, index) => /* @__PURE__ */ jsxs("li", { children: [
-        /* @__PURE__ */ jsx(NotificationItem, { notification }),
-        /* @__PURE__ */ jsx(Divider, { className: "border-grey-300 my-0" })
-      ] }, "notification-list-" + notification._id + "-" + index)) }),
-      hasNextPage && /* @__PURE__ */ jsx(NotificationSkeleton, { ref: loadNextRef }),
-      isLoading && /* @__PURE__ */ jsx(NotificationListSkeleton, {})
-    ] })
-  ] }) });
-};
-export {
-  NotificationList as default
-};
+import SvgIconClose from"../../../icons/components/IconClose.js";import Flex from"../../../../components/Flex/Flex.js";import ButtonBeta from"../../../../components/ButtonBeta/ButtonBeta.js";import useInfiniteScroll from"../../../../hooks/useInfiniteScroll/useInfiniteScroll.js";import Divider from"../../../../components/Divider/Divider.js";import EmptyScreen from"../../../../components/EmptyScreen/EmptyScreen.js";import NotificationFilterMenu from"./components/NotificationFilterMenu.js";import NotificationItem from"./NotificationItem.js";import NotificationSkeleton from"./NotificationSkeleton.js";import NotificationListSkeleton from"./NotificationListSkeleton.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import illuEmptyNotification from"@edifice.io/bootstrap/dist/images/homepage/illu-empty-notifications.png";var NotificationList=({notifications,notificationTypes,selectedTypes,onFilterChange,onCloseNotifications,onLoadNextPage,hasNextPage,isLoading})=>{let{t}=useTranslation(),loadNextRef=useInfiniteScroll({callback:()=>onLoadNextPage?.()});return jsx(`section`,{role:`region`,className:`notification-list`,children:jsxs(Flex,{direction:`column`,children:[jsxs(Flex,{justify:`between`,align:`center`,wrap:`nowrap`,className:`py-16 ps-24 pe-8`,children:[jsxs(Flex,{align:`center`,gap:`8`,className:`notification-list-title`,children:[jsx(`h4`,{className:`text-truncate`,children:t(`homepage.notifications-list.title`)}),notificationTypes&&notificationTypes.length>0&&jsx(NotificationFilterMenu,{notificationTypes,selectedTypes:selectedTypes??notificationTypes,onFilterChange:types=>onFilterChange?.(types)})]}),onCloseNotifications&&jsx(ButtonBeta,{color:`tertiary`,variant:`ghost`,rightIcon:jsx(SvgIconClose,{}),onClick:()=>{onCloseNotifications&&onCloseNotifications()},"aria-label":t(`homepage.notifications-list.close`),title:t(`homepage.notifications-list.close`),"data-testid":`notification-list-close-button`})]}),notifications?.length===0?jsx(`div`,{className:`mx-24`,children:jsx(EmptyScreen,{size:135,imageSrc:illuEmptyNotification,imageAlt:t(`homepage.notifications-list.empty.description`),text:t(`homepage.notifications-list.empty.description`)})}):jsxs(Fragment,{children:[jsx(`ul`,{children:notifications?.map((notification,index)=>jsxs(`li`,{children:[jsx(NotificationItem,{notification}),jsx(Divider,{className:`border-grey-300 my-0`})]},`notification-list-`+notification._id+`-`+index))}),hasNextPage&&jsx(NotificationSkeleton,{ref:loadNextRef}),isLoading&&jsx(NotificationListSkeleton,{})]})]})})};export{NotificationList as default};

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

@@ -1,23 +1 @@
-import { jsx } from "react/jsx-runtime";
-import NotificationList from "./NotificationList.js";
-import { useNotificationListContainer } from "./hooks/useNotificationList.js";
-const NotificationListContainer = ({
-  onCloseNotifications
-}) => {
-  const {
-    notifications,
-    notificationTypes,
-    selectedTypes,
-    setSelectedTypes,
-    hasNextPage,
-    loadNextPage,
-    isLoading
-  } = useNotificationListContainer();
-  return /* @__PURE__ */ jsx(NotificationList, { notifications, notificationTypes, selectedTypes, onFilterChange: setSelectedTypes, onCloseNotifications, onLoadNextPage: () => {
-    hasNextPage && !isLoading && loadNextPage();
-  }, hasNextPage, isLoading });
-};
-export {
-  NotificationListContainer,
-  NotificationListContainer as default
-};
+import NotificationList from"./NotificationList.js";import{useNotificationListContainer}from"./hooks/useNotificationList.js";import{jsx}from"react/jsx-runtime";var NotificationListContainer=({onCloseNotifications})=>{let{notifications,notificationTypes,selectedTypes,setSelectedTypes,hasNextPage,loadNextPage,isLoading}=useNotificationListContainer();return jsx(NotificationList,{notifications,notificationTypes,selectedTypes,onFilterChange:setSelectedTypes,onCloseNotifications,onLoadNextPage:()=>{hasNextPage&&!isLoading&&loadNextPage()},hasNextPage,isLoading})};export{NotificationListContainer as default};

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

@@ -1,17 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import NotificationSkeleton from "./NotificationSkeleton.js";
-import Divider from "../../../../components/Divider/Divider.js";
-const NotificationListSkeleton = () => /* @__PURE__ */ jsxs("ul", { children: [
-  /* @__PURE__ */ jsxs("li", { children: [
-    /* @__PURE__ */ jsx(NotificationSkeleton, {}),
-    /* @__PURE__ */ jsx(Divider, { className: "border-grey-300 my-0" })
-  ] }),
-  /* @__PURE__ */ jsxs("li", { children: [
-    /* @__PURE__ */ jsx(NotificationSkeleton, {}),
-    /* @__PURE__ */ jsx(Divider, { className: "border-grey-300 my-0" })
-  ] }),
-  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NotificationSkeleton, {}) })
-] });
-export {
-  NotificationListSkeleton as default
-};
+import Divider from"../../../../components/Divider/Divider.js";import NotificationSkeleton from"./NotificationSkeleton.js";import{jsx,jsxs}from"react/jsx-runtime";var NotificationListSkeleton=()=>jsxs(`ul`,{children:[jsxs(`li`,{children:[jsx(NotificationSkeleton,{}),jsx(Divider,{className:`border-grey-300 my-0`})]}),jsxs(`li`,{children:[jsx(NotificationSkeleton,{}),jsx(Divider,{className:`border-grey-300 my-0`})]}),jsx(`li`,{children:jsx(NotificationSkeleton,{})})]});export{NotificationListSkeleton as default};

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

@@ -1,3 +1,25 @@
 import { default as React } from 'react';
-declare const NotificationSkeleton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface NotificationSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * How many lines the message is expected to wrap onto.
+     *
+     * This is the one dimension that cannot be derived from the component: it
+     * depends on the length of a message that has not loaded yet. Two is the
+     * common case, but a row whose message wraps onto three lines will shift by
+     * one line box when the data arrives.
+     */
+    lines?: number;
+}
+/**
+ * Loading placeholder for a single notification row.
+ *
+ * Mirrors the layout of `CommonNotificationItem` — same wrappers, same classes,
+ * same gaps — and swaps each content slot for a `Skeleton` block, so the
+ * placeholder occupies the space the loaded row will take.
+ *
+ * The blocks are sized by the `notification-item-skeleton-*` classes of
+ * _skeleton.scss rather than by props, which keeps every dimension in the
+ * stylesheet next to the component geometry it is derived from.
+ */
+declare const NotificationSkeleton: React.ForwardRefExoticComponent<NotificationSkeletonProps & React.RefAttributes<HTMLDivElement>>;
 export default NotificationSkeleton;

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

@@ -1,19 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React from "react";
-import Flex from "../../../../components/Flex/Flex.js";
-import Avatar from "../../../../components/Avatar/Avatar.js";
-import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
-const NotificationSkeleton = /* @__PURE__ */ React.forwardRef((_props, ref) => /* @__PURE__ */ jsx(Flex, { direction: "column", className: "notification-item", gap: "8", ref, children: /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: "8", children: [
-  /* @__PURE__ */ jsx("div", { className: "notification-item-picture", children: /* @__PURE__ */ jsx(Avatar, { alt: "Notification Picture", variant: "circle", className: "notification-item-avatar" }) }),
-  /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", className: "notification-item-message", children: [
-    /* @__PURE__ */ jsx(TextSkeleton, {}),
-    /* @__PURE__ */ jsx(TextSkeleton, {}),
-    /* @__PURE__ */ jsx("div", { className: "placeholder col-4", style: {
-      height: "2rem"
-    } }),
-    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-2" })
-  ] })
-] }) }));
-export {
-  NotificationSkeleton as default
-};
+import Flex from"../../../../components/Flex/Flex.js";import Skeleton from"../../../../components/Skeleton/Skeleton.js";import VisuallyHidden from"../../../../components/VisuallyHidden/VisuallyHidden.js";import React from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var NotificationSkeleton=React.forwardRef(({lines=2,...restProps},ref)=>{let{t}=useTranslation(),lineCount=Math.max(1,lines);return jsxs(Flex,{direction:`column`,className:`notification-item`,gap:`8`,role:`status`,"aria-busy":`true`,ref,...restProps,children:[jsx(VisuallyHidden,{children:t(`homepage.notifications-list.loading`)}),jsxs(Flex,{direction:`row`,gap:`8`,children:[jsx(`div`,{className:`notification-item-picture`,children:jsx(Skeleton,{variant:`circle`,tone:`strong`,className:`notification-item-avatar`})}),jsxs(Flex,{direction:`column`,gap:`8`,fill:!0,children:[jsx(`div`,{className:`notification-item-message skeleton-lines`,children:Array.from({length:lineCount},(_,index)=>jsx(Skeleton,{variant:`text`,className:`notification-item-skeleton-line`},index))}),jsx(Skeleton,{variant:`pill`,className:`notification-item-skeleton-chip`}),jsx(Skeleton,{variant:`text`,className:`notification-item-skeleton-date`})]})]})]})});export{NotificationSkeleton as default};

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

@@ -1,32 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import useDate from "../../../../../hooks/useDate/useDate.js";
-import Flex from "../../../../../components/Flex/Flex.js";
-const CommonNotificationItem = ({
-  picture,
-  message,
-  date,
-  uri,
-  children,
-  menu
-}) => {
-  const {
-    formatTimeAgo,
-    formatDate
-  } = useDate();
-  return /* @__PURE__ */ jsx(Flex, { direction: "column", className: "notification-item", gap: "8", children: /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", wrap: "nowrap", gap: "8", children: [
-    /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "start", gap: "8", className: "notification-item-content-wrapper", children: [
-      /* @__PURE__ */ jsx("div", { className: "notification-item-picture", children: picture }),
-      /* @__PURE__ */ jsx("a", { href: uri, className: "notification-item-link", "data-testid": "notification-item-content", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", children: [
-        /* @__PURE__ */ jsx("div", { className: "notification-item-message", dangerouslySetInnerHTML: {
-          __html: message
-        } }),
-        children,
-        /* @__PURE__ */ jsx("p", { className: "notification-item-date", title: formatDate(date, "LLL"), children: formatTimeAgo(date) })
-      ] }) })
-    ] }),
-    menu && /* @__PURE__ */ jsx("div", { className: "notification-item-menu", children: menu })
-  ] }) });
-};
-export {
-  CommonNotificationItem as default
-};
+import Flex from"../../../../../components/Flex/Flex.js";import useDate from"../../../../../hooks/useDate/useDate.js";import{jsx,jsxs}from"react/jsx-runtime";var CommonNotificationItem=({picture,message,date,uri,children,menu})=>{let{formatTimeAgo,formatDate}=useDate();return jsx(Flex,{direction:`column`,className:`notification-item`,gap:`8`,children:jsxs(Flex,{direction:`row`,justify:`between`,wrap:`nowrap`,gap:`8`,children:[jsxs(Flex,{direction:`row`,align:`start`,gap:`8`,className:`notification-item-content-wrapper`,children:[jsx(`div`,{className:`notification-item-picture`,children:picture}),jsx(`a`,{href:uri,className:`notification-item-link`,"data-testid":`notification-item-content`,children:jsxs(Flex,{direction:`column`,gap:`8`,children:[jsx(`div`,{className:`notification-item-message`,dangerouslySetInnerHTML:{__html:message}}),children,jsx(`p`,{className:`notification-item-date`,title:formatDate(date,`LLL`),children:formatTimeAgo(date)})]})})]}),menu&&jsx(`div`,{className:`notification-item-menu`,children:menu})]})})};export{CommonNotificationItem as default};