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

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

@@ -0,0 +1,27 @@
+import { NotificationModel } from '@edifice.io/client';
+type WebNotificationBase = {
+    id: string;
+    uri?: string;
+    message: string;
+    date: Date;
+};
+/** Notification triggered by another user (e.g. shared a resource). */
+export type UserWebNotification = WebNotificationBase & {
+    type: 'user';
+    params: {
+        appCode: string;
+        username: string;
+        userId: string;
+    };
+};
+/** Notification triggered by an application event (no sender). */
+export type SystemWebNotification = WebNotificationBase & {
+    type: 'system';
+    params: {
+        appCode: string;
+    };
+};
+/** Discriminated union — narrow on `type` to get the specific variant. */
+export type WebNotification = UserWebNotification | SystemWebNotification;
+export declare const notificationAdapter: (notification: NotificationModel) => WebNotification;
+export {};

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

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

package/dist/modules/homepage/components/Notifications/hooks/useNotificationList.d.ts

@@ -0,0 +1,20 @@
+import { NotificationModel } from '@edifice.io/client';
+export interface UseNotificationListContainerReturn {
+    /** Array of notifications */
+    notifications: NotificationModel[] | undefined;
+    /** Array of notification types */
+    notificationTypes: string[] | undefined;
+    /** Indicates if there are more notifications to load */
+    hasNextPage: boolean | undefined;
+    /** Callback to load the next page of notifications */
+    loadNextPage: () => void;
+    /** Loading state for fetching notifications */
+    isLoading: boolean;
+    /** Error state from fetching notifications */
+    error: Error | null;
+}
+/**
+ * Custom hook that provides notifications data and handlers with exposed loading states
+ * @returns Object containing notifications, loading state, and error state
+ */
+export declare const useNotificationListContainer: () => UseNotificationListContainerReturn;

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

@@ -0,0 +1,26 @@
+import { useNotificationTypes, useNotifications } from "../services/queries/notification.js";
+const useNotificationListContainer = () => {
+  const {
+    data: notificationTypes,
+    isLoading: isLoadingTypes,
+    isFetched: isFetchedTypes,
+    error: errorTypes
+  } = useNotificationTypes(), {
+    data: notifications,
+    hasNextPage,
+    isLoading: isLoadingNotifications,
+    error: errorNotifications,
+    fetchNextPage
+  } = useNotifications(notificationTypes ?? [], isFetchedTypes && !!notificationTypes);
+  return {
+    notifications,
+    notificationTypes,
+    hasNextPage,
+    loadNextPage: () => fetchNextPage(),
+    isLoading: isLoadingTypes || isLoadingNotifications,
+    error: errorTypes || errorNotifications
+  };
+};
+export {
+  useNotificationListContainer
+};

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

@@ -0,0 +1,6 @@
+export * from './Notification';
+export { default as Notification } from './Notification';
+export * from './NotificationList';
+export { default as NotificationList } from './NotificationList';
+export * from './NotificationListContainer';
+export { default as NotificationListContainer } from './NotificationListContainer';

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

@@ -0,0 +1,4 @@
+export declare const notificationService: {
+    getNotifications(types: string[], page: number): Promise<import('@edifice.io/client').NotificationModel[]>;
+    getNotificationTypes(): Promise<string[]>;
+};

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

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

package/dist/modules/homepage/components/Notifications/services/api/notificationService.d.ts

@@ -0,0 +1,15 @@
+import { NotificationModel } from '@edifice.io/client';
+/**
+ * Creates a notification service with methods to interact with notifications.
+ *
+ * @param baseURL The base URL for the notification service API.
+ * @returns A service exposing methods to retrieve notifications.
+ */
+export declare const createNotificationService: (baseURL: string) => {
+    /**
+     * Get notifications.
+     * @returns list of notification objects
+     */
+    getNotifications(types: string[], page: number): Promise<NotificationModel[]>;
+    getNotificationTypes(): Promise<string[]>;
+};

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

