@availity/mui-favorites 1.0.0 → 1.1.1

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.1.1](https://github.com/Availity/element/compare/@availity/mui-favorites@1.1.0...@availity/mui-favorites@1.1.1) (2025-03-07)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `1.1.0`
+* `mui-progress` updated to version `1.1.0`
+* `mui-tooltip` updated to version `1.1.0`
+## [1.1.0](https://github.com/Availity/element/compare/@availity/mui-favorites@1.0.0...@availity/mui-favorites@1.1.0) (2025-03-06)
+
+
+### Features
+
+* **mui-favorites:** add applicationId, maxFavorites, onMaxFavoritesReached props ([015e297](https://github.com/Availity/element/commit/015e2977cb17a2166971d82588055880027662a0))
+
 ## [1.0.0](https://github.com/Availity/element/compare/@availity/mui-favorites@1.0.0-alpha.0...@availity/mui-favorites@1.0.0) (2025-02-25)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -6,11 +6,14 @@ type Favorite = {
 };
 
 type StatusUnion = 'idle' | 'error' | 'loading' | 'reloading' | 'success';
-declare const FavoritesProvider: ({ children, onFavoritesChange, settingsFavorites, settingsStatus, }: {
+declare const FavoritesProvider: ({ children, onFavoritesChange, onMaxFavoritesReached, settingsFavorites, settingsStatus, applicationId, maxFavorites, }: {
     children: React.ReactNode;
     onFavoritesChange?: (favorites: Favorite[]) => void;
+    onMaxFavoritesReached?: (favorites: Favorite[]) => void;
     settingsFavorites?: Favorite[];
     settingsStatus?: StatusUnion;
+    applicationId?: string;
+    maxFavorites?: number;
 }) => JSX.Element;
 type MergedStatusUnion = 'initLoading' | 'reloading' | 'error' | 'success';
 declare const useFavorites: (id: string) => {

package/dist/index.d.ts

@@ -6,11 +6,14 @@ type Favorite = {
 };
 
 type StatusUnion = 'idle' | 'error' | 'loading' | 'reloading' | 'success';
-declare const FavoritesProvider: ({ children, onFavoritesChange, settingsFavorites, settingsStatus, }: {
+declare const FavoritesProvider: ({ children, onFavoritesChange, onMaxFavoritesReached, settingsFavorites, settingsStatus, applicationId, maxFavorites, }: {
     children: React.ReactNode;
     onFavoritesChange?: (favorites: Favorite[]) => void;
+    onMaxFavoritesReached?: (favorites: Favorite[]) => void;
     settingsFavorites?: Favorite[];
     settingsStatus?: StatusUnion;
+    applicationId?: string;
+    maxFavorites?: number;
 }) => JSX.Element;
 type MergedStatusUnion = 'initLoading' | 'reloading' | 'error' | 'success';
 declare const useFavorites: (id: string) => {

package/dist/index.js

@@ -108,21 +108,21 @@ var validateFavorites = (unvalidatedFavorites) => {
   const validatedFavorites = Array.isArray(unvalidatedFavorites) ? unvalidatedFavorites == null ? void 0 : unvalidatedFavorites.filter(isFavorite) : [];
   return validatedFavorites;
 };
-var submit = (_0) => __async(void 0, [_0], function* ({ favorites, targetFavoriteId }) {
-  const response = yield import_api_axios.avSettingsApi.setApplication(NAV_APP_ID, { favorites });
+var submit = (_0, _1) => __async(void 0, [_0, _1], function* ({ favorites, targetFavoriteId }, applicationId) {
+  const response = yield import_api_axios.avSettingsApi.setApplication(applicationId, { favorites });
   return { favorites: response.data.favorites, targetFavoriteId };
 });
-var getFavorites = () => __async(void 0, null, function* () {
+var getFavorites = (applicationId) => __async(void 0, null, function* () {
   var _a, _b, _c;
-  const result = yield import_api_axios.avSettingsApi.getApplication(NAV_APP_ID);
+  const result = yield import_api_axios.avSettingsApi.getApplication(applicationId);
   const unvalidatedFavorites = (_c = (_b = (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.settings) == null ? void 0 : _b[0]) == null ? void 0 : _c.favorites;
   const validatedFavorites = validateFavorites(unvalidatedFavorites);
   return validatedFavorites;
 });
-var useFavoritesQuery = (enabled) => (0, import_react_query.useQuery)(["favorites"], getFavorites, { enabled });
-var useSubmitFavorites = ({ onMutationStart }) => {
+var useFavoritesQuery = (enabled, applicationId) => (0, import_react_query.useQuery)(["favorites"], () => getFavorites(applicationId), { enabled });
+var useSubmitFavorites = ({ onMutationStart }, applicationId) => {
   const queryClient = (0, import_react_query.useQueryClient)();
-  const _a = (0, import_react_query.useMutation)(submit, {
+  const _a = (0, import_react_query.useMutation)(({ favorites, targetFavoriteId }) => submit({ favorites, targetFavoriteId }, applicationId), {
     onMutate(variables) {
       onMutationStart == null ? void 0 : onMutationStart(variables.targetFavoriteId);
     },
@@ -132,10 +132,17 @@ var useSubmitFavorites = ({ onMutationStart }) => {
   }), { mutateAsync: submitFavorites } = _a, rest = __objRest(_a, ["mutateAsync"]);
   return __spreadValues({ submitFavorites }, rest);
 };
-var sendUpdateMessage = (favorites) => {
-  import_message_core.default.send({ favorites, event: AV_INTERNAL_GLOBALS.FAVORITES_UPDATE });
+var sendUpdateMessage = (favorites, applicationId) => {
+  if (applicationId === NAV_APP_ID) {
+    import_message_core.default.send({ favorites, event: AV_INTERNAL_GLOBALS.FAVORITES_UPDATE });
+  }
+};
+var openMaxModal = (applicationId) => {
+  if (applicationId === NAV_APP_ID) {
+    return import_message_core.default.send(AV_INTERNAL_GLOBALS.MAX_FAVORITES);
+  }
+  return null;
 };
-var openMaxModal = () => import_message_core.default.send(AV_INTERNAL_GLOBALS.MAX_FAVORITES);
 
 // src/lib/Favorites.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -143,57 +150,71 @@ var FavoritesContext = (0, import_react.createContext)(null);
 var FavoritesProvider = ({
   children,
   onFavoritesChange,
+  onMaxFavoritesReached,
   settingsFavorites,
-  settingsStatus
+  settingsStatus,
+  applicationId = NAV_APP_ID,
+  maxFavorites = MAX_FAVORITES
 }) => {
   const [lastClickedFavoriteId, setLastClickedFavoriteId] = (0, import_react.useState)("");
   const queryClient = (0, import_react_query2.useQueryClient)();
-  const { data: favoritesData, status: favoritesDataStatus } = useFavoritesQuery(!settingsStatus);
+  const { data: favoritesData, status: favoritesDataStatus } = useFavoritesQuery(!settingsStatus, applicationId);
   const favorites = settingsStatus ? settingsFavorites : favoritesData;
   const queryStatus = settingsStatus ? settingsStatus : favoritesDataStatus;
   const { submitFavorites, status: mutationStatus } = useSubmitFavorites({
     onMutationStart(targetFavoriteId) {
       setLastClickedFavoriteId(targetFavoriteId);
     }
-  });
+  }, applicationId);
   (0, import_react.useEffect)(() => {
-    const unsubscribeFavoritesChanged = import_message_core2.default.subscribe(
-      AV_INTERNAL_GLOBALS.FAVORITES_CHANGED,
-      (data) => {
-        if (data == null ? void 0 : data.favorites) {
-          queryClient.setQueryData(["favorites"], data == null ? void 0 : data.favorites);
-        }
-      },
-      { ignoreSameWindow: false }
-    );
-    const unsubscribeFavoritesUpdate = import_message_core2.default.subscribe(
-      AV_INTERNAL_GLOBALS.FAVORITES_UPDATE,
-      (data) => {
-        if (data == null ? void 0 : data.favorites) {
-          queryClient.setQueryData(["favorites"], data == null ? void 0 : data.favorites);
-        }
-      },
-      { ignoreSameWindow: false }
-    );
+    const subscribe = () => {
+      if (applicationId === NAV_APP_ID) {
+        const unsubscribeFavoritesChanged = import_message_core2.default.subscribe(
+          AV_INTERNAL_GLOBALS.FAVORITES_CHANGED,
+          (data) => {
+            if (data == null ? void 0 : data.favorites) {
+              queryClient.setQueryData(["favorites"], data == null ? void 0 : data.favorites);
+            }
+          },
+          { ignoreSameWindow: false }
+        );
+        const unsubscribeFavoritesUpdate = import_message_core2.default.subscribe(
+          AV_INTERNAL_GLOBALS.FAVORITES_UPDATE,
+          (data) => {
+            if (data == null ? void 0 : data.favorites) {
+              queryClient.setQueryData(["favorites"], data == null ? void 0 : data.favorites);
+            }
+          },
+          { ignoreSameWindow: false }
+        );
+        return () => {
+          unsubscribeFavoritesChanged();
+          unsubscribeFavoritesUpdate();
+        };
+      }
+    };
+    const unsubscribe = subscribe();
     return () => {
-      unsubscribeFavoritesChanged();
-      unsubscribeFavoritesUpdate();
+      if (unsubscribe) unsubscribe();
     };
-  }, [queryClient]);
+  }, [queryClient, applicationId]);
   const deleteFavorite = (id) => __async(void 0, null, function* () {
     if (favorites) {
       const response = yield submitFavorites({
         favorites: favorites.filter((favorite) => favorite.id !== id),
         targetFavoriteId: id
       });
-      sendUpdateMessage(response.favorites);
+      sendUpdateMessage(response.favorites, applicationId);
       onFavoritesChange == null ? void 0 : onFavoritesChange(response.favorites);
     }
   });
   const addFavorite = (id) => __async(void 0, null, function* () {
     if (!favorites) return false;
-    if (favorites.length >= MAX_FAVORITES) {
-      openMaxModal();
+    if (favorites.length >= maxFavorites) {
+      openMaxModal(applicationId);
+      if (onMaxFavoritesReached && typeof onMaxFavoritesReached === "function") {
+        yield onMaxFavoritesReached(favorites);
+      }
       return false;
     }
     const maxFavorite = favorites.reduce((accum, fave) => {
@@ -207,7 +228,7 @@ var FavoritesProvider = ({
       favorites: [...favorites, { id, pos: newFavPos }],
       targetFavoriteId: id
     });
-    sendUpdateMessage(response.favorites);
+    sendUpdateMessage(response.favorites, applicationId);
     onFavoritesChange == null ? void 0 : onFavoritesChange(response.favorites);
     const isFavorited = response.favorites.find((f) => f.id === id);
     return !!isFavorited;

package/dist/index.mjs

@@ -73,21 +73,21 @@ var validateFavorites = (unvalidatedFavorites) => {
   const validatedFavorites = Array.isArray(unvalidatedFavorites) ? unvalidatedFavorites == null ? void 0 : unvalidatedFavorites.filter(isFavorite) : [];
   return validatedFavorites;
 };
-var submit = (_0) => __async(void 0, [_0], function* ({ favorites, targetFavoriteId }) {
-  const response = yield avSettingsApi.setApplication(NAV_APP_ID, { favorites });
+var submit = (_0, _1) => __async(void 0, [_0, _1], function* ({ favorites, targetFavoriteId }, applicationId) {
+  const response = yield avSettingsApi.setApplication(applicationId, { favorites });
   return { favorites: response.data.favorites, targetFavoriteId };
 });
-var getFavorites = () => __async(void 0, null, function* () {
+var getFavorites = (applicationId) => __async(void 0, null, function* () {
   var _a, _b, _c;
-  const result = yield avSettingsApi.getApplication(NAV_APP_ID);
+  const result = yield avSettingsApi.getApplication(applicationId);
   const unvalidatedFavorites = (_c = (_b = (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.settings) == null ? void 0 : _b[0]) == null ? void 0 : _c.favorites;
   const validatedFavorites = validateFavorites(unvalidatedFavorites);
   return validatedFavorites;
 });
-var useFavoritesQuery = (enabled) => useQuery(["favorites"], getFavorites, { enabled });
-var useSubmitFavorites = ({ onMutationStart }) => {
+var useFavoritesQuery = (enabled, applicationId) => useQuery(["favorites"], () => getFavorites(applicationId), { enabled });
+var useSubmitFavorites = ({ onMutationStart }, applicationId) => {
   const queryClient = useQueryClient();
-  const _a = useMutation(submit, {
+  const _a = useMutation(({ favorites, targetFavoriteId }) => submit({ favorites, targetFavoriteId }, applicationId), {
     onMutate(variables) {
       onMutationStart == null ? void 0 : onMutationStart(variables.targetFavoriteId);
     },
@@ -97,10 +97,17 @@ var useSubmitFavorites = ({ onMutationStart }) => {
   }), { mutateAsync: submitFavorites } = _a, rest = __objRest(_a, ["mutateAsync"]);
   return __spreadValues({ submitFavorites }, rest);
 };
-var sendUpdateMessage = (favorites) => {
-  avMessages.send({ favorites, event: AV_INTERNAL_GLOBALS.FAVORITES_UPDATE });
+var sendUpdateMessage = (favorites, applicationId) => {
+  if (applicationId === NAV_APP_ID) {
+    avMessages.send({ favorites, event: AV_INTERNAL_GLOBALS.FAVORITES_UPDATE });
+  }
+};
+var openMaxModal = (applicationId) => {
+  if (applicationId === NAV_APP_ID) {
+    return avMessages.send(AV_INTERNAL_GLOBALS.MAX_FAVORITES);
+  }
+  return null;
 };
-var openMaxModal = () => avMessages.send(AV_INTERNAL_GLOBALS.MAX_FAVORITES);
 
 // src/lib/Favorites.tsx
 import { jsx } from "react/jsx-runtime";
@@ -108,57 +115,71 @@ var FavoritesContext = createContext(null);
 var FavoritesProvider = ({
   children,
   onFavoritesChange,
+  onMaxFavoritesReached,
   settingsFavorites,
-  settingsStatus
+  settingsStatus,
+  applicationId = NAV_APP_ID,
+  maxFavorites = MAX_FAVORITES
 }) => {
   const [lastClickedFavoriteId, setLastClickedFavoriteId] = useState("");
   const queryClient = useQueryClient2();
-  const { data: favoritesData, status: favoritesDataStatus } = useFavoritesQuery(!settingsStatus);
+  const { data: favoritesData, status: favoritesDataStatus } = useFavoritesQuery(!settingsStatus, applicationId);
   const favorites = settingsStatus ? settingsFavorites : favoritesData;
   const queryStatus = settingsStatus ? settingsStatus : favoritesDataStatus;
   const { submitFavorites, status: mutationStatus } = useSubmitFavorites({
     onMutationStart(targetFavoriteId) {
       setLastClickedFavoriteId(targetFavoriteId);
     }
-  });
+  }, applicationId);
   useEffect(() => {
-    const unsubscribeFavoritesChanged = avMessages2.subscribe(
-      AV_INTERNAL_GLOBALS.FAVORITES_CHANGED,
-      (data) => {
-        if (data == null ? void 0 : data.favorites) {
-          queryClient.setQueryData(["favorites"], data == null ? void 0 : data.favorites);
-        }
-      },
-      { ignoreSameWindow: false }
-    );
-    const unsubscribeFavoritesUpdate = avMessages2.subscribe(
-      AV_INTERNAL_GLOBALS.FAVORITES_UPDATE,
-      (data) => {
-        if (data == null ? void 0 : data.favorites) {
-          queryClient.setQueryData(["favorites"], data == null ? void 0 : data.favorites);
-        }
-      },
-      { ignoreSameWindow: false }
-    );
+    const subscribe = () => {
+      if (applicationId === NAV_APP_ID) {
+        const unsubscribeFavoritesChanged = avMessages2.subscribe(
+          AV_INTERNAL_GLOBALS.FAVORITES_CHANGED,
+          (data) => {
+            if (data == null ? void 0 : data.favorites) {
+              queryClient.setQueryData(["favorites"], data == null ? void 0 : data.favorites);
+            }
+          },
+          { ignoreSameWindow: false }
+        );
+        const unsubscribeFavoritesUpdate = avMessages2.subscribe(
+          AV_INTERNAL_GLOBALS.FAVORITES_UPDATE,
+          (data) => {
+            if (data == null ? void 0 : data.favorites) {
+              queryClient.setQueryData(["favorites"], data == null ? void 0 : data.favorites);
+            }
+          },
+          { ignoreSameWindow: false }
+        );
+        return () => {
+          unsubscribeFavoritesChanged();
+          unsubscribeFavoritesUpdate();
+        };
+      }
+    };
+    const unsubscribe = subscribe();
     return () => {
-      unsubscribeFavoritesChanged();
-      unsubscribeFavoritesUpdate();
+      if (unsubscribe) unsubscribe();
     };
-  }, [queryClient]);
+  }, [queryClient, applicationId]);
   const deleteFavorite = (id) => __async(void 0, null, function* () {
     if (favorites) {
       const response = yield submitFavorites({
         favorites: favorites.filter((favorite) => favorite.id !== id),
         targetFavoriteId: id
       });
-      sendUpdateMessage(response.favorites);
+      sendUpdateMessage(response.favorites, applicationId);
       onFavoritesChange == null ? void 0 : onFavoritesChange(response.favorites);
     }
   });
   const addFavorite = (id) => __async(void 0, null, function* () {
     if (!favorites) return false;
-    if (favorites.length >= MAX_FAVORITES) {
-      openMaxModal();
+    if (favorites.length >= maxFavorites) {
+      openMaxModal(applicationId);
+      if (onMaxFavoritesReached && typeof onMaxFavoritesReached === "function") {
+        yield onMaxFavoritesReached(favorites);
+      }
       return false;
     }
     const maxFavorite = favorites.reduce((accum, fave) => {
@@ -172,7 +193,7 @@ var FavoritesProvider = ({
       favorites: [...favorites, { id, pos: newFavPos }],
       targetFavoriteId: id
     });
-    sendUpdateMessage(response.favorites);
+    sendUpdateMessage(response.favorites, applicationId);
     onFavoritesChange == null ? void 0 : onFavoritesChange(response.favorites);
     const isFavorited = response.favorites.find((f) => f.id === id);
     return !!isFavorited;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-favorites",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "Availity MUI Favorites Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -45,9 +45,9 @@
     "@tanstack/react-query": "^4.36.1"
   },
   "devDependencies": {
-    "@availity/mui-icon": "^1.0.0",
-    "@availity/mui-progress": "^1.0.0",
-    "@availity/mui-tooltip": "^1.0.0",
+    "@availity/mui-icon": "^1.0.1",
+    "@availity/mui-progress": "^1.0.1",
+    "@availity/mui-tooltip": "^1.0.1",
     "@mui/material": "^6.4.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -55,9 +55,9 @@
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@availity/mui-icon": "^1.0.0",
-    "@availity/mui-progress": "^1.0.0",
-    "@availity/mui-tooltip": "^1.0.0",
+    "@availity/mui-icon": "^1.0.1",
+    "@availity/mui-progress": "^1.0.1",
+    "@availity/mui-tooltip": "^1.0.1",
     "@mui/material": "^6.4.5",
     "react": ">=16.3.0"
   },

package/src/lib/Favorites.test.tsx

@@ -15,9 +15,8 @@ const domain = () => {
   }
 
   if (window.location.hostname) {
-    return `${window.location.protocol}//${window.location.hostname}${
-      window.location.port ? `:${window.location.port}` : ''
-    }`;
+    return `${window.location.protocol}//${window.location.hostname}${window.location.port ? `:${window.location.port}` : ''
+      }`;
   }
 
   return '*';
@@ -270,4 +269,6 @@ describe('Favorites', () => {
       });
     });
   });
+
+
 });

package/src/lib/Favorites.tsx

@@ -3,7 +3,7 @@ import { useQueryClient } from '@tanstack/react-query';
 import avMessages from '@availity/message-core';
 import type { Favorite } from './utils';
 import { useFavoritesQuery, useSubmitFavorites, sendUpdateMessage, openMaxModal } from './utils';
-import { AV_INTERNAL_GLOBALS, MAX_FAVORITES } from './constants';
+import { AV_INTERNAL_GLOBALS, MAX_FAVORITES, NAV_APP_ID } from './constants';
 
 type StatusUnion = 'idle' | 'error' | 'loading' | 'reloading' | 'success';
 
@@ -21,18 +21,24 @@ const FavoritesContext = createContext<FavoritesContextType | null>(null);
 export const FavoritesProvider = ({
   children,
   onFavoritesChange,
+  onMaxFavoritesReached,
   settingsFavorites,
   settingsStatus,
+  applicationId = NAV_APP_ID,
+  maxFavorites = MAX_FAVORITES,
 }: {
   children: React.ReactNode;
   onFavoritesChange?: (favorites: Favorite[]) => void;
+  onMaxFavoritesReached?: (favorites: Favorite[]) => void;
   settingsFavorites?: Favorite[];
   settingsStatus?: StatusUnion;
+  applicationId?: string;
+  maxFavorites?: number;
 }): JSX.Element => {
   const [lastClickedFavoriteId, setLastClickedFavoriteId] = useState<string>('');
 
   const queryClient = useQueryClient();
-  const { data: favoritesData, status: favoritesDataStatus } = useFavoritesQuery(!settingsStatus);
+  const { data: favoritesData, status: favoritesDataStatus } = useFavoritesQuery(!settingsStatus, applicationId);
   const favorites = settingsStatus ? settingsFavorites : favoritesData;
   const queryStatus = settingsStatus ? settingsStatus : favoritesDataStatus;
 
@@ -40,34 +46,44 @@ export const FavoritesProvider = ({
     onMutationStart(targetFavoriteId) {
       setLastClickedFavoriteId(targetFavoriteId);
     },
-  });
+  }, applicationId);
 
   useEffect(() => {
-    const unsubscribeFavoritesChanged = avMessages.subscribe(
-      AV_INTERNAL_GLOBALS.FAVORITES_CHANGED,
-      (data) => {
-        if (data?.favorites) {
-          queryClient.setQueryData(['favorites'], data?.favorites);
-        }
-      },
-      { ignoreSameWindow: false }
-    );
-
-    const unsubscribeFavoritesUpdate = avMessages.subscribe(
-      AV_INTERNAL_GLOBALS.FAVORITES_UPDATE,
-      (data) => {
-        if (data?.favorites) {
-          queryClient.setQueryData(['favorites'], data?.favorites);
-        }
-      },
-      { ignoreSameWindow: false }
-    );
+    const subscribe = () => {
+      if (applicationId === NAV_APP_ID) {
+        const unsubscribeFavoritesChanged = avMessages.subscribe(
+          AV_INTERNAL_GLOBALS.FAVORITES_CHANGED,
+          (data) => {
+            if (data?.favorites) {
+              queryClient.setQueryData(['favorites'], data?.favorites);
+            }
+          },
+          { ignoreSameWindow: false }
+        );
+
+        const unsubscribeFavoritesUpdate = avMessages.subscribe(
+          AV_INTERNAL_GLOBALS.FAVORITES_UPDATE,
+          (data) => {
+            if (data?.favorites) {
+              queryClient.setQueryData(['favorites'], data?.favorites);
+            }
+          },
+          { ignoreSameWindow: false }
+        );
+
+        return () => {
+          unsubscribeFavoritesChanged();
+          unsubscribeFavoritesUpdate();
+        };
+      }
+    };
+
+    const unsubscribe = subscribe();
 
     return () => {
-      unsubscribeFavoritesChanged();
-      unsubscribeFavoritesUpdate();
+      if (unsubscribe) unsubscribe();
     };
-  }, [queryClient]);
+  }, [queryClient, applicationId]);
 
   const deleteFavorite = async (id: string) => {
     if (favorites) {
@@ -76,7 +92,7 @@ export const FavoritesProvider = ({
         targetFavoriteId: id,
       });
 
-      sendUpdateMessage(response.favorites);
+      sendUpdateMessage(response.favorites, applicationId);
       onFavoritesChange?.(response.favorites);
     }
   };
@@ -84,8 +100,11 @@ export const FavoritesProvider = ({
   const addFavorite = async (id: string) => {
     if (!favorites) return false;
 
-    if (favorites.length >= MAX_FAVORITES) {
-      openMaxModal();
+    if (favorites.length >= maxFavorites) {
+      openMaxModal(applicationId);
+      if (onMaxFavoritesReached && typeof onMaxFavoritesReached === 'function') {
+        await onMaxFavoritesReached(favorites);
+      }
       return false;
     }
 
@@ -103,10 +122,10 @@ export const FavoritesProvider = ({
       targetFavoriteId: id,
     });
 
-    sendUpdateMessage(response.favorites);
+    sendUpdateMessage(response.favorites, applicationId);
     onFavoritesChange?.(response.favorites);
 
-    const isFavorited = response.favorites.find((f) => f.id === id);
+    const isFavorited = response.favorites.find((f: Favorite) => f.id === id);
 
     return !!isFavorited;
   };
@@ -128,7 +147,7 @@ export const FavoritesProvider = ({
 };
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-const noOp = () => {};
+const noOp = () => { };
 
 type MergedStatusUnion = 'initLoading' | 'reloading' | 'error' | 'success';
 

package/src/lib/utils.ts

@@ -22,28 +22,28 @@ type MutationVariables = {
 
 type SettingsResponse = { data: { favorites: Favorite[] } };
 
-const submit = async ({ favorites, targetFavoriteId }: MutationVariables) => {
-  const response: SettingsResponse = await avSettingsApi.setApplication(NAV_APP_ID, { favorites });
+const submit = async ({ favorites, targetFavoriteId }: MutationVariables, applicationId: string) => {
+  const response: SettingsResponse = await avSettingsApi.setApplication(applicationId, { favorites });
   return { favorites: response.data.favorites, targetFavoriteId };
 }
 
-const getFavorites = async () => {
-  const result = await avSettingsApi.getApplication(NAV_APP_ID);
+const getFavorites = async (applicationId: string) => {
+  const result = await avSettingsApi.getApplication(applicationId);
   const unvalidatedFavorites = result?.data?.settings?.[0]?.favorites;
   const validatedFavorites = validateFavorites(unvalidatedFavorites);
 
   return validatedFavorites;
 };
 
-export const useFavoritesQuery = (enabled: boolean): UseQueryResult<Favorite[], unknown> => useQuery(['favorites'], getFavorites, { enabled });
+export const useFavoritesQuery = (enabled: boolean, applicationId: string): UseQueryResult<Favorite[], unknown> => useQuery(['favorites'], () => getFavorites(applicationId), { enabled });
 
 type MutationOptions = {
   onMutationStart?: (targetFavoriteId: string) => void;
 };
 
-export const useSubmitFavorites = ({ onMutationStart }: MutationOptions) => {
+export const useSubmitFavorites = ({ onMutationStart }: MutationOptions, applicationId: string) => {
   const queryClient = useQueryClient();
-  const { mutateAsync: submitFavorites, ...rest } = useMutation(submit, {
+  const { mutateAsync: submitFavorites, ...rest } = useMutation(({ favorites, targetFavoriteId }: MutationVariables) => submit({ favorites, targetFavoriteId }, applicationId), {
     onMutate(variables) {
       onMutationStart?.(variables.targetFavoriteId);
     },
@@ -54,8 +54,15 @@ export const useSubmitFavorites = ({ onMutationStart }: MutationOptions) => {
   return { submitFavorites, ...rest };
 };
 
-export const sendUpdateMessage = (favorites: Favorite[]): void => {
-  avMessages.send({ favorites, event: AV_INTERNAL_GLOBALS.FAVORITES_UPDATE });
+export const sendUpdateMessage = (favorites: Favorite[], applicationId: string): void => {
+  if (applicationId === NAV_APP_ID) {
+    avMessages.send({ favorites, event: AV_INTERNAL_GLOBALS.FAVORITES_UPDATE });
+  }
 };
 
-export const openMaxModal = (): void => avMessages.send(AV_INTERNAL_GLOBALS.MAX_FAVORITES);
+export const openMaxModal = (applicationId: string): void | null => {
+  if (applicationId === NAV_APP_ID) {
+    return avMessages.send(AV_INTERNAL_GLOBALS.MAX_FAVORITES);
+  }
+  return null;
+};

package/tsconfig.spec.json

@@ -6,5 +6,5 @@
     "types": ["jest", "node", "@testing-library/jest-dom"],
     "allowJs": true
   },
-  "include": ["**/*.test.js", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
+  "include": ["jest.config.ts", "**/*.test.js", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
 }