@ludo.ninja/components 1.0.7 → 1.0.8

package/dist/hooks/likes/dynamic/useGetMixedLikesFavoriteList.jsx

@@ -1,48 +1,87 @@
 import { useEffect, useState } from 'react';
+
 import { useGetFavoriteGallaryCreations } from '@/hooks/favorites/useGetFavoriteGallaryCreations';
+
 import { useGetTableLikes } from './useGetTableLikes';
+
 var useGetMixedLikesFavoriteList = function (_a) {
-    var galleryId = _a.galleryId, itemsCount = _a.itemsCount;
-    var _b = useState([]), likes = _b[0], setLikes = _b[1];
-    var _c = useState([]), creationsList = _c[0], setCreationsList = _c[1];
-    var _d = useState(true), loading = _d[0], setLoading = _d[1];
-    var _e = useState(false), allItemsFetched = _e[0], setAllItemsFetched = _e[1];
-    var _f = useGetFavoriteGallaryCreations({ galleryId: galleryId, itemsCount: itemsCount }), gallery = _f.gallery, fetchedCreationsList = _f.creationsList, creationsLoading = _f.loading, allResults = _f.allResults, errorAssets = _f.errorAssets, errorCollections = _f.errorCollections, errorGallery = _f.errorGallery, loadMore = _f.loadMore;
-    var _g = useGetTableLikes({
-        allItems: fetchedCreationsList,
-    }), assetsLikes = _g.assetsLikes, collectionsLikes = _g.collectionsLikes, loadingLikes = _g.loadingLikes;
-    // TODO resolve JSON.stringify
-    useEffect(function () {
-        if (!creationsLoading && !loadingLikes) {
-            var combinedLikes_1 = [];
-            fetchedCreationsList.forEach(function (item) {
-                if (item.getItemType() === 'asset') {
-                    combinedLikes_1.push.apply(combinedLikes_1, assetsLikes.filter(function (like) { return like.assetId === item.getItemId(); }));
-                }
-                else {
-                    combinedLikes_1.push.apply(combinedLikes_1, collectionsLikes.filter(function (like) { return like.collectionId === item.getCreationId(); }));
-                }
-            });
-            creationsList.length !== combinedLikes_1.length &&
-                setLikes(combinedLikes_1);
-            creationsList.length !== combinedLikes_1.length &&
-                setCreationsList(fetchedCreationsList);
-            fetchedCreationsList.length === combinedLikes_1.length && setLoading(false);
-            creationsList.length === fetchedCreationsList.length &&
-                setAllItemsFetched(true);
-        }
-    }, [creationsLoading, JSON.stringify(fetchedCreationsList), loadingLikes]);
-    return {
-        gallery: gallery,
-        creationsList: creationsList,
-        likes: likes,
-        allResults: allResults,
-        loading: loading,
-        errorAssets: errorAssets,
-        errorCollections: errorCollections,
-        errorGallery: errorGallery,
-        allItemsFetched: allItemsFetched,
-        loadMore: loadMore,
-    };
+  var galleryId = _a.galleryId,
+    itemsCount = _a.itemsCount;
+  var _b = useState([]),
+    likes = _b[0],
+    setLikes = _b[1];
+  var _c = useState([]),
+    creationsList = _c[0],
+    setCreationsList = _c[1];
+  var _d = useState(true),
+    loading = _d[0],
+    setLoading = _d[1];
+  var _e = useState(false),
+    allItemsFetched = _e[0],
+    setAllItemsFetched = _e[1];
+  var _f = useGetFavoriteGallaryCreations({
+      galleryId: galleryId,
+      itemsCount: itemsCount,
+    }),
+    gallery = _f.gallery,
+    fetchedCreationsList = _f.creationsList,
+    creationsLoading = _f.loading,
+    allResults = _f.allResults,
+    errorAssets = _f.errorAssets,
+    errorCollections = _f.errorCollections,
+    errorGallery = _f.errorGallery,
+    loadMore = _f.loadMore;
+  var _g = useGetTableLikes({
+      allItems: fetchedCreationsList,
+    }),
+    assetsLikes = _g.assetsLikes,
+    collectionsLikes = _g.collectionsLikes,
+    loadingLikes = _g.loadingLikes;
+  // TODO resolve JSON.stringify
+  useEffect(
+    function () {
+      if (!creationsLoading && !loadingLikes) {
+        var combinedLikes_1 = [];
+        fetchedCreationsList.forEach(function (item) {
+          if (item.getItemType() === 'asset') {
+            combinedLikes_1.push.apply(
+              combinedLikes_1,
+              assetsLikes.filter(function (like) {
+                return like.assetId === item.getItemId();
+              })
+            );
+          } else {
+            combinedLikes_1.push.apply(
+              combinedLikes_1,
+              collectionsLikes.filter(function (like) {
+                return like.collectionId === item.getCreationId();
+              })
+            );
+          }
+        });
+        creationsList.length !== combinedLikes_1.length &&
+          setLikes(combinedLikes_1);
+        creationsList.length !== combinedLikes_1.length &&
+          setCreationsList(fetchedCreationsList);
+        fetchedCreationsList.length === combinedLikes_1.length &&
+          setLoading(false);
+        creationsList.length === fetchedCreationsList.length &&
+          setAllItemsFetched(true);
+      }
+    },
+    [creationsLoading, JSON.stringify(fetchedCreationsList), loadingLikes]
+  );
+  return {
+    gallery: gallery,
+    creationsList: creationsList,
+    likes: likes,
+    allResults: allResults,
+    loading: loading,
+    errorAssets: errorAssets,
+    errorCollections: errorCollections,
+    errorGallery: errorGallery,
+    allItemsFetched: allItemsFetched,
+    loadMore: loadMore,
+  };
 };
 export default useGetMixedLikesFavoriteList;

