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

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

@@ -1 +1,33 @@
-import{odeServices}from"@edifice.io/client";var createNotificationService=baseURL=>({getNotifications(types,page){let searchParams=new URLSearchParams({page:page.toString()});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`)},reportNotification(id){return odeServices.http().put(`${baseURL}/timeline/${id}/report`)},deleteNotification(id){return odeServices.http().put(`${baseURL}/timeline/${id}`)}});export{createNotificationService};
+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()
+    });
+    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`);
+  },
+  /**
+   * Report a notification as inappropriate.
+   */
+  reportNotification(id) {
+    return odeServices.http().put(`${baseURL}/timeline/${id}/report`);
+  },
+  /**
+   * Delete a notification.
+   */
+  deleteNotification(id) {
+    return odeServices.http().put(`${baseURL}/timeline/${id}`);
+  }
+});
+export {
+  createNotificationService
+};

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

@@ -1 +1,84 @@
-import useToast from"../../../../../../hooks/useToast/useToast.js";import{notificationService}from"../api/index.js";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";import{infiniteQueryOptions,queryOptions,useInfiniteQuery,useMutation,useQuery,useQueryClient}from"@tanstack/react-query";var notificationQueryKeys={all:()=>[`notifications`],notifications:(types=[])=>[...notificationQueryKeys.all(),`list`,types],types:()=>[...notificationQueryKeys.all(),`types`],preference:()=>[...notificationQueryKeys.all(),`preference`]},notificationQueryOptions={getNotifications(types,enabled){return infiniteQueryOptions({queryKey:notificationQueryKeys.notifications(types),queryFn:({pageParam=0})=>notificationService.getNotifications(types,pageParam),staleTime:300*1e3,initialPageParam:0,select(data){let seenIds=new Set;return data.pages.flat().filter(notification=>seenIds.has(notification._id)?!1:(seenIds.add(notification._id),!0))},getNextPageParam:(lastPage,_allPages,lastPageParam)=>{if(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()),useTimelinePreference=()=>useQuery({queryKey:notificationQueryKeys.preference(),queryFn:()=>odeServices.conf().getPreference(`timeline`)}),useSaveTimelinePreference=()=>{let queryClient=useQueryClient();return useMutation({mutationFn:preference=>odeServices.conf().savePreference(`timeline`,preference),onSuccess:(_data,preference)=>{queryClient.setQueryData(notificationQueryKeys.preference(),preference)},onError:()=>{queryClient.invalidateQueries({queryKey:notificationQueryKeys.preference()})}})},useReportNotification=()=>useMutation({mutationFn:id=>notificationService.reportNotification(id)}),useDeleteNotification=()=>{let{t}=useTranslation(),toast=useToast(),queryClient=useQueryClient();return useMutation({mutationFn:id=>notificationService.deleteNotification(id),onSuccess:(_data,id)=>{queryClient.setQueriesData({queryKey:[...notificationQueryKeys.all(),`list`]},data=>data&&{...data,pages:data.pages.map(page=>page.filter(notification=>notification._id!==id))}),toast.success(t(`homepage.notifications.options.delete.success`))},onError:()=>{toast.error(t(`homepage.notifications.options.delete.error`))}})};export{useDeleteNotification,useNotificationTypes,useNotifications,useReportNotification,useSaveTimelinePreference,useTimelinePreference};
+import { odeServices } from "@edifice.io/client";
+import { useQuery, useInfiniteQuery, useMutation, useQueryClient, queryOptions, infiniteQueryOptions } from "@tanstack/react-query";
+import { useTranslation } from "react-i18next";
+import { notificationService } from "../api/index.js";
+import useToast from "../../../../../../hooks/useToast/useToast.js";
+const notificationQueryKeys = {
+  all: () => ["notifications"],
+  notifications: (types = []) => [...notificationQueryKeys.all(), "list", types],
+  types: () => [...notificationQueryKeys.all(), "types"],
+  preference: () => [...notificationQueryKeys.all(), "preference"]
+}, 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()), useTimelinePreference = () => useQuery({
+  queryKey: notificationQueryKeys.preference(),
+  queryFn: () => odeServices.conf().getPreference("timeline")
+}), useSaveTimelinePreference = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (preference) => odeServices.conf().savePreference("timeline", preference),
+    onSuccess: (_data, preference) => {
+      queryClient.setQueryData(notificationQueryKeys.preference(), preference);
+    },
+    onError: () => {
+      queryClient.invalidateQueries({
+        queryKey: notificationQueryKeys.preference()
+      });
+    }
+  });
+}, useReportNotification = () => useMutation({
+  mutationFn: (id) => notificationService.reportNotification(id)
+}), useDeleteNotification = () => {
+  const {
+    t
+  } = useTranslation(), toast = useToast(), queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (id) => notificationService.deleteNotification(id),
+    onSuccess: (_data, id) => {
+      queryClient.setQueriesData({
+        queryKey: [...notificationQueryKeys.all(), "list"]
+      }, (data) => data && {
+        ...data,
+        pages: data.pages.map((page) => page.filter((notification) => notification._id !== id))
+      }), toast.success(t("homepage.notifications.options.delete.success"));
+    },
+    onError: () => {
+      toast.error(t("homepage.notifications.options.delete.error"));
+    }
+  });
+};
+export {
+  notificationQueryKeys,
+  notificationQueryOptions,
+  useDeleteNotification,
+  useNotificationTypes,
+  useNotifications,
+  useReportNotification,
+  useSaveTimelinePreference,
+  useTimelinePreference
+};

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

