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

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

@@ -1 +1,51 @@
-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};
+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()
+  }), 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: selectedTypes ?? notificationTypes, onFilterChange: (types) => onFilterChange == null ? void 0 : onFilterChange(types) })
+      ] }),
+      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" })
+    ] }),
+    (notifications == null ? void 0 : 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 == null ? void 0 : 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
+};

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

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

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

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

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

@@ -1,25 +1,3 @@
 import { default as React } from 'react';
-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>>;
+declare const NotificationSkeleton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export default NotificationSkeleton;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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