@@ -0,0 +1,22 @@
+import { odeServices } from "@edifice.io/client";
+const createNotificationService = (baseURL) => ({
+  /**
+   * Get notifications.
+   * @returns list of notification objects
+   */
+  getNotifications(types, page) {
+    const searchParams = new URLSearchParams({
+      page: page.toString(),
+      mine: "1"
+    });
+    return types.forEach((type) => {
+      searchParams.append("type", type);
+    }), odeServices.http().get(`${baseURL}/timeline/lastNotifications?${searchParams.toString()}`).then((response) => response.status !== "ok" ? [] : response.number && response.results ? response.results : []);
+  },
+  getNotificationTypes() {
+    return odeServices.http().get(`${baseURL}/timeline/types`);
+  }
+});
+export {
+  createNotificationService
+};

package/dist/modules/homepage/components/Notifications/services/queries/notification.d.ts

@@ -0,0 +1,20 @@
+import { NotificationModel } from '@edifice.io/client';
+export declare const notificationQueryKeys: {
+    all: () => readonly ["notifications"];
+    notifications: (types?: string[]) => readonly ["notifications", "list", string[]];
+    types: () => readonly ["notifications", "types"];
+};
+export declare const notificationQueryOptions: {
+    getNotifications(types: string[], enabled: boolean): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseInfiniteQueryOptions<NotificationModel[], Error, NotificationModel[], NotificationModel[], readonly ["notifications", "list", string[]], number>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<NotificationModel[], readonly ["notifications", "list", string[]], number> | undefined;
+    } & {
+        queryKey: import('@tanstack/react-query').DataTag<readonly ["notifications", "list", string[]], import('@tanstack/react-query').InfiniteData<NotificationModel[], unknown>>;
+    };
+    getNotificationTypes(): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<string[], Error, string[], import('@tanstack/react-query').QueryKey>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<string[], import('@tanstack/react-query').QueryKey, never> | undefined;
+    } & {
+        queryKey: import('@tanstack/react-query').DataTag<import('@tanstack/react-query').QueryKey, string[]>;
+    };
+};
+export declare const useNotifications: (types?: string[], enabled?: boolean) => import('@tanstack/react-query').UseInfiniteQueryResult<NotificationModel[], Error>;
+export declare const useNotificationTypes: () => import('@tanstack/react-query').UseQueryResult<string[], Error>;

package/dist/modules/homepage/components/Notifications/services/queries/notification.js

@@ -0,0 +1,40 @@
+import { useQuery, useInfiniteQuery, queryOptions, infiniteQueryOptions } from "@tanstack/react-query";
+import { notificationService } from "../api/index.js";
+const notificationQueryKeys = {
+  all: () => ["notifications"],
+  notifications: (types = []) => [...notificationQueryKeys.all(), "list", types],
+  types: () => [...notificationQueryKeys.all(), "types"]
+}, notificationQueryOptions = {
+  getNotifications(types, enabled) {
+    return infiniteQueryOptions({
+      queryKey: notificationQueryKeys.notifications(types),
+      queryFn: ({
+        pageParam = 0
+      }) => notificationService.getNotifications(types, pageParam),
+      staleTime: 5 * 60 * 1e3,
+      // 5 minutes
+      initialPageParam: 0,
+      select(data) {
+        const seenIds = /* @__PURE__ */ new Set();
+        return data.pages.flat().filter((notification) => seenIds.has(notification._id) ? !1 : (seenIds.add(notification._id), !0));
+      },
+      getNextPageParam: (lastPage, _allPages, lastPageParam) => {
+        if ((lastPage == null ? void 0 : lastPage.length) !== 0)
+          return lastPageParam + 1;
+      },
+      enabled
+    });
+  },
+  getNotificationTypes() {
+    return queryOptions({
+      queryKey: notificationQueryKeys.types(),
+      queryFn: async () => notificationService.getNotificationTypes()
+    });
+  }
+}, useNotifications = (types = [], enabled = !0) => useInfiniteQuery(notificationQueryOptions.getNotifications(types, enabled)), useNotificationTypes = () => useQuery(notificationQueryOptions.getNotificationTypes());
+export {
+  notificationQueryKeys,
+  notificationQueryOptions,
+  useNotificationTypes,
+  useNotifications
+};

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

