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

package/dist/modules/homepage/components/Agenda/AgendaEventCard.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconClock from "../../../icons/components/IconClock.js";
+import useDate from "../../../../hooks/useDate/useDate.js";
+import Flex from "../../../../components/Flex/Flex.js";
+const capitalize = (value) => value.charAt(0).toUpperCase() + value.slice(1), AgendaEventCard = ({
+  event,
+  onClick
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    formatDate,
+    dateIsSame
+  } = useDate(), formatTime = (date) => formatDate(date, "HH[h]mm"), timeLabel = event.allDay ? t("homepage.agenda.allDay") : dateIsSame(event.startMoment, event.endMoment, "day") ? `${formatTime(event.startMoment)} - ${formatTime(event.endMoment)}` : t("homepage.agenda.multiDayTime", {
+    startTime: formatTime(event.startMoment),
+    endDay: capitalize(formatDate(event.endMoment, "ddd D")),
+    endTime: formatTime(event.endMoment)
+  });
+  return /* @__PURE__ */ jsxs("button", { type: "button", className: "agenda-event-card", onClick, "data-testid": "agenda-event-card", children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "8", className: "agenda-event-card-time", children: [
+      /* @__PURE__ */ jsx(SvgIconClock, { width: "20", height: "20" }),
+      /* @__PURE__ */ jsx("span", { children: timeLabel })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "agenda-event-card-title", children: event.title })
+  ] });
+};
+export {
+  AgendaEventCard
+};

package/dist/modules/homepage/components/Agenda/hooks/useAgendaContainer.d.ts

@@ -0,0 +1,14 @@
+import { CalendarEvent } from '@edifice.io/client';
+/** Number of upcoming events shown by the widget. */
+export declare const MAX_VISIBLE_EVENTS = 3;
+export interface UseAgendaContainerReturn {
+    events: CalendarEvent[];
+    isLoading: boolean;
+    error: Error | null;
+}
+/**
+ * Loads the current user's calendars, then their events, and keeps only the
+ * next `MAX_VISIBLE_EVENTS` events that haven't fully elapsed yet — an event
+ * still in progress (end date in the future) counts as "upcoming" too.
+ */
+export declare const useAgendaContainer: () => UseAgendaContainerReturn;

package/dist/modules/homepage/components/Agenda/hooks/useAgendaContainer.js

@@ -0,0 +1,27 @@
+import dayjs from "dayjs";
+import { useMemo } from "react";
+import { useCalendars, useEvents } from "../services/queries/agenda.js";
+const MAX_VISIBLE_EVENTS = 3, useAgendaContainer = () => {
+  const {
+    data: calendars,
+    isLoading: isLoadingCalendars,
+    error: calendarsError
+  } = useCalendars(), calendarIds = useMemo(() => (calendars == null ? void 0 : calendars.map((calendar) => calendar.id)) ?? [], [calendars]), {
+    data: rawEvents,
+    isLoading: isLoadingEvents,
+    error: eventsError
+  } = useEvents(calendarIds, MAX_VISIBLE_EVENTS);
+  return {
+    events: useMemo(() => {
+      if (!rawEvents) return [];
+      const now = dayjs();
+      return rawEvents.filter((event) => dayjs(event.endMoment).isAfter(now)).sort((a, b) => dayjs(a.startMoment).diff(dayjs(b.startMoment))).slice(0, MAX_VISIBLE_EVENTS);
+    }, [rawEvents]),
+    isLoading: isLoadingCalendars || isLoadingEvents,
+    error: calendarsError ?? eventsError
+  };
+};
+export {
+  MAX_VISIBLE_EVENTS,
+  useAgendaContainer
+};

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

@@ -0,0 +1,3 @@
+export * from './Agenda';
+export * from './AgendaContainer';
+export * from './AgendaEventCard';

package/dist/modules/homepage/components/Agenda/services/api/agendaService.d.ts