@@ -1 +1,38 @@
-import SvgIconRafterUp from"../../../icons/components/IconRafterUp.js";import SvgIconUserSearch from"../../../icons/components/IconUserSearch.js";import Flex from"../../../../components/Flex/Flex.js";import IconButton from"../../../../components/Button/IconButton.js";import useToggle from"../../../../hooks/useToggle/useToggle.js";import ButtonBeta from"../../../../components/ButtonBeta/ButtonBeta.js";import{getRotateTransitionStyle}from"../../../../utilities/rotate-transition-style/get-rotate-transition-style.js";import Dropdown from"../../../../components/Dropdown/Dropdown.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var SchoolSpace=({schools,selectedSchool,onSelectedSchoolChange})=>{let[isExpanded,toggleExpanded]=useToggle(!1),{t}=useTranslation();if(!selectedSchool)return null;let hasManySchools=schools&&schools.length>1,directoryUrl=`/userbook/annuaire#/search?${new URLSearchParams({structure:selectedSchool.id}).toString()}`;return jsxs(Flex,{gap:`4`,direction:`column`,className:`school-space`,children:[jsxs(Flex,{className:`school-space-container`,justify:`center`,gap:`4`,align:`center`,children:[jsx(`b`,{children:selectedSchool.name}),hasManySchools&&jsx(Dropdown,{placement:`bottom-end`,onToggle:toggleExpanded,children:triggerProps=>jsxs(Fragment,{children:[jsx(IconButton,{...triggerProps,"aria-label":t(`show`),color:`tertiary`,variant:`ghost`,icon:jsx(SvgIconRafterUp,{className:`w-16 min-w-0`,style:getRotateTransitionStyle(isExpanded,{degrees:180})})}),jsx(Dropdown.Menu,{children:schools.map(school=>jsx(Dropdown.Item,{onClick:()=>onSelectedSchoolChange?.(school),children:jsx(Flex,{direction:`column`,children:jsx(`p`,{children:school.name})})},school.id))})]})})]}),jsx(ButtonBeta,{variant:`outline`,className:`school-space-directory-button`,leftIcon:jsx(SvgIconUserSearch,{}),onClick:()=>window.location.href=directoryUrl,children:t(`homepage.school-space.directory`)})]})};export{SchoolSpace as default};
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconRafterUp from "../../../icons/components/IconRafterUp.js";
+import SvgIconUserSearch from "../../../icons/components/IconUserSearch.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 ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.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();
+  if (!selectedSchool) return null;
+  const hasManySchools = schools && schools.length > 1, directoryUrl = `/userbook/annuaire#/search?${new URLSearchParams({
+    structure: selectedSchool.id
+  }).toString()}`;
+  return /* @__PURE__ */ jsxs(Flex, { gap: "4", direction: "column", 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)) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(ButtonBeta, { variant: "outline", className: "school-space-directory-button", leftIcon: /* @__PURE__ */ jsx(SvgIconUserSearch, {}), onClick: () => window.location.href = directoryUrl, children: t("homepage.school-space.directory") })
+  ] });
+};
+export {
+  SchoolSpace as default
+};

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

@@ -1 +1,13 @@
-import SchoolSpace from"./SchoolSpace.js";import{useUserSchools}from"./useUserSchools.js";import{jsx}from"react/jsx-runtime";function SchoolSpaceContainer(){let{handleSelectedSchoolChange,...otherProps}=useUserSchools();return jsx(SchoolSpace,{onSelectedSchoolChange:handleSelectedSchoolChange,...otherProps})}export{SchoolSpaceContainer};
+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/useUserSchools.js

