@ludo.ninja/components 0.6.0 → 1.0.1

package/.eslintrc.json

@@ -1,3 +1,18 @@
 {
-  "extends": "next/core-web-vitals"
+  "plugins": ["@typescript-eslint"],
+  "ignorePatterns": ["dist/"],
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:@typescript-eslint/recommended",
+    "prettier"
+  ],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": "error",
+    "@typescript-eslint/no-explicit-any": "warn",
+    "@typescript-eslint/no-empty-function": "off",
+    "no-console": "error"
+  },
+  "env": {
+    "jest": true
+  }
 }

package/.husky/pre-commit

@@ -0,0 +1 @@
+

package/.prettierignore

@@ -0,0 +1,3 @@
+node_modules
+k8s
+.next

package/.prettierrc.json

@@ -0,0 +1,38 @@
+{
+  "semi": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "useTabs": false,
+  "importOrder": [
+    "^react$",
+    "^next$",
+    "^next/(.*)$",
+    "<THIRD_PARTY_MODULES>",
+    "^@ludo.ninja/(.*)$",
+    "^@/pages/(.*)$",
+    "^@/pages-components-with-unique-build/(.*)$",
+    "^@/hooks/(.*)$",
+    "^@/context/(.*)$",
+    "^@/modules/(.*)$",
+    "^@/store/(.*)$",
+    "^@/store",
+    "^@/api/(.*)$",
+    "^@/layouts/(.*)$",
+    "^@/styles/(.*)$",
+    "^@/components/(.*)$",
+    "^components/(.*)$",
+    "^@/system/(.*)$",
+    "^@system",
+    "^@/utils/(.*)$",
+    "^@/dto/(.*)$",
+    "^@/entities/(.*)$",
+    "^@/constants/(.*)$",
+    "^@/fonts/(.*)$",
+    "^@/public/(.*)$",
+    "^[./]"
+  ],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true
+}

package/dist/api/server-assets/mutations/useDislikeAsset/index.js