@@ -0,0 +1,24 @@
+import { Calendar, CalendarEvent } from '@edifice.io/client';
+/**
+ * Creates an agenda service with methods to fetch the current user's
+ * calendars and upcoming events (homepage "Agenda" widget).
+ *
+ * Backend contract (provisional, see IMPULS-5880/IMPULS-6095): `GET
+ * /calendar/calendars` lists the user's calendars, `GET
+ * /calendar/events/widget?calendarId=...&nb=N` returns up to `N` events for
+ * the given calendars. Whether that second endpoint already excludes past
+ * (fully elapsed) events isn't guaranteed, so callers should re-apply that
+ * filter themselves.
+ *
+ * @param baseURL The base URL for the agenda service API.
+ */
+export declare const createAgendaService: (baseURL: string) => {
+    /**
+     * Get the calendars the current user can see events from.
+     */
+    getCalendars(): Promise<Calendar[]>;
+    /**
+     * Get up to `nb` events for the given calendars, in no particular order.
+     */
+    getEvents(calendarIds: string[], nb: number): Promise<CalendarEvent[]>;
+};

package/dist/modules/homepage/components/Agenda/services/api/agendaService.js

@@ -0,0 +1,45 @@
+import { odeServices } from "@edifice.io/client";
+const toCalendar = ({
+  _id,
+  title,
+  color,
+  isExternal
+}) => ({
+  id: _id,
+  title,
+  color,
+  isExternal
+}), toCalendarEvent = ({
+  _id,
+  title,
+  allday,
+  startMoment,
+  endMoment,
+  calendar
+}) => ({
+  id: _id,
+  calendarId: calendar[0],
+  title,
+  startMoment,
+  endMoment,
+  allDay: allday
+}), createAgendaService = (baseURL) => ({
+  /**
+   * Get the calendars the current user can see events from.
+   */
+  async getCalendars() {
+    return (await odeServices.http().get(`${baseURL}/calendar/calendars`)).map(toCalendar);
+  },
+  /**
+   * Get up to `nb` events for the given calendars, in no particular order.
+   */
+  async getEvents(calendarIds, nb) {
+    if (calendarIds.length === 0)
+      return [];
+    const query = new URLSearchParams();
+    return calendarIds.forEach((id) => query.append("calendarId", id)), query.set("nb", String(nb)), (await odeServices.http().get(`${baseURL}/calendar/events/widget?${query.toString()}`)).map(toCalendarEvent);
+  }
+});
+export {
+  createAgendaService
+};

package/dist/modules/homepage/components/Agenda/services/api/index.d.ts

@@ -0,0 +1,4 @@
+export declare const agendaService: {
+    getCalendars(): Promise<import('@edifice.io/client').Calendar[]>;
+    getEvents(calendarIds: string[], nb: number): Promise<import('@edifice.io/client').CalendarEvent[]>;
+};

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

@@ -0,0 +1,5 @@
+import { createAgendaService } from "./agendaService.js";
+const agendaService = createAgendaService("");
+export {
+  agendaService
+};

package/dist/modules/homepage/components/Agenda/services/queries/agenda.d.ts

@@ -0,0 +1,19 @@
+import { Calendar, CalendarEvent } from '@edifice.io/client';
+export declare const agendaQueryKeys: {
+    calendars: () => readonly ["agenda", "calendars"];
+    events: (calendarIds: string[], nb: number) => readonly ["agenda", "events", string[], number];
+};
+export declare const agendaQueryOptions: {
+    getCalendars(): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<Calendar[], Error, Calendar[], import('@tanstack/react-query').QueryKey>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<Calendar[], import('@tanstack/react-query').QueryKey, never> | undefined;
+    } & {
+        queryKey: import('@tanstack/react-query').DataTag<import('@tanstack/react-query').QueryKey, Calendar[]>;
+    };
+    getEvents(calendarIds: string[], nb: number): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<CalendarEvent[], Error, CalendarEvent[], import('@tanstack/react-query').QueryKey>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<CalendarEvent[], import('@tanstack/react-query').QueryKey, never> | undefined;
+    } & {
+        queryKey: import('@tanstack/react-query').DataTag<import('@tanstack/react-query').QueryKey, CalendarEvent[]>;
+    };
+};
+export declare const useCalendars: () => import('@tanstack/react-query').UseQueryResult<Calendar[], Error>;
+export declare const useEvents: (calendarIds: string[], nb: number) => import('@tanstack/react-query').UseQueryResult<CalendarEvent[], Error>;