@@ -0,0 +1,15 @@
+import { School } from '@edifice.io/client';
+/**
+ * SchoolSpace component displays the currently selected school and provides
+ * a dropdown menu to switch between multiple schools if available.
+ */
+export interface SchoolSpaceProps {
+    selectedSchool: School | undefined;
+    onSelectedSchoolChange?: (school: School) => void;
+    schools?: School[];
+}
+declare const SchoolSpace: {
+    ({ schools, selectedSchool, onSelectedSchoolChange, }: SchoolSpaceProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export default SchoolSpace;

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

@@ -0,0 +1,29 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconRafterUp from "../../../icons/components/IconRafterUp.js";
+import useToggle from "../../../../hooks/useToggle/useToggle.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+import { getRotateTransitionStyle } from "../../../../utilities/rotate-transition-style/get-rotate-transition-style.js";
+const SchoolSpace = ({
+  schools,
+  selectedSchool,
+  onSelectedSchoolChange
+}) => {
+  const [isExpanded, toggleExpanded] = useToggle(!1), {
+    t
+  } = useTranslation(), hasManySchools = schools && schools.length > 1;
+  return selectedSchool ? /* @__PURE__ */ jsx("div", { className: "school-space", children: /* @__PURE__ */ jsxs(Flex, { className: "school-space-container", justify: "center", gap: "4", align: "center", children: [
+    /* @__PURE__ */ jsx("b", { children: selectedSchool.name }),
+    hasManySchools && /* @__PURE__ */ jsx(Dropdown, { placement: "bottom-end", onToggle: toggleExpanded, children: (triggerProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(IconButton, { ...triggerProps, "aria-label": t("show"), color: "tertiary", variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconRafterUp, { className: "w-16 min-w-0", style: getRotateTransitionStyle(isExpanded, {
+        degrees: 180
+      }) }) }),
+      /* @__PURE__ */ jsx(Dropdown.Menu, { children: schools.map((school) => /* @__PURE__ */ jsx(Dropdown.Item, { onClick: () => onSelectedSchoolChange == null ? void 0 : onSelectedSchoolChange(school), children: /* @__PURE__ */ jsx(Flex, { direction: "column", children: /* @__PURE__ */ jsx("p", { children: school.name }) }) }, school.id)) })
+    ] }) })
+  ] }) }) : null;
+};
+export {
+  SchoolSpace as default
+};

package/dist/modules/homepage/components/SchoolSpace/SchoolSpaceContainer.d.ts

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

package/dist/modules/homepage/components/SchoolSpace/SchoolSpaceContainer.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import SchoolSpace from "./SchoolSpace.js";
+import { useUserSchools } from "./useUserSchools.js";
+function SchoolSpaceContainer() {
+  const {
+    handleSelectedSchoolChange,
+    ...otherProps
+  } = useUserSchools();
+  return /* @__PURE__ */ jsx(SchoolSpace, { onSelectedSchoolChange: handleSelectedSchoolChange, ...otherProps });
+}
+export {
+  SchoolSpaceContainer
+};

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

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

package/dist/modules/homepage/components/SchoolSpace/useUserSchools.d.ts

@@ -0,0 +1,6 @@
+import { School } from '@edifice.io/client';
+export declare function useUserSchools(): {
+    schools: School[];
+    selectedSchool: School | undefined;
+    handleSelectedSchoolChange: (school: School) => void;
+};

package/dist/modules/homepage/components/SchoolSpace/useUserSchools.js

