@ludo.ninja/components 1.5.8 → 1.6.0

package/dist/components/CreationCard/CardHead.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
+import CreationEntity from '@/dto/CreationEntity';
+export declare const CardHead: ({ creation, isRegularCard, isIconLiked, addLikeToCard, deleteLikeFromCard, isUserProfile, isDisabled, isShowCheckbox, currentMyGalleryId, isProdENV, }: {
+    creation: CreationEntity | CollectionCreationEntity;
+    isRegularCard: boolean;
+    isIconLiked: boolean;
+    addLikeToCard: (id: string) => void;
+    deleteLikeFromCard: (id: string) => void;
+    isUserProfile: boolean;
+    isDisabled?: boolean;
+    isShowCheckbox?: boolean | undefined;
+    currentMyGalleryId?: false | string;
+    isProdENV: string;
+}) => React.JSX.Element;

package/dist/components/CreationCard/CardHead.jsx

@@ -0,0 +1,129 @@
+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, isProdENV = _a.isProdENV;
+    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({ 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>);
+};

package/dist/components/CreationCard/index.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { searchSchema as schema } from '@ludo.ninja/api';
+import { TCreationAndCollection } from '@/modules/virtuoso/types';
+import GalleryEntityV2 from '@/dto/GalleryEntityV2';
+export type RemoveToolsType = {
+    gallery?: GalleryEntityV2;
+    removeFn: (itemType: 'asset' | 'collection') => void;
+};
+interface ICheckboxState {
+    isShowCheckbox?: boolean;
+    isActiveCheckbox?: boolean;
+    toggleCreationToGallery?: (creation: TCreationAndCollection) => void;
+}
+interface ICreationCard {
+    creationName?: string;
+    creation: TCreationAndCollection;
+    isNeedHeight: boolean;
+    likesDynamicInfo?: schema.IDynamicAssetData | schema.IDynamicCollectionData;
+    toolsForRemove?: RemoveToolsType | undefined;
+    isMobile: boolean;
+    isLoadingLikes?: boolean | undefined;
+    isNeedShowMoreButton?: boolean;
+    isUserProfile?: boolean;
+    isRegularCard?: boolean;
+    currentMyGalleryId?: false | string;
+    isProdENV: string;
+}
+export declare const CreationCardWithCheckboxState: (props: ICreationCard) => React.JSX.Element;
+export declare const CreationCard: ({ creationName, creation, isNeedHeight, likesDynamicInfo, toolsForRemove, isMobile, isLoadingLikes, isNeedShowMoreButton, isUserProfile, isRegularCard, isShowCheckbox, isActiveCheckbox, toggleCreationToGallery, currentMyGalleryId, isProdENV, }: ICreationCard & ICheckboxState) => React.JSX.Element;
+export {};

package/dist/components/CreationCard/index.jsx

