@edifice.io/react 2.6.9-develop-b2school.20261016112251 → 2.6.9-develop-b2school.20261016170630

package/dist/homepage.js

@@ -1,25 +1,29 @@
 import { default as default2 } from "./modules/homepage/components/BriefMe/BriefMe.js";
-import { default as default3 } from "./modules/homepage/components/Communities/Communities.js";
-import { default as default4 } from "./modules/homepage/components/Communities/CommunityItem.js";
-import { default as default5 } from "./modules/homepage/components/Communities/CommunitiesSkeleton.js";
-import { default as default6 } from "./modules/homepage/components/GenerationHdf/GenerationHdf.js";
-import { default as default7 } from "./modules/homepage/components/Header/Header.js";
-import { default as default8 } from "./modules/homepage/components/HomeCard/HomeCard.js";
-import { default as default9 } from "./modules/homepage/components/LastInfos/LastInfos.js";
-import { default as default10 } from "./modules/homepage/components/MessageFlashList/MessageFlash.js";
-import { default as default11 } from "./modules/homepage/components/MessageFlashList/MessageFlashList.js";
-import { default as default12 } from "./modules/homepage/components/Notifications/NotificationItem.js";
-import { default as default13 } from "./modules/homepage/components/Notifications/NotificationList.js";
+import { default as default3 } from "./modules/homepage/components/Cantine/Cantine.js";
+import { default as default4 } from "./modules/homepage/components/Cantine/CantineModal.js";
+import { default as default5 } from "./modules/homepage/components/Communities/Communities.js";
+import { default as default6 } from "./modules/homepage/components/Communities/CommunityItem.js";
+import { default as default7 } from "./modules/homepage/components/Communities/CommunitiesSkeleton.js";
+import { default as default8 } from "./modules/homepage/components/GenerationHdf/GenerationHdf.js";
+import { default as default9 } from "./modules/homepage/components/Header/Header.js";
+import { default as default10 } from "./modules/homepage/components/HomeCard/HomeCard.js";
+import { default as default11 } from "./modules/homepage/components/LastInfos/LastInfos.js";
+import { default as default12 } from "./modules/homepage/components/MessageFlashList/MessageFlash.js";
+import { default as default13 } from "./modules/homepage/components/MessageFlashList/MessageFlashList.js";
+import { default as default14 } from "./modules/homepage/components/Notifications/NotificationItem.js";
+import { default as default15 } from "./modules/homepage/components/Notifications/NotificationList.js";
 import { NotificationListContainer } from "./modules/homepage/components/Notifications/NotificationListContainer.js";
