@ludo.ninja/components 2.3.27 → 2.3.29

package/build/api/server-search/queries/useFetchCollections/index.js

@@ -6,8 +6,8 @@ const types_1 = require("../../../../entities/labelCreationType/types");
 const ui_1 = require("../../../../store/ui");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../../utils/getErrorAlertProps");
 // export const prefetchFindCollections = (
 //   { term, input, pageSize, pageToken }: schema.IQueryFindCollectionsArgs,
 //   apolloClient: ApolloClient<NormalizedCacheObject>
@@ -44,11 +44,8 @@ const useFindCollections = ({ term, input, page }) => {
             setResults(results);
             setNextPageToken(nextPageToken);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollections([]);
             setNextPageToken(null);
         },

package/build/api/server-search/queries/useFetchDynamicCollectionData/index.js

@@ -5,8 +5,8 @@ const collectionCreationBuilder_1 = require("../../../../entities/creation/colle
 const ui_1 = require("../../../../store/ui");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../../utils/getErrorAlertProps");
 const maxCollectionListLength = 1000;
 const useFetchDynamicCollectionData = ({ input }) => {
     const [collectionAssetsList, setCollectionAssetsList] = (0, react_1.useState)([]);
@@ -29,11 +29,8 @@ const useFetchDynamicCollectionData = ({ input }) => {
                 collectionId: collectionAsset.assetId,
             })));
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollectionAssetsList([]);
             setNextPageToken(null);
         },

package/build/api/server-search/queries/useFindCreations/index.js

@@ -5,8 +5,8 @@ const builder_1 = require("../../../../entities/creation/builder");
 const ui_1 = require("../../../../store/ui");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../../utils/getErrorAlertProps");
 const prefetchFindCreations = ({ term, input, page }, apolloClient) => {
     return apolloClient
         .query({
@@ -46,11 +46,8 @@ const useFindCreations = ({ term, input, page }) => {
             setResults(nextPage.nextPage?.elements || 0);
             setNextPageToken(nextPage.nextPage?.token || null);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCreations([]);
             setNextPageToken(null);
         },

package/build/hoc/HOCSignUpInterceptor/HOCSignUpInterceptor.d.ts

@@ -1,2 +1,2 @@
 import { ReactNode } from "react";
-export declare const HOCSignUpInterceptor: (Component: ReactNode, isAuthorized?: boolean) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<import("react").AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const HOCSignUpInterceptor: (Component: ReactNode, isAuthorized?: boolean) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<import("react").AwaitedReactNode> | null | undefined;

package/build/hooks/favorites/useGetFavoriteGallaryCreations/index.js

@@ -11,8 +11,8 @@ const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
 const schema_1 = require("@ludo.ninja/api/build/graphql_tools/__generated__/galleriesHost/schema");
 const schema_2 = require("@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 const useGetFavoriteGallaryCreations = ({ galleryId, itemsCount, }) => {
     const [gallery, setGallery] = (0, react_1.useState)([]);
     const [assets, setAssets] = (0, react_1.useState)(null);
@@ -53,11 +53,8 @@ const useGetFavoriteGallaryCreations = ({ galleryId, itemsCount, }) => {
                 })),
             ]);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setAssets([]);
             setFetchError(true);
         },
@@ -71,11 +68,8 @@ const useGetFavoriteGallaryCreations = ({ galleryId, itemsCount, }) => {
                 ...data.map((collection) => (0, collectionCreationBuilder_1.buildCollectionCreation)(collection, types_1.LabelKeys.collection)),
             ]);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollections([]);
             setFetchError(true);
         },

package/build/hooks/favorites/useGetUserFevoritesCreations/index.js

@@ -10,8 +10,8 @@ const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
 const schema_1 = require("@ludo.ninja/api/build/graphql_tools/__generated__/galleriesHost/schema");
 const schema_2 = require("@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 const maxUserFavoritesLength = 1000;
 const useGetUserFevoritesCreations = ({ userId, pageSize, pageToken }) => {
     const [assets, setAsset] = (0, react_1.useState)(null);
@@ -33,11 +33,8 @@ const useGetUserFevoritesCreations = ({ userId, pageSize, pageToken }) => {
             setFavorites(galleries.map((gallery) => (0, builder_2.buildGallery)(gallery)));
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong while fetching favorites.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setFavorites([]);
             setLoading(false);
         },
@@ -53,11 +50,8 @@ const useGetUserFevoritesCreations = ({ userId, pageSize, pageToken }) => {
             })));
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setAsset(null);
             setLoading(false);
         },
@@ -69,11 +63,8 @@ const useGetUserFevoritesCreations = ({ userId, pageSize, pageToken }) => {
             setCollections(data.map((collection) => (0, collectionCreationBuilder_1.buildCollectionCreation)(collection)));
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollections(null);
             setLoading(false);
         },