@@ -0,0 +1,39 @@
+import { WIDGET_NAME } from "@edifice.io/client";
+import { useState, useEffect } from "react";
+import useWidget from "../../hooks/useWidget.js";
+import useSession from "../../../../hooks/useSession/useSession.js";
+function useUserSchools() {
+  var _a, _b;
+  const {
+    data: session
+  } = useSession(), {
+    preference,
+    savePreference
+  } = useWidget(WIDGET_NAME.SCHOOL), [selectedSchool, setSelectedSchool] = useState(), [schools, setSchools] = useState((_a = session == null ? void 0 : session.userDescription) == null ? void 0 : _a.schools);
+  return useEffect(() => {
+    var _a2;
+    const newSchools = (_a2 = session == null ? void 0 : session.userDescription) == null ? void 0 : _a2.schools;
+    setSchools(newSchools), setSelectedSchool(newSchools == null ? void 0 : newSchools[0]);
+  }, [(_b = session == null ? void 0 : session.userDescription) == null ? void 0 : _b.schools]), useEffect(() => {
+    if (Array.isArray(schools)) {
+      if (schools.length === 1)
+        setSelectedSchool(schools[0]);
+      else if (preference != null && preference.schoolId) {
+        const index = schools.findIndex((school) => school.id === (preference == null ? void 0 : preference.schoolId));
+        setSelectedSchool(index < 0 || index >= schools.length ? schools[0] : schools[index]);
+      }
+    }
+  }, [preference, schools]), {
+    schools: schools ?? [],
+    selectedSchool,
+    handleSelectedSchoolChange: (school) => {
+      setSelectedSchool(school), preference && savePreference({
+        ...preference,
+        schoolId: school.id
+      });
+    }
+  };
+}
+export {
+  useUserSchools
+};

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

@@ -0,0 +1,13 @@
+import { UserProfile } from '@edifice.io/client';
+import { ReactNode } from 'react';
+export type UserSpaceProps = {
+    name: string;
+    avatar: string;
+    profile: UserProfile[number];
+    children?: ReactNode;
+};
+declare function UserSpace({ name, avatar, profile, children, }: UserSpaceProps): import("react/jsx-runtime").JSX.Element;
+declare namespace UserSpace {
+    var displayName: string;
+}
+export default UserSpace;

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

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Avatar from "../../../../components/Avatar/Avatar.js";
+function UserSpace({
+  name,
+  avatar,
+  profile,
+  children
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "user", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: /* @__PURE__ */ jsxs(Flex, { className: "user-space", direction: "row", gap: "8", children: [
+      /* @__PURE__ */ jsx(Avatar, { className: "user-space--avatar", size: "auto", alt: name, src: avatar, variant: "circle" }),
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+        /* @__PURE__ */ jsx("div", { "data-testid": "user-space-name", className: "user-space--name", children: name }),
+        /* @__PURE__ */ jsx("div", { "data-testid": "user-space-profile", className: "user-space--profile", children: t(profile) })
+      ] })
+    ] }) }),
+    children && /* @__PURE__ */ jsx(HomeCard.Content, { children })
+  ] });
+}
+export {
+  UserSpace as default
+};