@@ -0,0 +1,79 @@
+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 };
+    }
+};
+import { useState } from 'react';
+import { useMutation } from '@apollo/client';
+import { hosts, assetSchema as schema } from '@ludo.ninja/api';
+var useDisLikeAsset = function () {
+    var _a = useState(false), isDisLiked = _a[0], setDisLiked = _a[1];
+    var _b = useMutation(schema.DislikeAssetDocument, {
+        context: {
+            uri: hosts.assetsHost,
+        },
+        fetchPolicy: 'no-cache',
+        onCompleted: function (_a) {
+            var dislikeAsset = _a.dislikeAsset;
+            setDisLiked(dislikeAsset);
+        },
+        onError: function () {
+            setDisLiked(false);
+        },
+    }), mutate = _b[0], error = _b[1].error;
+    return { dislikeAsset: dislikeAsset, errorDislikeAsset: error, isDisLiked: isDisLiked };
+    function dislikeAsset(_a) {
+        var assetId = _a.assetId;
+        return __awaiter(this, void 0, void 0, function () {
+            var err_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, mutate({
+                                variables: { assetId: assetId },
+                            })];
+                    case 1:
+                        _b.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _b.sent();
+                        throw new Error(err_1);
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+};
+export default useDisLikeAsset;

package/dist/api/server-assets/mutations/useLikeAsset/index.js

@@ -0,0 +1,80 @@
+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 };
+    }
+};
+import { useState } from 'react';
+import { useMutation } from '@apollo/client';
+import { hosts, assetSchema as schema } from '@ludo.ninja/api';
+var useLikeAsset = function () {
+    var _a = useState(false), isLiked = _a[0], setLike = _a[1];
+    var _b = useMutation(schema.LikeAssetDocument, {
+        context: {
+            uri: hosts.assetsHost,
+        },
+        fetchPolicy: 'no-cache',
+        // refetchQueries: [schema.FetchLikedDocument],
+        onCompleted: function (_a) {
+            var likeAsset = _a.likeAsset;
+            setLike(likeAsset);
+        },
+        onError: function () {
+            setLike(false);
+        },
+    }), mutate = _b[0], error = _b[1].error;
+    return { likeAsset: likeAsset, errorLikeAsset: error, isLiked: isLiked };
+    function likeAsset(_a) {
+        var assetId = _a.assetId;
+        return __awaiter(this, void 0, void 0, function () {
+            var err_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, mutate({
+                                variables: { assetId: assetId },
+                            })];
+                    case 1:
+                        _b.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _b.sent();
+                        throw new Error(err_1);
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+};
+export default useLikeAsset;

package/dist/api/server-assets/queries/useFetchAssetByBlockchain/index.js

@@ -0,0 +1,84 @@
+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 };
+    }
+};
+import { useState } from 'react';
+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 AssetEntity from '@/dto/AssetEntity';
+var prefetchAssetByBlockchain = function (_a, apolloClient) {
+    var blockchain = _a.blockchain, address = _a.address, elrondId = _a.elrondId, tokenId = _a.tokenId;
+    return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_b) {
+            return [2 /*return*/, apolloClient
+                    .query({
+                    query: schema.FetchAssetByBlockchainDocument,
+                    variables: { blockchain: blockchain, address: address, elrondId: elrondId, tokenId: tokenId },
+                    context: { uri: hosts.serverSearchHost }, // faster service assets for production,
+                    fetchPolicy: 'network-only',
+                })
+                    .catch(function () {
+                    return {
+                        data: { fetchAssetByBlockchain: null },
+                    };
+                })];
+        });
+    });
+};
+var useFetchAssetByBlockchain = function (_a, prefetchedAsset) {
+    var blockchain = _a.blockchain, address = _a.address, elrondId = _a.elrondId, tokenId = _a.tokenId;
+    var _b = useState(prefetchedAsset), asset = _b[0], setAsset = _b[1];
+    var openAlert = useUiStore(function (state) { return state.openAlert; });
+    var _c = schema.useFetchAssetByBlockchainQuery({
+        variables: { blockchain: blockchain, address: address, elrondId: elrondId, tokenId: tokenId },
+        context: {
+            uri: hosts.searchHost,
+        },
+        onCompleted: function (_a) {
+            var fetchAssetByBlockchain = _a.fetchAssetByBlockchain;
+            setAsset(new AssetEntity(fetchAssetByBlockchain));
+        },
+        onError: function () {
+            openAlert({
+                type: alertVariants.error,
+                caption: 'Oops, something went wrong.',
+            });
+            setAsset(null);
+        },
+    }), loading = _c.loading, error = _c.error;
+    return { clientData: asset, loading: loading, error: error };
+};
+export { prefetchAssetByBlockchain, useFetchAssetByBlockchain };

package/dist/api/server-assets/queries/useFetchAssets/index.js