package/build/hooks/galleries/useGetUserGalleriesCreations/index.js

@@ -10,8 +10,8 @@ const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
 const schema_1 = require("@ludo.ninja/api/build/graphql_tools/__generated__/galleriesHost/schema");
 const schema_2 = require("@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 const maxUserFavoritesLength = 1000;
 const useGetUserGalleriesCreations = ({ userId, pageSize, pageToken }) => {
     const [assets, setAsset] = (0, react_1.useState)(null);
@@ -33,11 +33,8 @@ const useGetUserGalleriesCreations = ({ userId, pageSize, pageToken }) => {
             setGalleries(galleries.map((gallery) => (0, builder_2.buildGallery)(gallery)));
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong while fetching galleries.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setGalleries([]);
             setLoading(false);
         },
@@ -53,11 +50,8 @@ const useGetUserGalleriesCreations = ({ userId, pageSize, pageToken }) => {
             })));
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setAsset(null);
             setLoading(false);
         },
@@ -69,11 +63,8 @@ const useGetUserGalleriesCreations = ({ userId, pageSize, pageToken }) => {
             setCollections(data.map((collection) => (0, collectionCreationBuilder_1.buildCollectionCreation)(collection)));
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollections(null);
             setLoading(false);
         },

package/build/hooks/likes/dynamic/useFindCollectionsAndLikes.js

@@ -8,8 +8,8 @@ const ui_1 = require("../../../store/ui");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
 const schema_1 = require("@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 // export const prefetchFindCollections = (
 //   { term, input, pageSize, pageToken }: schema.IQueryFindCollectionsArgs,
 //   apolloClient: ApolloClient<NormalizedCacheObject>
@@ -56,11 +56,8 @@ const useFindCollectionsAndLikes = ({ term, input, page }) => {
             setResults(nextPage.nextPage?.elements || 0);
             setNextPageToken(nextPage.nextPage?.token || null);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollections([]);
             setNextPageToken(null);
         },
@@ -72,11 +69,8 @@ const useFindCollectionsAndLikes = ({ term, input, page }) => {
             setLoading(false);
         },
         fetchPolicy: "no-cache",
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong when fetch collections likes.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollectionsLikes([]);
             setLoading(false);
         },

package/build/hooks/likes/dynamic/useFindCreationsAndLikes.js