package/dist/hooks/likes/dynamic/useGetTableLikes.jsx

@@ -1,110 +1,133 @@
 import { useEffect, useRef, useState } from 'react';
+
 import { useLazyQuery } from '@apollo/client';
+
 import { hosts, searchSchema as schema } from '@ludo.ninja/api';
 import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+
 import { useUiStore } from '@/store/ui';
+
 import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
 import CreationEntity from '@/dto/CreationEntity';
+
 var useGetTableLikes = function (_a) {
-    var allItems = _a.allItems;
-    var _b = useState([]), assetsLikes = _b[0], setAssetsLikes = _b[1];
-    var _c = useState([]), collectionsLikes = _c[0], setCollectionsLikes = _c[1];
-    var _d = useState(true), loading = _d[0], setLoading = _d[1];
-    var openAlert = useUiStore(function (state) { return state.openAlert; });
-    var prevAssetsIds = useRef([]);
-    var prevCollectionsIds = useRef([]);
-    var activeRequestsCount = useRef(0);
-    var _e = useLazyQuery(schema.FetchDynamicAssetsLikesDocument, {
-        context: {
-            uri: hosts.searchHost,
-        },
-        fetchPolicy: 'no-cache',
-        onCompleted: function (_a) {
-            var fetchDynamicAssetsData = _a.fetchDynamicAssetsData;
-            setAssetsLikes(fetchDynamicAssetsData);
-            activeRequestsCount.current -= 1;
-            checkAllRequestsCompleted();
-        },
-        onError: function () {
-            openAlert({
-                type: alertVariants.error,
-                caption: 'Oops, something went wrong.',
-            });
-            setAssetsLikes([]);
-            activeRequestsCount.current -= 1;
-            checkAllRequestsCompleted();
-        },
-    }), fetchAssetsLikes = _e[0], assetsError = _e[1].error;
-    var _f = useLazyQuery(schema.FetchDynamicCollectionsDataDocument, {
-        context: { uri: hosts.searchHost },
-        fetchPolicy: 'no-cache',
-        onCompleted: function (_a) {
-            var fetchDynamicCollectionsData = _a.fetchDynamicCollectionsData;
-            setCollectionsLikes(fetchDynamicCollectionsData);
-            activeRequestsCount.current -= 1;
-            checkAllRequestsCompleted();
-        },
-        onError: function () {
-            openAlert({
-                type: alertVariants.error,
-                caption: 'Oops, something went wrong.',
-            });
-            setCollectionsLikes([]);
-            activeRequestsCount.current -= 1;
-            checkAllRequestsCompleted();
-        },
-    }), fetchCollectionsLikes = _f[0], collectionsError = _f[1].error;
-    var checkAllRequestsCompleted = function () {
-        if (activeRequestsCount.current === 0) {
-            setLoading(false);
+  var allItems = _a.allItems;
+  var _b = useState([]),
+    assetsLikes = _b[0],
+    setAssetsLikes = _b[1];
+  var _c = useState([]),
+    collectionsLikes = _c[0],
+    setCollectionsLikes = _c[1];
+  var _d = useState(true),
+    loading = _d[0],
+    setLoading = _d[1];
+  var openAlert = useUiStore(function (state) {
+    return state.openAlert;
+  });
+  var prevAssetsIds = useRef([]);
+  var prevCollectionsIds = useRef([]);
+  var activeRequestsCount = useRef(0);
+  var _e = useLazyQuery(schema.FetchDynamicAssetsLikesDocument, {
+      context: {
+        uri: hosts.searchHost,
+      },
+      fetchPolicy: 'no-cache',
+      onCompleted: function (_a) {
+        var fetchDynamicAssetsData = _a.fetchDynamicAssetsData;
+        setAssetsLikes(fetchDynamicAssetsData);
+        activeRequestsCount.current -= 1;
+        checkAllRequestsCompleted();
+      },
+      onError: function () {
+        openAlert({
+          type: alertVariants.error,
+          caption: 'Oops, something went wrong.',
+        });
+        setAssetsLikes([]);
+        activeRequestsCount.current -= 1;
+        checkAllRequestsCompleted();
+      },
+    }),
+    fetchAssetsLikes = _e[0],
+    assetsError = _e[1].error;
+  var _f = useLazyQuery(schema.FetchDynamicCollectionsDataDocument, {
+      context: { uri: hosts.searchHost },
+      fetchPolicy: 'no-cache',
+      onCompleted: function (_a) {
+        var fetchDynamicCollectionsData = _a.fetchDynamicCollectionsData;
+        setCollectionsLikes(fetchDynamicCollectionsData);
+        activeRequestsCount.current -= 1;
+        checkAllRequestsCompleted();
+      },
+      onError: function () {
+        openAlert({
+          type: alertVariants.error,
+          caption: 'Oops, something went wrong.',
+        });
+        setCollectionsLikes([]);
+        activeRequestsCount.current -= 1;
+        checkAllRequestsCompleted();
+      },
+    }),
+    fetchCollectionsLikes = _f[0],
+    collectionsError = _f[1].error;
+  var checkAllRequestsCompleted = function () {
+    if (activeRequestsCount.current === 0) {
+      setLoading(false);
+    }
+  };
+  useEffect(
+    function () {
+      if (allItems && allItems.length > 0) {
+        var assetIds_1 = [];
+        var collectionIds_1 = [];
+        allItems.forEach(function (item) {
+          if (item instanceof CreationEntity) {
+            assetIds_1.push(item.getItemId());
+          } else if (item instanceof CollectionCreationEntity) {
+            collectionIds_1.push(item.getCreationId());
+          }
+        });
+        if (
+          assetIds_1.length > 0 &&
+          JSON.stringify(assetIds_1) !== JSON.stringify(prevAssetsIds.current)
+        ) {
+          prevAssetsIds.current = assetIds_1;
+          activeRequestsCount.current += 1;
+          !loading && setLoading(true);
+          fetchAssetsLikes({ variables: { assetIds: assetIds_1 } });
         }
-    };
-    useEffect(function () {
-        if (allItems && allItems.length > 0) {
-            var assetIds_1 = [];
-            var collectionIds_1 = [];
-            allItems.forEach(function (item) {
-                if (item instanceof CreationEntity) {
-                    assetIds_1.push(item.getItemId());
-                }
-                else if (item instanceof CollectionCreationEntity) {
-                    collectionIds_1.push(item.getCreationId());
-                }
-            });
-            if (assetIds_1.length > 0 &&
-                JSON.stringify(assetIds_1) !== JSON.stringify(prevAssetsIds.current)) {
-                prevAssetsIds.current = assetIds_1;
-                activeRequestsCount.current += 1;
-                !loading && setLoading(true);
-                fetchAssetsLikes({ variables: { assetIds: assetIds_1 } });
-            }
-            if (collectionIds_1.length > 0 &&
-                JSON.stringify(collectionIds_1) !==
-                    JSON.stringify(prevCollectionsIds.current)) {
-                prevCollectionsIds.current = collectionIds_1;
-                activeRequestsCount.current += 1;
-                !loading && setLoading(true);
-                fetchCollectionsLikes({
-                    variables: {
-                        input: collectionIds_1.map(function (collectionId) {
-                            return {
-                                collectionId: collectionId,
-                            };
-                        }),
-                    },
-                });
-            }
+        if (
+          collectionIds_1.length > 0 &&
+          JSON.stringify(collectionIds_1) !==
+            JSON.stringify(prevCollectionsIds.current)
+        ) {
+          prevCollectionsIds.current = collectionIds_1;
+          activeRequestsCount.current += 1;
+          !loading && setLoading(true);
+          fetchCollectionsLikes({
+            variables: {
+              input: collectionIds_1.map(function (collectionId) {
+                return {
+                  collectionId: collectionId,
+                };
+              }),
+            },
+          });
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [allItems, fetchAssetsLikes, fetchCollectionsLikes]);
-    return {
-        fetchAssetsLikes: fetchAssetsLikes,
-        fetchCollectionsLikes: fetchCollectionsLikes,
-        assetsLikes: assetsLikes,
-        collectionsLikes: collectionsLikes,
-        loadingLikes: loading,
-        errorAssets: assetsError,
-        errorCollections: collectionsError,
-    };
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    },
+    [allItems, fetchAssetsLikes, fetchCollectionsLikes]
+  );
+  return {
+    fetchAssetsLikes: fetchAssetsLikes,
+    fetchCollectionsLikes: fetchCollectionsLikes,
+    assetsLikes: assetsLikes,
+    collectionsLikes: collectionsLikes,
+    loadingLikes: loading,
+    errorAssets: assetsError,
+    errorCollections: collectionsError,
+  };
 };
 export { useGetTableLikes };