@@ -0,0 +1,70 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+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 HideLink from '@/system/Cards/HideLink';
+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 (<CreationCard {...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, isProdENV = _a.isProdENV;
+    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;
+    return (<StyledRegularCard isNeedHeight={isNeedHeight} isNeedTransform={isNeedShowMoreButton} isShowCheckbox={isShowCheckbox}>
+      {isShowCheckbox && (<CardCheckBox isActiveCheckbox={!!isActiveCheckbox} onChange={function () {
+                toggleCreationToGallery === null || toggleCreationToGallery === void 0 ? void 0 : toggleCreationToGallery(creation);
+            }}/>)}
+      <HideLink className="linkRegularCard" isProdENV={isProdENV} href={creation.getCreationLink()}>
+        <StyledCardHead>
+          {creation.detectMediaType().displaySingleMedia()}
+          <CardHead isRegularCard={!!isRegularCard} isIconLiked={likes.isLiked} creation={creation} addLikeToCard={addLike} deleteLikeFromCard={deleteLike} isUserProfile={isUserProfile || false} isDisabled={!!isLoadingLikes} isShowCheckbox={isShowCheckbox} currentMyGalleryId={currentMyGalleryId} isProdENV={isProdENV}/>
+        </StyledCardHead>
+        <CardContent creationName={creationName} firstName={creation.getCreatorAddress()} secondName={creation.getName()} cuttedSecondName={creation.getCuttedSecondName(!isMobile)} itemId={creation.getItemId()} isNeedShowMoreButton={isNeedShowMoreButton || false} href={creation.getCreationLink()}>
+          <Flex alignItems="end" justifyContent={'space-between'}>
+            <CardCategory label={creation.getLabel()}/>
+            {/* // Todo cardLikes */}
+            {!isProd({ ENV: isProdENV }) &&
+            (isLoadingLikes ? (<Skeleton style={{ borderRadius: '3px' }} height="100%" width="30px"/>) : (<CardLikes isLiked={likes.isLiked} likes={likes.likesCount}/>))}
+          </Flex>
+        </CardContent>
+      </HideLink>
+    </StyledRegularCard>);
+};
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/addWalletsRedirectPage/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const AddWalletsRedirectPage: ({ walletType }: {
+    walletType: string;
+}) => React.JSX.Element;
+export default AddWalletsRedirectPage;

package/dist/components/addWalletsRedirectPage/index.jsx

@@ -0,0 +1,40 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import Image from 'next/image';
+import process from 'process';
+import styled from 'styled-components';
+import { getStaticDomain } from '@ludo.ninja/core';
+import { AccentColor, BlackColor, TextGray2Color, } from '@ludo.ninja/ui/build/styles/colors';
+import { rotate } from '@/styles/animations';
+import { Box, Flex, H1, H5 } from '@system';
+// Styles
+var StyledRedirectOpportunityIdPage = styled.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"])), AccentColor, rotate);
+var StyledImage = styled(Image)(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 (<StyledRedirectOpportunityIdPage>
+      <Box>
+        <Flex flexDirection="column" alignItems={'center'}>
+          <Box mt={16}>
+            <Flex flexDirection="column" alignItems={'center'}>
+              <StyledImage width={74} height={74} src={"".concat(getStaticDomain({
+            ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
+        }), "/wallets/regular/").concat(walletType, ".svg")} alt={"".concat(walletType, " icon")}/>
+              <H1 color={BlackColor}>Redirecting...</H1>
+              <H5 mt={8} color={TextGray2Color} textAlign={'center'}>
+                {"Please wait while we add your new wallet"}
+              </H5>
+              <div className={'loading'}/>
+            </Flex>
+          </Box>
+        </Flex>
+      </Box>
+    </StyledRedirectOpportunityIdPage>);
+};
+// Export
+export default AddWalletsRedirectPage;
+var templateObject_1, templateObject_2;

package/dist/components/assetJSONLD.d.ts

@@ -0,0 +1 @@
+export declare const assetJSONLD: () => void;

package/dist/components/assetJSONLD.jsx

@@ -0,0 +1,27 @@
+// import { schema } from '@ludo.ninja/api';
+export var assetJSONLD = function () {
+    // const imageUrl = asset.medias?.[0]?.url;
+    // const user = asset.creatorsProfiles?.[0]?.username;
+    //
+    // return {
+    //   __html: `{
+    //     "@context": "http://schema.org",
+    //     "@type": "Article",
+    //     "mainEntityOfPage": {
+    //       "@type": "WebPage",
+    //       "@id": "${url}"
+    //     },
+    //     "headline": "${asset.name}",
+    //     "image": [
+    //       "${imageUrl}"
+    //     ],
+    //     "datePublished": "${Date.now().toString()}",
+    //     "dateModified": "${Date.now().toString()}",
+    //     "author": {
+    //       "@type": "Person",
+    //       "name": "${user}"
+    //     },
+    //     "description": "${asset.description}"
+    //   }`,
+    // };
+};

package/dist/components/banner/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Banner: () => React.JSX.Element;
+export default Banner;

package/dist/components/banner/index.jsx

@@ -0,0 +1,49 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import * as process from 'process';
+import styled from 'styled-components';
+import useFetchNftCount from '@/api/server-search/queries/useFetchAssetsCount';
+import { AccentColor, BlackColor, TextGray2Color } from '@/styles/colors';
+import MainButton from '@/system/Buttons/MainButton';
+import { dmsansFontVarCss } from '@/fonts/vars';
+// Styles
+var StyledBanner = styled.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"])), BlackColor, AccentColor, dmsansFontVarCss.css, TextGray2Color);
+// Component
+var Banner = function () {
+    var _a = useFetchNftCount(), count = _a.count, loading = _a.loading;
+    // const { openModal } = useContext(uiContext) as UiContextType;
+    // const { isConnected } = useAccount();
+    // const { disconnectAsync } = useDisconnect();
+    var router = useRouter();
+    return (<StyledBanner>
+      <div className={'banner_content'}>
+        <span className={'caption'}>
+          We have <strong>{!loading && count.toLocaleString('RU')}</strong>
+          <br />
+          NFTs indexed
+        </span>
+        <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.
+        </p>
+        <MainButton 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'}/>
+      </div>
+      <Image src={'/banner/banner_img.svg'} className={'banner_img'} width={518} priority={true} height={390} alt={'banner_img'}/>
+    </StyledBanner>);
+};
+// Export
+export default Banner;
+var templateObject_1;

package/dist/components/base/Meta/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Meta: () => import("react").JSX.Element;
+export default Meta;

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

@@ -0,0 +1,59 @@
+import Head from 'next/head';
+import process from 'process';
+import { getMediaDomain, getStaticDomain } from '@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.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.env.NEXT_PUBLIC_STATIC_DOMAIN, "/favicon.png"),
+        site_name: process.env.NEXT_PUBLIC_ENV_DOMAIN,
+        imageWidth: '512',
+        imageHeight: '512',
+    },
+    twitter: {
+        handle: '@ludo',
+        cardType: 'summary_large_image',
+    },
+};
+var Meta = function () { return (<>
+    <Head>
+      <title>{DEFAULT_SEO.title}</title>
+
+      <link rel="preconnect" href={getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="preconnect" href={getStaticDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="dns-prefetch" href={getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="dns-prefetch" href={getStaticDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="icon" type="image/svg+xml" href={"".concat(getStaticDomain({
+        ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
+    }), "/favicon/favicon.svg")} sizes="any"/>
+      <link rel="icon" type="image/x-icon" href={"".concat(getStaticDomain({
+        ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
+    }), "/favicon/fav64.ico")} sizes="any"/>
+      <link rel="apple-touch-icon" href={"".concat(getStaticDomain({
+        ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
+    }), "/favicon/favicon128.png")}/>
+      <meta key="description" name="description" content={DEFAULT_SEO.description}/>
+      <meta key="twitter:card" name="twitter:card" content={DEFAULT_SEO.twitter.cardType}/>
+      <meta key="twitter:site" name="twitter:site" content={DEFAULT_SEO.twitter.handle}/>
+      <meta key="og:url" property="og:url" content={DEFAULT_SEO.openGraph.url}/>
+      <meta key="og:type" property="og:type" content={DEFAULT_SEO.openGraph.type}/>
+      <meta key="og:title" property="og:title" content={DEFAULT_SEO.openGraph.title}/>
+      <meta key="og:description" property="og:description" content={DEFAULT_SEO.openGraph.description}/>
+      <meta key="og:image" property="og:image" content={DEFAULT_SEO.openGraph.image}/>
+      <meta key="og:image:width" property="og:image:width" content={DEFAULT_SEO.openGraph.imageWidth}/>
+      <meta key="og:image:height" property="og:image:height" content={DEFAULT_SEO.openGraph.imageHeight}/>
+      <meta key="og:locale" property="og:locale" content={DEFAULT_SEO.openGraph.locale}/>
+
+      <meta name="viewport" content="width=device-width, initial-scale=1"/>
+      <meta charSet="utf-8"/>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
+    </Head>
+  </>); };
+// Export
+export default Meta;

package/dist/components/base/NoSSR/index.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const _default: import("react").ComponentType<{
+    children: ReactNode;
+}>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import dynamic from 'next/dynamic';
+// Component
+var NoSsr = function (props) { return <>{props.children}</>; };
+// Export
+export default dynamic(function () { return Promise.resolve(NoSsr); }, { ssr: false });

package/dist/components/collectionPage/collectionLike/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const CollectionLike: ({ likesCount, isLiked, collectionId, }: {
+    likesCount: number;
+    isLiked: boolean;
+    collectionId: string;
+}) => React.JSX.Element;
+export default CollectionLike;

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import Skeleton from 'react-loading-skeleton';
+import useLikes from '@/hooks/likes';
+import { useUserStore } from '@/modules/user/store';
+import StyledLikes from '@/system/Cards/Styles/Likes';
+import { getAdaptiveScale } from '@/utils/adaptive/scale';
+import { redirectToLoginWindow } from '@/utils/auth';
+import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
+import { LabelKeys } from '@/dto/common/ItemType';
+import HeartIcon from '@/public/showCaseIcons/heart.svg';
+var HeartIconResize = function () {
+    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
+    return (<div className={'icon'}>
+      <HeartIcon style={getAdaptiveScale({ windowDimensions: windowDimensions, currentSize: 1 })}/>
+    </div>);
+};
+var CollectionLike = function (_a) {
+    var likesCount = _a.likesCount, isLiked = _a.isLiked, collectionId = _a.collectionId;
+    var _b = useLikes({
+        defaultLikesCount: likesCount,
+        defaultIsLiked: isLiked,
+        itemType: LabelKeys.collection,
+    }), likes = _b.likes, addLike = _b.addLike, deleteLike = _b.deleteLike, isLoading = _b.isLoading;
+    var isSignedIn = useUserStore(function (state) { return state.isSignedIn; });
+    var handleLikes = function (isLiked) {
+        if (!isSignedIn) {
+            redirectToLoginWindow();
+        }
+        else {
+            !isLiked ? addLike(collectionId) : deleteLike(collectionId);
+        }
+    };
+    return (<>
+      {isLoading ? (<Skeleton style={{ borderRadius: '3px' }} height="100%" width="31px"/>) : (<StyledLikes isLiked={likes.isLiked} onClick={function () { return handleLikes(likes.isLiked); }}>
+          <HeartIconResize />
+          <span className={'counter'}>{likes.likesCount}</span>
+        </StyledLikes>)}
+    </>);
+};
+export default CollectionLike;

package/dist/components/deleteDialog/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const DeleteDialog: ({ galleryId, userId, onHide, isGallery, }: {
+    galleryId: string;
+    userId?: string | undefined;
+    onHide: () => void;
+    isGallery: boolean;
+}) => React.JSX.Element;
+export default DeleteDialog;