@@ -7,8 +7,8 @@ const ui_1 = require("../../../store/ui");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
 const schema_1 = require("@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 const maxCreationLength = 1000;
 const useFindCreationsAndLikes = ({ term, input, page }) => {
     const [creations, setCreations] = (0, react_1.useState)([]);
@@ -35,11 +35,8 @@ const useFindCreationsAndLikes = ({ term, input, page }) => {
             setResults(nextPage.nextPage?.elements || 0);
             setNextPageToken(nextPage.nextPage?.token || null);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCreations([]);
             setNextPageToken(null);
             setLoading(false);
@@ -55,11 +52,8 @@ const useFindCreationsAndLikes = ({ term, input, page }) => {
             setAssetsLikes(fetchDynamicAssetsData);
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong when fetch assets likes.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setAssetsLikes([]);
             setLoading(false);
         },

package/build/hooks/likes/dynamic/useGetCollectionInfoAndLikes.js

@@ -7,8 +7,8 @@ const ui_1 = require("../../../store/ui");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
 const schema_1 = require("@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 const maxCollectionListLength = 1000;
 const useGetCollectionInfoAndLikes = ({ input }) => {
     const { page, collectionId } = input;
@@ -35,11 +35,8 @@ const useGetCollectionInfoAndLikes = ({ input }) => {
             })));
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollectionAssetsList([]);
             setNextPageToken(null);
             setLoading(false);

package/build/hooks/likes/dynamic/useGetCreationsAndLikes.js

@@ -8,8 +8,8 @@ const ui_1 = require("../../../store/ui");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
 const schema_1 = require("@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 const maxCreationLength = 1000;
 const useGetCreationsAndLikes = ({ page }) => {
     const [allCreations, setCreations] = (0, react_1.useState)([]);
@@ -43,11 +43,8 @@ const useGetCreationsAndLikes = ({ page }) => {
             setAssetsLikes(fetchDynamicAssetsData);
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong when fetch assets likes.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setAssetsLikes([]);
             setLoading(false);
         },
@@ -58,11 +55,8 @@ const useGetCreationsAndLikes = ({ page }) => {
             setCollectionsLikes(fetchDynamicCollectionsData);
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong when fetch collections likes.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollectionsLikes([]);
             setLoading(false);
         },

package/build/hooks/likes/dynamic/useGetCreationsAndLikesByType.js

@@ -7,8 +7,8 @@ const ui_1 = require("../../../store/ui");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
 const schema_1 = require("@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 const maxCreationLength = 1000;
 const useGetCreationsAndLikesByType = ({ itemType, page }) => {
     const [allCreations, setAllCreations] = (0, react_1.useState)([]);
@@ -32,11 +32,8 @@ const useGetCreationsAndLikesByType = ({ itemType, page }) => {
             setNextPageToken(data.nextPage?.token || null);
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setAllCreations([]);
             setNextPageToken(null);
             setLoading(false);
@@ -51,11 +48,8 @@ const useGetCreationsAndLikesByType = ({ itemType, page }) => {
             setAssetsLikes(fetchDynamicAssetsData);
             setLoading(false);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong when fetch assets likes.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setAssetsLikes([]);
             setLoading(false);
         },
@@ -67,11 +61,8 @@ const useGetCreationsAndLikesByType = ({ itemType, page }) => {
             setLoading(false);
         },
         fetchPolicy: "no-cache",
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something wrong with collections likes.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollectionsLikes([]);
             setLoading(false);
         },

package/build/hooks/likes/dynamic/useGetTableLikes.js

@@ -5,8 +5,8 @@ const types_1 = require("../../../entities/labelCreationType/types");
 const ui_1 = require("../../../store/ui");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 const useGetTableLikes = ({ allItems }) => {
     const [assetsLikes, setAssetsLikes] = (0, react_1.useState)([]);
     const [collectionsLikes, setCollectionsLikes] = (0, react_1.useState)([]);
@@ -27,11 +27,8 @@ const useGetTableLikes = ({ allItems }) => {
             activeRequestsCount.current -= 1;
             checkAllRequestsCompleted();
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setAssetsLikes([]);
             activeRequestsCount.current -= 1;
             checkAllRequestsCompleted();
@@ -47,11 +44,8 @@ const useGetTableLikes = ({ allItems }) => {
             activeRequestsCount.current -= 1;
             checkAllRequestsCompleted();
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollectionsLikes([]);
             activeRequestsCount.current -= 1;
             checkAllRequestsCompleted();

package/build/hooks/likes/useGetLikesAsset.js

@@ -5,8 +5,8 @@ const react_1 = require("react");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
 const api_2 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const ui_1 = require("../../store/ui");
+const getErrorAlertProps_1 = require("../../utils/getErrorAlertProps");
 const useGetLikesAsset = () => {
     const openAlert = (0, ui_1.useUiStore)((state) => state.openAlert);
     const [activeRequestsCountLikes, setActiveRequestsCountLikes] = (0, react_1.useState)(0);
@@ -22,11 +22,8 @@ const useGetLikesAsset = () => {
             setAssetsLikes(fetchDynamicAssetsData);
             setActiveRequestsCountLikes((prev) => prev - 1);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: 'Oops, something went wrong with assets likes.',
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setAssetsLikes([]);
             setActiveRequestsCountLikes((prev) => prev - 1);
         },
@@ -38,11 +35,8 @@ const useGetLikesAsset = () => {
             setActiveRequestsCountLikes((prev) => prev - 1);
         },
         fetchPolicy: 'no-cache',
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: 'Oops, something went wrong with collections likes.',
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollectionsLikes([]);
             setActiveRequestsCountLikes((prev) => prev - 1);
         },

package/build/layouts/AppLayout.d.ts

@@ -3,4 +3,4 @@ import { ReactNode } from "react";
 export declare const AppLayout: ({ children, pageProps }: {
     children: ReactNode;
     pageProps: AppProps["pageProps"];
-}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<import("react").AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<import("react").AwaitedReactNode> | null | undefined;

package/build/modules/gallery/api/useGetAssetsAndCollectionForFavorite.js

@@ -10,8 +10,8 @@ const extractItemIds_1 = require("../../../utils/extractItemIds");
 const getPageSizeAssets_1 = require("../../../utils/getPageSizeAssets");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const react_1 = require("react");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 const limit = 40;
 const useGetAssetsAndCollectionForFavorite = ({ gallery, activeTab, fetchLikes, }) => {
     const [assets, setAssets] = (0, react_1.useState)([]);
@@ -94,11 +94,8 @@ const useGetAssetsAndCollectionForFavorite = ({ gallery, activeTab, fetchLikes,
                 return results;
             });
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setAssets([]);
         },
     });
@@ -118,11 +115,8 @@ const useGetAssetsAndCollectionForFavorite = ({ gallery, activeTab, fetchLikes,
                 return results;
             });
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setCollections([]);
         },
     });
@@ -135,11 +129,8 @@ const useGetAssetsAndCollectionForFavorite = ({ gallery, activeTab, fetchLikes,
                 ...data.map((opportunity) => [opportunity.opportunityId, opportunity]),
             ]);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: "Oops, something went wrong.",
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setOpportunities([]);
         },
     });

package/build/modules/gallery/api/useGetFavoriteGallery.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGetFavoriteGallery = void 0;
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const store_1 = require("../store");
 const ui_1 = require("../../../store/ui");
+const getErrorAlertProps_1 = require("../../../utils/getErrorAlertProps");
 const useGetFavoriteGallery = ({ galleryId }) => {
     const { setGallery, setAllResults } = (0, store_1.useGalleryStore)((state) => ({
         setGallery: state.setGallery,
@@ -23,11 +23,8 @@ const useGetFavoriteGallery = ({ galleryId }) => {
             setGallery(fetchGalleryV2);
             setAllResults(fetchGalleryV2?.creationIds?.length || 0);
         },
-        onError: () => {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: 'Oops, something went wrong.',
-            });
+        onError: (err) => {
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             setGallery(null);
             setAllResults(0);
         },

package/build/modules/gallery/ui/chooseGalleryItems/index.js

@@ -19,6 +19,7 @@ const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const react_1 = require("react");
 const react_virtuoso_1 = require("react-virtuoso");
 const styled_components_1 = __importDefault(require("styled-components"));
+const getErrorAlertProps_1 = require("../../../../utils/getErrorAlertProps");
 // Styles
 const StyledChooseGalleryItems = styled_components_1.default.div `
   min-height: calc(460px - 24px);
@@ -119,11 +120,7 @@ const GalleryItems = ({ galleryItems, loadMore, isNextLoading, isAdded, titleBtn
     (0, react_1.useEffect)(() => {
         if (error) {
             setSelectedItem(null);
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: error.message,
-                text: "",
-            });
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(error));
         }
     }, [error]);
     const handleIsSelected = (newGallery) => {

package/build/modules/gallery/ui/createGalleryForm/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_hook_form_1 = require("react-hook-form");
 const styled_components_1 = __importDefault(require("styled-components"));
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const ui_1 = require("../../../../store/ui");
 const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
@@ -15,6 +14,7 @@ const typography_1 = require("../../../../styles/typography");
 const MainButton_1 = __importDefault(require("../../../../system/Buttons/MainButton"));
 const Forms_1 = require("../../../../system/Forms");
 const Messages_1 = __importDefault(require("../../../../system/Forms/Messages"));
+const getErrorAlertProps_1 = require("../../../../utils/getErrorAlertProps");
 // Styles
 const StyledCreateForm = styled_components_1.default.div `
   min-width: 344px;
@@ -122,10 +122,7 @@ createMethod, error, refetchFavoritesList, }) => {
         });
         refetchFavoritesList && (await refetchFavoritesList());
         if (error) {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: error?.message,
-            });
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(error));
             return;
         }
         setAddGallery(false);