@@ -1 +1,39 @@
-import useSession from"../../../../hooks/useSession/useSession.js";import useWidget from"../../hooks/useWidget.js";import{useEffect,useState}from"react";import{WIDGET_NAME}from"@edifice.io/client";function useUserSchools(){let{data:session}=useSession(),{preference,savePreference}=useWidget(WIDGET_NAME.SCHOOL),[selectedSchool,setSelectedSchool]=useState(),[schools,setSchools]=useState(session?.userDescription?.schools);return useEffect(()=>{let newSchools=session?.userDescription?.schools;setSchools(newSchools),setSelectedSchool(newSchools?.[0])},[session?.userDescription?.schools]),useEffect(()=>{if(Array.isArray(schools)){if(schools.length===1)setSelectedSchool(schools[0]);else if(preference?.schoolId){let index=schools.findIndex(school=>school.id===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};
+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/UsefulLinks/LinkForm.js

@@ -1 +1,67 @@
-import ButtonBeta from"../../../../components/ButtonBeta/ButtonBeta.js";import Input from"../../../../components/Input/Input.js";import Label from"../../../../components/Label/Label.js";import FormControl from"../../../../components/Form/FormControl.js";import ModalBeta from"../../../../components/ModalBeta/ModalBeta.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{useForm}from"react-hook-form";var NAME_MAX_LENGTH=80,URL_PATTERN=/^https?:\/\/.+/i;function LinkForm({mode,link,isSubmitting,onCancel,onClose,onSubmit}){let{t}=useTranslation(),formId=`useful-link-form`,{register,handleSubmit,formState:{errors,isDirty,isValid}}=useForm({mode:`onChange`,defaultValues:{name:link?.name??``,url:link?.url??``}}),title=t(mode===`add`?`homepage.usefulLinks.form.addTitle`:`homepage.usefulLinks.form.editTitle`);return jsxs(ModalBeta,{id:`useful-link-modal`,isOpen:!0,size:`l`,onModalClose:onClose,children:[jsx(ModalBeta.Header,{onModalClose:onClose,children:title}),jsx(ModalBeta.Body,{children:jsxs(`form`,{id:formId,onSubmit:handleSubmit(data=>{onSubmit({name:data.name.trim(),url:data.url.trim()})}),children:[jsxs(FormControl,{id:`useful-link-name`,className:`mb-16`,isRequired:!0,children:[jsx(Label,{children:t(`homepage.usefulLinks.form.name`)}),jsx(Input,{type:`text`,size:`md`,maxLength:NAME_MAX_LENGTH,showCounter:!0,clearable:!0,"data-testid":`usefullinks-input-name`,placeholder:t(`homepage.usefulLinks.form.name.placeholder`),...register(`name`,{required:!0,maxLength:NAME_MAX_LENGTH})})]}),jsxs(FormControl,{id:`useful-link-url`,isRequired:!0,status:errors.url?`invalid`:void 0,children:[jsx(Label,{children:t(`homepage.usefulLinks.form.url`)}),jsx(Input,{type:`text`,size:`md`,"data-testid":`usefullinks-input-url`,placeholder:t(`homepage.usefulLinks.form.url.placeholder`),...register(`url`,{required:!0,pattern:URL_PATTERN})}),errors.url&&jsx(FormControl.Text,{children:t(`homepage.usefulLinks.form.url.error`)})]})]})}),jsxs(ModalBeta.Footer,{children:[jsx(ButtonBeta,{type:`button`,variant:`ghost`,color:`tertiary`,"data-testid":`usefullinks-button-cancel`,onClick:onCancel,children:t(`homepage.usefulLinks.form.cancel`)}),jsx(ButtonBeta,{form:formId,type:`submit`,isLoading:isSubmitting,disabled:!isValid||!isDirty||isSubmitting,"data-testid":`usefullinks-button-save`,children:t(`homepage.usefulLinks.form.save`)})]})]})}export{LinkForm};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { useForm } from "react-hook-form";
+import ModalBeta from "../../../../components/ModalBeta/ModalBeta.js";
+import FormControl from "../../../../components/Form/FormControl.js";
+import Label from "../../../../components/Label/Label.js";
+import Input from "../../../../components/Input/Input.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+const NAME_MAX_LENGTH = 80, URL_PATTERN = /^https?:\/\/.+/i;
+function LinkForm({
+  mode,
+  link,
+  isSubmitting,
+  onCancel,
+  onClose,
+  onSubmit
+}) {
+  const {
+    t
+  } = useTranslation(), formId = "useful-link-form", {
+    register,
+    handleSubmit,
+    formState: {
+      errors,
+      isDirty,
+      isValid
+    }
+  } = useForm({
+    mode: "onChange",
+    defaultValues: {
+      name: (link == null ? void 0 : link.name) ?? "",
+      url: (link == null ? void 0 : link.url) ?? ""
+    }
+  }), title = t(mode === "add" ? "homepage.usefulLinks.form.addTitle" : "homepage.usefulLinks.form.editTitle"), handleFormSubmit = (data) => {
+    onSubmit({
+      name: data.name.trim(),
+      url: data.url.trim()
+    });
+  };
+  return /* @__PURE__ */ jsxs(ModalBeta, { id: "useful-link-modal", isOpen: !0, size: "l", onModalClose: onClose, children: [
+    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onClose, children: title }),
+    /* @__PURE__ */ jsx(ModalBeta.Body, { children: /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: handleSubmit(handleFormSubmit), children: [
+      /* @__PURE__ */ jsxs(FormControl, { id: "useful-link-name", className: "mb-16", isRequired: !0, children: [
+        /* @__PURE__ */ jsx(Label, { children: t("homepage.usefulLinks.form.name") }),
+        /* @__PURE__ */ jsx(Input, { type: "text", size: "md", maxLength: NAME_MAX_LENGTH, showCounter: !0, clearable: !0, "data-testid": "usefullinks-input-name", placeholder: t("homepage.usefulLinks.form.name.placeholder"), ...register("name", {
+          required: !0,
+          maxLength: NAME_MAX_LENGTH
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs(FormControl, { id: "useful-link-url", isRequired: !0, status: errors.url ? "invalid" : void 0, children: [
+        /* @__PURE__ */ jsx(Label, { children: t("homepage.usefulLinks.form.url") }),
+        /* @__PURE__ */ jsx(Input, { type: "text", size: "md", "data-testid": "usefullinks-input-url", placeholder: t("homepage.usefulLinks.form.url.placeholder"), ...register("url", {
+          required: !0,
+          pattern: URL_PATTERN
+        }) }),
+        errors.url && /* @__PURE__ */ jsx(FormControl.Text, { children: t("homepage.usefulLinks.form.url.error") })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalBeta.Footer, { children: [
+      /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", "data-testid": "usefullinks-button-cancel", onClick: onCancel, children: t("homepage.usefulLinks.form.cancel") }),
+      /* @__PURE__ */ jsx(ButtonBeta, { form: formId, type: "submit", isLoading: isSubmitting, disabled: !isValid || !isDirty || isSubmitting, "data-testid": "usefullinks-button-save", children: t("homepage.usefulLinks.form.save") })
+    ] })
+  ] });
+}
+export {
+  LinkForm
+};

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

@@ -1 +1,31 @@
-import SvgIconEdit from"../../../icons/components/IconEdit.js";import Flex from"../../../../components/Flex/Flex.js";import Image from"../../../../components/Image/Image.js";import LinkPill from"../../../../components/LinkPill/LinkPill.js";import HomeCard from"../HomeCard/HomeCard.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import illuEmptyUsefulLinks from"@edifice.io/bootstrap/dist/images/homepage/illu-empty-useful-links.png";function UsefulLinks({links,onEditClick}){let{t}=useTranslation();return jsxs(HomeCard,{variant:`primary`,children:[jsx(HomeCard.Header,{title:t(`homepage.usefulLinks.title`),actionLabel:t(`homepage.usefulLinks.edit`),actionLeftIcon:jsx(SvgIconEdit,{}),onActionClick:onEditClick,actionProps:{"data-testid":`usefullinks-button-edit`}}),jsx(HomeCard.Content,{children:links.length===0?jsxs(`div`,{className:`useful-links-widget__empty`,children:[jsx(Image,{src:illuEmptyUsefulLinks,alt:``,"aria-hidden":`true`,style:{width:160,height:87}}),jsx(`p`,{className:`useful-links-widget__empty-text`,children:t(`homepage.usefulLinks.empty`)})]}):jsx(Flex,{direction:`column`,gap:`8`,children:links.map(link=>jsx(LinkPill,{href:link.url,label:link.name,"data-testid":`usefullinks-link-${link.id}`},link.id))})})]})}export{UsefulLinks};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import illuEmptyUsefulLinks from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-useful-links.png";
+import SvgIconEdit from "../../../icons/components/IconEdit.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Image from "../../../../components/Image/Image.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import LinkPill from "../../../../components/LinkPill/LinkPill.js";
+function UsefulLinks({
+  links,
+  onEditClick
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.usefulLinks.title"), actionLabel: t("homepage.usefulLinks.edit"), actionLeftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), onActionClick: onEditClick, actionProps: {
+      "data-testid": "usefullinks-button-edit"
+    } }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: links.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "useful-links-widget__empty", children: [
+      /* @__PURE__ */ jsx(Image, { src: illuEmptyUsefulLinks, alt: "", "aria-hidden": "true", style: {
+        width: 160,
+        height: 87
+      } }),
+      /* @__PURE__ */ jsx("p", { className: "useful-links-widget__empty-text", children: t("homepage.usefulLinks.empty") })
+    ] }) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", children: links.map((link) => /* @__PURE__ */ jsx(LinkPill, { href: link.url, label: link.name, "data-testid": `usefullinks-link-${link.id}` }, link.id)) }) })
+  ] });
+}
+export {
+  UsefulLinks
+};

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksContainer.js

@@ -1 +1,40 @@
-import{LinkForm}from"./LinkForm.js";import{UsefulLinks}from"./UsefulLinks.js";import{useUsefulLinksContainer}from"./hooks/useUsefulLinksContainer.js";import{UsefulLinksModal}from"./UsefulLinksModal.js";import{useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";function UsefulLinksContainer(){let[view,setView]=useState({name:`closed`}),{links,canAddLink,createLink,isCreating,updateLink,isUpdating,deleteLink}=useUsefulLinksContainer(),closeAll=()=>setView({name:`closed`}),backToManage=()=>setView({name:`manage`});return jsxs(Fragment$1,{children:[jsx(UsefulLinks,{links,onEditClick:()=>setView({name:`manage`})}),jsx(UsefulLinksModal,{isOpen:view.name===`manage`,links,canAddLink,onClose:closeAll,onAddClick:()=>setView({name:`add`}),onEditLink:link=>setView({name:`edit`,link}),onDeleteLink:deleteLink}),(view.name===`add`||view.name===`edit`)&&jsx(LinkForm,{mode:view.name,link:view.name===`edit`?view.link:void 0,isSubmitting:view.name===`edit`?isUpdating:isCreating,onCancel:backToManage,onClose:closeAll,onSubmit:async payload=>{view.name===`edit`?await updateLink(view.link.id,payload):await createLink(payload),backToManage()}})]})}export{UsefulLinksContainer};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useUsefulLinksContainer } from "./hooks/useUsefulLinksContainer.js";
+import { LinkForm } from "./LinkForm.js";
+import { UsefulLinks } from "./UsefulLinks.js";
+import { UsefulLinksModal } from "./UsefulLinksModal.js";
+function UsefulLinksContainer() {
+  const [view, setView] = useState({
+    name: "closed"
+  }), {
+    links,
+    canAddLink,
+    createLink,
+    isCreating,
+    updateLink,
+    isUpdating,
+    deleteLink
+  } = useUsefulLinksContainer(), closeAll = () => setView({
+    name: "closed"
+  }), backToManage = () => setView({
+    name: "manage"
+  }), handleSubmit = async (payload) => {
+    view.name === "edit" ? await updateLink(view.link.id, payload) : await createLink(payload), backToManage();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(UsefulLinks, { links, onEditClick: () => setView({
+      name: "manage"
+    }) }),
+    /* @__PURE__ */ jsx(UsefulLinksModal, { isOpen: view.name === "manage", links, canAddLink, onClose: closeAll, onAddClick: () => setView({
+      name: "add"
+    }), onEditLink: (link) => setView({
+      name: "edit",
+      link
+    }), onDeleteLink: deleteLink }),
+    (view.name === "add" || view.name === "edit") && /* @__PURE__ */ jsx(LinkForm, { mode: view.name, link: view.name === "edit" ? view.link : void 0, isSubmitting: view.name === "edit" ? isUpdating : isCreating, onCancel: backToManage, onClose: closeAll, onSubmit: handleSubmit })
+  ] });
+}
+export {
+  UsefulLinksContainer
+};

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksModal.js

@@ -1 +1,65 @@
-import SvgIconClose from"../../../icons/components/IconClose.js";import SvgIconEdit from"../../../icons/components/IconEdit.js";import SvgIconPlus from"../../../icons/components/IconPlus.js";import Flex from"../../../../components/Flex/Flex.js";import useBreakpoint from"../../../../hooks/useBreakpoint/useBreakpoint.js";import ButtonBeta from"../../../../components/ButtonBeta/ButtonBeta.js";import Image from"../../../../components/Image/Image.js";import ModalBeta from"../../../../components/ModalBeta/ModalBeta.js";import Table from"../../../../components/Table/components/Table.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import illuEmptyUsefulLinks from"@edifice.io/bootstrap/dist/images/homepage/illu-empty-useful-links.png";function UsefulLinksModal({isOpen,links,canAddLink,onClose,onAddClick,onEditLink,onDeleteLink}){let{t}=useTranslation(),{md}=useBreakpoint(),addLinkButton=jsx(ButtonBeta,{type:`button`,variant:`outline`,leftIcon:jsx(SvgIconPlus,{}),onClick:onAddClick,disabled:!canAddLink,"data-testid":`usefullinks-button-add`,children:t(`homepage.usefulLinks.modal.add`)});return jsxs(ModalBeta,{id:`useful-links-modal`,isOpen,size:`l`,onModalClose:onClose,children:[jsx(ModalBeta.Header,{onModalClose:onClose,children:t(`homepage.usefulLinks.modal.title`)}),jsx(ModalBeta.Body,{children:links.length===0?jsxs(Fragment,{children:[jsx(Flex,{justify:`end`,className:`mb-16`,children:addLinkButton}),jsxs(`div`,{className:`useful-links-modal__empty`,children:[jsx(Image,{src:illuEmptyUsefulLinks,alt:``,"aria-hidden":`true`,style:{width:200,height:109}}),jsx(`p`,{className:`useful-links-modal__empty-title`,children:t(`homepage.usefulLinks.modal.empty.title`)}),jsx(`p`,{className:`useful-links-modal__empty-text`,children:t(`homepage.usefulLinks.modal.empty.text`)})]})]}):jsx(`div`,{className:`useful-links-table`,children:jsxs(Table,{children:[jsx(Table.Thead,{children:jsxs(Table.Tr,{children:[jsx(Table.Th,{className:`visually-hidden`,children:t(`homepage.usefulLinks.modal.table.name`)}),jsx(Table.Th,{className:`visually-hidden`,children:t(`homepage.usefulLinks.modal.table.url`)}),jsx(Table.Th,{className:`visually-hidden`,children:t(`homepage.usefulLinks.modal.table.actions`)})]})}),jsxs(Table.Tbody,{children:[jsx(Table.Tr,{className:`useful-links-table__action-row`,children:jsx(Table.Td,{colSpan:md?3:2,children:jsx(Flex,{justify:`end`,children:addLinkButton})})}),links.map(link=>jsxs(Table.Tr,{"data-testid":`usefullinks-row-${link.id}`,children:[jsx(Table.Td,{className:`useful-links-table__name`,children:link.name}),jsx(Table.Td,{className:`useful-links-table__url`,children:link.url}),jsx(Table.Td,{className:`useful-links-table__actions`,children:jsxs(Flex,{gap:`4`,justify:`end`,children:[jsx(ButtonBeta,{type:`button`,variant:`ghost`,color:`tertiary`,size:`sm`,leftIcon:jsx(SvgIconEdit,{}),"aria-label":t(`homepage.usefulLinks.modal.table.edit`,{name:link.name}),"data-testid":`usefullinks-button-edit-${link.id}`,onClick:()=>onEditLink(link)}),jsx(ButtonBeta,{type:`button`,variant:`ghost`,color:`tertiary`,size:`sm`,leftIcon:jsx(SvgIconClose,{}),"aria-label":t(`homepage.usefulLinks.modal.table.delete`,{name:link.name}),"data-testid":`usefullinks-button-delete-${link.id}`,onClick:()=>onDeleteLink(link.id)})]})})]},link.id))]})]})})})]})}export{UsefulLinksModal};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import illuEmptyUsefulLinks from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-useful-links.png";
+import SvgIconClose from "../../../icons/components/IconClose.js";
+import SvgIconEdit from "../../../icons/components/IconEdit.js";
+import SvgIconPlus from "../../../icons/components/IconPlus.js";
+import useBreakpoint from "../../../../hooks/useBreakpoint/useBreakpoint.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+import ModalBeta from "../../../../components/ModalBeta/ModalBeta.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Image from "../../../../components/Image/Image.js";
+import Table from "../../../../components/Table/components/Table.js";
+function UsefulLinksModal({
+  isOpen,
+  links,
+  canAddLink,
+  onClose,
+  onAddClick,
+  onEditLink,
+  onDeleteLink
+}) {
+  const {
+    t
+  } = useTranslation(), {
+    md
+  } = useBreakpoint(), addLinkButton = /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "outline", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), onClick: onAddClick, disabled: !canAddLink, "data-testid": "usefullinks-button-add", children: t("homepage.usefulLinks.modal.add") });
+  return /* @__PURE__ */ jsxs(ModalBeta, { id: "useful-links-modal", isOpen, size: "l", onModalClose: onClose, children: [
+    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onClose, children: t("homepage.usefulLinks.modal.title") }),
+    /* @__PURE__ */ jsx(ModalBeta.Body, { children: links.length === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Flex, { justify: "end", className: "mb-16", children: addLinkButton }),
+      /* @__PURE__ */ jsxs("div", { className: "useful-links-modal__empty", children: [
+        /* @__PURE__ */ jsx(Image, { src: illuEmptyUsefulLinks, alt: "", "aria-hidden": "true", style: {
+          width: 200,
+          height: 109
+        } }),
+        /* @__PURE__ */ jsx("p", { className: "useful-links-modal__empty-title", children: t("homepage.usefulLinks.modal.empty.title") }),
+        /* @__PURE__ */ jsx("p", { className: "useful-links-modal__empty-text", children: t("homepage.usefulLinks.modal.empty.text") })
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "useful-links-table", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.name") }),
+        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.url") }),
+        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.actions") })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Table.Tbody, { children: [
+        /* @__PURE__ */ jsx(Table.Tr, { className: "useful-links-table__action-row", children: /* @__PURE__ */ jsx(Table.Td, { colSpan: md ? 3 : 2, children: /* @__PURE__ */ jsx(Flex, { justify: "end", children: addLinkButton }) }) }),
+        links.map((link) => /* @__PURE__ */ jsxs(Table.Tr, { "data-testid": `usefullinks-row-${link.id}`, children: [
+          /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__name", children: link.name }),
+          /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__url", children: link.url }),
+          /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__actions", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", justify: "end", children: [
+            /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), "aria-label": t("homepage.usefulLinks.modal.table.edit", {
+              name: link.name
+            }), "data-testid": `usefullinks-button-edit-${link.id}`, onClick: () => onEditLink(link) }),
+            /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), "aria-label": t("homepage.usefulLinks.modal.table.delete", {
+              name: link.name
+            }), "data-testid": `usefullinks-button-delete-${link.id}`, onClick: () => onDeleteLink(link.id) })
+          ] }) })
+        ] }, link.id))
+      ] })
+    ] }) }) })
+  ] });
+}
+export {
+  UsefulLinksModal
+};