-import { default as default14 } from "./modules/homepage/components/Qwant/Qwant.js";
-import { default as default15 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
-import { default as default16 } from "./modules/homepage/components/Universalis/Universalis.js";
-import { default as default17 } from "./modules/homepage/components/UserSpace/UserSpace.js";
+import { default as default16 } from "./modules/homepage/components/Qwant/Qwant.js";
+import { default as default17 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
+import { default as default18 } from "./modules/homepage/components/Universalis/Universalis.js";
+import { default as default19 } from "./modules/homepage/components/UserSpace/UserSpace.js";
 import { Agenda } from "./modules/homepage/components/Agenda/Agenda.js";
 import { AgendaContainer } from "./modules/homepage/components/Agenda/AgendaContainer.js";
 import { AgendaEventCard } from "./modules/homepage/components/Agenda/AgendaEventCard.js";
 import { BriefMeContainer } from "./modules/homepage/components/BriefMe/BriefMeContainer.js";
 import { COMMUNITIES_PREVIEW_SIZE, useCommunities } from "./modules/homepage/components/Communities/useCommunities.js";
+import { CantineContainer } from "./modules/homepage/components/Cantine/CantineContainer.js";
+import { CantineModalContainer } from "./modules/homepage/components/Cantine/CantineModalContainer.js";
 import { CommunitiesContainer } from "./modules/homepage/components/Communities/CommunitiesContainer.js";
 import { Favorites } from "./modules/homepage/components/Favorites/Favorites.js";
 import { FavoritesContainer } from "./modules/homepage/components/Favorites/FavoritesContainer.js";
@@ -46,37 +50,41 @@ export {
   default2 as BriefMe,
   BriefMeContainer,
   COMMUNITIES_PREVIEW_SIZE,
-  default3 as Communities,
+  default3 as Cantine,
+  CantineContainer,
+  default4 as CantineModal,
+  CantineModalContainer,
+  default5 as Communities,
   CommunitiesContainer,
-  default4 as CommunitiesItem,
-  default5 as CommunitiesSkeleton,
+  default6 as CommunitiesItem,
+  default7 as CommunitiesSkeleton,
   Favorites,
   FavoritesContainer,
-  default6 as GenerationHdf,
+  default8 as GenerationHdf,
   GenerationHdfContainer,
-  default7 as Header,
-  default8 as HomeCard,
-  default9 as LastInfos,
+  default9 as Header,
+  default10 as HomeCard,
+  default11 as LastInfos,
   LastInfosContainer,
   LastInfosList,
   LinkForm,
   MAX_USEFUL_LINKS,
-  default10 as MessageFlash,
-  default11 as MessageFlashList,
+  default12 as MessageFlash,
+  default13 as MessageFlashList,
   MessageFlashListContainer,
-  default12 as NotificationItem,
-  default13 as NotificationList,
+  default14 as NotificationItem,
+  default15 as NotificationList,
   NotificationListContainer,
-  default14 as Qwant,
+  default16 as Qwant,
   QwantContainer,
-  default15 as SchoolSpace,
+  default17 as SchoolSpace,
   SchoolSpaceContainer,
-  default16 as Universalis,
+  default18 as Universalis,
   UniversalisContainer,
   UsefulLinks,
   UsefulLinksContainer,
   UsefulLinksModal,
-  default17 as UserSpace,
+  default19 as UserSpace,
   UserSpaceContainer,
   WidgetToggle,
   WidgetsPersonalizationPanel,

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

@@ -0,0 +1,7 @@
+import { CantineSection, CantineStatus } from './types';
+export interface CantineProps {
+    status: CantineStatus;
+    sections: CantineSection[];
+    handleFullScreenClick: () => void;
+}
+export default function Cantine({ status, sections, handleFullScreenClick, }: CantineProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import illuCantineEmpty from "@edifice.io/bootstrap/dist/images/homepage/cantine/illu-cantine-empty.svg";
+import { useTranslation } from "react-i18next";
+import SvgIconFullScreen from "../../../icons/components/IconFullScreen.js";
+import CantineMenuSection from "./components/CantineMenuSection.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+import Image from "../../../../components/Image/Image.js";
+function Cantine({
+  status,
+  sections,
+  handleFullScreenClick
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", className: "cantine", children: [
+    /* @__PURE__ */ jsxs("div", { className: "cantine__header", children: [
+      /* @__PURE__ */ jsx("h3", { className: "cantine__title", children: t("homepage.widget.cantine.title") }),
+      status !== "error" && /* @__PURE__ */ jsx(ButtonBeta, { "aria-label": t("homepage.widget.cantine.open"), onClick: handleFullScreenClick, leftIcon: /* @__PURE__ */ jsx(SvgIconFullScreen, {}), variant: "ghost", color: "tertiary" })
+    ] }),
+    /* @__PURE__ */ jsxs(HomeCard.Content, { className: "cantine__content", children: [
+      status === "loading" && /* @__PURE__ */ jsxs("div", { className: "cantine__loading", "data-testid": "cantine-loading", children: [
+        /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "cantine__loading-item" }),
+        /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "cantine__loading-item" }),
+        /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "cantine__loading-item" })
+      ] }),
+      status === "error" && /* @__PURE__ */ jsxs("div", { className: "cantine__error", children: [
+        /* @__PURE__ */ jsx(Image, { src: illuCantineEmpty, alt: t("homepage.widget.cantine.emptyIllustration"), className: "cantine__error-illu" }),
+        /* @__PURE__ */ jsx("p", { className: "cantine__error-message", children: t("homepage.widget.cantine.error") })
+      ] }),
+      status === "empty" && /* @__PURE__ */ jsxs("div", { className: "cantine__empty", children: [
+        /* @__PURE__ */ jsx(Image, { src: illuCantineEmpty, alt: t("homepage.widget.cantine.emptyIllustration"), className: "cantine__empty-illu" }),
+        /* @__PURE__ */ jsx("p", { className: "cantine__empty-message", children: t("homepage.widget.cantine.empty") }),
+        /* @__PURE__ */ jsx(ButtonBeta, { variant: "outline", rightIcon: /* @__PURE__ */ jsx(SvgIconFullScreen, {}), onClick: handleFullScreenClick, children: t("homepage.widget.cantine.seeMore") })
+      ] }),
+      status === "default" && /* @__PURE__ */ jsx("ul", { className: "cantine__menu", children: sections.map((section) => /* @__PURE__ */ jsx(CantineMenuSection, { category: section.category, items: section.items }, section.category)) })
+    ] })
+  ] });
+}
+export {
+  Cantine as default
+};

package/dist/modules/homepage/components/Cantine/CantineContainer.d.ts

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

package/dist/modules/homepage/components/Cantine/CantineContainer.js

@@ -0,0 +1,18 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import Cantine from "./Cantine.js";
+import { CantineModalContainer } from "./CantineModalContainer.js";
+import { useCantine } from "./hooks/useCantine.js";
+function CantineContainer() {
+  const {
+    sections,
+    status
+  } = useCantine(), [isModalOpen, setIsModalOpen] = useState(!1);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Cantine, { status, sections, handleFullScreenClick: () => setIsModalOpen(!0) }),
+    isModalOpen && /* @__PURE__ */ jsx(CantineModalContainer, { onClose: () => setIsModalOpen(!1) })
+  ] });
+}
+export {
+  CantineContainer
+};

package/dist/modules/homepage/components/Cantine/CantineModal.d.ts

@@ -0,0 +1,24 @@
+import { School } from '@edifice.io/client';
+import { CantineMenuType, CantineSection, CantineStatus } from './types';
+export interface CantineModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    schools: School[];
+    selectedSchool?: School;
+    onSchoolChange: (schoolId: string) => void;
+    hasDinner: boolean;
+    menuType: CantineMenuType;
+    onMenuTypeChange: (menuType: CantineMenuType) => void;
+    date: string;
+    canGoPrevious: boolean;
+    canGoNext: boolean;
+    onPreviousDay: () => void;
+    onNextDay: () => void;
+    sections: CantineSection[];
+    status: CantineStatus;
+}
+declare const CantineModal: {
+    ({ isOpen, onClose, schools, selectedSchool, onSchoolChange, hasDinner, menuType, onMenuTypeChange, date, canGoPrevious, canGoNext, onPreviousDay, onNextDay, sections, status, }: CantineModalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default CantineModal;

package/dist/modules/homepage/components/Cantine/CantineModal.js

@@ -0,0 +1,88 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import illuCantineEmpty from "@edifice.io/bootstrap/dist/images/homepage/cantine/illu-cantine-empty.svg";
+import { useTranslation } from "react-i18next";
+import SvgIconRafterLeft from "../../../icons/components/IconRafterLeft.js";
+import SvgIconRafterRight from "../../../icons/components/IconRafterRight.js";
+import CantineLegend from "./components/CantineLegend.js";
+import CantineMenuSection from "./components/CantineMenuSection.js";
+import useDate from "../../../../hooks/useDate/useDate.js";
+import ModalBeta from "../../../../components/ModalBeta/ModalBeta.js";
+import FormControl from "../../../../components/Form/FormControl.js";
+import Label from "../../../../components/Label/Label.js";
+import Select from "../../../../components/Select/Select.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+import Image from "../../../../components/Image/Image.js";
+const CantineModal = ({
+  isOpen,
+  onClose,
+  schools,
+  selectedSchool,
+  onSchoolChange,
+  hasDinner,
+  menuType,
+  onMenuTypeChange,
+  date,
+  canGoPrevious,
+  canGoNext,
+  onPreviousDay,
+  onNextDay,
+  sections,
+  status
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    formatDate
+  } = useDate(), hasSchoolSelect = schools.length > 1, menuTypeOptions = [{
+    value: "lunch",
+    label: t("homepage.widget.cantine.lunch")
+  }, {
+    value: "dinner",
+    label: t("homepage.widget.cantine.dinner")
+  }];
+  return /* @__PURE__ */ jsxs(ModalBeta, { id: "cantine-modal", size: "l", isOpen, onModalClose: onClose, children: [
+    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onClose, children: t("homepage.widget.cantine.title") }),
+    /* @__PURE__ */ jsxs(ModalBeta.Body, { className: "cantine-modal", children: [
+      /* @__PURE__ */ jsxs("div", { className: "cantine-modal__aside", children: [
+        (hasSchoolSelect || hasDinner) && /* @__PURE__ */ jsx("div", { className: "cantine-modal__form", children: /* @__PURE__ */ jsxs("div", { className: "cantine-modal__fields", children: [
+          hasSchoolSelect && /* @__PURE__ */ jsxs(FormControl, { id: "cantine-modal-school", className: "cantine-modal__field", children: [
+            /* @__PURE__ */ jsx(Label, { className: "cantine-modal__label", children: t("homepage.widget.cantine.school") }),
+            /* @__PURE__ */ jsx(Select, { block: !0, placeholderOption: t("homepage.widget.cantine.school"), options: schools.map((school) => ({
+              value: school.id,
+              label: school.name
+            })), selectedValue: selectedSchool && {
+              value: selectedSchool.id,
+              label: selectedSchool.name
+            }, onValueChange: (option) => onSchoolChange(typeof option == "string" ? option : option.value) })
+          ] }),
+          hasDinner && /* @__PURE__ */ jsxs(FormControl, { id: "cantine-modal-menu", className: "cantine-modal__field", children: [
+            /* @__PURE__ */ jsx(Label, { className: "cantine-modal__label", children: t("homepage.widget.cantine.menu") }),
+            /* @__PURE__ */ jsx(Select, { block: !0, placeholderOption: t("homepage.widget.cantine.lunch"), options: menuTypeOptions, selectedValue: menuTypeOptions.find((option) => option.value === menuType), onValueChange: (option) => onMenuTypeChange(typeof option == "string" ? option : option.value) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(CantineLegend, {})
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "cantine-modal__panel", children: [
+        /* @__PURE__ */ jsxs("div", { className: "cantine-modal__nav", children: [
+          /* @__PURE__ */ jsx(ButtonBeta, { "aria-label": t("homepage.widget.cantine.previousDay"), leftIcon: /* @__PURE__ */ jsx(SvgIconRafterLeft, {}), variant: "ghost", color: "tertiary", disabled: !canGoPrevious, onClick: onPreviousDay }),
+          /* @__PURE__ */ jsx("p", { className: "cantine-modal__date", children: formatDate(date, "dddd D MMMM") }),
+          /* @__PURE__ */ jsx(ButtonBeta, { "aria-label": t("homepage.widget.cantine.nextDay"), leftIcon: /* @__PURE__ */ jsx(SvgIconRafterRight, {}), variant: "ghost", color: "tertiary", disabled: !canGoNext, onClick: onNextDay })
+        ] }),
+        status === "loading" && /* @__PURE__ */ jsxs("div", { className: "cantine-modal__loading", "data-testid": "cantine-modal-loading", children: [
+          /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "cantine-modal__loading-item" }),
+          /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "cantine-modal__loading-item" }),
+          /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "cantine-modal__loading-item" })
+        ] }),
+        (status === "empty" || status === "error") && /* @__PURE__ */ jsxs("div", { className: "cantine-modal__empty", children: [
+          /* @__PURE__ */ jsx(Image, { src: illuCantineEmpty, alt: t("homepage.widget.cantine.emptyIllustration"), className: "cantine-modal__empty-illu" }),
+          /* @__PURE__ */ jsx("p", { className: "cantine-modal__empty-message", children: t("homepage.widget.cantine.empty") })
+        ] }),
+        status === "default" && /* @__PURE__ */ jsx("ul", { className: "cantine-modal__menu", children: sections.map((section) => /* @__PURE__ */ jsx(CantineMenuSection, { category: section.category, items: section.items }, section.category)) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  CantineModal as default
+};

package/dist/modules/homepage/components/Cantine/CantineModalContainer.d.ts

@@ -0,0 +1,7 @@
+export interface CantineModalContainerProps {
+    onClose: () => void;
+}
+export declare function CantineModalContainer({ onClose }: CantineModalContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CantineModalContainer {
+    var displayName: string;
+}

package/dist/modules/homepage/components/Cantine/CantineModalContainer.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import CantineModal from "./CantineModal.js";
+import { useCantineModal } from "./hooks/useCantineModal.js";
+function CantineModalContainer({
+  onClose
+}) {
+  const cantineModal = useCantineModal();
+  return /* @__PURE__ */ jsx(CantineModal, { isOpen: !0, onClose, ...cantineModal });
+}
+export {
+  CantineModalContainer
+};

package/dist/modules/homepage/components/Cantine/components/CantineLegend.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Meaning of the quality pictograms displayed next to the dishes, plus the
+ * legal notice required by the canteen provider.
+ */
+export default function CantineLegend(): import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/Cantine/components/CantineLegend.js

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { DISH_TAGS } from "./cantineLabels.js";
+import Image from "../../../../../components/Image/Image.js";
+function CantineLegend() {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "cantine-modal__legend", children: [
+    /* @__PURE__ */ jsxs("div", { className: "cantine-modal__legend-list", children: [
+      /* @__PURE__ */ jsx("h3", { className: "cantine-modal__legend-title", children: t("homepage.widget.cantine.legend.title") }),
+      DISH_TAGS.map((tag) => /* @__PURE__ */ jsxs("p", { className: "cantine-modal__legend-item", children: [
+        /* @__PURE__ */ jsx(Image, { src: tag.icon, alt: t(tag.i18nKey, tag.defaultLabel), className: "cantine-modal__legend-icon" }),
+        t(tag.i18nKey, tag.defaultLabel)
+      ] }, tag.flag))
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "cantine-modal__notice", children: t("homepage.widget.cantine.legend.notice") })
+  ] });
+}
+export {
+  CantineLegend as default
+};

package/dist/modules/homepage/components/Cantine/components/CantineMenuSection.d.ts

@@ -0,0 +1,6 @@
+import { CantineCategory, CantineDish } from '../types';
+export interface CantineMenuSectionProps {
+    category: CantineCategory;
+    items: CantineDish[];
+}
+export default function CantineMenuSection({ category, items, }: CantineMenuSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/Cantine/components/CantineMenuSection.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { CATEGORY_CONFIG, DISH_TAGS } from "./cantineLabels.js";
+import Image from "../../../../../components/Image/Image.js";
+function CantineMenuSection({
+  category,
+  items
+}) {
+  const {
+    t
+  } = useTranslation(), config = CATEGORY_CONFIG[category];
+  return /* @__PURE__ */ jsxs("li", { className: `cantine__section cantine__section-${category}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "cantine__section-header", children: [
+      /* @__PURE__ */ jsx("span", { className: "cantine__section-icon", children: /* @__PURE__ */ jsx(Image, { src: config.icon, alt: t(config.i18nKey, config.defaultLabel) }) }),
+      /* @__PURE__ */ jsx("h4", { className: "cantine__section-title", children: t(config.i18nKey, config.defaultLabel) })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "cantine__items", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: "cantine__item", children: [
+      /* @__PURE__ */ jsxs("div", { className: "cantine__item-text", children: [
+        /* @__PURE__ */ jsx("p", { className: "cantine__item-label", children: item.label }),
+        item.allergens.length > 0 && /* @__PURE__ */ jsx("p", { className: "cantine__item-allergens", children: item.allergens.join(", ") })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "cantine__item-tags", children: DISH_TAGS.filter((tag) => item[tag.flag]).map((tag) => /* @__PURE__ */ jsx(Image, { src: tag.icon, alt: t(tag.i18nKey, tag.defaultLabel), className: "cantine__item-tag" }, tag.flag)) })
+    ] }, item.id)) })
+  ] });
+}
+export {
+  CantineMenuSection as default
+};

package/dist/modules/homepage/components/Cantine/components/cantineLabels.d.ts

@@ -0,0 +1,12 @@
+import { CantineCategory } from '../types';
+export interface IllustratedLabel {
+    icon: string;
+    i18nKey: string;
+    defaultLabel: string;
+}
+export declare const CATEGORY_CONFIG: Record<CantineCategory, IllustratedLabel>;
+/** Boolean quality flags of a dish */
+export type DishFlag = 'vegetarien' | 'faitmaison' | 'bio' | 'local';
+export declare const DISH_TAGS: (IllustratedLabel & {
+    flag: DishFlag;
+})[];

package/dist/modules/homepage/components/Cantine/components/cantineLabels.js

@@ -0,0 +1,60 @@
+import illuAccompagnement from "@edifice.io/bootstrap/dist/images/homepage/cantine/cantine-dish-accompagnement.svg";
+import illuDessert from "@edifice.io/bootstrap/dist/images/homepage/cantine/cantine-dish-dessert.svg";
+import illuEntree from "@edifice.io/bootstrap/dist/images/homepage/cantine/cantine-dish-entree.svg";
+import illuLaitage from "@edifice.io/bootstrap/dist/images/homepage/cantine/cantine-dish-laitage.svg";
+import illuPlat from "@edifice.io/bootstrap/dist/images/homepage/cantine/cantine-dish-plat.svg";
+import labelBio from "@edifice.io/bootstrap/dist/images/homepage/cantine/cantine-label-bio.png";
+import labelFaitmaison from "@edifice.io/bootstrap/dist/images/homepage/cantine/cantine-label-faitmaison.png";
+import labelLocal from "@edifice.io/bootstrap/dist/images/homepage/cantine/cantine-label-local.png";
+import labelVegetarien from "@edifice.io/bootstrap/dist/images/homepage/cantine/cantine-label-vegetarien.png";
+const CATEGORY_CONFIG = {
+  entree: {
+    icon: illuEntree,
+    i18nKey: "homepage.widget.cantine.category.entree",
+    defaultLabel: "Entrée"
+  },
+  plat: {
+    icon: illuPlat,
+    i18nKey: "homepage.widget.cantine.category.plat",
+    defaultLabel: "Plat"
+  },
+  accompagnement: {
+    icon: illuAccompagnement,
+    i18nKey: "homepage.widget.cantine.category.accompagnement",
+    defaultLabel: "Accompagnement"
+  },
+  laitage: {
+    icon: illuLaitage,
+    i18nKey: "homepage.widget.cantine.category.laitage",
+    defaultLabel: "Laitage"
+  },
+  dessert: {
+    icon: illuDessert,
+    i18nKey: "homepage.widget.cantine.category.dessert",
+    defaultLabel: "Dessert"
+  }
+}, DISH_TAGS = [{
+  flag: "vegetarien",
+  icon: labelVegetarien,
+  i18nKey: "homepage.widget.cantine.tag.vegetarien",
+  defaultLabel: "Végétarien"
+}, {
+  flag: "faitmaison",
+  icon: labelFaitmaison,
+  i18nKey: "homepage.widget.cantine.tag.faitmaison",
+  defaultLabel: "Fait maison"
+}, {
+  flag: "bio",
+  icon: labelBio,
+  i18nKey: "homepage.widget.cantine.tag.bio",
+  defaultLabel: "Agriculture biologique"
+}, {
+  flag: "local",
+  icon: labelLocal,
+  i18nKey: "homepage.widget.cantine.tag.local",
+  defaultLabel: "Produit local"
+}];
+export {
+  CATEGORY_CONFIG,
+  DISH_TAGS
+};

package/dist/modules/homepage/components/Cantine/hooks/useCantine.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Today's lunch menu for the school currently selected by the user (see
+ * `useUserSchools`).
+ *
+ * Only lunch is exposed: the widget design has no lunch/dinner toggle, unlike
+ * the modal and the legacy AngularJS widget.
+ */
+export declare function useCantine(): {
+    sections: import('..').CantineSection[];
+    status: import('..').CantineStatus;
+};

package/dist/modules/homepage/components/Cantine/hooks/useCantine.js

@@ -0,0 +1,20 @@
+import { useUserSchools } from "../../../hooks/useUserSchools.js";
+import { useCantineMenu } from "./useCantineMenu.js";
+import useDate from "../../../../../hooks/useDate/useDate.js";
+function useCantine() {
+  const {
+    selectedSchool
+  } = useUserSchools(), {
+    formatDate
+  } = useDate(), {
+    sections,
+    status
+  } = useCantineMenu((selectedSchool == null ? void 0 : selectedSchool.UAI) ?? "", formatDate(/* @__PURE__ */ new Date(), "YYYY-MM-DD"));
+  return {
+    sections,
+    status
+  };
+}
+export {
+  useCantine
+};

package/dist/modules/homepage/components/Cantine/hooks/useCantineMenu.d.ts

@@ -0,0 +1,24 @@
+import { CantineMenuItem, CantineMenus, CantineMenuType, CantineSection, CantineStatus } from '../types';
+export declare function buildSections(menu: CantineMenuItem[]): CantineSection[];
+export declare function cantineMenuQueryOptions(uai: string, date: string): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<CantineMenus, Error, CantineMenus, import('@tanstack/react-query').QueryKey>, "queryFn"> & {
+    queryFn?: import('@tanstack/react-query').QueryFunction<CantineMenus, import('@tanstack/react-query').QueryKey, never> | undefined;
+} & {
+    queryKey: import('@tanstack/react-query').DataTag<import('@tanstack/react-query').QueryKey, CantineMenus>;
+};
+/**
+ * Loads one day's menu for one school and groups the requested service's
+ * dishes by category. Shared by the widget and its full-screen modal.
+ *
+ * `loading` also covers "no school selected yet": an absent UAI leaves
+ * `enabled: false`, so the query never starts.
+ *
+ * When the day or the school has no dinner service, the returned `menuType`
+ * falls back on lunch: the caller keeps its own request untouched and simply
+ * renders what is actually served.
+ */
+export declare function useCantineMenu(uai: string, date: string, requestedMenuType?: CantineMenuType): {
+    sections: CantineSection[];
+    dinnerAvailable: boolean;
+    menuType: CantineMenuType;
+    status: CantineStatus;
+};

package/dist/modules/homepage/components/Cantine/hooks/useCantineMenu.js

@@ -0,0 +1,65 @@
+import { odeServices } from "@edifice.io/client";
+import { useQuery, queryOptions } from "@tanstack/react-query";
+import { useMemo } from "react";
+const CANTINE_CATEGORIES = ["entree", "plat", "accompagnement", "laitage", "dessert"];
+function getAllergens(item) {
+  return Object.keys(item).filter((key) => key.startsWith("allerg_") && item[key] !== 0 && item[key] !== void 0).map((key) => key.slice(7).replace(/_/g, " "));
+}
+function normalizeDish(item, index) {
+  var _a;
+  const designation = (_a = item.designationMenu) == null ? void 0 : _a.trim();
+  return {
+    id: `${item.type}-${index}`,
+    label: designation || item.nom,
+    vegetarien: !!item.vegetarien,
+    faitmaison: !!item.faitmaison,
+    bio: !!item.bio,
+    local: !!item.local,
+    allergens: getAllergens(item)
+  };
+}
+function buildSections(menu) {
+  return CANTINE_CATEGORIES.map((category) => ({
+    category,
+    items: menu.filter((item) => item.type === category).map((item, index) => normalizeDish(item, index))
+  })).filter((section) => section.items.length > 0);
+}
+function cantineMenuQueryOptions(uai, date) {
+  return queryOptions({
+    queryKey: ["cantine", uai, date],
+    enabled: !!uai,
+    // The menu is keyed by day and proxied from a slow upstream service, so
+    // this caches it for 5 minutes instead of refetching on every remount.
+    staleTime: 5 * 60 * 1e3,
+    // 5 minutes
+    queryFn: async () => {
+      const http = odeServices.http(), body = await http.get(`/appregistry/${encodeURIComponent(uai)}/cantine/menu?date=${date}`);
+      if (http.isResponseError())
+        throw new Error(http.latestResponse.statusText);
+      const lunch = Array.isArray(body == null ? void 0 : body.menu) ? body.menu : [], dinner = Array.isArray(body == null ? void 0 : body.dinnerMenu) ? body.dinnerMenu : [];
+      return {
+        lunch,
+        dinner,
+        dinnerAvailable: (body == null ? void 0 : body.dinnerAvailable) === !0 && dinner.length > 0
+      };
+    }
+  });
+}
+function useCantineMenu(uai, date, requestedMenuType = "lunch") {
+  const {
+    data,
+    isPending,
+    error
+  } = useQuery(cantineMenuQueryOptions(uai, date)), dinnerAvailable = (data == null ? void 0 : data.dinnerAvailable) === !0, menuType = requestedMenuType === "dinner" && dinnerAvailable ? "dinner" : "lunch", sections = useMemo(() => buildSections((menuType === "lunch" ? data == null ? void 0 : data.lunch : data == null ? void 0 : data.dinner) ?? []), [data, menuType]);
+  return {
+    sections,
+    dinnerAvailable,
+    menuType,
+    status: error ? "error" : !uai || isPending ? "loading" : sections.length > 0 ? "default" : "empty"
+  };
+}
+export {
+  buildSections,
+  cantineMenuQueryOptions,
+  useCantineMenu
+};

package/dist/modules/homepage/components/Cantine/hooks/useCantineModal.d.ts

@@ -0,0 +1,23 @@
+import { CantineMenuType } from '../types';
+/**
+ * Browsing state of the full-screen canteen modal: day, school and service.
+ *
+ * The school picked here stays local to the modal on purpose: it must not
+ * change the school shared with the other homepage widgets (see
+ * `useUserSchools`), only the menu being read.
+ */
+export declare function useCantineModal(): {
+    schools: import('@edifice.io/client').School[];
+    selectedSchool: import('@edifice.io/client').School | undefined;
+    onSchoolChange: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
+    hasDinner: boolean;
+    menuType: CantineMenuType;
+    onMenuTypeChange: import('react').Dispatch<import('react').SetStateAction<CantineMenuType>>;
+    date: string;
+    canGoPrevious: boolean;
+    canGoNext: boolean;
+    onPreviousDay: () => void;
+    onNextDay: () => void;
+    sections: import('..').CantineSection[];
+    status: import('..').CantineStatus;
+};

package/dist/modules/homepage/components/Cantine/hooks/useCantineModal.js

@@ -0,0 +1,43 @@
+import { useState, useMemo } from "react";
+import { useUserSchools } from "../../../hooks/useUserSchools.js";
+import { useCantineMenu } from "./useCantineMenu.js";
+import useDate from "../../../../../hooks/useDate/useDate.js";
+const DATE_RANGE_IN_DAYS = 40, DATE_FORMAT = "YYYY-MM-DD", addDays = (date, days) => {
+  const shifted = new Date(date);
+  return shifted.setDate(shifted.getDate() + days), shifted;
+};
+function useCantineModal() {
+  const {
+    schools,
+    selectedSchool: defaultSchool
+  } = useUserSchools(), {
+    formatDate
+  } = useDate(), [schoolId, setSchoolId] = useState(), [menuType, setMenuType] = useState("lunch"), [date, setDate] = useState(() => formatDate(/* @__PURE__ */ new Date(), DATE_FORMAT)), {
+    minDate,
+    maxDate
+  } = useMemo(() => {
+    const today = /* @__PURE__ */ new Date();
+    return {
+      minDate: formatDate(addDays(today, -DATE_RANGE_IN_DAYS), DATE_FORMAT),
+      maxDate: formatDate(addDays(today, DATE_RANGE_IN_DAYS), DATE_FORMAT)
+    };
+  }, [formatDate]), selectedSchool = schools.find((school) => school.id === schoolId) ?? defaultSchool, menu = useCantineMenu((selectedSchool == null ? void 0 : selectedSchool.UAI) ?? "", date, menuType), shiftDate = (days) => setDate((current) => formatDate(addDays(/* @__PURE__ */ new Date(`${current}T00:00:00`), days), DATE_FORMAT));
+  return {
+    schools,
+    selectedSchool,
+    onSchoolChange: setSchoolId,
+    hasDinner: menu.dinnerAvailable,
+    menuType: menu.menuType,
+    onMenuTypeChange: setMenuType,
+    date,
+    canGoPrevious: date > minDate,
+    canGoNext: date < maxDate,
+    onPreviousDay: () => shiftDate(-1),
+    onNextDay: () => shiftDate(1),
+    sections: menu.sections,
+    status: menu.status
+  };
+}
+export {
+  useCantineModal
+};

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

@@ -0,0 +1,7 @@
+export * from './Cantine';
+export { default as Cantine } from './Cantine';
+export * from './CantineContainer';
+export * from './CantineModal';
+export { default as CantineModal } from './CantineModal';
+export * from './CantineModalContainer';
+export type { CantineCategory, CantineDish, CantineMenuType, CantineSection, CantineStatus, } from './types';

package/dist/modules/homepage/components/Cantine/types.d.ts

@@ -0,0 +1,42 @@
+export type CantineCategory = 'entree' | 'plat' | 'accompagnement' | 'laitage' | 'dessert';
+/**
+ * Raw dish shape returned by the Webgerest upstream API, forwarded unmapped by
+ * app-registry. Everything besides `type` and `nom` is effectively optional.
+ */
+export interface CantineMenuItem {
+    type: string;
+    nom: string;
+    designationMenu?: string;
+    vegetarien?: boolean;
+    faitmaison?: boolean;
+    bio?: boolean;
+    local?: boolean;
+    [key: string]: unknown;
+}
+export interface CantineMenuResponse {
+    menu?: CantineMenuItem[];
+    dinnerAvailable?: boolean;
+    dinnerMenu?: CantineMenuItem[];
+}
+export interface CantineDish {
+    id: string;
+    label: string;
+    vegetarien: boolean;
+    faitmaison: boolean;
+    bio: boolean;
+    local: boolean;
+    allergens: string[];
+}
+export interface CantineSection {
+    category: CantineCategory;
+    items: CantineDish[];
+}
+/** Both services of a given day, as exposed by app-registry. */
+export interface CantineMenus {
+    lunch: CantineMenuItem[];
+    dinner: CantineMenuItem[];
+    /** True when the school also serves a dinner menu that day. */
+    dinnerAvailable: boolean;
+}
+export type CantineStatus = 'loading' | 'default' | 'empty' | 'error';
+export type CantineMenuType = 'lunch' | 'dinner';

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

@@ -1,6 +1,7 @@
 export * from './Agenda';
 export * from './Communities';
 export * from './BriefMe';
+export * from './Cantine';
 export * from './Favorites';
 export * from './GenerationHdf';
 export * from './Header';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.9-develop-b2school.20261016112251",
+  "version": "2.6.9-develop-b2school.20261016170630",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -140,9 +140,9 @@
     "swiper": "10.1.0",
     "ua-parser-js": "1.0.36",
     "zustand": "4.5.7",
-    "@edifice.io/tiptap-extensions": "2.6.9-develop-b2school.20261016112251",
-    "@edifice.io/bootstrap": "2.6.9-develop-b2school.20261016112251",
-    "@edifice.io/utilities": "2.6.9-develop-b2school.20261016112251"
+    "@edifice.io/bootstrap": "2.6.9-develop-b2school.20261016170630",
+    "@edifice.io/tiptap-extensions": "2.6.9-develop-b2school.20261016170630",
+    "@edifice.io/utilities": "2.6.9-develop-b2school.20261016170630"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "7.27.1",
@@ -173,8 +173,8 @@
     "vite": "5.4.14",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
-    "@edifice.io/client": "2.6.9-develop-b2school.20261016112251",
-    "@edifice.io/config": "2.6.9-develop-b2school.20261016112251"
+    "@edifice.io/client": "2.6.9-develop-b2school.20261016170630",
+    "@edifice.io/config": "2.6.9-develop-b2school.20261016170630"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",