package/build/modules/gallery/ui/editGalleryForm/index.js

@@ -7,7 +7,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const styled_components_1 = __importDefault(require("styled-components"));
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const store_1 = require("../../store");
 const ui_1 = require("../../../../store/ui");
@@ -18,6 +17,7 @@ const typography_1 = require("../../../../styles/typography");
 const MainButton_1 = __importDefault(require("../../../../system/Buttons/MainButton"));
 const Forms_1 = require("../../../../system/Forms");
 const Messages_1 = __importDefault(require("../../../../system/Forms/Messages"));
+const getErrorAlertProps_1 = require("../../../../utils/getErrorAlertProps");
 // Styles
 const StyledCreateForm = styled_components_1.default.div `
   min-width: 344px;
@@ -178,10 +178,7 @@ const EditGalleryForm = ({ title, inputPlaceHolderText, galleryId, name, descrip
             closeModalSidebar();
         }
         catch (error) {
-            openAlert({
-                type: type_1.alertVariants.error,
-                caption: error?.message,
-            });
+            openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(error));
         }
     };
     return ((0, jsx_runtime_1.jsxs)(StyledCreateForm, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'head', children: (0, jsx_runtime_1.jsx)("h3", { className: 'tittle', children: title }) }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit(onSubmit), children: [(0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [(0, jsx_runtime_1.jsx)("div", { className: "input_group", children: (0, jsx_runtime_1.jsx)(Forms_1.Input, { register: registergalleryName, error: errorGalleryName, data: dataForgalleryName }) }), (0, jsx_runtime_1.jsx)("div", { className: "input_group", children: (0, jsx_runtime_1.jsx)(Forms_1.BasicTextArea, { register: registergalleryDescription,