package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare function UserSpaceContainer({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace UserSpaceContainer {
+    var displayName: string;
+}

package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import UserSpace from "./UserSpace.js";
+import useUser from "../../../../hooks/useUser/useUser.js";
+function UserSpaceContainer({
+  children
+}) {
+  var _a;
+  const {
+    user,
+    avatar,
+    userDescription
+  } = useUser();
+  if (!user || !userDescription) return null;
+  const name = user.username || "", profile = ((_a = userDescription.profiles) == null ? void 0 : _a[0]) || "Guest";
+  return /* @__PURE__ */ jsx(UserSpace, { name, profile, avatar, children });
+}
+export {
+  UserSpaceContainer
+};

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

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

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

@@ -0,0 +1,8 @@
+export * from './Favorites';
+export * from './Header';
+export * from './HomeCard';
+export * from './LastInfos';
+export * from './MessageFlashList';
+export * from './Notifications';
+export * from './SchoolSpace';
+export * from './UserSpace';

package/dist/modules/homepage/hooks/useWidget.d.ts

@@ -0,0 +1,6 @@
+import { WidgetName, WidgetUserPref } from '@edifice.io/client';
+export default function useWidget(widgetName: WidgetName): {
+    widget: import('@edifice.io/client').IWidgetModel | undefined;
+    preference: WidgetUserPref | undefined;
+    savePreference: (pref: WidgetUserPref) => Promise<void> | undefined;
+};

package/dist/modules/homepage/hooks/useWidget.js

@@ -0,0 +1,83 @@
+import { WIDGET_POSITION } from "@edifice.io/client";
+import { useMemo, useState, useCallback, useEffect } from "react";
+import { useWidgetPreferences } from "./useWidgetPreferences.js";
+const DEFAULT_VALUES = (/* @__PURE__ */ new Map()).set("school-widget", {
+  index: 0,
+  position: WIDGET_POSITION.LEFT
+}).set("my-apps", {
+  index: 10,
+  position: WIDGET_POSITION.RIGHT
+}).set("record-me", {
+  index: 15,
+  position: WIDGET_POSITION.RIGHT
+}).set("last-infos-widget", {
+  index: 20,
+  position: WIDGET_POSITION.LEFT
+}).set("qwant", {
+  index: 30,
+  position: WIDGET_POSITION.RIGHT
+}).set("qwant-junior", {
+  index: 30,
+  position: WIDGET_POSITION.LEFT
+}).set("universalis-widget", {
+  index: 35,
+  position: WIDGET_POSITION.RIGHT
+}).set("agenda-widget", {
+  index: 40,
+  position: WIDGET_POSITION.LEFT
+}).set("bookmark-widget", {
+  index: 50,
+  position: WIDGET_POSITION.RIGHT
+}).set("carnet-de-bord", {
+  index: 60,
+  position: WIDGET_POSITION.LEFT
+}).set("maxicours-widget", {
+  index: 70,
+  position: WIDGET_POSITION.RIGHT
+}).set("cursus-widget", {
+  index: 80,
+  position: WIDGET_POSITION.LEFT
+}).set("briefme-widget", {
+  index: 90,
+  position: WIDGET_POSITION.LEFT
+}).set("rss-widget", {
+  index: 100,
+  position: WIDGET_POSITION.LEFT
+}).set("mood", {
+  index: 110,
+  position: WIDGET_POSITION.LEFT
+}).set("birthday", {
+  index: 120,
+  position: WIDGET_POSITION.LEFT
+}).set("calendar-widget", {
+  index: 130,
+  position: WIDGET_POSITION.RIGHT
+}).set("notes", {
+  index: 140,
+  position: WIDGET_POSITION.RIGHT
+});
+function useWidget(widgetName) {
+  const {
+    widgets,
+    preferences,
+    savePreferences
+  } = useWidgetPreferences(), widget = useMemo(() => widgets == null ? void 0 : widgets.find((w) => w.name === widgetName), [widgets, widgetName]), [preference, setPreference] = useState(), savePreference = useCallback((pref) => {
+    if (preferences)
+      return preferences[widgetName] = pref, savePreferences(preferences);
+  }, [preferences, savePreferences, widgetName]);
+  return useEffect(() => {
+    const defaultValue = DEFAULT_VALUES.get(widgetName), pref = (preferences == null ? void 0 : preferences[widgetName]) ?? {
+      index: (defaultValue == null ? void 0 : defaultValue.index) ?? 999,
+      show: !0,
+      position: defaultValue == null ? void 0 : defaultValue.position
+    };
+    widget != null && widget.mandatory && (pref.show = !0, pref.index = (defaultValue == null ? void 0 : defaultValue.index) ?? 0), setPreference(pref);
+  }, [preferences, widget, widgetName]), {
+    widget,
+    preference,
+    savePreference
+  };
+}
+export {
+  useWidget as default
+};

package/dist/modules/homepage/hooks/useWidgetPreferences.d.ts

@@ -0,0 +1,6 @@
+import { IWidgetPreferences } from '@edifice.io/client';
+export declare function useWidgetPreferences(): {
+    widgets: import('@edifice.io/client').IWidgetModel[] | undefined;
+    preferences: IWidgetPreferences | undefined;
+    savePreferences: (prefs: IWidgetPreferences) => Promise<void>;
+};

package/dist/modules/homepage/hooks/useWidgetPreferences.js

@@ -0,0 +1,34 @@
+import { odeServices } from "@edifice.io/client";
+import { useQueryClient, useQuery, queryOptions, useMutation } from "@tanstack/react-query";
+const WIDGETS_QUERY_KEY = ["widgets", "system"], PREFERENCES_QUERY_KEY = ["widgets", "preferences"];
+function useWidgetPreferences() {
+  const queryClient = useQueryClient(), {
+    data: widgets
+  } = useQuery(queryOptions({
+    queryKey: WIDGETS_QUERY_KEY,
+    queryFn: () => odeServices.widget().getSystemWidgets()
+  })), {
+    data: preferences
+  } = useQuery(queryOptions({
+    queryKey: PREFERENCES_QUERY_KEY,
+    queryFn: () => odeServices.widget().getPreferences()
+  })), preferencesMutation = useMutation({
+    mutationFn: (prefs) => odeServices.widget().setPreferences(prefs),
+    onMutate: async (prefs) => {
+      queryClient.setQueryData(PREFERENCES_QUERY_KEY, () => prefs);
+    },
+    onError() {
+      queryClient.invalidateQueries({
+        queryKey: PREFERENCES_QUERY_KEY
+      });
+    }
+  });
+  return {
+    widgets,
+    preferences,
+    savePreferences: (prefs) => preferencesMutation.mutateAsync(prefs)
+  };
+}
+export {
+  useWidgetPreferences
+};

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

@@ -0,0 +1 @@
+export * from './components';

package/dist/modules/icons/components/nav/IconCommunitiesBeta.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconCommunitiesBeta: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconCommunitiesBeta;

package/dist/modules/icons/components/nav/IconCommunitiesBeta.js

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconCommunitiesBeta = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 32 32", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxs("g", { strokeMiterlimit: 10, strokeWidth: 2.667, clipPath: "url(#icon-communities-beta_svg__a)", children: [
+    /* @__PURE__ */ jsx("path", { fill: "#FEECFE", stroke: "#E26AE2", d: "M19.96 5.803a3.803 3.803 0 1 0-7.605 0 3.803 3.803 0 0 0 7.606 0Z" }),
+    /* @__PURE__ */ jsx("path", { stroke: "#E26AE2", d: "M9.668 11.861a3.803 3.803 0 1 0-7.606 0 3.803 3.803 0 0 0 7.606 0ZM30.254 11.861a3.803 3.803 0 1 0-7.606 0 3.803 3.803 0 0 0 7.606 0Z" }),
+    /* @__PURE__ */ jsx("path", { stroke: "#FC94FF", d: "M6.389 18.847a5.25 5.25 0 0 1 5.248 5.248v6.837H1.14v-6.837a5.25 5.25 0 0 1 5.248-5.248ZM25.637 18.847a5.25 5.25 0 0 1 5.248 5.248v6.837H20.389v-6.837a5.25 5.25 0 0 1 5.248-5.248Z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FEECFE", stroke: "#E26AE2", d: "M16.158 12.955a5.25 5.25 0 0 1 5.248 5.248v12.73H10.91v-12.73a5.25 5.25 0 0 1 5.248-5.248Z" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-communities-beta_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h32v32H0z" }) }) })
+] });
+export {
+  SvgIconCommunitiesBeta as default
+};

package/dist/modules/icons/components/nav/IconHomeBeta.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconHomeBeta: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconHomeBeta;