@ludo.ninja/components 1.9.5 → 2.0.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "1.9.5",
+  "version": "2.0.0",
   "private": false,
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "build/index.js",
+  "types": "build/index.d.ts",
   "files": [
     "dist"
   ],
@@ -12,6 +12,7 @@
     "clean": "rimraf dist",
     "build": "next build",
     "build:tsc": "npm run clean && tsc",
+    "build:ts": "tsc --build",
     "start": "next start",
     "analyze": "cross-env ANALYZE=true next build",
     "analyze:server": "cross-env BUNDLE_ANALYZE=server next build",
@@ -27,7 +28,6 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@apollo/client": "^3.7.3",
     "@marker.io/browser": "^0.19.0",
     "@react-three/drei": "^9.68.3",
     "@react-three/fiber": "^8.13.0",
@@ -60,8 +60,6 @@
     "react-select": "^5.7.2",
     "react-share": "^4.4.1",
     "react-slick": "^0.29.0",
-    "react-virtualized": "^9.22.5",
-    "react-virtualized-auto-sizer": "^1.0.20",
     "react-virtuoso": "^4.6.3",
     "screenfull": "^6.0.2",
     "slick-carousel": "^1.8.1",

package/README.md

@@ -1,40 +0,0 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `pages/index.ts`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

package/dist/api/graphql/index.d.ts

@@ -1,4 +0,0 @@
-import { AppProps } from 'next/app';
-import { ApolloClient, NormalizedCacheObject } from '@apollo/client';
-export declare const APOLLO_STATE_PROP_NAME = "__APOLLO_STATE__";
-export declare function addApolloState(client: ApolloClient<NormalizedCacheObject>, pageProps: AppProps['pageProps']): any;

package/dist/api/graphql/index.js

@@ -1,11 +0,0 @@
-"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[exports.APOLLO_STATE_PROP_NAME] = client.cache.extract();
-    }
-    return pageProps;
-}
-exports.addApolloState = addApolloState;

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

@@ -1,14 +0,0 @@
-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, }: {
-    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;
-}) => React.JSX.Element;

package/dist/components/CreationCard/CardHead.js

@@ -1,129 +0,0 @@
-"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) {
-        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 __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 user_1 = require("@ludo.ninja/components/dist/modules/user");
-var store_1 = require("@ludo.ninja/components/dist/store");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-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("@ludo.ninja/components/dist/utils/auth");
-var env_1 = require("@/utils/env");
-var utils_1 = require("@ludo.ninja/components/dist/utils");
-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
-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 = (0, store_1.useUiStore)(function (state) { return state.openModalSidebarPortal; });
-    var isSignedIn = (0, user_1.useUserStore)(function (state) { return state.isSignedIn; });
-    var isLicked = isIconLiked && isSignedIn;
-    var windowDimensions = (0, utils_1.useWindowDimensionsWithServerInitial)().windowDimensions;
-    var isMobile = !!((windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth) &&
-        windowDimensions.windowWidth <= styles_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) {
-            switch (_a.label) {
-                case 0:
-                    e.preventDefault();
-                    e.stopPropagation();
-                    if (!!isSignedIn) return [3 /*break*/, 1];
-                    (0, auth_1.redirectToLoginWindow)();
-                    return [3 /*break*/, 6];
-                case 1:
-                    if (!(type === 'fav-list')) return [3 /*break*/, 2];
-                    openModalSidebarPortal(react_1.default.createElement(addCreationToFavoriteList_1.default, { ids: [
-                            creation instanceof CollectionCreationEntity_1.default
-                                ? "".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_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_1.default &&
-                        creation.getItemType() !== ItemType_1.LabelKeys.collection
-                        ? creation.getCollectionCreationId()
-                        : creation.getItemId())];
-                case 5:
-                    _a.sent();
-                    _a.label = 6;
-                case 6: return [2 /*return*/];
-            }
-        });
-    }); };
-    var renderLikeButton = function () {
-        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 (react_1.default.createElement(Headicons_1.default, { isMobile: isMobile, style: isDisabled
-            ? {
-                pointerEvents: 'none',
-            }
-            : {} },
-        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.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { searchSchema as schema } from '@ludo.ninja/api';
-import { TCreationAndCollection } from '@ludo.ninja/components/dist/modules';
-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, }: ICreationCard & ICheckboxState) => React.JSX.Element;
-export {};

package/dist/components/CreationCard/index.js

@@ -1,103 +0,0 @@
-"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("@ludo.ninja/components/dist/hooks/likes"));
-var useToGalleryAsset_1 = require("@ludo.ninja/components/dist/hooks/useToGalleryAsset");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-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"])), styles_1.WhiteColor, styles_1.BoxShadow, styles_1.BoxTransform, function (props) { return (props.isNeedTransform ? null : styles_1.BoxTransform); }, 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);
-}, styles_1.mediaQuery.maxWidthTablet, function (props) { return (props.isNeedHeight ? '258px' : ''); }, styles_1.mediaQuery.mobile, function (props) { return (props.isNeedHeight ? '244px' : ''); }, styles_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;
-    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 })),
-            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.d.ts

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

package/dist/components/addWalletsRedirectPage/index.js

@@ -1,38 +0,0 @@
-"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/banner/index.d.ts

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

package/dist/components/banner/index.js

@@ -1,71 +0,0 @@
-"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.d.ts

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

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

@@ -1,60 +0,0 @@
-"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.d.ts

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

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

@@ -1,10 +0,0 @@
-"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.d.ts

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