@edifice.io/react 2.5.22 → 2.5.23-chore-tiptap-v3.20260930150159

package/dist/modules/editor/hooks/useTipTapEditor.d.ts

@@ -15,6 +15,6 @@ import { WorkspaceVisibility } from '@edifice.io/client';
 export declare const useTipTapEditor: (editable: boolean, content: Content, focus?: FocusPosition, placeholder?: string, onContentChange?: ({ editor }: {
     editor: any;
 }) => void, visibility?: WorkspaceVisibility, extensions?: Extensions) => {
-    editor: import('@tiptap/core').Editor | null;
+    editor: import('@tiptap/core').Editor;
     editable: boolean;
 };

package/dist/modules/editor/hooks/useTipTapEditor.js

@@ -9,18 +9,14 @@ import { SpeechSynthesis } from "@edifice.io/tiptap-extensions/speech-synthesis"
 import { TableCell } from "@edifice.io/tiptap-extensions/table-cell";
 import { Mathematics } from "@tiptap/extension-mathematics";
 import Color from "@tiptap/extension-color";
-import Focus from "@tiptap/extension-focus";
 import FontFamily from "@tiptap/extension-font-family";
-import Placeholder from "@tiptap/extension-placeholder";
+import { TextStyleKit } from "@tiptap/extension-text-style";
+import { Focus, Placeholder } from "@tiptap/extensions";
 import Subscript from "@tiptap/extension-subscript";
 import Superscript from "@tiptap/extension-superscript";
-import Table from "@tiptap/extension-table";
-import TableHeader from "@tiptap/extension-table-header";
-import TableRow from "@tiptap/extension-table-row";
+import { TableRow, TableHeader, Table } from "@tiptap/extension-table";
 import TextAlign from "@tiptap/extension-text-align";
-import TextStyle from "@tiptap/extension-text-style";
 import Typography from "@tiptap/extension-typography";
-import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useTranslation } from "react-i18next";
@@ -57,7 +53,7 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
       placeholder: t(placeholder || "tiptap.placeholder")
     }), CustomHighlight.configure({
       multicolor: !0
-    }), Underline, TextStyle, Color, Subscript, Superscript, Table.configure({
+    }), TextStyleKit, Color, Subscript, Superscript, Table.configure({
       resizable: !0
     }), TableRow, TableHeader, TableCell, TextAlign.configure({
       types: ["heading", "paragraph", "video", "audio", "iframe"]

package/dist/modules/homepage/components/Favorites/Favorites.d.ts

@@ -0,0 +1,6 @@
+import { IWebApp } from '@edifice.io/client';
+export interface FavoritesProps {
+    apps: IWebApp[];
+    onSeeAllClick?: () => void;
+}
+export declare function Favorites({ apps, onSeeAllClick, }: FavoritesProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import illuEmptyFavorite from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-favorite.svg";
+import SvgIconArrowRight from "../../../icons/components/IconArrowRight.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import AppIcon from "../../../../components/AppIcon/AppIcon.js";
+function Favorites({
+  apps,
+  onSeeAllClick = () => window.open("/welcome", "_self")
+}) {
+  const {
+    t
+  } = useTranslation(), getAppName = (app) => app.prefix && app.prefix.length > 1 ? t(app.prefix.substring(1)) : t(app.displayName) || "";
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "secondary", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.favorites.title", "Favoris"), actionLabel: t("homepage.favorites.all", "Mes applis"), onActionClick: onSeeAllClick, actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}) }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx("div", { className: "favorites-content", children: apps.length === 0 ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "12", children: [
+      /* @__PURE__ */ jsx("img", { src: illuEmptyFavorite, alt: "", width: 80, height: 80 }),
+      /* @__PURE__ */ jsx("span", { className: "favorites-empty-text", children: t("homepage.favorites.empty", "Ajouter des applications à vos favoris pour les retrouver ici et y accéder rapidement !") })
+    ] }) : /* @__PURE__ */ jsx(Flex, { wrap: "wrap", gap: "8 16", children: apps.map((app) => {
+      const appName = getAppName(app), opensInNewTab = app.isExternal || app.target === "_blank";
+      return /* @__PURE__ */ jsx("a", { href: app.address, "aria-label": appName, title: appName, target: opensInNewTab ? "_blank" : void 0, rel: opensInNewTab ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "40", variant: "square" }) }, app.name);
+    }) }) }) })
+  ] });
+}
+export {
+  Favorites
+};

package/dist/modules/homepage/components/Favorites/FavoritesContainer.d.ts