package/dist/modules/homepage/components/Agenda/services/queries/agenda.js

@@ -0,0 +1,26 @@
+import { useQuery, queryOptions } from "@tanstack/react-query";
+import { agendaService } from "../api/index.js";
+const agendaQueryKeys = {
+  calendars: () => ["agenda", "calendars"],
+  events: (calendarIds, nb) => ["agenda", "events", calendarIds, nb]
+}, agendaQueryOptions = {
+  getCalendars() {
+    return queryOptions({
+      queryKey: agendaQueryKeys.calendars(),
+      queryFn: async () => agendaService.getCalendars()
+    });
+  },
+  getEvents(calendarIds, nb) {
+    return queryOptions({
+      queryKey: agendaQueryKeys.events(calendarIds, nb),
+      queryFn: async () => agendaService.getEvents(calendarIds, nb),
+      enabled: calendarIds.length > 0
+    });
+  }
+}, useCalendars = () => useQuery(agendaQueryOptions.getCalendars()), useEvents = (calendarIds, nb) => useQuery(agendaQueryOptions.getEvents(calendarIds, nb));
+export {
+  agendaQueryKeys,
+  agendaQueryOptions,
+  useCalendars,
+  useEvents
+};

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

@@ -0,0 +1,9 @@
+import { BriefMeArticle, BriefMeStatus } from './types';
+export interface BriefMeProps {
+    handleActionClick: () => void;
+    status: BriefMeStatus;
+    category: string;
+    onCategoryChange: (value: string) => void;
+    articles: BriefMeArticle[];
+}
+export default function BriefMe({ handleActionClick, status, category, onCategoryChange, articles, }: BriefMeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,59 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import illuBriefMeError from "@edifice.io/bootstrap/dist/images/homepage/illu-briefme-error.svg";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconExternalLink from "../../../icons/components/IconExternalLink.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+import SegmentedControl from "../../../../components/SegmentedControl/SegmentedControl.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+import Image from "../../../../components/Image/Image.js";
+function BriefMe({
+  handleActionClick,
+  status,
+  category,
+  onCategoryChange,
+  articles
+}) {
+  const {
+    t
+  } = useTranslation(), categoryOptions = [{
+    label: t("homepage.briefme.category.briefme"),
+    value: "briefme"
+  }, {
+    label: t("homepage.briefme.category.brief-eco"),
+    value: "brief-eco"
+  }, {
+    label: t("homepage.briefme.category.brief-science"),
+    value: "brief-science"
+  }];
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", className: "briefme", children: [
+    /* @__PURE__ */ jsxs("div", { className: "briefme__header", children: [
+      /* @__PURE__ */ jsx("h3", { className: "briefme__title", children: t("homepage.briefme.title") }),
+      /* @__PURE__ */ jsx(IconButton, { "aria-label": t("homepage.briefme.open"), onClick: handleActionClick, icon: /* @__PURE__ */ jsx(SvgIconExternalLink, {}), variant: "ghost", color: "tertiary" })
+    ] }),
+    /* @__PURE__ */ jsxs(HomeCard.Content, { className: clsx("briefme__body", `briefme__body--${status}`), children: [
+      status !== "error" && /* @__PURE__ */ jsx(SegmentedControl, { "aria-label": t("homepage.briefme.categories"), options: categoryOptions, value: category, onChange: onCategoryChange, className: "briefme__categories" }),
+      status === "loading" && /* @__PURE__ */ jsxs("div", { className: "briefme__loading", "data-testid": "briefme-loading", children: [
+        /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "briefme__loading-item" }),
+        /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "briefme__loading-item" }),
+        /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "briefme__loading-item" })
+      ] }),
+      status === "error" && /* @__PURE__ */ jsxs("div", { className: "briefme__error", children: [
+        /* @__PURE__ */ jsx(Image, { src: illuBriefMeError, alt: "", className: "briefme__error-illu" }),
+        /* @__PURE__ */ jsxs("p", { className: "briefme__error-message", children: [
+          /* @__PURE__ */ jsx("span", { className: "briefme__error-line", children: t("homepage.briefme.error.connection") }),
+          /* @__PURE__ */ jsx("span", { className: "briefme__error-line", children: t("homepage.briefme.error.help") })
+        ] })
+      ] }),
+      status === "empty" && /* @__PURE__ */ jsx("p", { className: "briefme__empty", children: t("homepage.briefme.empty") }),
+      status === "default" && /* @__PURE__ */ jsx("ul", { className: "briefme__list", children: articles.map((article) => /* @__PURE__ */ jsxs("li", { className: "briefme__article", children: [
+        /* @__PURE__ */ jsx("span", { className: "briefme__article-date", children: article.date }),
+        /* @__PURE__ */ jsx("a", { className: "briefme__article-title", href: article.url, target: "_blank", rel: "noopener noreferrer", children: article.title })
+      ] }, article.id)) })
+    ] })
+  ] });
+}
+export {
+  BriefMe as default
+};

