@ludo.ninja/components 1.1.6 → 1.1.7

package/dist/api/server-search/queries/useFindUserCreations/index.js

@@ -1,168 +0,0 @@
-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, useRef, useState } from 'react';
-import { hosts, searchSchema as schema } from '@ludo.ninja/api';
-import { getPageSize } from '@/utils/getPageSizeAssets';
-import CreationEntity from '@/dto/CreationEntity';
-var limit = 20;
-var useFindUserCreations = function (_a) {
-    var ownerId = _a.ownerId, input = _a.input, scrollTab = _a.scrollTab;
-    var _b = useState([]), creations = _b[0], setCreations = _b[1];
-    var nextPageToken = useRef(null);
-    var _c = useState(0), results = _c[0], setResults = _c[1];
-    var _d = useState(true), isLoading = _d[0], setIsLoading = _d[1];
-    var _e = useState(false), isNextLoading = _e[0], setIsNextLoading = _e[1];
-    var isHaveNextPage = creations.length < results;
-    var _f = schema.useFindUserCreationsLazyQuery({
-        context: {
-            uri: hosts.searchHost,
-        },
-        fetchPolicy: 'no-cache',
-        onCompleted: function (_a) {
-            var _b, _c;
-            var _d = _a.findUserCreations, creations = _d.creations, nextPage = __rest(_d, ["creations"]);
-            setCreations(creations.map(function (creation) { return new CreationEntity(creation); }));
-            setResults(((_b = nextPage.nextPage) === null || _b === void 0 ? void 0 : _b.elements) || 0);
-            setIsLoading(false);
-            nextPageToken.current = ((_c = nextPage.nextPage) === null || _c === void 0 ? void 0 : _c.token) || null;
-        },
-        onError: function () {
-            setCreations([]);
-            setIsLoading(false);
-            nextPageToken.current = null;
-        },
-    }), fetchCreations = _f[0], _g = _f[1], error = _g.error, refetch = _g.refetch, fetchMore = _g.fetchMore;
-    useEffect(function () {
-        setIsLoading(true);
-        fetchCreations({
-            variables: {
-                ownerId: ownerId,
-                input: input,
-                page: {
-                    size: getPageSize({
-                        scrollTab: scrollTab,
-                        limit: limit,
-                    }),
-                    token: '',
-                },
-            },
-        });
-    }, [input, ownerId]);
-    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() {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function () {
-            var data, _c, nextCreations_1, nextPage, error_1;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        if (!nextPageToken.current || !isHaveNextPage)
-                            return [2 /*return*/];
-                        setIsNextLoading(true);
-                        _d.label = 1;
-                    case 1:
-                        _d.trys.push([1, 3, 4, 5]);
-                        return [4 /*yield*/, fetchMore({
-                                variables: {
-                                    ownerId: ownerId,
-                                    input: input,
-                                    page: {
-                                        token: nextPageToken.current,
-                                        size: limit,
-                                    },
-                                },
-                            })];
-                    case 2:
-                        data = (_d.sent()).data;
-                        _c = data.findUserCreations, nextCreations_1 = _c.creations, nextPage = __rest(_c, ["creations"]);
-                        setCreations(function (prevCreations) { return __spreadArray(__spreadArray([], prevCreations, true), nextCreations_1.map(function (creation) { return new CreationEntity(creation); }), true); });
-                        setResults(((_a = nextPage.nextPage) === null || _a === void 0 ? void 0 : _a.elements) || 0);
-                        nextPageToken.current = ((_b = nextPage.nextPage) === null || _b === void 0 ? void 0 : _b.token) || null;
-                        return [3 /*break*/, 5];
-                    case 3:
-                        error_1 = _d.sent();
-                        return [3 /*break*/, 5];
-                    case 4:
-                        setIsNextLoading(false);
-                        return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    return {
-        isLoading: isLoading,
-        error: error,
-        totalResults: results,
-        creations: creations,
-        refetchQuery: refetchQuery,
-        loadMore: loadMore,
-        isNextLoading: isNextLoading,
-    };
-};
-export default useFindUserCreations;

package/dist/api/server-search/queries/useFindUserShowcaseItems/index.js

@@ -1,38 +0,0 @@
-// import { useState } from 'react';
-//
-// import { useLazyQuery } from '@apollo/client';
-//
-// import { hosts, searchSchema as schema } from '@ludo.ninja/api';
-var useFindUserShowcaseItems = function () {
-    // const [showcaseItemPage, setShowcaseItemPage] =
-    //   useState<schema.IShowcaseItemPage | null>(null);
-    //
-    // const [findUserShowcaseItems, { data, error, loading }] = useLazyQuery(
-    //   schema.FindUserShowcaseItemsDocument,
-    //   {
-    //     context: {
-    //       uri: hosts.searchHost,
-    //     },
-    //     onCompleted: ({ findUserShowcaseItems }) => {
-    //       setShowcaseItemPage(findUserShowcaseItems);
-    //     },
-    //     onError: () => setShowcaseItemPage(null),
-    //     notifyOnNetworkStatusChange: true,
-    //     fetchPolicy: 'cache-and-network',
-    //   }
-    // );
-    //
-    // return { loading, error, data, load, showcaseItemPage };
-    //
-    // function load(
-    //   ownerId: string,
-    //   input: schema.IShowcaseItemFilterInput,
-    //   pageSize: string,
-    //   pageToken: string
-    // ) {
-    //   findUserShowcaseItems({
-    //     variables: { ownerId, input, pageSize, pageToken },
-    //   });
-    // }
-};
-export default useFindUserShowcaseItems;

package/dist/api/subscriptions/SubscriberInviteNotification.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { useRouter } from 'next/router';
-import { useSubscription } from '@apollo/client';
-import { authCookies, experiencesSchema as schema } from '@ludo.ninja/api';
-import { createInviteNotification } from '@/modules/notifications';
-import { useUserStore } from '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
-var Subscription = function () {
-    var authToken = authCookies.getCookies().authToken;
-    var router = useRouter();
-    var addNotification = useUiStore(function (state) { return state.addNotification; });
-    useSubscription(schema.OnInviteCodeUsedDocument, {
-        variables: { authToken: authToken },
-        // onComplete: () => {
-        //   console.log('complete');
-        // },
-        onData: function (options) {
-            var _a;
-            var inviteCode = (_a = options.data.data) === null || _a === void 0 ? void 0 : _a.onInviteCodeUsed.inviteCode;
-            // console.log('onData', inviteCode);
-            if (inviteCode) {
-                addNotification(createInviteNotification({
-                    inviteCode: inviteCode,
-                    onClick: function () {
-                        router.push("/invite-codes");
-                    },
-                }));
-            }
-        },
-    });
-    return null;
-};
-export var SubscriberInviteNotification = function () {
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var _a = useState(false), startSubscription = _a[0], setStartSubscription = _a[1];
-    useEffect(function () {
-        setStartSubscription(isSignedIn);
-    }, [isSignedIn]);
-    return startSubscription ? _jsx(Subscription, {}) : null;
-};

package/dist/api/subscriptions/SubscriberInviteNotification.jsx

@@ -1,40 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useRouter } from 'next/router';
-import { useSubscription } from '@apollo/client';
-import { authCookies, experiencesSchema as schema } from '@ludo.ninja/api';
-import { createInviteNotification } from '@/modules/notifications';
-import { useUserStore } from '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
-var Subscription = function () {
-    var authToken = authCookies.getCookies().authToken;
-    var router = useRouter();
-    var addNotification = useUiStore(function (state) { return state.addNotification; });
-    useSubscription(schema.OnInviteCodeUsedDocument, {
-        variables: { authToken: authToken },
-        // onComplete: () => {
-        //   console.log('complete');
-        // },
-        onData: function (options) {
-            var _a;
-            var inviteCode = (_a = options.data.data) === null || _a === void 0 ? void 0 : _a.onInviteCodeUsed.inviteCode;
-            // console.log('onData', inviteCode);
-            if (inviteCode) {
-                addNotification(createInviteNotification({
-                    inviteCode: inviteCode,
-                    onClick: function () {
-                        router.push("/invite-codes");
-                    },
-                }));
-            }
-        },
-    });
-    return null;
-};
-export var SubscriberInviteNotification = function () {
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var _a = useState(false), startSubscription = _a[0], setStartSubscription = _a[1];
-    useEffect(function () {
-        setStartSubscription(isSignedIn);
-    }, [isSignedIn]);
-    return startSubscription ? <Subscription /> : null;
-};

package/dist/components/CreationCard/CardHead.js

@@ -1,116 +0,0 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRouter } from 'next/router';
-import { useUserStore } from '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
-import { ScreenWidth } from '@/styles/ScreenWidth';
-import AddCreationToFavoriteList from '@/components/favoriteList/add/addCreationToFavoriteList';
-import CardRank from '@/system/Cards/CardRank';
-import StyledHeadIcons from '@/system/Cards/Styles/Headicons';
-import { redirectToLoginWindow } from '@/utils/auth';
-import { isProd } from '@/utils/env';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import { LabelKeys } from '@/dto/common/ItemType';
-import AddToFavListIcon from '@/public/cards/addToFavListIcon.svg';
-import AddToGalleryIcon from '@/public/cards/addToGalleryIcon.svg';
-import AddToLikesIcon from '@/public/cards/heart.svg';
-// Component
-export var CardHead = function (_a) {
-    var creation = _a.creation, isRegularCard = _a.isRegularCard, isIconLiked = _a.isIconLiked, addLikeToCard = _a.addLikeToCard, deleteLikeFromCard = _a.deleteLikeFromCard, isUserProfile = _a.isUserProfile, isDisabled = _a.isDisabled, isShowCheckbox = _a.isShowCheckbox, currentMyGalleryId = _a.currentMyGalleryId;
-    var openModalSidebarPortal = useUiStore(function (state) { return state.openModalSidebarPortal; });
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var isLicked = isIconLiked && isSignedIn;
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    var isMobile = !!((windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth) &&
-        windowDimensions.windowWidth <= ScreenWidth.DESKTOP);
-    var router = useRouter();
-    var isGallery = router.pathname.includes('gallery');
-    var handleClick = function (e, type) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    e.preventDefault();
-                    e.stopPropagation();
-                    if (!!isSignedIn) return [3 /*break*/, 1];
-                    redirectToLoginWindow();
-                    return [3 /*break*/, 6];
-                case 1:
-                    if (!(type === 'fav-list')) return [3 /*break*/, 2];
-                    openModalSidebarPortal(_jsx(AddCreationToFavoriteList, { ids: [
-                            creation instanceof CollectionCreationEntity
-                                ? "".concat(creation.getItemType() + '.' + creation.getCreationId())
-                                : creation.getCreationId(),
-                        ], currentMyGalleryId: currentMyGalleryId }));
-                    return [3 /*break*/, 6];
-                case 2:
-                    if (!(type === 'likes')) return [3 /*break*/, 6];
-                    if (!!isLicked) return [3 /*break*/, 4];
-                    return [4 /*yield*/, addLikeToCard(creation instanceof CollectionCreationEntity &&
-                            creation.getItemType() !== LabelKeys.collection
-                            ? creation.getCollectionCreationId()
-                            : creation.getItemId())];
-                case 3:
-                    _a.sent();
-                    return [3 /*break*/, 6];
-                case 4: return [4 /*yield*/, deleteLikeFromCard(creation instanceof CollectionCreationEntity &&
-                        creation.getItemType() !== LabelKeys.collection
-                        ? creation.getCollectionCreationId()
-                        : creation.getItemId())];
-                case 5:
-                    _a.sent();
-                    _a.label = 6;
-                case 6: return [2 /*return*/];
-            }
-        });
-    }); };
-    var renderLikeButton = function () {
-        if ([LabelKeys.asset, LabelKeys.collection].includes(creation.getItemType())) {
-            return (_jsx("div", { className: "icon like ".concat(isLicked ? 'liked' : ''), onClick: function (e) { return handleClick(e, 'likes'); }, children: _jsx(AddToLikesIcon, {}) }));
-        }
-    };
-    return (_jsxs(StyledHeadIcons, { isMobile: isMobile, style: isDisabled
-            ? {
-                pointerEvents: 'none',
-            }
-            : {}, children: [_jsx("div", { className: 'rank', children: _jsx(CardRank, { rank: creation.getRank() }) }), !isProd() && !isShowCheckbox && (_jsxs("div", { className: "icons", children: [_jsx("div", { className: "icon", onClick: function (e) {
-                            return handleClick(e, isRegularCard || !isUserProfile || isGallery
-                                ? 'fav-list'
-                                : 'gallery');
-                        }, children: isRegularCard || !isUserProfile || isGallery ? (_jsx(AddToFavListIcon, {})) : (_jsx(AddToGalleryIcon, {})) }), renderLikeButton()] }))] }));
-};

package/dist/components/CreationCard/CardHead.jsx

@@ -1,129 +0,0 @@
-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 React from 'react';
-import { useRouter } from 'next/router';
-import { useUserStore } from '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
-import { ScreenWidth } from '@/styles/ScreenWidth';
-import AddCreationToFavoriteList from '@/components/favoriteList/add/addCreationToFavoriteList';
-import CardRank from '@/system/Cards/CardRank';
-import StyledHeadIcons from '@/system/Cards/Styles/Headicons';
-import { redirectToLoginWindow } from '@/utils/auth';
-import { isProd } from '@/utils/env';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import { LabelKeys } from '@/dto/common/ItemType';
-import AddToFavListIcon from '@/public/cards/addToFavListIcon.svg';
-import AddToGalleryIcon from '@/public/cards/addToGalleryIcon.svg';
-import AddToLikesIcon from '@/public/cards/heart.svg';
-// Component
-export var CardHead = function (_a) {
-    var creation = _a.creation, isRegularCard = _a.isRegularCard, isIconLiked = _a.isIconLiked, addLikeToCard = _a.addLikeToCard, deleteLikeFromCard = _a.deleteLikeFromCard, isUserProfile = _a.isUserProfile, isDisabled = _a.isDisabled, isShowCheckbox = _a.isShowCheckbox, currentMyGalleryId = _a.currentMyGalleryId;
-    var openModalSidebarPortal = useUiStore(function (state) { return state.openModalSidebarPortal; });
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
-    var isLicked = isIconLiked && isSignedIn;
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    var isMobile = !!((windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth) &&
-        windowDimensions.windowWidth <= ScreenWidth.DESKTOP);
-    var router = useRouter();
-    var isGallery = router.pathname.includes('gallery');
-    var handleClick = function (e, type) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    e.preventDefault();
-                    e.stopPropagation();
-                    if (!!isSignedIn) return [3 /*break*/, 1];
-                    redirectToLoginWindow();
-                    return [3 /*break*/, 6];
-                case 1:
-                    if (!(type === 'fav-list')) return [3 /*break*/, 2];
-                    openModalSidebarPortal(<AddCreationToFavoriteList ids={[
-                            creation instanceof CollectionCreationEntity
-                                ? "".concat(creation.getItemType() + '.' + creation.getCreationId())
-                                : creation.getCreationId(),
-                        ]} currentMyGalleryId={currentMyGalleryId}/>);
-                    return [3 /*break*/, 6];
-                case 2:
-                    if (!(type === 'likes')) return [3 /*break*/, 6];
-                    if (!!isLicked) return [3 /*break*/, 4];
-                    return [4 /*yield*/, addLikeToCard(creation instanceof CollectionCreationEntity &&
-                            creation.getItemType() !== LabelKeys.collection
-                            ? creation.getCollectionCreationId()
-                            : creation.getItemId())];
-                case 3:
-                    _a.sent();
-                    return [3 /*break*/, 6];
-                case 4: return [4 /*yield*/, deleteLikeFromCard(creation instanceof CollectionCreationEntity &&
-                        creation.getItemType() !== LabelKeys.collection
-                        ? creation.getCollectionCreationId()
-                        : creation.getItemId())];
-                case 5:
-                    _a.sent();
-                    _a.label = 6;
-                case 6: return [2 /*return*/];
-            }
-        });
-    }); };
-    var renderLikeButton = function () {
-        if ([LabelKeys.asset, LabelKeys.collection].includes(creation.getItemType())) {
-            return (<div className={"icon like ".concat(isLicked ? 'liked' : '')} onClick={function (e) { return handleClick(e, 'likes'); }}>
-          <AddToLikesIcon />
-        </div>);
-        }
-    };
-    return (<StyledHeadIcons isMobile={isMobile} style={isDisabled
-            ? {
-                pointerEvents: 'none',
-            }
-            : {}}>
-      <div className={'rank'}>
-        <CardRank rank={creation.getRank()}/>
-      </div>
-      {/* // Todo cardHeadIcons */}
-      {!isProd() && !isShowCheckbox && (<div className="icons">
-          <div className="icon" onClick={function (e) {
-                return handleClick(e, isRegularCard || !isUserProfile || isGallery
-                    ? 'fav-list'
-                    : 'gallery');
-            }}>
-            {isRegularCard || !isUserProfile || isGallery ? (<AddToFavListIcon />) : (<AddToGalleryIcon />)}
-          </div>
-          {renderLikeButton()}
-        </div>)}
-    </StyledHeadIcons>);
-};