@@ -0,0 +1,4 @@
+import { FavoritesProps } from './Favorites';
+type FavoritesContainerProps = Omit<FavoritesProps, 'apps'>;
+export declare function FavoritesContainer(props: FavoritesContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/homepage/components/Favorites/FavoritesContainer.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { Favorites } from "./Favorites.js";
+import useBookmark from "../../../../hooks/useBookmark/useBookmark.js";
+function FavoritesContainer(props) {
+  const apps = useBookmark() ?? [];
+  return /* @__PURE__ */ jsx(Favorites, { ...props, apps });
+}
+export {
+  FavoritesContainer
+};

package/dist/modules/homepage/components/Favorites/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Favorites';
+export * from './FavoritesContainer';

package/dist/modules/homepage/components/Header/Header.d.ts

@@ -0,0 +1,9 @@
+export interface HeaderProps {
+    src: string | undefined;
+    onNotificationsClick?: () => void;
+}
+declare const Header: {
+    ({ src, onNotificationsClick, }: HeaderProps): JSX.Element;
+    displayName: string;
+};
+export default Header;

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

@@ -0,0 +1,80 @@
+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 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 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
+}) => {
+  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,
+    communityWorkflow,
+    conversationWorflow
+  } = useHeader({
+    user,
+    avatar
+  }), {
+    theme
+  } = useEdificeTheme(), hasMessages = messages > 0, [userRef, isUserHovered] = useHover(), popoverUserId = useId(), handleNotificationsClick = () => {
+    onNotificationsClick == null || onNotificationsClick();
+  };
+  return /* @__PURE__ */ jsx("header", { className: classes, 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, {}) }) }),
+      communityWorkflow && /* @__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__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(ButtonBeta, { leftIcon: /* @__PURE__ */ jsx(SvgIconNotificationBeta, {}), variant: "ghost", onClick: handleNotificationsClick }) }),
+      /* @__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, { className: "top-100 widget", id: popoverUserId, isVisible: isUserHovered, children: /* @__PURE__ */ jsx(PopoverBody, { children: /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? ""), className: "nav-link 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/Header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Header';
+export { default as Header } from './Header';

package/dist/modules/homepage/components/HomeCard/HomeCard.d.ts

@@ -0,0 +1,37 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HomeCardHeaderProps } from './HomeCardHeader';
+export type HomeCardVariant = 'user' | 'primary' | 'secondary';
+export interface HomeCardProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Visual variant of the card.
+     * - `user` (default): padding 16, gap 16
+     * - `primary`: padding 8/16/16/16, gap 8
+     * - `secondary`: padding 8/16/16/16, gap 4, grey background, smaller title, no shadowbox
+     */
+    variant?: HomeCardVariant;
+    /**
+     * Children of the card. When omitted, a default `HomeCardHeader` will be
+     * rendered using the `headerProps` prop (handy for the common case where the
+     * card only needs a header + content slot).
+     */
+    children?: ReactNode;
+    /**
+     * Convenience prop: when provided and `children` is empty, a default
+     * `HomeCard.Header` is rendered with these props.
+     */
+    headerProps?: HomeCardHeaderProps;
+}
+declare const HomeCard: {
+    ({ variant, children, headerProps, className, ...rest }: HomeCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Header: {
+        ({ title, actionLabel, onActionClick, actionLeftIcon, actionRightIcon, className, ...rest }: HomeCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children, className, ...rest }: import('./HomeCardContent').HomeCardContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export default HomeCard;

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

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import HomeCardContent from "./HomeCardContent.js";
+import HomeCardHeader from "./HomeCardHeader.js";
+const Root = ({
+  variant = "user",
+  children,
+  headerProps,
+  className,
+  ...rest
+}) => /* @__PURE__ */ jsx("div", { "data-testid": "home-card", "data-variant": variant, className: clsx("home-card", `home-card--${variant}`, className), ...rest, children: headerProps && !children ? /* @__PURE__ */ jsx(HomeCardHeader, { ...headerProps }) : children }), HomeCard = Object.assign(Root, {
+  Header: HomeCardHeader,
+  Content: HomeCardContent
+});
+export {
+  HomeCard as default
+};

package/dist/modules/homepage/components/HomeCard/HomeCardContent.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type HomeCardContentProps = ComponentPropsWithoutRef<'div'>;
+declare const HomeCardContent: {
+    ({ children, className, ...rest }: HomeCardContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default HomeCardContent;

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

@@ -0,0 +1,10 @@
+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.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef, MouseEventHandler, ReactNode } from 'react';
+export interface HomeCardHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    /** Title displayed on the left side of the header. */
+    title: ReactNode;
+    /** Label of the action button displayed on the right side of the header. */
+    actionLabel?: ReactNode;
+    /** Callback invoked when the action button is clicked. */
+    onActionClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Optional left icon of the action button. */
+    actionLeftIcon?: ReactNode;
+    /** Optional right icon of the action button. */
+    actionRightIcon?: ReactNode;
+}
+declare const HomeCardHeader: {
+    ({ title, actionLabel, onActionClick, actionLeftIcon, actionRightIcon, className, ...rest }: HomeCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default HomeCardHeader;

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

@@ -0,0 +1,22 @@
+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,
+  className,
+  ...rest
+}) => {
+  const hasAction = !!actionLabel && !!onActionClick;
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: clsx("home-card-header", className), ...rest, children: [
+    /* @__PURE__ */ jsx("h3", { className: "home-card-header-title", children: title }),
+    hasAction && /* @__PURE__ */ jsx(ButtonBeta, { color: "default", variant: "ghost", onClick: onActionClick, leftIcon: actionLeftIcon, rightIcon: actionRightIcon, "data-testid": "home-card-header-action", children: actionLabel })
+  ] });
+};
+export {
+  HomeCardHeader as default
+};

package/dist/modules/homepage/components/HomeCard/index.d.ts

@@ -0,0 +1,4 @@
+export { default as HomeCard } from './HomeCard';
+export * from './HomeCard';
+export type { HomeCardHeaderProps } from './HomeCardHeader';
+export type { HomeCardContentProps } from './HomeCardContent';

package/dist/modules/homepage/components/LastInfos/LastInfos.d.ts

@@ -0,0 +1,49 @@
+export interface LastInfosProps {
+    /**
+     * ID of the info.
+     */
+    id: number | string;
+    /**
+     * URL of the icon to display in the upper left corner.
+     * i.e. "/workspace/document/36a04526-15a2-4e8f-adb6-cca75630e50d"
+     */
+    icon: string;
+    /**
+     * ID of the thread to be displayed next to the icon.
+     */
+    threadId: number | string;
+    /**
+     * Name of the thread to be displayed next to the icon.
+     * i.e. "Informations importantes"
+     */
+    threadName: string;
+    /**
+     * Title of the info.
+     */
+    title: string;
+    /**
+     * Content of the info.
+     */
+    content: string;
+    /**
+     * Publication date in ISO format.
+     */
+    publicationDate: string;
+    /**
+     * Whether the info is highlighted.
+     */
+    isHeadline: boolean;
+    /**
+     * Name of the user who posted this info.
+     */
+    username: string;
+    /**
+     * Handle the click event.
+     */
+    onClick?: (threadId: number | string, id: number | string) => void;
+}
+declare const LastInfos: {
+    ({ id, icon, threadId, threadName, content, isHeadline, title, onClick, }: LastInfosProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default LastInfos;

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

@@ -0,0 +1,58 @@
+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.d.ts

@@ -0,0 +1,4 @@
+export declare function LastInfosContainer(): string | import("react/jsx-runtime").JSX.Element;
+export declare namespace LastInfosContainer {
+    var displayName: string;
+}

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

@@ -0,0 +1,37 @@
+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.d.ts

@@ -0,0 +1,13 @@
+import { LastInfosProps } from './LastInfos';
+export interface LastInfosListProps {
+    /** List of Info to display. */
+    infos: Array<LastInfosProps>;
+    /** Handle a click on an info. If undefined, Actualites will be opened to read the info details. */
+    onInfoClick?: (threadId: number | string, id: number | string) => void;
+    /** Handle a click on the "See more" button. If undefined, Actualites will be opened. */
+    onSeeMoreClick?: () => void;
+}
+export declare function LastInfosList({ infos, onInfoClick: handleInfoClick, onSeeMoreClick: handleSeeMoreClick, }: LastInfosListProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace LastInfosList {
+    var displayName: string;
+}

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

@@ -0,0 +1,31 @@
+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-last-infos-beta.svg";
+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(Flex, { gap: "16", direction: "column", className: "last-infos-list-body", children: infos.length === 0 ? /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuLastInfosEmptyScreen, size: 64, 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/index.d.ts

@@ -0,0 +1,4 @@
+export * from './LastInfos';
+export { default as LastInfos } from './LastInfos';
+export * from './LastInfosContainer';
+export * from './LastInfosList';

package/dist/modules/homepage/components/LastInfos/useLastInfos.d.ts

@@ -0,0 +1,18 @@
+export interface LastInfosModel {
+    modifiedDate: string;
+    headline: boolean;
+    thread: {
+        id: number;
+        icon: string;
+        title: string;
+    };
+    title: string;
+    content: string;
+    username: string;
+    id: number;
+}
+export declare function useLastInfos(): {
+    infos: LastInfosModel[] | undefined;
+    isLoading: boolean;
+    error: Error | null;
+};

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

@@ -0,0 +1,25 @@
+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.d.ts

@@ -0,0 +1,12 @@
+import { IFlashMessageModel } from '@edifice.io/client';
+export type MessageFlashProps = {
+    /** Message to display */
+    message: IFlashMessageModel;
+    /** Callback when the message is closed */
+    onCloseMessage?: (message: IFlashMessageModel) => void;
+};
+declare const MessageFlash: {
+    ({ message, onCloseMessage }: MessageFlashProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MessageFlash;