package/dist/modules/homepage/components/UsefulLinks/hooks/useUsefulLinksContainer.js

@@ -1 +1,26 @@
-import{useCreateUsefulLink,useDeleteUsefulLink,useUpdateUsefulLink,useUsefulLinks}from"../services/queries/usefulLinks.js";var MAX_USEFUL_LINKS=10,useUsefulLinksContainer=()=>{let{data:links,isLoading,error}=useUsefulLinks(),createMutation=useCreateUsefulLink(),updateMutation=useUpdateUsefulLink(),deleteMutation=useDeleteUsefulLink();return{links:links??[],isLoading,error,canAddLink:(links?.length??0)<10,createLink:payload=>createMutation.mutateAsync(payload),isCreating:createMutation.isPending,updateLink:(id,payload)=>updateMutation.mutateAsync({id,payload}),isUpdating:updateMutation.isPending,deleteLink:id=>deleteMutation.mutate(id)}};export{MAX_USEFUL_LINKS,useUsefulLinksContainer};
+import { useUsefulLinks, useCreateUsefulLink, useUpdateUsefulLink, useDeleteUsefulLink } from "../services/queries/usefulLinks.js";
+const MAX_USEFUL_LINKS = 10, useUsefulLinksContainer = () => {
+  const {
+    data: links,
+    isLoading,
+    error
+  } = useUsefulLinks(), createMutation = useCreateUsefulLink(), updateMutation = useUpdateUsefulLink(), deleteMutation = useDeleteUsefulLink();
+  return {
+    links: links ?? [],
+    isLoading,
+    error,
+    canAddLink: ((links == null ? void 0 : links.length) ?? 0) < MAX_USEFUL_LINKS,
+    createLink: (payload) => createMutation.mutateAsync(payload),
+    isCreating: createMutation.isPending,
+    updateLink: (id, payload) => updateMutation.mutateAsync({
+      id,
+      payload
+    }),
+    isUpdating: updateMutation.isPending,
+    deleteLink: (id) => deleteMutation.mutate(id)
+  };
+};
+export {
+  MAX_USEFUL_LINKS,
+  useUsefulLinksContainer
+};

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

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

