@edifice.io/react 2.6.9 → 2.6.10-develop-b2school.20261019134247

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/Communities/Communities.js

@@ -22,11 +22,11 @@ const Communities = ({
         height: 80
       } }),
       /* @__PURE__ */ jsx("div", { className: "communities-empty-content", children: canCreateCommunity ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle.teacher", "Réunissez vos élèves avec Communautés !") }),
-        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description.teacher", "Centralisez et organisez les documents et les ressources pour vos groupes d'élèves.") })
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle.teacher") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description.teacher") })
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle.student", "Retrouvez toutes vos communautés ici ! ") }),
-        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description.student", `Consultez l'onglet "Nouveaux partages" pour découvrir si vous avez été ajouté à une nouvelle communauté.`) })
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle.student") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description.student") })
       ] }) })
     ] }) }) })
   ] });

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

@@ -0,0 +1,16 @@
+import { FormEvent } from 'react';
+export type GenerationHdfStatus = 'idle' | 'loading' | 'error' | 'account';
+export interface GenerationHdfWallet {
+    label: string;
+    amount: string;
+}
+export interface GenerationHdfProps {
+    handleActionClick: () => void;
+    status: GenerationHdfStatus;
+    cardNumber: string;
+    onCardNumberChange: (value: string) => void;
+    onSubmit: (event: FormEvent<HTMLFormElement>) => void;
+    onEdit: () => void;
+    wallets: GenerationHdfWallet[];
+}
+export default function GenerationHdf({ handleActionClick, status, cardNumber, onCardNumberChange, onSubmit, onEdit, wallets, }: GenerationHdfProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import illuGenerationHdf from "@edifice.io/bootstrap/dist/images/homepage/illu-generation-hdf.svg";
+import { useTranslation } from "react-i18next";
+import SvgIconExternalLink from "../../../icons/components/IconExternalLink.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+import Image from "../../../../components/Image/Image.js";
+import FormControl from "../../../../components/Form/FormControl.js";
+import Input from "../../../../components/Input/Input.js";
+function GenerationHdf({
+  handleActionClick,
+  status,
+  cardNumber,
+  onCardNumberChange,
+  onSubmit,
+  onEdit,
+  wallets
+}) {
+  const {
+    t
+  } = useTranslation(), isAccount = status === "account", isLoading = status === "loading", isError = status === "error";
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsxs("div", { className: "generation-hdf__header", children: [
+      /* @__PURE__ */ jsx("h3", { className: "generation-hdf__title", children: t("homepage.widget.generation-hdf.title") }),
+      /* @__PURE__ */ jsx(ButtonBeta, { "data-testid": "generation-hdf-button-open", "aria-label": t("homepage.widget.generation-hdf.open"), onClick: handleActionClick, leftIcon: /* @__PURE__ */ jsx(SvgIconExternalLink, {}), variant: "ghost", color: "tertiary" })
+    ] }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsxs("div", { className: "generation-hdf", children: [
+      /* @__PURE__ */ jsx(Image, { src: illuGenerationHdf, alt: "Génération #HDF", className: "generation-hdf__logo" }),
+      isAccount ? /* @__PURE__ */ jsxs("div", { className: "generation-hdf__account", children: [
+        /* @__PURE__ */ jsx("h4", { className: "generation-hdf__account-title", children: t("homepage.widget.generation-hdf.wallets-title") }),
+        /* @__PURE__ */ jsx("ul", { className: "generation-hdf__wallets", children: wallets.map((wallet, index) => /* @__PURE__ */ jsxs("li", { className: "generation-hdf__wallet", children: [
+          /* @__PURE__ */ jsx("span", { className: "generation-hdf__wallet-label", children: wallet.label }),
+          /* @__PURE__ */ jsx("span", { className: "generation-hdf__wallet-amount", children: wallet.amount })
+        ] }, index)) })
+      ] }) : /* @__PURE__ */ jsx("p", { className: "generation-hdf__description", children: t("homepage.widget.generation-hdf.description") }),
+      /* @__PURE__ */ jsxs("form", { className: "generation-hdf__form", onSubmit, children: [
+        /* @__PURE__ */ jsxs(FormControl, { id: "generationHdfCardNumber", className: "generation-hdf__field", status: isError ? "invalid" : void 0, children: [
+          /* @__PURE__ */ jsx(Input, { size: "md", type: "text", inputMode: "numeric", placeholder: t("homepage.widget.generation-hdf.placeholder"), value: cardNumber, onChange: (event) => onCardNumberChange(event.target.value), disabled: isAccount, maxLength: 50 }),
+          isError && /* @__PURE__ */ jsx(FormControl.Text, { children: t("homepage.widget.generation-hdf.error") })
+        ] }),
+        isAccount ? /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "outline", color: "default", onClick: onEdit, children: t("homepage.widget.generation-hdf.edit") }) : /* @__PURE__ */ jsx(ButtonBeta, { type: "submit", variant: "outline", color: "default", isLoading, disabled: !cardNumber.trim(), children: t("homepage.widget.generation-hdf.submit") })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  GenerationHdf as default
+};

package/dist/modules/homepage/components/GenerationHdf/GenerationHdfContainer.d.ts

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

package/dist/modules/homepage/components/GenerationHdf/GenerationHdfContainer.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import GenerationHdf from "./GenerationHdf.js";
+import { useGenerationHdf } from "./useGenerationHdf.js";
+function GenerationHdfContainer() {
+  const generationHdf = useGenerationHdf();
+  return /* @__PURE__ */ jsx(GenerationHdf, { handleActionClick: () => {
+    window.open("https://generation.hautsdefrance.fr", "_blank", "noopener,noreferrer");
+  }, ...generationHdf });
+}
+export {
+  GenerationHdfContainer
+};

package/dist/modules/homepage/components/GenerationHdf/formatSolde.d.ts

@@ -0,0 +1 @@
+export declare function formatSolde(soldeStr: string): string;

package/dist/modules/homepage/components/GenerationHdf/formatSolde.js

@@ -0,0 +1,6 @@
+function formatSolde(soldeStr) {
+  return typeof soldeStr != "string" || soldeStr.length === 0 ? soldeStr : soldeStr.length === 1 ? `0,0${soldeStr}` : soldeStr.length === 2 ? `0,${soldeStr}` : `${soldeStr.substring(0, soldeStr.length - 2)},${soldeStr.substring(soldeStr.length - 2)}`;
+}
+export {
+  formatSolde
+};

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

@@ -0,0 +1,3 @@
+export * from './GenerationHdf';
+export { default as GenerationHdf } from './GenerationHdf';
+export * from './GenerationHdfContainer';

package/dist/modules/homepage/components/GenerationHdf/useGenerationHdf.d.ts

@@ -0,0 +1,10 @@
+import { FormEvent } from 'react';
+import { GenerationHdfStatus, GenerationHdfWallet } from './GenerationHdf';
+export declare function useGenerationHdf(): {
+    status: GenerationHdfStatus;
+    cardNumber: string;
+    onCardNumberChange: import('react').Dispatch<import('react').SetStateAction<string>>;
+    onSubmit: (event: FormEvent<HTMLFormElement>) => void;
+    onEdit: () => void;
+    wallets: GenerationHdfWallet[];
+};

package/dist/modules/homepage/components/GenerationHdf/useGenerationHdf.js

@@ -0,0 +1,68 @@
+import { odeServices, USER_PREFS } from "@edifice.io/client";
+import { useQuery, useMutation } from "@tanstack/react-query";
+import { useState, useRef, useEffect } from "react";
+import { formatSolde } from "./formatSolde.js";
+function mapSalesToWallets(data) {
+  return (data.sales ?? []).map((sale) => {
+    var _a;
+    const wallet = (_a = data.wallets) == null ? void 0 : _a.find((w) => w.code === sale.numPM);
+    return {
+      label: (wallet == null ? void 0 : wallet.libelle) ?? "",
+      amount: `${formatSolde(sale.solde)} €`
+    };
+  });
+}
+async function fetchSales(cardNb) {
+  const http = odeServices.http(), data = await http.get("/cursus/sales", {
+    queryParams: {
+      cardNb
+    }
+  });
+  if (http.isResponseError())
+    throw new Error(http.latestResponse.statusText);
+  return data;
+}
+function useGenerationHdf() {
+  const [cardNumber, setCardNumber] = useState(""), autoLoadTriggered = useRef(!1), preferenceQuery = useQuery({
+    queryKey: ["cursus", "preference"],
+    queryFn: () => odeServices.conf().getPreference(USER_PREFS.CURSUS)
+  }), salesMutation = useMutation({
+    mutationFn: async ({
+      cardNb,
+      persist
+    }) => {
+      const data = await fetchSales(cardNb);
+      return persist && await odeServices.conf().savePreference(USER_PREFS.CURSUS, {
+        cardNb
+      }), data;
+    }
+  });
+  useEffect(() => {
+    if (autoLoadTriggered.current || !preferenceQuery.data) return;
+    autoLoadTriggered.current = !0;
+    const storedCardNb = preferenceQuery.data.cardNb;
+    storedCardNb && (setCardNumber(storedCardNb), salesMutation.mutate({
+      cardNb: storedCardNb,
+      persist: !1
+    }));
+  }, [preferenceQuery.data, salesMutation]);
+  const status = preferenceQuery.data ? salesMutation.isPending ? "loading" : salesMutation.isError ? "error" : salesMutation.isSuccess ? "account" : "idle" : "loading", wallets = salesMutation.data ? mapSalesToWallets(salesMutation.data) : [];
+  return {
+    status,
+    cardNumber,
+    onCardNumberChange: setCardNumber,
+    onSubmit: (event) => {
+      event.preventDefault(), !salesMutation.isPending && salesMutation.mutate({
+        cardNb: cardNumber,
+        persist: !0
+      });
+    },
+    onEdit: () => {
+      odeServices.conf().savePreference(USER_PREFS.CURSUS, {}), setCardNumber(""), salesMutation.reset();
+    },
+    wallets
+  };
+}
+export {
+  useGenerationHdf
+};

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

@@ -2,6 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { useId } from "react";
+import { MyAppsPopoverBody, MyAppsPopoverFooter } from "./MyAppsPopover.js";
+import { useSafeHoverPopover } from "./useSafeHoverPopover.js";
 import { Navbar } from "../../../../components/Layout/components/Navbar.js";
 import { NavItem } from "../../../../components/Layout/components/NavItem.js";
 import { NavLink } from "../../../../components/Layout/components/NavLink.js";
@@ -16,15 +18,15 @@ import SvgIconNotificationBeta from "../../../icons/components/nav/IconNotificat
 import { useHasNotificationToday } from "../Notifications/hooks/useNotificationList.js";
 import useConversation from "../../../../hooks/useConversation/useConversation.js";
 import useUser from "../../../../hooks/useUser/useUser.js";
-import useHasWorkflow from "../../../../hooks/useHasWorkflow/useHasWorkflow.js";
+import useCarbonioUnread from "../../../../hooks/useCarbonioUnread/useCarbonioUnread.js";
 import { useEdificeTheme } from "../../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
-import useHover from "../../../../hooks/useHover/useHover.js";
+import useBreakpoint from "../../../../hooks/useBreakpoint/useBreakpoint.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";
+import { Popover, PopoverBody, PopoverFooter } from "../../../../components/Popover/Popover.js";
 const Header = ({
   src = "",
   onNotificationsClick,
@@ -37,17 +39,28 @@ const Header = ({
   } = useConversation(), {
     user,
     avatar
-  } = useUser(), hasCarbonioPreauthWorkflow = useHasWorkflow("org.entcore.auth.controllers.CarbonioPreauthController|preauth") || !1, classes = clsx("header-beta d-print-none no-2d no-1d"), {
+  } = useUser(), {
+    hasCarbonioWorkflow,
+    unreadCount: carbonioUnreadCount
+  } = useCarbonioUnread(), classes = clsx("header-beta d-print-none no-2d no-1d"), {
     userAvatar,
     userName,
     communitiesWorkflow,
-    conversationWorflow
+    conversationWorflow,
+    bookmarkedApps
   } = useHeader({
     user,
     avatar
   }), {
     theme
-  } = useEdificeTheme(), hasMessages = messages > 0, hasNotificationToday = useHasNotificationToday(), [userRef, isUserHovered] = useHover(), popoverUserId = useId(), handleNotificationsClick = () => {
+  } = useEdificeTheme(), hasMessages = messages > 0, hasNotificationToday = useHasNotificationToday(), popoverUserId = useId(), popoverAppsId = useId(), {
+    lg: isDesktop
+  } = useBreakpoint(), myApps = useSafeHoverPopover({
+    hoverEnabled: isDesktop,
+    clickEnabled: !isDesktop
+  }), userMenu = useSafeHoverPopover(), handleMyAppsClick = (event) => {
+    isDesktop || event.preventDefault();
+  }, handleNotificationsClick = () => {
     onNotificationsClick == null || onNotificationsClick();
   };
   return /* @__PURE__ */ jsx("header", { className: classes, "data-product": dataProduct, children: /* @__PURE__ */ jsxs(Navbar, { className: "px-24", children: [
@@ -62,11 +75,23 @@ const Header = ({
           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: [
+      hasCarbonioWorkflow && /* @__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, {}),
+        carbonioUnreadCount > 0 && /* @__PURE__ */ jsx(Badge, { variant: {
+          type: "notification",
+          level: "danger"
+        }, className: "position-absolute", children: carbonioUnreadCount }),
         /* @__PURE__ */ jsx(VisuallyHidden, { children: t("conversation") })
       ] }) }),
-      /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/welcome", translate: t("navbar.applications"), "data-testid": "header-my-apps-button", children: /* @__PURE__ */ jsx(SvgIconMyAppsBeta, {}) }) }),
+      /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", children: [
+        /* @__PURE__ */ jsx(NavLink, { ref: myApps.setReference, link: "/welcome", translate: t("navbar.applications"), id: popoverAppsId, "aria-haspopup": "true", "aria-expanded": myApps.open, "data-testid": "header-my-apps-button", ...myApps.getReferenceProps({
+          onClick: handleMyAppsClick
+        }), children: /* @__PURE__ */ jsx(SvgIconMyAppsBeta, {}) }),
+        /* @__PURE__ */ jsxs(Popover, { ref: myApps.setFloating, className: "my-apps-popover", id: popoverAppsId, isVisible: myApps.open, ...myApps.getFloatingProps(), children: [
+          /* @__PURE__ */ jsx(PopoverBody, { children: /* @__PURE__ */ jsx(MyAppsPopoverBody, { bookmarkedApps }) }),
+          /* @__PURE__ */ jsx(PopoverFooter, { className: "d-flex justify-content-center", children: /* @__PURE__ */ jsx(MyAppsPopoverFooter, {}) })
+        ] })
+      ] }),
       /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", children: [
         /* @__PURE__ */ jsx(ButtonBeta, { leftIcon: /* @__PURE__ */ jsx(SvgIconNotificationBeta, {}), variant: "ghost", onClick: handleNotificationsClick }),
         hasNotificationToday && /* @__PURE__ */ jsx("span", { style: {
@@ -81,13 +106,11 @@ const Header = ({
           pointerEvents: "none",
           zIndex: 1,
           display: "block"
-        }, "aria-label": t("homepage.notifications.new-badge", {
-          defaultValue: "Nouvelle notification"
-        }) })
+        }, "aria-label": t("homepage.notifications.new-badge") })
       ] }),
-      /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", ref: userRef, id: popoverUserId, "aria-haspopup": "true", "aria-expanded": isUserHovered, "data-testid": "header-user-menu-button", children: [
-        /* @__PURE__ */ jsx(NavLink, { link: "/userbook/mon-compte", translate: t("navbar.myaccount"), "data-testid": "header-user-profile-button", children: /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }) }),
-        /* @__PURE__ */ jsx(Popover, { align: "end", className: "widget", id: popoverUserId, isVisible: isUserHovered, children: /* @__PURE__ */ jsxs(PopoverBody, { children: [
+      /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", children: [
+        /* @__PURE__ */ jsx(NavLink, { ref: userMenu.setReference, link: "/userbook/mon-compte", translate: t("navbar.myaccount"), id: popoverUserId, "aria-haspopup": "true", "aria-expanded": userMenu.open, "data-testid": "header-user-profile-button", ...userMenu.getReferenceProps(), children: /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }) }),
+        /* @__PURE__ */ jsx(Popover, { ref: userMenu.setFloating, align: "end", className: "widget", id: popoverUserId, isVisible: userMenu.open, ...userMenu.getFloatingProps(), children: /* @__PURE__ */ jsxs(PopoverBody, { children: [
           /* @__PURE__ */ jsxs("a", { href: "/timeline/customize?callback=" + encodeURIComponent(`${window.location.pathname}${window.location.search}`), className: "nav-link customize d-flex align-items-center gap-8", "data-testid": "header-customize-button", children: [
             /* @__PURE__ */ jsx(SvgIconSetBackground, { className: "icon" }),
             /* @__PURE__ */ jsx("span", { id: "cutomize-label", className: "nav-text", children: t("navbar.customize") })

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

@@ -0,0 +1,5 @@
+import { IWebApp } from '@edifice.io/client';
+export declare const MyAppsPopoverFooter: () => import("react/jsx-runtime").JSX.Element;
+export declare const MyAppsPopoverBody: ({ bookmarkedApps, }: {
+    bookmarkedApps: IWebApp[] | undefined;
+}) => import("react/jsx-runtime").JSX.Element;