package/dist/components/CreationCard/index.js

@@ -1,70 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import Link from 'next/link';
-import Skeleton from 'react-loading-skeleton';
-import styled, { css } from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import useLikes from '@/hooks/likes';
-import { getIsActiveCreation, useToGalleryStore, } from '@/hooks/useToGalleryAsset';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { WhiteColor } from '@/styles/colors';
-import BoxShadow from '@/styles/mixins/boxShadow';
-import BoxTransform from '@/styles/mixins/boxTransform';
-import { CardHead } from '@/components/CreationCard/CardHead';
-import CardCheckBox from '@/system/Cards/CardCheckbox';
-import CardContent from '@/system/Cards/CardContent';
-import CardCategory from '@/system/Cards/CardContent/CardCategory';
-import CardLikes from '@/system/Cards/CardContent/CardLikes';
-import StyledCardHead from '@/system/Cards/Styles/Head';
-import StyledHeadIcons from '@/system/Cards/Styles/Headicons';
-import { Flex } from '@system';
-import { isProd } from '@/utils/env';
-// Styles
-var StyledRegularCard = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  background-color: ", ";\n  border-radius: 6px;\n  ", ";\n  ", ";\n  // ", "\n\n  min-height: ", ";\n\n  ", "\n  .linkRegularCard {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  ", " {\n    width: 164px;\n    min-height: ", ";\n  }\n\n  ", " {\n    width: 154px;\n    min-height: ", ";\n  }\n\n  ", " {\n    border-radius: ", ";\n\n    min-height: ", ";\n  }\n"], ["\n  position: relative;\n  background-color: ", ";\n  border-radius: 6px;\n  ", ";\n  ", ";\n  // ", "\n\n  min-height: ", ";\n\n  ", "\n  .linkRegularCard {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  ", " {\n    width: 164px;\n    min-height: ", ";\n  }\n\n  ", " {\n    width: 154px;\n    min-height: ", ";\n  }\n\n  ", " {\n    border-radius: ", ";\n\n    min-height: ", ";\n  }\n"])), WhiteColor, BoxShadow, BoxTransform, function (props) { return (props.isNeedTransform ? null : BoxTransform); }, function (props) { return (props.isNeedHeight ? '346px' : ''); }, function (props) {
-    return props.isShowCheckbox
-        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          ", " {\n            transition: 0.2s opacity ease-in;\n            opacity: 1 !important;\n          }\n        "], ["\n          ", " {\n            transition: 0.2s opacity ease-in;\n            opacity: 1 !important;\n          }\n        "])), StyledHeadIcons) : css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          &:hover ", " {\n            transition: 0.2s opacity ease-in;\n            opacity: 1 !important;\n          }\n        "], ["\n          &:hover ", " {\n            transition: 0.2s opacity ease-in;\n            opacity: 1 !important;\n          }\n        "])), StyledHeadIcons);
-}, mediaQuery.maxWidthTablet, function (props) { return (props.isNeedHeight ? '258px' : ''); }, mediaQuery.mobile, function (props) { return (props.isNeedHeight ? '244px' : ''); }, mediaQuery.minWidthFourK, adaptiveValueCalc(6), function (props) {
-    return props.isNeedHeight ? adaptiveValueCalc(346) : '';
-});
-// Component
-export var CreationCardWithCheckboxState = function (props) {
-    var _a = useToGalleryStore(function (state) { return ({
-        toggleCreationToGallery: state.toggleCreationToGallery,
-        isActiveGalleryMode: state.isActiveGalleryMode,
-        creationsToGallery: state.creationsToGallery,
-    }); }), toggleCreationToGallery = _a.toggleCreationToGallery, isActiveGalleryMode = _a.isActiveGalleryMode, creationsToGallery = _a.creationsToGallery;
-    return (_jsx(CreationCard, __assign({}, props, { isShowCheckbox: isActiveGalleryMode, isActiveCheckbox: getIsActiveCreation(creationsToGallery, props.creation), toggleCreationToGallery: toggleCreationToGallery })));
-};
-export var CreationCard = function (_a) {
-    var creationName = _a.creationName, creation = _a.creation, isNeedHeight = _a.isNeedHeight, likesDynamicInfo = _a.likesDynamicInfo, toolsForRemove = _a.toolsForRemove, isMobile = _a.isMobile, isLoadingLikes = _a.isLoadingLikes, isNeedShowMoreButton = _a.isNeedShowMoreButton, isUserProfile = _a.isUserProfile, _b = _a.isRegularCard, isRegularCard = _b === void 0 ? true : _b, isShowCheckbox = _a.isShowCheckbox, isActiveCheckbox = _a.isActiveCheckbox, toggleCreationToGallery = _a.toggleCreationToGallery, currentMyGalleryId = _a.currentMyGalleryId;
-    var _c = useLikes({
-        defaultLikesCount: (likesDynamicInfo === null || likesDynamicInfo === void 0 ? void 0 : likesDynamicInfo.likesNum) || creation.getLikes(),
-        defaultIsLiked: (likesDynamicInfo === null || likesDynamicInfo === void 0 ? void 0 : likesDynamicInfo.isLikedByUser) || creation.getIsLiked(),
-        itemType: creation.getItemType(),
-        removeOnDislike: toolsForRemove,
-        isLoadingLikes: isLoadingLikes,
-    }), likes = _c.likes, addLike = _c.addLike, deleteLike = _c.deleteLike;
-    // Todo cardLink
-    var isHide = isProd();
-    var HideLink = isHide ? React.Fragment : Link;
-    return (_jsxs(StyledRegularCard, { isNeedHeight: isNeedHeight, isNeedTransform: isNeedShowMoreButton, isShowCheckbox: isShowCheckbox, children: [isShowCheckbox && (_jsx(CardCheckBox, { isActiveCheckbox: !!isActiveCheckbox, onChange: function () {
-                    toggleCreationToGallery === null || toggleCreationToGallery === void 0 ? void 0 : toggleCreationToGallery(creation);
-                } })), _jsxs(HideLink, { className: "linkRegularCard", href: creation.getCreationLink(), children: [_jsxs(StyledCardHead, { children: [creation.detectMediaType().displaySingleMedia(), _jsx(CardHead, { isRegularCard: !!isRegularCard, isIconLiked: likes.isLiked, creation: creation, addLikeToCard: addLike, deleteLikeFromCard: deleteLike, isUserProfile: isUserProfile || false, isDisabled: !!isLoadingLikes, isShowCheckbox: isShowCheckbox, currentMyGalleryId: currentMyGalleryId })] }), _jsx(CardContent, { creationName: creationName, firstName: creation.getCreatorAddress(), secondName: creation.getName(), cuttedSecondName: creation.getCuttedSecondName(!isMobile), itemId: creation.getItemId(), isNeedShowMoreButton: isNeedShowMoreButton || false, href: creation.getCreationLink(), children: _jsxs(Flex, { alignItems: "end", justifyContent: 'space-between', children: [_jsx(CardCategory, { label: creation.getLabel() }), !isProd() &&
-                                    (isLoadingLikes ? (_jsx(Skeleton, { style: { borderRadius: '3px' }, height: "100%", width: "30px" })) : (_jsx(CardLikes, { isLiked: likes.isLiked, likes: likes.likesCount })))] }) })] })] }));
-};
-var templateObject_1, templateObject_2, templateObject_3;