package/dist/modules/homepage/components/UsefulLinks/services/api/usefulLinksService.js

@@ -1 +1,50 @@
-import{odeServices}from"@edifice.io/client";var toUsefulLink=({_id,name,url})=>({id:_id,name,url}),createUsefulLinksService=baseURL=>({async getUsefulLinks(){let{bookmarks}=await odeServices.http().get(`${baseURL}/bookmark/api/v2/bookmarks`);return bookmarks.map(toUsefulLink)},async createUsefulLink(payload){let{_id}=await odeServices.http().postJson(`${baseURL}/bookmark/api/v2/bookmarks`,payload);return{id:_id,...payload}},async updateUsefulLink(id,payload){return await odeServices.http().putJson(`${baseURL}/bookmark/api/v2/bookmarks/${id}`,payload),{id,...payload}},async deleteUsefulLink(id){await odeServices.http().delete(`${baseURL}/bookmark/api/v2/bookmarks/${id}`)}});export{createUsefulLinksService};
+import { odeServices } from "@edifice.io/client";
+const toUsefulLink = ({
+  _id,
+  name,
+  url
+}) => ({
+  id: _id,
+  name,
+  url
+}), createUsefulLinksService = (baseURL) => ({
+  /**
+   * Get the current user's useful links.
+   */
+  async getUsefulLinks() {
+    const {
+      bookmarks
+    } = await odeServices.http().get(`${baseURL}/bookmark/api/v2/bookmarks`);
+    return bookmarks.map(toUsefulLink);
+  },
+  /**
+   * Create a new useful link.
+   */
+  async createUsefulLink(payload) {
+    const {
+      _id
+    } = await odeServices.http().postJson(`${baseURL}/bookmark/api/v2/bookmarks`, payload);
+    return {
+      id: _id,
+      ...payload
+    };
+  },
+  /**
+   * Update an existing useful link.
+   */
+  async updateUsefulLink(id, payload) {
+    return await odeServices.http().putJson(`${baseURL}/bookmark/api/v2/bookmarks/${id}`, payload), {
+      id,
+      ...payload
+    };
+  },
+  /**
+   * Delete a useful link.
+   */
+  async deleteUsefulLink(id) {
+    await odeServices.http().delete(`${baseURL}/bookmark/api/v2/bookmarks/${id}`);
+  }
+});
+export {
+  createUsefulLinksService
+};