package/dist/modules/homepage/components/BriefMe/BriefMeContainer.d.ts

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

package/dist/modules/homepage/components/BriefMe/BriefMeContainer.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import BriefMe from "./BriefMe.js";
+import { useBriefMe } from "./useBriefMe.js";
+function BriefMeContainer() {
+  const {
+    category,
+    setCategory,
+    articles,
+    status
+  } = useBriefMe();
+  return /* @__PURE__ */ jsx(BriefMe, { handleActionClick: () => {
+    window.open("https://brief.me", "_blank", "noopener,noreferrer");
+  }, status, category, onCategoryChange: (value) => setCategory(value), articles });
+}
+export {
+  BriefMeContainer
+};

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

@@ -0,0 +1,4 @@
+export * from './BriefMe';
+export { default as BriefMe } from './BriefMe';
+export * from './BriefMeContainer';
+export * from './useBriefMe';

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

@@ -0,0 +1,17 @@
+export interface BriefMeArticle {
+    id: string;
+    date: string;
+    title: string;
+    url: string;
+}
+export type BriefMeStatus = 'loading' | 'default' | 'empty' | 'error';
+/**
+ * Brief.me feeds are proxied and cached by app-registry, one endpoint per
+ * category. Keys match the SegmentedControl option values of `BriefMe`.
+ */
+export declare const BRIEFME_ENDPOINTS: {
+    readonly briefme: "/appregistry/widget/cache/external/briefme";
+    readonly 'brief-eco': "/appregistry/widget/cache/external/briefeco";
+    readonly 'brief-science': "/appregistry/widget/cache/external/briefscience";
+};
+export type BriefMeCategory = keyof typeof BRIEFME_ENDPOINTS;

package/dist/modules/homepage/components/BriefMe/types.js

@@ -0,0 +1,8 @@
+const BRIEFME_ENDPOINTS = {
+  briefme: "/appregistry/widget/cache/external/briefme",
+  "brief-eco": "/appregistry/widget/cache/external/briefeco",
+  "brief-science": "/appregistry/widget/cache/external/briefscience"
+};
+export {
+  BRIEFME_ENDPOINTS
+};

package/dist/modules/homepage/components/BriefMe/useBriefMe.d.ts

