@ludo.ninja/components 1.7.4 → 1.7.6

package/dist/api/graphql/index.js

@@ -1,7 +1,11 @@
-export var APOLLO_STATE_PROP_NAME = '__APOLLO_STATE__';
-export function addApolloState(client, pageProps) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addApolloState = exports.APOLLO_STATE_PROP_NAME = void 0;
+exports.APOLLO_STATE_PROP_NAME = '__APOLLO_STATE__';
+function addApolloState(client, pageProps) {
     if (pageProps === null || pageProps === void 0 ? void 0 : pageProps.props) {
-        pageProps.props[APOLLO_STATE_PROP_NAME] = client.cache.extract();
+        pageProps.props[exports.APOLLO_STATE_PROP_NAME] = client.cache.extract();
     }
     return pageProps;
 }
+exports.addApolloState = addApolloState;

package/dist/components/CreationCard/{CardHead.jsx → CardHead.js}

@@ -1,3 +1,4 @@
+"use strict";
 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) {
@@ -34,32 +35,37 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         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';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardHead = void 0;
+var react_1 = __importDefault(require("react"));
+var router_1 = require("next/router");
+var store_1 = require("@/modules/user/store");
+var ui_1 = require("@/store/ui");
+var ScreenWidth_1 = require("@/styles/ScreenWidth");
+var addCreationToFavoriteList_1 = __importDefault(require("@/components/favoriteList/add/addCreationToFavoriteList"));
+var CardRank_1 = __importDefault(require("@/system/Cards/CardRank"));
+var Headicons_1 = __importDefault(require("@/system/Cards/Styles/Headicons"));
+var auth_1 = require("@/utils/auth");
+var env_1 = require("@/utils/env");
+var screen_1 = require("@/utils/screen");
+var CollectionCreationEntity_1 = __importDefault(require("@/dto/Collection/CollectionCreationEntity"));
+var ItemType_1 = require("@/dto/common/ItemType");
+var addToFavListIcon_svg_1 = __importDefault(require("@/public/cards/addToFavListIcon.svg"));
+var addToGalleryIcon_svg_1 = __importDefault(require("@/public/cards/addToGalleryIcon.svg"));
+var heart_svg_1 = __importDefault(require("@/public/cards/heart.svg"));
 // Component
-export var CardHead = function (_a) {
+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, isProdENV = _a.isProdENV;
-    var openModalSidebarPortal = useUiStore(function (state) { return state.openModalSidebarPortal; });
-    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
+    var openModalSidebarPortal = (0, ui_1.useUiStore)(function (state) { return state.openModalSidebarPortal; });
+    var isSignedIn = (0, store_1.useUserStore)(function (state) { return state.isSignedIn; });
     var isLicked = isIconLiked && isSignedIn;
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
+    var windowDimensions = (0, screen_1.useWindowDimensionsWithServerInitial)().windowDimensions;
     var isMobile = !!((windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth) &&
-        windowDimensions.windowWidth <= ScreenWidth.DESKTOP);
-    var router = useRouter();
+        windowDimensions.windowWidth <= ScreenWidth_1.ScreenWidth.DESKTOP);
+    var router = (0, router_1.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) {
@@ -68,28 +74,28 @@ export var CardHead = function (_a) {
                     e.preventDefault();
                     e.stopPropagation();
                     if (!!isSignedIn) return [3 /*break*/, 1];
-                    redirectToLoginWindow();
+                    (0, auth_1.redirectToLoginWindow)();
                     return [3 /*break*/, 6];
                 case 1:
                     if (!(type === 'fav-list')) return [3 /*break*/, 2];
-                    openModalSidebarPortal(<AddCreationToFavoriteList ids={[
-                            creation instanceof CollectionCreationEntity
+                    openModalSidebarPortal(react_1.default.createElement(addCreationToFavoriteList_1.default, { ids: [
+                            creation instanceof CollectionCreationEntity_1.default
                                 ? "".concat(creation.getItemType() + '.' + creation.getCreationId())
                                 : creation.getCreationId(),
-                        ]} currentMyGalleryId={currentMyGalleryId}/>);
+                        ], 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
+                    return [4 /*yield*/, addLikeToCard(creation instanceof CollectionCreationEntity_1.default &&
+                            creation.getItemType() !== ItemType_1.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
+                case 4: return [4 /*yield*/, deleteLikeFromCard(creation instanceof CollectionCreationEntity_1.default &&
+                        creation.getItemType() !== ItemType_1.LabelKeys.collection
                         ? creation.getCollectionCreationId()
                         : creation.getItemId())];
                 case 5:
@@ -100,30 +106,24 @@ export var CardHead = function (_a) {
         });
     }); };
     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>);
+        if ([ItemType_1.LabelKeys.asset, ItemType_1.LabelKeys.collection].includes(creation.getItemType())) {
+            return (react_1.default.createElement("div", { className: "icon like ".concat(isLicked ? 'liked' : ''), onClick: function (e) { return handleClick(e, 'likes'); } },
+                react_1.default.createElement(heart_svg_1.default, null)));
         }
     };
-    return (<StyledHeadIcons isMobile={isMobile} style={isDisabled
+    return (react_1.default.createElement(Headicons_1.default, { isMobile: isMobile, style: isDisabled
             ? {
                 pointerEvents: 'none',
             }
-            : {}}>
-      <div className={'rank'}>
-        <CardRank rank={creation.getRank()}/>
-      </div>
-      {/* // Todo cardHeadIcons */}
-      {!isProd({ ENV: isProdENV }) && !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>);
+            : {} },
+        react_1.default.createElement("div", { className: 'rank' },
+            react_1.default.createElement(CardRank_1.default, { rank: creation.getRank() })),
+        !(0, env_1.isProd)({ ENV: isProdENV }) && !isShowCheckbox && (react_1.default.createElement("div", { className: "icons" },
+            react_1.default.createElement("div", { className: "icon", onClick: function (e) {
+                    return handleClick(e, isRegularCard || !isUserProfile || isGallery
+                        ? 'fav-list'
+                        : 'gallery');
+                } }, isRegularCard || !isUserProfile || isGallery ? (react_1.default.createElement(addToFavListIcon_svg_1.default, null)) : (react_1.default.createElement(addToGalleryIcon_svg_1.default, null))),
+            renderLikeButton()))));
 };
+exports.CardHead = CardHead;

package/dist/components/CreationCard/index.js

@@ -0,0 +1,106 @@
+"use strict";
+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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreationCard = exports.CreationCardWithCheckboxState = void 0;
+var react_1 = __importDefault(require("react"));
+var react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
+var styled_components_1 = __importStar(require("styled-components"));
+var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+var likes_1 = __importDefault(require("@/hooks/likes"));
+var useToGalleryAsset_1 = require("@/hooks/useToGalleryAsset");
+var ScreenWidth_1 = require("@/styles/ScreenWidth");
+var colors_1 = require("@/styles/colors");
+var boxShadow_1 = __importDefault(require("@/styles/mixins/boxShadow"));
+var boxTransform_1 = __importDefault(require("@/styles/mixins/boxTransform"));
+var CardHead_1 = require("@/components/CreationCard/CardHead");
+var HideLink_1 = __importDefault(require("@/system/Cards/HideLink"));
+var CardCheckbox_1 = __importDefault(require("@/system/Cards/CardCheckbox"));
+var CardContent_1 = __importDefault(require("@/system/Cards/CardContent"));
+var CardCategory_1 = __importDefault(require("@/system/Cards/CardContent/CardCategory"));
+var CardLikes_1 = __importDefault(require("@/system/Cards/CardContent/CardLikes"));
+var Head_1 = __importDefault(require("@/system/Cards/Styles/Head"));
+var Headicons_1 = __importDefault(require("@/system/Cards/Styles/Headicons"));
+var _system_1 = require("@system");
+var env_1 = require("@/utils/env");
+// Styles
+var StyledRegularCard = styled_components_1.default.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"])), colors_1.WhiteColor, boxShadow_1.default, boxTransform_1.default, function (props) { return (props.isNeedTransform ? null : boxTransform_1.default); }, function (props) { return (props.isNeedHeight ? '346px' : ''); }, function (props) {
+    return props.isShowCheckbox
+        ? (0, styled_components_1.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        "])), Headicons_1.default) : (0, styled_components_1.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        "])), Headicons_1.default);
+}, ScreenWidth_1.mediaQuery.maxWidthTablet, function (props) { return (props.isNeedHeight ? '258px' : ''); }, ScreenWidth_1.mediaQuery.mobile, function (props) { return (props.isNeedHeight ? '244px' : ''); }, ScreenWidth_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(6), function (props) {
+    return props.isNeedHeight ? (0, _4k_1.adaptiveValueCalc)(346) : '';
+});
+// Component
+var CreationCardWithCheckboxState = function (props) {
+    var _a = (0, useToGalleryAsset_1.useToGalleryStore)(function (state) { return ({
+        toggleCreationToGallery: state.toggleCreationToGallery,
+        isActiveGalleryMode: state.isActiveGalleryMode,
+        creationsToGallery: state.creationsToGallery,
+    }); }), toggleCreationToGallery = _a.toggleCreationToGallery, isActiveGalleryMode = _a.isActiveGalleryMode, creationsToGallery = _a.creationsToGallery;
+    return (react_1.default.createElement(exports.CreationCard, __assign({}, props, { isShowCheckbox: isActiveGalleryMode, isActiveCheckbox: (0, useToGalleryAsset_1.getIsActiveCreation)(creationsToGallery, props.creation), toggleCreationToGallery: toggleCreationToGallery })));
+};
+exports.CreationCardWithCheckboxState = CreationCardWithCheckboxState;
+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, isProdENV = _a.isProdENV;
+    var _c = (0, likes_1.default)({
+        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;
+    return (react_1.default.createElement(StyledRegularCard, { isNeedHeight: isNeedHeight, isNeedTransform: isNeedShowMoreButton, isShowCheckbox: isShowCheckbox },
+        isShowCheckbox && (react_1.default.createElement(CardCheckbox_1.default, { isActiveCheckbox: !!isActiveCheckbox, onChange: function () {
+                toggleCreationToGallery === null || toggleCreationToGallery === void 0 ? void 0 : toggleCreationToGallery(creation);
+            } })),
+        react_1.default.createElement(HideLink_1.default, { className: "linkRegularCard", isProdENV: isProdENV, href: creation.getCreationLink() },
+            react_1.default.createElement(Head_1.default, null,
+                creation.detectMediaType().displaySingleMedia(),
+                react_1.default.createElement(CardHead_1.CardHead, { isRegularCard: !!isRegularCard, isIconLiked: likes.isLiked, creation: creation, addLikeToCard: addLike, deleteLikeFromCard: deleteLike, isUserProfile: isUserProfile || false, isDisabled: !!isLoadingLikes, isShowCheckbox: isShowCheckbox, currentMyGalleryId: currentMyGalleryId, isProdENV: isProdENV })),
+            react_1.default.createElement(CardContent_1.default, { creationName: creationName, firstName: creation.getCreatorAddress(), secondName: creation.getName(), cuttedSecondName: creation.getCuttedSecondName(!isMobile), itemId: creation.getItemId(), isNeedShowMoreButton: isNeedShowMoreButton || false, href: creation.getCreationLink() },
+                react_1.default.createElement(_system_1.Flex, { alignItems: "end", justifyContent: 'space-between' },
+                    react_1.default.createElement(CardCategory_1.default, { label: creation.getLabel() }),
+                    !(0, env_1.isProd)({ ENV: isProdENV }) &&
+                        (isLoadingLikes ? (react_1.default.createElement(react_loading_skeleton_1.default, { style: { borderRadius: '3px' }, height: "100%", width: "30px" })) : (react_1.default.createElement(CardLikes_1.default, { isLiked: likes.isLiked, likes: likes.likesCount }))))))));
+};
+exports.CreationCard = CreationCard;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/addWalletsRedirectPage/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("next/image"));
+var process_1 = __importDefault(require("process"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var core_1 = require("@ludo.ninja/core");
+var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
+var animations_1 = require("@/styles/animations");
+var _system_1 = require("@system");
+// Styles
+var StyledRedirectOpportunityIdPage = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding-top: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n\n  .loading {\n    display: inline-block;\n    width: 36px;\n    height: 36px;\n    border: 4px solid ", ";\n    border-radius: 50%;\n    border-top-color: transparent;\n    animation: ", " 1s ease-in-out infinite;\n    margin-top: 16px;\n  }\n"], ["\n  padding-top: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n\n  .loading {\n    display: inline-block;\n    width: 36px;\n    height: 36px;\n    border: 4px solid ", ";\n    border-radius: 50%;\n    border-top-color: transparent;\n    animation: ", " 1s ease-in-out infinite;\n    margin-top: 16px;\n  }\n"])), colors_1.AccentColor, animations_1.rotate);
+var StyledImage = (0, styled_components_1.default)(image_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 16px;\n"], ["\n  margin-bottom: 16px;\n"])));
+// Component
+var AddWalletsRedirectPage = function (_a) {
+    var walletType = _a.walletType;
+    return (react_1.default.createElement(StyledRedirectOpportunityIdPage, null,
+        react_1.default.createElement(_system_1.Box, null,
+            react_1.default.createElement(_system_1.Flex, { flexDirection: "column", alignItems: 'center' },
+                react_1.default.createElement(_system_1.Box, { mt: 16 },
+                    react_1.default.createElement(_system_1.Flex, { flexDirection: "column", alignItems: 'center' },
+                        react_1.default.createElement(StyledImage, { width: 74, height: 74, src: "".concat((0, core_1.getStaticDomain)({
+                                ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN,
+                            }), "/wallets/regular/").concat(walletType, ".svg"), alt: "".concat(walletType, " icon") }),
+                        react_1.default.createElement(_system_1.H1, { color: colors_1.BlackColor }, "Redirecting..."),
+                        react_1.default.createElement(_system_1.H5, { mt: 8, color: colors_1.TextGray2Color, textAlign: 'center' }, "Please wait while we add your new wallet"),
+                        react_1.default.createElement("div", { className: 'loading' })))))));
+};
+// Export
+exports.default = AddWalletsRedirectPage;
+var templateObject_1, templateObject_2;

package/dist/components/{assetJSONLD.jsx → assetJSONLD.js}

@@ -1,5 +1,8 @@
+"use strict";
 // import { schema } from '@ludo.ninja/api';
-export var assetJSONLD = function () {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.assetJSONLD = void 0;
+var assetJSONLD = function () {
     // const imageUrl = asset.medias?.[0]?.url;
     // const user = asset.creatorsProfiles?.[0]?.username;
     //
@@ -25,3 +28,4 @@ export var assetJSONLD = function () {
     //   }`,
     // };
 };
+exports.assetJSONLD = assetJSONLD;

package/dist/components/banner/index.js

@@ -0,0 +1,71 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("next/image"));
+var router_1 = require("next/router");
+var process = __importStar(require("process"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var useFetchAssetsCount_1 = __importDefault(require("@/api/server-search/queries/useFetchAssetsCount"));
+var colors_1 = require("@/styles/colors");
+var MainButton_1 = __importDefault(require("@/system/Buttons/MainButton"));
+var vars_1 = require("@/fonts/vars");
+// Styles
+var StyledBanner = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 50px 0;\n\n  @media (max-width: 1400px) {\n    margin: 0 60px 30px 60px;\n  }\n\n  .banner_content {\n    max-width: 488px;\n    padding: 5px;\n\n    .caption {\n      font-weight: 700;\n      font-size: 4em;\n      color: ", ";\n      margin-bottom: 20px;\n\n      strong {\n        user-select: none;\n        font-weight: 700;\n        position: relative;\n        color: ", ";\n        margin-left: 16px;\n\n        :after {\n          content: '';\n          display: block;\n          position: absolute;\n          top: -40px;\n          left: -70px;\n          background: url('/banner/banner_stroke.svg') no-repeat;\n          background-size: cover;\n          width: 308px;\n          height: 116px;\n          transform: rotate(-2deg);\n          z-index: -1;\n        }\n      }\n    }\n\n    .text {\n      font-family: ", ";\n      color: ", ";\n      font-weight: 400;\n      font-size: 1.8em;\n      margin-bottom: 24px;\n      line-height: 1.56em;\n    }\n  }\n\n  .banner_img {\n    max-width: 100%;\n  }\n\n  @media (max-width: 767px) {\n    flex-direction: column-reverse;\n    align-items: flex-start;\n    margin: 0;\n\n    .banner_content {\n      margin: 0 20px 32px 20px;\n      padding: 5px;\n\n      .caption {\n        font-size: 2.2em;\n\n        strong {\n          :after {\n            width: 164px;\n            height: 61px;\n            left: -35px;\n            top: -24px;\n          }\n        }\n      }\n\n      .text {\n        font-size: 1.4em;\n        margin-bottom: 16px;\n      }\n    }\n\n    .banner_img {\n      margin-bottom: 33px;\n      width: 77%;\n      height: auto;\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  margin: 50px 0;\n\n  @media (max-width: 1400px) {\n    margin: 0 60px 30px 60px;\n  }\n\n  .banner_content {\n    max-width: 488px;\n    padding: 5px;\n\n    .caption {\n      font-weight: 700;\n      font-size: 4em;\n      color: ", ";\n      margin-bottom: 20px;\n\n      strong {\n        user-select: none;\n        font-weight: 700;\n        position: relative;\n        color: ", ";\n        margin-left: 16px;\n\n        :after {\n          content: '';\n          display: block;\n          position: absolute;\n          top: -40px;\n          left: -70px;\n          background: url('/banner/banner_stroke.svg') no-repeat;\n          background-size: cover;\n          width: 308px;\n          height: 116px;\n          transform: rotate(-2deg);\n          z-index: -1;\n        }\n      }\n    }\n\n    .text {\n      font-family: ", ";\n      color: ", ";\n      font-weight: 400;\n      font-size: 1.8em;\n      margin-bottom: 24px;\n      line-height: 1.56em;\n    }\n  }\n\n  .banner_img {\n    max-width: 100%;\n  }\n\n  @media (max-width: 767px) {\n    flex-direction: column-reverse;\n    align-items: flex-start;\n    margin: 0;\n\n    .banner_content {\n      margin: 0 20px 32px 20px;\n      padding: 5px;\n\n      .caption {\n        font-size: 2.2em;\n\n        strong {\n          :after {\n            width: 164px;\n            height: 61px;\n            left: -35px;\n            top: -24px;\n          }\n        }\n      }\n\n      .text {\n        font-size: 1.4em;\n        margin-bottom: 16px;\n      }\n    }\n\n    .banner_img {\n      margin-bottom: 33px;\n      width: 77%;\n      height: auto;\n    }\n  }\n"])), colors_1.BlackColor, colors_1.AccentColor, vars_1.dmsansFontVarCss.css, colors_1.TextGray2Color);
+// Component
+var Banner = function () {
+    var _a = (0, useFetchAssetsCount_1.default)(), count = _a.count, loading = _a.loading;
+    // const { openModal } = useContext(uiContext) as UiContextType;
+    // const { isConnected } = useAccount();
+    // const { disconnectAsync } = useDisconnect();
+    var router = (0, router_1.useRouter)();
+    return (react_1.default.createElement(StyledBanner, null,
+        react_1.default.createElement("div", { className: 'banner_content' },
+            react_1.default.createElement("span", { className: 'caption' },
+                "We have ",
+                react_1.default.createElement("strong", null, !loading && count.toLocaleString('RU')),
+                react_1.default.createElement("br", null),
+                "NFTs indexed"),
+            react_1.default.createElement("p", { className: "text " }, "Come join us and explore the blockhain in your own way. We are a multichain discoverability platform offering you easy access to all kinds of NFTs and the best Metaverse experiences and apps."),
+            react_1.default.createElement(MainButton_1.default, { onClick: function () {
+                    return router.push({
+                        pathname: "".concat(process.env.NEXT_PUBLIC_AUTH_HOST, "/login"),
+                        query: {
+                            fallback_url: window.location.origin.replace(/\s/g, ''),
+                        },
+                    });
+                }, variant: "primaryL", text: 'Join Ludo' })),
+        react_1.default.createElement(image_1.default, { src: '/banner/banner_img.svg', className: 'banner_img', width: 518, priority: true, height: 390, alt: 'banner_img' })));
+};
+// Export
+exports.default = Banner;
+var templateObject_1;

package/dist/components/base/Meta/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var head_1 = __importDefault(require("next/head"));
+var process_1 = __importDefault(require("process"));
+var core_1 = require("@ludo.ninja/core");
+// Component
+var DEFAULT_SEO = {
+    title: 'Ludo | The Reputation-Driven Discovery Engine',
+    description: 'Ludo is super-cool. Share it with your friends',
+    openGraph: {
+        type: 'website',
+        locale: 'en_US',
+        url: "https://".concat(process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN),
+        title: 'Ludo - NFT server-search engine',
+        description: 'Ludo is super-cool. Share it with your friends',
+        image: "https://".concat(process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN, "/favicon.png"),
+        site_name: process_1.default.env.NEXT_PUBLIC_ENV_DOMAIN,
+        imageWidth: '512',
+        imageHeight: '512',
+    },
+    twitter: {
+        handle: '@ludo',
+        cardType: 'summary_large_image',
+    },
+};
+var Meta = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(head_1.default, null,
+        React.createElement("title", null, DEFAULT_SEO.title),
+        React.createElement("link", { rel: "preconnect", href: (0, core_1.getMediaDomain)({ ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN }) }),
+        React.createElement("link", { rel: "preconnect", href: (0, core_1.getStaticDomain)({ ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN }) }),
+        React.createElement("link", { rel: "dns-prefetch", href: (0, core_1.getMediaDomain)({ ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN }) }),
+        React.createElement("link", { rel: "dns-prefetch", href: (0, core_1.getStaticDomain)({ ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN }) }),
+        React.createElement("link", { rel: "icon", type: "image/svg+xml", href: "".concat((0, core_1.getStaticDomain)({
+                ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN,
+            }), "/favicon/favicon.svg"), sizes: "any" }),
+        React.createElement("link", { rel: "icon", type: "image/x-icon", href: "".concat((0, core_1.getStaticDomain)({
+                ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN,
+            }), "/favicon/fav64.ico"), sizes: "any" }),
+        React.createElement("link", { rel: "apple-touch-icon", href: "".concat((0, core_1.getStaticDomain)({
+                ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN,
+            }), "/favicon/favicon128.png") }),
+        React.createElement("meta", { key: "description", name: "description", content: DEFAULT_SEO.description }),
+        React.createElement("meta", { key: "twitter:card", name: "twitter:card", content: DEFAULT_SEO.twitter.cardType }),
+        React.createElement("meta", { key: "twitter:site", name: "twitter:site", content: DEFAULT_SEO.twitter.handle }),
+        React.createElement("meta", { key: "og:url", property: "og:url", content: DEFAULT_SEO.openGraph.url }),
+        React.createElement("meta", { key: "og:type", property: "og:type", content: DEFAULT_SEO.openGraph.type }),
+        React.createElement("meta", { key: "og:title", property: "og:title", content: DEFAULT_SEO.openGraph.title }),
+        React.createElement("meta", { key: "og:description", property: "og:description", content: DEFAULT_SEO.openGraph.description }),
+        React.createElement("meta", { key: "og:image", property: "og:image", content: DEFAULT_SEO.openGraph.image }),
+        React.createElement("meta", { key: "og:image:width", property: "og:image:width", content: DEFAULT_SEO.openGraph.imageWidth }),
+        React.createElement("meta", { key: "og:image:height", property: "og:image:height", content: DEFAULT_SEO.openGraph.imageHeight }),
+        React.createElement("meta", { key: "og:locale", property: "og:locale", content: DEFAULT_SEO.openGraph.locale }),
+        React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+        React.createElement("meta", { charSet: "utf-8" }),
+        React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" })))); };
+// Export
+exports.default = Meta;

package/dist/components/base/NoSSR/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var dynamic_1 = __importDefault(require("next/dynamic"));
+// Component
+var NoSsr = function (props) { return React.createElement(React.Fragment, null, props.children); };
+// Export
+exports.default = (0, dynamic_1.default)(function () { return Promise.resolve(NoSsr); }, { ssr: false });

package/dist/components/collectionPage/collectionLike/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
+var likes_1 = __importDefault(require("@/hooks/likes"));
+var store_1 = require("@/modules/user/store");
+var Likes_1 = __importDefault(require("@/system/Cards/Styles/Likes"));
+var scale_1 = require("@/utils/adaptive/scale");
+var auth_1 = require("@/utils/auth");
+var screen_1 = require("@/utils/screen");
+var ItemType_1 = require("@/dto/common/ItemType");
+var heart_svg_1 = __importDefault(require("@/public/showCaseIcons/heart.svg"));
+var HeartIconResize = function () {
+    var windowDimensions = (0, screen_1.useWindowDimensionsWithServerInitial)().windowDimensions;
+    return (react_1.default.createElement("div", { className: 'icon' },
+        react_1.default.createElement(heart_svg_1.default, { style: (0, scale_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) })));
+};
+var CollectionLike = function (_a) {
+    var likesCount = _a.likesCount, isLiked = _a.isLiked, collectionId = _a.collectionId;
+    var _b = (0, likes_1.default)({
+        defaultLikesCount: likesCount,
+        defaultIsLiked: isLiked,
+        itemType: ItemType_1.LabelKeys.collection,
+    }), likes = _b.likes, addLike = _b.addLike, deleteLike = _b.deleteLike, isLoading = _b.isLoading;
+    var isSignedIn = (0, store_1.useUserStore)(function (state) { return state.isSignedIn; });
+    var handleLikes = function (isLiked) {
+        if (!isSignedIn) {
+            (0, auth_1.redirectToLoginWindow)();
+        }
+        else {
+            !isLiked ? addLike(collectionId) : deleteLike(collectionId);
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null, isLoading ? (react_1.default.createElement(react_loading_skeleton_1.default, { style: { borderRadius: '3px' }, height: "100%", width: "31px" })) : (react_1.default.createElement(Likes_1.default, { isLiked: likes.isLiked, onClick: function () { return handleLikes(likes.isLiked); } },
+        react_1.default.createElement(HeartIconResize, null),
+        react_1.default.createElement("span", { className: 'counter' }, likes.likesCount)))));
+};
+exports.default = CollectionLike;