package/dist/modules/homepage/components/UsefulLinks/services/queries/usefulLinks.js

@@ -1 +1,65 @@
-import{usefulLinksService}from"../api/index.js";import{queryOptions,useMutation,useQuery,useQueryClient}from"@tanstack/react-query";var usefulLinksQueryKeys={all:()=>[`usefulLinks`]},usefulLinksQueryOptions={getUsefulLinks(){return queryOptions({queryKey:usefulLinksQueryKeys.all(),queryFn:async()=>usefulLinksService.getUsefulLinks()})}},useUsefulLinks=()=>useQuery(usefulLinksQueryOptions.getUsefulLinks()),useCreateUsefulLink=()=>{let queryClient=useQueryClient();return useMutation({mutationFn:payload=>usefulLinksService.createUsefulLink(payload),onSuccess:()=>{queryClient.invalidateQueries({queryKey:usefulLinksQueryKeys.all()})}})},useUpdateUsefulLink=()=>{let queryClient=useQueryClient();return useMutation({mutationFn:({id,payload})=>usefulLinksService.updateUsefulLink(id,payload),onSuccess:()=>{queryClient.invalidateQueries({queryKey:usefulLinksQueryKeys.all()})}})},useDeleteUsefulLink=()=>{let queryClient=useQueryClient();return useMutation({mutationFn:id=>usefulLinksService.deleteUsefulLink(id),onMutate:async id=>{await queryClient.cancelQueries({queryKey:usefulLinksQueryKeys.all()});let previousLinks=queryClient.getQueryData(usefulLinksQueryKeys.all());return queryClient.setQueryData(usefulLinksQueryKeys.all(),links=>links?.filter(link=>link.id!==id)),{previousLinks}},onError:(_error,_id,context)=>{context?.previousLinks&&queryClient.setQueryData(usefulLinksQueryKeys.all(),context.previousLinks)},onSettled:()=>{queryClient.invalidateQueries({queryKey:usefulLinksQueryKeys.all()})}})};export{useCreateUsefulLink,useDeleteUsefulLink,useUpdateUsefulLink,useUsefulLinks};
+import { useQuery, useQueryClient, useMutation, queryOptions } from "@tanstack/react-query";
+import { usefulLinksService } from "../api/index.js";
+const usefulLinksQueryKeys = {
+  all: () => ["usefulLinks"]
+}, usefulLinksQueryOptions = {
+  getUsefulLinks() {
+    return queryOptions({
+      queryKey: usefulLinksQueryKeys.all(),
+      queryFn: async () => usefulLinksService.getUsefulLinks()
+    });
+  }
+}, useUsefulLinks = () => useQuery(usefulLinksQueryOptions.getUsefulLinks()), useCreateUsefulLink = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (payload) => usefulLinksService.createUsefulLink(payload),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: usefulLinksQueryKeys.all()
+      });
+    }
+  });
+}, useUpdateUsefulLink = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      id,
+      payload
+    }) => usefulLinksService.updateUsefulLink(id, payload),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: usefulLinksQueryKeys.all()
+      });
+    }
+  });
+}, useDeleteUsefulLink = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (id) => usefulLinksService.deleteUsefulLink(id),
+    onMutate: async (id) => {
+      await queryClient.cancelQueries({
+        queryKey: usefulLinksQueryKeys.all()
+      });
+      const previousLinks = queryClient.getQueryData(usefulLinksQueryKeys.all());
+      return queryClient.setQueryData(usefulLinksQueryKeys.all(), (links) => links == null ? void 0 : links.filter((link) => link.id !== id)), {
+        previousLinks
+      };
+    },
+    onError: (_error, _id, context) => {
+      context != null && context.previousLinks && queryClient.setQueryData(usefulLinksQueryKeys.all(), context.previousLinks);
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries({
+        queryKey: usefulLinksQueryKeys.all()
+      });
+    }
+  });
+};
+export {
+  useCreateUsefulLink,
+  useDeleteUsefulLink,
+  useUpdateUsefulLink,
+  useUsefulLinks,
+  usefulLinksQueryKeys,
+  usefulLinksQueryOptions
+};