@@ -0,0 +1,31 @@
+import { School } from '@edifice.io/client';
+import { BriefMeArticle, BriefMeCategory, BriefMeStatus } from './types';
+interface BriefMeEntry {
+    title: string;
+    published_at: string;
+    url: string;
+}
+/**
+ * Article URLs served by Brief.me embed the literal `ID_ETAB` and `ID_ENT`
+ * placeholders, which identify the subscribing school to their SSO. Both are
+ * replaced by base64-encoded values: the school UAI, and the GAR code taken
+ * from its exports.
+ */
+export declare function buildGarLink(url: string, school?: School): string;
+export declare function briefMeQueryOptions(category: BriefMeCategory): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<BriefMeEntry[], Error, BriefMeEntry[], import('@tanstack/react-query').QueryKey>, "queryFn"> & {
+    queryFn?: import('@tanstack/react-query').QueryFunction<BriefMeEntry[], import('@tanstack/react-query').QueryKey, never> | undefined;
+} & {
+    queryKey: import('@tanstack/react-query').DataTag<import('@tanstack/react-query').QueryKey, BriefMeEntry[]>;
+};
+/**
+ * Loads the Brief.me articles of the selected category (most recent first,
+ * capped at `BRIEFME_MAX_ARTICLES`), and resolves their links against the
+ * school currently selected by the user.
+ */
+export declare function useBriefMe(): {
+    category: "briefme" | "brief-eco" | "brief-science";
+    setCategory: import('react').Dispatch<import('react').SetStateAction<"briefme" | "brief-eco" | "brief-science">>;
+    articles: BriefMeArticle[];
+    status: BriefMeStatus;
+};
+export {};

package/dist/modules/homepage/components/BriefMe/useBriefMe.js

@@ -0,0 +1,51 @@
+import { odeServices } from "@edifice.io/client";
+import { queryOptions, useQuery } from "@tanstack/react-query";
+import { useState, useMemo } from "react";
+import useDate from "../../../../hooks/useDate/useDate.js";
+import { useUserSchools } from "../../hooks/useUserSchools.js";
+import { BRIEFME_ENDPOINTS } from "./types.js";
+const BRIEFME_DEFAULT_CATEGORY = "briefme", BRIEFME_MAX_ARTICLES = 5;
+function buildGarLink(url, school) {
+  const schoolExports = (school == null ? void 0 : school.exports) ?? [], garExport = schoolExports.find((entry) => entry.startsWith("GAR-")), garCode = garExport ? garExport.replace("GAR-", "") : schoolExports[0] ?? "";
+  return url.replace("ID_ETAB", btoa((school == null ? void 0 : school.UAI) ?? "")).replace("ID_ENT", btoa(garCode));
+}
+function briefMeQueryOptions(category) {
+  return queryOptions({
+    queryKey: ["briefme", category],
+    queryFn: async () => {
+      const http = odeServices.http(), feed = await http.get(BRIEFME_ENDPOINTS[category]);
+      if (http.isResponseError())
+        throw new Error(http.latestResponse.statusText);
+      if (!feed || feed.error || !Array.isArray(feed.results))
+        throw new Error((feed == null ? void 0 : feed.error) ?? "briefme.invalid.response");
+      return feed.results;
+    }
+  });
+}
+function useBriefMe() {
+  const [category, setCategory] = useState(BRIEFME_DEFAULT_CATEGORY), {
+    selectedSchool
+  } = useUserSchools(), {
+    formatDate
+  } = useDate(), {
+    data,
+    isLoading,
+    error
+  } = useQuery(briefMeQueryOptions(category)), articles = useMemo(() => [...data ?? []].sort((a, b) => new Date(b.published_at).getTime() - new Date(a.published_at).getTime()).slice(0, BRIEFME_MAX_ARTICLES).map((entry) => ({
+    id: entry.url,
+    date: formatDate(entry.published_at, "long"),
+    title: entry.title,
+    url: buildGarLink(entry.url, selectedSchool)
+  })), [data, selectedSchool, formatDate]), status = error ? "error" : isLoading ? "loading" : articles.length > 0 ? "default" : "empty";
+  return {
+    category,
+    setCategory,
+    articles,
+    status
+  };
+}
+export {
+  briefMeQueryOptions,
+  buildGarLink,
+  useBriefMe
+};

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
+};