@@ -0,0 +1,30 @@
+import { 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';
+var useFetchAssetsByIds = function (_a) {
+    var assetIds = _a.assetIds;
+    var _b = useState(null), assets = _b[0], setAsset = _b[1];
+    var openAlert = useUiStore(function (state) { return state.openAlert; });
+    var _c = useLazyQuery(schema.FetchAssetsDocument, {
+        variables: { assetIds: assetIds },
+        context: {
+            uri: hosts.searchHost,
+        },
+        fetchPolicy: 'cache-first',
+        onCompleted: function (_a) {
+            var data = _a.fetchAssets;
+            setAsset(data);
+        },
+        onError: function () {
+            openAlert({
+                type: alertVariants.error,
+                caption: 'Oops, something went wrong.',
+            });
+            setAsset(null);
+        },
+    }), getAssets = _c[0], _d = _c[1], loading = _d.loading, error = _d.error;
+    return [getAssets, { clientData: assets, loading: loading, error: error }];
+};
+export { useFetchAssetsByIds };

package/dist/api/server-assets/queries/useFetchDynamicAssetLikes/index.js

@@ -0,0 +1,35 @@
+import { useState } from 'react';
+import { useQuery } 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';
+var useFetchDynamicAssetLikes = function (_a) {
+    var assetId = _a.assetId;
+    var _b = useState(false), isLikedByUser = _b[0], setLikedByUser = _b[1];
+    var _c = useState(0), likesByUser = _c[0], setLikesByUser = _c[1];
+    var _d = useState(true), loading = _d[0], setLoading = _d[1];
+    var openAlert = useUiStore(function (state) { return state.openAlert; });
+    var error = useQuery(schema.FetchDynamicAssetLikesDocument, {
+        variables: { assetId: assetId },
+        context: {
+            uri: hosts.searchHost,
+        },
+        fetchPolicy: 'no-cache',
+        onCompleted: function (_a) {
+            var data = _a.fetchDynamicAssetData;
+            setLikedByUser(data.isLikedByUser ? data.isLikedByUser : false);
+            setLikesByUser(data.likesNum);
+            setLoading(false);
+        },
+        onError: function () {
+            openAlert({
+                type: alertVariants.error,
+                caption: 'Oops, something went wrong.',
+            });
+            setLikedByUser(false);
+            setLoading(false);
+        },
+    }).error;
+    return { likesByUser: likesByUser, isLikedByUser: isLikedByUser, loading: loading, error: error };
+};
+export default useFetchDynamicAssetLikes;

package/dist/api/server-assets/queries/useFetchDynamicAssetsLikes/index.js

@@ -0,0 +1,30 @@
+import { useState } from 'react';
+import { useQuery } 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';
+var useFetchDynamicAssetsLikes = function (_a) {
+    var assetIds = _a.assetIds;
+    var _b = useState(null), infoAssetsLikes = _b[0], setInfoAssetsLikes = _b[1];
+    var openAlert = useUiStore(function (state) { return state.openAlert; });
+    var _c = useQuery(schema.FetchDynamicAssetsLikesDocument, {
+        variables: { assetIds: assetIds },
+        context: {
+            uri: hosts.searchHost,
+        },
+        fetchPolicy: 'no-cache',
+        onCompleted: function (_a) {
+            var data = _a.fetchDynamicAssetsData;
+            setInfoAssetsLikes(data);
+        },
+        onError: function () {
+            openAlert({
+                type: alertVariants.error,
+                caption: 'Oops, something went wrong.',
+            });
+            setInfoAssetsLikes(null);
+        },
+    }), loading = _c.loading, error = _c.error;
+    return { infoAssetsLikes: infoAssetsLikes, loading: loading, error: error };
+};
+export default useFetchDynamicAssetsLikes;

package/dist/api/server-collection/mutations/useDislikeCollection/index.js

@@ -0,0 +1,78 @@
+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 };
+    }
+};
+import { useState } from 'react';
+import { useMutation } from '@apollo/client';
+import { hosts, collectionsSchema as schema } from '@ludo.ninja/api';
+var useDislikeCollection = function () {
+    var _a = useState(false), isDisLiked = _a[0], setDisLiked = _a[1];
+    var _b = useMutation(schema.DislikeCollectionDocument, {
+        context: {
+            uri: hosts.collectionsHost,
+        },
+        onCompleted: function (_a) {
+            var dislikeCollection = _a.dislikeCollection;
+            setDisLiked(dislikeCollection);
+        },
+        onError: function () {
+            setDisLiked(false);
+        },
+    }), mutate = _b[0], error = _b[1].error;
+    return { dislikeCollection: dislikeCollection, errorDislikeCollection: error, isDisLiked: isDisLiked };
+    function dislikeCollection(_a) {
+        var collectionId = _a.collectionId;
+        return __awaiter(this, void 0, void 0, function () {
+            var err_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, mutate({
+                                variables: { collectionId: collectionId },
+                            })];
+                    case 1:
+                        _b.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _b.sent();
+                        throw new Error(err_1);
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+};
+export default useDislikeCollection;

package/dist/api/server-collection/mutations/useLikeCollection/index.js

@@ -0,0 +1,78 @@
+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 };
+    }
+};
+import { useState } from 'react';
+import { useMutation } from '@apollo/client';
+import { hosts, collectionsSchema as schema } from '@ludo.ninja/api';
+var useLikeCollection = function () {
+    var _a = useState(false), isLiked = _a[0], setLike = _a[1];
+    var _b = useMutation(schema.LikeCollectionDocument, {
+        context: {
+            uri: hosts.collectionsHost,
+        },
+        onCompleted: function (_a) {
+            var likeCollection = _a.likeCollection;
+            setLike(likeCollection);
+        },
+        onError: function () {
+            setLike(false);
+        },
+    }), mutate = _b[0], error = _b[1].error;
+    return { likeCollection: likeCollection, errorLikeCollection: error, isLiked: isLiked };
+    function likeCollection(_a) {
+        var collectionId = _a.collectionId;
+        return __awaiter(this, void 0, void 0, function () {
+            var err_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, mutate({
+                                variables: { collectionId: collectionId },
+                            })];
+                    case 1:
+                        _b.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _b.sent();
+                        throw new Error(err_1);
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+};
+export default useLikeCollection;

package/dist/api/server-experiences/queries/useFetchMyExperienceWithLevel/index.js

@@ -0,0 +1,91 @@
+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);
+};
+import { useEffect } from 'react';
+import { useRouter } from 'next/router';
+import { useLazyQuery } from '@apollo/client';
+import { authCookies, hosts, experiencesSchema as schema, } from '@ludo.ninja/api';
+import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+import { createXpNotification } from '@/modules/notifications';
+import { useUserStore } from '@/modules/user/store';
+import { useUiStore } from '@/store/ui';
+var useFetchMyExperienceWithLevel = function () {
+    var _a = useUserStore(function (state) { return ({
+        user: state.user,
+        isSignedIn: state.isSignedIn,
+        setUserExp: state.setUserExp,
+        resetUserExp: state.resetUserExp,
+        setErrorExp: state.setErrorExp,
+        setIsLoadingExp: state.setIsLoadingExp,
+    }); }), user = _a.user, isSignedIn = _a.isSignedIn, setUserExp = _a.setUserExp, resetUserExp = _a.resetUserExp, setErrorExp = _a.setErrorExp, setIsLoadingExp = _a.setIsLoadingExp;
+    var _b = useUiStore(function (state) { return ({
+        openAlert: state.openAlert,
+        addNotification: state.addNotification,
+    }); }), openAlert = _b.openAlert, addNotification = _b.addNotification;
+    var router = useRouter();
+    var userId = (user === null || user === void 0 ? void 0 : user.userId) || '';
+    var _c = useLazyQuery(schema.FetchMyExperienceV2Document, {
+        context: {
+            uri: hosts.experiencesHost,
+        },
+        onCompleted: function (_a) {
+            var _b = _a.fetchMyExperienceV2, xps = _b.xps, level = _b.level, levelMaxXps = _b.levelMaxXps, levelMinXps = _b.levelMinXps;
+            setIsLoadingExp(false);
+            setUserExp({
+                xps: xps,
+                level: level,
+                levelMaxXps: levelMaxXps,
+                levelMinXps: levelMinXps,
+            });
+            subscribe();
+        },
+        onError: function (err) {
+            openAlert({
+                type: alertVariants.error,
+                caption: err.message,
+            });
+            resetUserExp();
+            setErrorExp(err);
+            setIsLoadingExp(false);
+        },
+    }), fetchExp = _c[0], subscribeToMore = _c[1].subscribeToMore;
+    var subscribe = function () {
+        var authToken = authCookies.getCookies().authToken;
+        subscribeToMore({
+            variables: { authToken: authToken },
+            document: schema.OnMyExperienceIncrementedDocument,
+            updateQuery: function (prev, _a) {
+                var data = _a.subscriptionData.data;
+                if (!data)
+                    return prev;
+                var _b = data.onMyExperienceIncremented, xps = _b.xps, level = _b.level, levelMaxXps = _b.levelMaxXps, levelMinXps = _b.levelMinXps, xpsIncrement = _b.xpsIncrement, description = _b.description;
+                if (xpsIncrement) {
+                    addNotification(createXpNotification(__assign(__assign({ xpsIncrement: xpsIncrement }, (description ? { description: description } : {})), { onClick: function () {
+                            router.push("/rewards/".concat(userId));
+                        } })));
+                }
+                setUserExp({
+                    xps: xps,
+                    level: level,
+                    levelMaxXps: levelMaxXps,
+                    levelMinXps: levelMinXps,
+                });
+            },
+        });
+    };
+    useEffect(function () {
+        if (isSignedIn) {
+            setIsLoadingExp(true);
+            fetchExp();
+        }
+    }, [isSignedIn]);
+};
+export default useFetchMyExperienceWithLevel;