@ludo.ninja/components 1.1.4 → 1.1.6

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

@@ -0,0 +1,223 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useEffect, useState } from 'react';
+import { useLazyQuery } from '@apollo/client';
+import { hosts } from '@ludo.ninja/api';
+import { FetchDynamicAssetsLikesDocument, FetchDynamicCollectionsDataDocument, useFetchAllCreationsQuery, } from '@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema';
+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 maxCreationLength = 1000;
+var useGetCreationsAndLikes = function (_a) {
+    var page = _a.page;
+    var _b = useState([]), allCreations = _b[0], setCreations = _b[1];
+    var _c = useState(null), nextPageToken = _c[0], setNextPageToken = _c[1];
+    var _d = useState([]), assetsLikes = _d[0], setAssetsLikes = _d[1];
+    var _e = useState([]), collectionsLikes = _e[0], setCollectionsLikes = _e[1];
+    var _f = useState(true), loading = _f[0], setLoading = _f[1];
+    var openAlert = useUiStore(function (state) { return state.openAlert; });
+    var _g = useFetchAllCreationsQuery({
+        variables: {
+            page: page,
+        },
+        context: {
+            uri: hosts.searchHost,
+        },
+        onCompleted: function (_a) {
+            var _b;
+            var _c = _a.fetchAllCreations, creations = _c.creations, nextPage = __rest(_c, ["creations"]);
+            setCreations(creations.map(function (creation) { return new CreationEntity(creation); }));
+            setNextPageToken(((_b = nextPage.nextPage) === null || _b === void 0 ? void 0 : _b.token) || null);
+        },
+        onError: function () {
+            setCreations([]);
+            setNextPageToken(null);
+            setLoading(false);
+        },
+    }), creationsError = _g.error, creationsLoading = _g.loading, refetch = _g.refetch, fetchMore = _g.fetchMore;
+    var _h = useLazyQuery(FetchDynamicAssetsLikesDocument, {
+        context: {
+            uri: hosts.searchHost,
+        },
+        onCompleted: function (_a) {
+            var fetchDynamicAssetsData = _a.fetchDynamicAssetsData;
+            setAssetsLikes(fetchDynamicAssetsData);
+            setLoading(false);
+        },
+        onError: function () {
+            openAlert({
+                type: alertVariants.error,
+                caption: 'Oops, something went wrong when fetch assets likes.',
+            });
+            setAssetsLikes([]);
+            setLoading(false);
+        },
+    }), fetchAssetsLikes = _h[0], assetsLikesLoading = _h[1].loading;
+    var _j = useLazyQuery(FetchDynamicCollectionsDataDocument, {
+        context: { uri: hosts.searchHost },
+        onCompleted: function (_a) {
+            var fetchDynamicCollectionsData = _a.fetchDynamicCollectionsData;
+            setCollectionsLikes(fetchDynamicCollectionsData);
+            setLoading(false);
+        },
+        onError: function () {
+            openAlert({
+                type: alertVariants.error,
+                caption: 'Oops, something went wrong when fetch collections likes.',
+            });
+            setCollectionsLikes([]);
+            setLoading(false);
+        },
+    }), fetchCollectionsLikes = _j[0], collectionsLikesLoading = _j[1].loading;
+    useEffect(function () {
+        if (allCreations.length > 0) {
+            var itemsIdsArray = extractItemIds(allCreations);
+            if (itemsIdsArray.length > 0) {
+                if (allCreations[0].getItemType() === 'asset') {
+                    fetchAssetsLikes({ variables: { assetIds: itemsIdsArray } });
+                }
+                else if (allCreations[0].getItemType() === 'collection') {
+                    fetchCollectionsLikes({
+                        variables: {
+                            input: itemsIdsArray.map(function (collectionId) {
+                                return {
+                                    collectionId: collectionId,
+                                };
+                            }),
+                        },
+                    });
+                }
+            }
+        }
+    }, [allCreations, fetchAssetsLikes, fetchCollectionsLikes]);
+    return {
+        loading: loading,
+        assetsLikesLoading: assetsLikesLoading,
+        collectionsLikesLoading: collectionsLikesLoading,
+        creationsLoading: creationsLoading,
+        error: creationsError,
+        allCreations: allCreations,
+        assetsLikes: assetsLikes,
+        collectionsLikes: collectionsLikes,
+        nextPageToken: nextPageToken,
+        loadMore: loadMore,
+        refetchQuery: refetchQuery,
+    };
+    function refetchQuery() {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, refetch()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function loadMore(pageToken) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var data, _b, nextCreations_1, nextPage, err_1;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (!pageToken || allCreations.length >= maxCreationLength)
+                            return [2 /*return*/];
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, fetchMore({
+                                variables: {
+                                    page: __assign({ token: pageToken }, (page && 'size' in page ? { size: page.size } : {})),
+                                },
+                            })];
+                    case 2:
+                        data = (_c.sent()).data;
+                        _b = data.fetchAllCreations, nextCreations_1 = _b.creations, nextPage = __rest(_b, ["creations"]);
+                        setCreations(function (prevCreations) { return __spreadArray(__spreadArray([], prevCreations, true), nextCreations_1.map(function (creation) { return new CreationEntity(creation); }), true); });
+                        setNextPageToken(((_a = nextPage.nextPage) === null || _a === void 0 ? void 0 : _a.token) || null);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _c.sent();
+                        throw new Error(err_1);
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }
+};
+function extractItemIds(creations) {
+    return creations.map(function (creation) {
+        return creation instanceof CollectionCreationEntity
+            ? creation.getCreationId()
+            : creation.getItemId();
+    });
+}
+export { useGetCreationsAndLikes, extractItemIds };

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

@@ -0,0 +1,234 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useEffect, useState } from 'react';
+import { useLazyQuery } from '@apollo/client';
+import { hosts } from '@ludo.ninja/api';
+import { FetchDynamicAssetsLikesDocument, FetchDynamicCollectionsDataDocument, useFetchCreationsByTypeQuery, } from '@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema';
+import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+import { useUiStore } from '@/store/ui';
+import CreationEntity from '@/dto/CreationEntity';
+import { extractItemIds } from './useGetCreationsAndLikes';
+var maxCreationLength = 1000;
+var useGetCreationsAndLikesByType = function (_a) {
+    var itemType = _a.itemType, page = _a.page;
+    var _b = useState([]), allCreations = _b[0], setAllCreations = _b[1];
+    var _c = useState(null), nextPageToken = _c[0], setNextPageToken = _c[1];
+    var _d = useState([]), assetsLikes = _d[0], setAssetsLikes = _d[1];
+    var _e = useState([]), collectionsLikes = _e[0], setCollectionsLikes = _e[1];
+    var _f = useState(itemType), currentItemType = _f[0], setCurrentItemType = _f[1];
+    var _g = useState(true), loading = _g[0], setLoading = _g[1];
+    var openAlert = useUiStore(function (state) { return state.openAlert; });
+    var _h = useFetchCreationsByTypeQuery({
+        variables: {
+            itemType: itemType,
+            page: page,
+        },
+        context: {
+            uri: hosts.searchHost,
+        },
+        fetchPolicy: 'no-cache',
+        onCompleted: function (_a) {
+            var _b;
+            var _c = _a.fetchCreationsByType, creations = _c.creations, data = __rest(_c, ["creations"]);
+            setAllCreations(creations.map(function (creation) { return new CreationEntity(creation); }));
+            setNextPageToken(((_b = data.nextPage) === null || _b === void 0 ? void 0 : _b.token) || null);
+            setLoading(false);
+        },
+        onError: function () {
+            openAlert({
+                type: alertVariants.error,
+                caption: 'Oops, something went wrong.',
+            });
+            setAllCreations([]);
+            setNextPageToken(null);
+            setLoading(false);
+        },
+    }), creationsError = _h.error, creationsLoading = _h.loading, fetchMore = _h.fetchMore, refetch = _h.refetch;
+    var _j = useLazyQuery(FetchDynamicAssetsLikesDocument, {
+        context: {
+            uri: hosts.searchHost,
+        },
+        fetchPolicy: 'no-cache',
+        onCompleted: function (_a) {
+            var fetchDynamicAssetsData = _a.fetchDynamicAssetsData;
+            setAssetsLikes(fetchDynamicAssetsData);
+            setLoading(false);
+        },
+        onError: function () {
+            openAlert({
+                type: alertVariants.error,
+                caption: 'Oops, something went wrong when fetch assets likes.',
+            });
+            setAssetsLikes([]);
+            setLoading(false);
+        },
+    }), fetchAssetsLikes = _j[0], assetsLikesLoading = _j[1].loading;
+    var _k = useLazyQuery(FetchDynamicCollectionsDataDocument, {
+        context: { uri: hosts.searchHost },
+        onCompleted: function (_a) {
+            var fetchDynamicCollectionsData = _a.fetchDynamicCollectionsData;
+            setCollectionsLikes(fetchDynamicCollectionsData);
+            setLoading(false);
+        },
+        fetchPolicy: 'no-cache',
+        onError: function () {
+            openAlert({
+                type: alertVariants.error,
+                caption: 'Oops, something wrong with collections likes.',
+            });
+            setCollectionsLikes([]);
+            setLoading(false);
+        },
+    }), fetchCollectionsLikes = _k[0], collectionsLikesLoading = _k[1].loading;
+    useEffect(function () {
+        if (allCreations.length > 0) {
+            var itemsIdsArray = extractItemIds(allCreations);
+            if (itemsIdsArray.length > 0) {
+                if (currentItemType === 'asset') {
+                    fetchAssetsLikes({ variables: { assetIds: itemsIdsArray } });
+                }
+                else if (currentItemType === 'collection') {
+                    fetchCollectionsLikes({
+                        variables: {
+                            input: itemsIdsArray.map(function (collectionId) {
+                                return {
+                                    collectionId: collectionId,
+                                };
+                            }),
+                        },
+                    });
+                }
+            }
+        }
+    }, [allCreations, fetchAssetsLikes, fetchCollectionsLikes, currentItemType]);
+    useEffect(function () {
+        setLoading(true);
+        setCurrentItemType(itemType);
+        setAssetsLikes([]);
+        setCollectionsLikes([]);
+        setAllCreations([]);
+    }, [itemType]);
+    return {
+        loading: loading,
+        assetsLikesLoading: assetsLikesLoading,
+        collectionsLikesLoading: collectionsLikesLoading,
+        creationsLoading: creationsLoading,
+        error: creationsError,
+        allCreations: allCreations,
+        assetsLikes: assetsLikes,
+        collectionsLikes: collectionsLikes,
+        nextPageToken: nextPageToken,
+        loadMore: loadMore,
+        refetchQuery: refetchQuery,
+    };
+    function refetchQuery() {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, refetch()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function loadMore(pageToken) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var data, _b, nextCreations_1, token, err_1;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (!pageToken || allCreations.length >= maxCreationLength)
+                            return [2 /*return*/];
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, fetchMore({
+                                variables: {
+                                    itemType: itemType,
+                                    page: __assign({ token: pageToken }, (page && 'size' in page ? { size: page.size } : {})),
+                                },
+                            })];
+                    case 2:
+                        data = (_c.sent()).data;
+                        _b = data.fetchCreationsByType, nextCreations_1 = _b.creations, token = __rest(_b, ["creations"]);
+                        setAllCreations(function (prevCreations) { return __spreadArray(__spreadArray([], prevCreations, true), nextCreations_1.map(function (creation) { return new CreationEntity(creation); }), true); });
+                        setNextPageToken(((_a = token.nextPage) === null || _a === void 0 ? void 0 : _a.token) || null);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _c.sent();
+                        throw new Error(err_1);
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }
+};
+export { useGetCreationsAndLikesByType };

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

@@ -0,0 +1,48 @@
+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,
+    };
+};
+export default useGetMixedLikesFavoriteList;

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

@@ -0,0 +1,110 @@
+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);
+        }
+    };
+    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,
+                            };
+                        }),
+                    },
+                });
+            }
+        }
+        // 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 };