@ludo.ninja/components 1.9.2 → 1.9.4

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

@@ -42,15 +42,15 @@ 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/src/modules/user");
-var store_1 = require("@ludo.ninja/components/src/store");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+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/src/utils/auth");
+var auth_1 = require("@ludo.ninja/components/dist/utils/auth");
 var env_1 = require("@/utils/env");
-var utils_1 = require("@ludo.ninja/components/src/utils");
+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"));
@@ -78,11 +78,11 @@ var CardHead = function (_a) {
                     return [3 /*break*/, 6];
                 case 1:
                     if (!(type === 'fav-list')) return [3 /*break*/, 2];
-                    openModalSidebarPortal(react_1.default.createElement(addCreationToFavoriteList_1.default, { ids: [
+                    openModalSidebarPortal(<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];
@@ -107,23 +107,30 @@ var CardHead = function (_a) {
     }); };
     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 (<div className={"icon like ".concat(isLicked ? 'liked' : '')} onClick={function (e) { return handleClick(e, 'likes'); }}>
+          <heart_svg_1.default />
+        </div>);
         }
     };
-    return (react_1.default.createElement(Headicons_1.default, { isMobile: isMobile, style: isDisabled
+    return (<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()))));
+            : {}}>
+      <div className={'rank'}>
+        <CardRank_1.default rank={creation.getRank()}/>
+      </div>
+      {/* // Todo cardHeadIcons */}
+      {!(0, env_1.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_svg_1.default />) : (<addToGalleryIcon_svg_1.default />)}
+          </div>
+          {renderLikeButton()}
+        </div>)}
+    </Headicons_1.default>);
 };
 exports.CardHead = CardHead;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { searchSchema as schema } from '@ludo.ninja/api';
-import { TCreationAndCollection } from '@ludo.ninja/components/src/modules';
+import { TCreationAndCollection } from '@ludo.ninja/components/dist/modules';
 import GalleryEntityV2 from '@/dto/GalleryEntityV2';
 export type RemoveToolsType = {
     gallery?: GalleryEntityV2;

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

@@ -3,17 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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);
@@ -46,9 +35,9 @@ 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/src/hooks/likes"));
-var useToGalleryAsset_1 = require("@ludo.ninja/components/src/hooks/useToGalleryAsset");
-var styles_1 = require("@ludo.ninja/components/src/styles");
+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"));
@@ -73,7 +62,7 @@ var CreationCardWithCheckboxState = function (props) {
         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 })));
+    return (<exports.CreationCard {...props} isShowCheckbox={isActiveGalleryMode} isActiveCheckbox={(0, useToGalleryAsset_1.getIsActiveCreation)(creationsToGallery, props.creation)} toggleCreationToGallery={toggleCreationToGallery}/>);
 };
 exports.CreationCardWithCheckboxState = CreationCardWithCheckboxState;
 var CreationCard = function (_a) {
@@ -85,19 +74,25 @@ var CreationCard = function (_a) {
         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 () {
+    return (<StyledRegularCard isNeedHeight={isNeedHeight} isNeedTransform={isNeedShowMoreButton} isShowCheckbox={isShowCheckbox}>
+      {isShowCheckbox && (<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 }))))))));
+            }}/>)}
+      <HideLink_1.default className="linkRegularCard" isProdENV={isProdENV} href={creation.getCreationLink()}>
+        <Head_1.default>
+          {creation.detectMediaType().displaySingleMedia()}
+          <CardHead_1.CardHead isRegularCard={!!isRegularCard} isIconLiked={likes.isLiked} creation={creation} addLikeToCard={addLike} deleteLikeFromCard={deleteLike} isUserProfile={isUserProfile || false} isDisabled={!!isLoadingLikes} isShowCheckbox={isShowCheckbox} currentMyGalleryId={currentMyGalleryId}/>
+        </Head_1.default>
+        <CardContent_1.default creationName={creationName} firstName={creation.getCreatorAddress()} secondName={creation.getName()} cuttedSecondName={creation.getCuttedSecondName(!isMobile)} itemId={creation.getItemId()} isNeedShowMoreButton={isNeedShowMoreButton || false} href={creation.getCreationLink()}>
+          <_system_1.Flex alignItems="end" justifyContent={'space-between'}>
+            <CardCategory_1.default label={creation.getLabel()}/>
+            {/* // Todo cardLikes */}
+            {!(0, env_1.isProd)({ ENV: isProdENV }) &&
+            (isLoadingLikes ? (<react_loading_skeleton_1.default style={{ borderRadius: '3px' }} height="100%" width="30px"/>) : (<CardLikes_1.default isLiked={likes.isLiked} likes={likes.likesCount}/>))}
+          </_system_1.Flex>
+        </CardContent_1.default>
+      </HideLink_1.default>
+    </StyledRegularCard>);
 };
 exports.CreationCard = CreationCard;
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/addWalletsRedirectPage/{index.js → index.jsx}

@@ -21,17 +21,24 @@ var StyledImage = (0, styled_components_1.default)(image_1.default)(templateObje
 // 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' })))))));
+    return (<StyledRedirectOpportunityIdPage>
+      <_system_1.Box>
+        <_system_1.Flex flexDirection="column" alignItems={'center'}>
+          <_system_1.Box mt={16}>
+            <_system_1.Flex flexDirection="column" alignItems={'center'}>
+              <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")}/>
+              <_system_1.H1 color={colors_1.BlackColor}>Redirecting...</_system_1.H1>
+              <_system_1.H5 mt={8} color={colors_1.TextGray2Color} textAlign={'center'}>
+                {"Please wait while we add your new wallet"}
+              </_system_1.H5>
+              <div className={'loading'}/>
+            </_system_1.Flex>
+          </_system_1.Box>
+        </_system_1.Flex>
+      </_system_1.Box>
+    </StyledRedirectOpportunityIdPage>);
 };
 // Export
 exports.default = AddWalletsRedirectPage;

package/dist/components/banner/{index.js → index.jsx}

@@ -48,23 +48,29 @@ var Banner = function () {
     // 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' })));
+    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_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'}/>
+      </div>
+      <image_1.default src={'/banner/banner_img.svg'} className={'banner_img'} width={518} priority={true} height={390} alt={'banner_img'}/>
+    </StyledBanner>);
 };
 // Export
 exports.default = Banner;

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

@@ -0,0 +1,64 @@
+"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 (<>
+    <head_1.default>
+      <title>{DEFAULT_SEO.title}</title>
+
+      <link rel="preconnect" href={(0, core_1.getMediaDomain)({ ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="preconnect" href={(0, core_1.getStaticDomain)({ ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="dns-prefetch" href={(0, core_1.getMediaDomain)({ ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="dns-prefetch" href={(0, core_1.getStaticDomain)({ ENV: process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <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"/>
+      <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"/>
+      <link rel="apple-touch-icon" href={"".concat((0, core_1.getStaticDomain)({
+        ENV: process_1.default.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_1.default>
+  </>); };
+// Export
+exports.default = Meta;

package/dist/components/base/NoSSR/{index.js → index.jsx}

@@ -5,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (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); };
+var NoSsr = function (props) { return <>{props.children}</>; };
 // Export
 exports.default = (0, dynamic_1.default)(function () { return Promise.resolve(NoSsr); }, { ssr: false });

package/dist/components/collectionPage/collectionLike/{index.js → index.jsx}

@@ -15,8 +15,9 @@ 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 }) })));
+    return (<div className={'icon'}>
+      <heart_svg_1.default style={(0, scale_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 })}/>
+    </div>);
 };
 var CollectionLike = function (_a) {
     var likesCount = _a.likesCount, isLiked = _a.isLiked, collectionId = _a.collectionId;
@@ -34,8 +35,11 @@ var CollectionLike = function (_a) {
             !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)))));
+    return (<>
+      {isLoading ? (<react_loading_skeleton_1.default style={{ borderRadius: '3px' }} height="100%" width="31px"/>) : (<Likes_1.default isLiked={likes.isLiked} onClick={function () { return handleLikes(likes.isLiked); }}>
+          <HeartIconResize />
+          <span className={'counter'}>{likes.likesCount}</span>
+        </Likes_1.default>)}
+    </>);
 };
 exports.default = CollectionLike;

package/dist/components/deleteDialog/{index.js → index.jsx}

@@ -48,10 +48,10 @@ var router_1 = require("next/router");
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 var useDeleteGallery_1 = __importDefault(require("@/api/server-galleries/mutations/useDeleteGallery"));
-var styles_1 = require("@ludo.ninja/components/src/styles");
-var system_1 = require("@ludo.ninja/components/src/system");
-var utils_1 = require("@ludo.ninja/components/src/utils");
-var fonts_1 = require("@ludo.ninja/components/src/fonts");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
+var system_1 = require("@ludo.ninja/components/dist/system");
+var utils_1 = require("@ludo.ninja/components/dist/utils");
+var fonts_1 = require("@ludo.ninja/components/dist/fonts");
 var warning_svg_1 = __importDefault(require("@/public/warning.svg"));
 // Styles
 var StyledDelete = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-width: 534px;\n  min-height: 199px;\n  display: flex;\n  flex-direction: column;\n  justify-items: center;\n  align-items: center;\n\n  & svg {\n    margin-bottom: 16px;\n  }\n\n  ", " {\n    min-width: 288px;\n    min-height: 220px;\n\n    .btns {\n      position: static;\n      justify-content: center;\n    }\n\n    .delete,\n    .cancel {\n      max-width: 133px;\n    }\n  }\n\n  .btns {\n    min-width: 280px;\n    display: flex;\n    gap: 16px;\n    margin-bottom: 16px;\n\n    .delete {\n      width: 100%;\n\n      & button {\n        font-size: 15px;\n        font-weight: 500;\n        line-height: 1.47;\n\n        @media (max-width: 767px) {\n          font-size: 14px;\n          line-height: 1.43;\n        }\n      }\n    }\n\n    .cancel {\n      width: 100%;\n    }\n\n    & button {\n      width: 100%;\n      padding: 9px 0;\n    }\n\n    ", " {\n      min-width: 100%;\n    }\n  }\n\n  .title {\n    font-family: ", ";\n    margin-bottom: 16px;\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 1.4;\n    color: ", ";\n    text-align: center;\n\n    @media (max-width: 767px) {\n      max-width: 245px;\n      margin-bottom: 20px;\n      font-size: 18px;\n      line-height: 1.33;\n    }\n  }\n\n  .warning {\n    font-family: ", ";\n    margin-bottom: 34px;\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.46;\n    color: ", ";\n\n    @media (max-width: 767px) {\n      margin-bottom: 32px;\n      font-size: 14px;\n      line-height: 1.42;\n    }\n  }\n\n  ", " {\n    min-width: ", ";\n    min-height: ", ";\n\n    & svg {\n      margin-bottom: ", ";\n    }\n\n    .btns {\n      min-width: ", ";\n      gap: ", ";\n      margin-bottom: ", ";\n\n      .delete {\n        & button {\n          font-size: ", ";\n        }\n      }\n\n      & button {\n        padding: ", " 0;\n      }\n    }\n\n    .title {\n      margin-bottom: ", ";\n      font-size: ", ";\n    }\n\n    .warning {\n      margin-bottom: ", ";\n      font-size: ", ";\n    }\n  }\n"], ["\n  min-width: 534px;\n  min-height: 199px;\n  display: flex;\n  flex-direction: column;\n  justify-items: center;\n  align-items: center;\n\n  & svg {\n    margin-bottom: 16px;\n  }\n\n  ", " {\n    min-width: 288px;\n    min-height: 220px;\n\n    .btns {\n      position: static;\n      justify-content: center;\n    }\n\n    .delete,\n    .cancel {\n      max-width: 133px;\n    }\n  }\n\n  .btns {\n    min-width: 280px;\n    display: flex;\n    gap: 16px;\n    margin-bottom: 16px;\n\n    .delete {\n      width: 100%;\n\n      & button {\n        font-size: 15px;\n        font-weight: 500;\n        line-height: 1.47;\n\n        @media (max-width: 767px) {\n          font-size: 14px;\n          line-height: 1.43;\n        }\n      }\n    }\n\n    .cancel {\n      width: 100%;\n    }\n\n    & button {\n      width: 100%;\n      padding: 9px 0;\n    }\n\n    ", " {\n      min-width: 100%;\n    }\n  }\n\n  .title {\n    font-family: ", ";\n    margin-bottom: 16px;\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 1.4;\n    color: ", ";\n    text-align: center;\n\n    @media (max-width: 767px) {\n      max-width: 245px;\n      margin-bottom: 20px;\n      font-size: 18px;\n      line-height: 1.33;\n    }\n  }\n\n  .warning {\n    font-family: ", ";\n    margin-bottom: 34px;\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.46;\n    color: ", ";\n\n    @media (max-width: 767px) {\n      margin-bottom: 32px;\n      font-size: 14px;\n      line-height: 1.42;\n    }\n  }\n\n  ", " {\n    min-width: ", ";\n    min-height: ", ";\n\n    & svg {\n      margin-bottom: ", ";\n    }\n\n    .btns {\n      min-width: ", ";\n      gap: ", ";\n      margin-bottom: ", ";\n\n      .delete {\n        & button {\n          font-size: ", ";\n        }\n      }\n\n      & button {\n        padding: ", " 0;\n      }\n    }\n\n    .title {\n      margin-bottom: ", ";\n      font-size: ", ";\n    }\n\n    .warning {\n      margin-bottom: ", ";\n      font-size: ", ";\n    }\n  }\n"])), styles_1.mediaQuery.mobile, styles_1.mediaQuery.mobile, fonts_1.poppinsFontVarCss.css, function (_a) {
@@ -65,11 +65,12 @@ var StyledDelete = styled_components_1.default.div(templateObject_1 || (template
 var SIcon = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ", " {\n    width: ", ";\n    height: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ", " {\n    width: ", ";\n    height: ", ";\n  }\n"])), styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(40), (0, _4k_1.adaptiveValueCalc)(35));
 var WarningIconResize = function () {
     var windowDimensions = (0, utils_1.useWindowDimensionsWithServerInitial)().windowDimensions;
-    return (react_1.default.createElement(SIcon, null,
-        react_1.default.createElement(warning_svg_1.default, { style: (0, utils_1.getAdaptiveScale)({
-                windowDimensions: windowDimensions,
-                currentSize: 1,
-            }) })));
+    return (<SIcon>
+      <warning_svg_1.default style={(0, utils_1.getAdaptiveScale)({
+            windowDimensions: windowDimensions,
+            currentSize: 1,
+        })}/>
+    </SIcon>);
 };
 var DeleteDialog = function (_a) {
     var galleryId = _a.galleryId, userId = _a.userId, onHide = _a.onHide, isGallery = _a.isGallery;
@@ -94,15 +95,19 @@ var DeleteDialog = function (_a) {
             }
         });
     }); };
-    return (react_1.default.createElement(StyledDelete, null,
-        react_1.default.createElement(WarningIconResize, null),
-        react_1.default.createElement(system_1.H2, { className: "title" }, "Are you sure you want to delete this gallery?"),
-        react_1.default.createElement("p", { className: "warning" }, "Gallery can\u2019t be restored after deleting."),
-        react_1.default.createElement("div", { className: 'btns' },
-            react_1.default.createElement("div", { className: 'delete' },
-                react_1.default.createElement(system_1.MainButton, { text: 'Delete', type: 'button', variant: "danger", onClick: function () { return hendleDelete(galleryId); } })),
-            react_1.default.createElement("div", { className: 'cancel' },
-                react_1.default.createElement(system_1.MainButton, { text: 'Cancel', variant: "outline", onClick: onHide })))));
+    return (<StyledDelete>
+      <WarningIconResize />
+      <system_1.H2 className={"title"}>Are you sure you want to delete this gallery?</system_1.H2>
+      <p className={"warning"}>Gallery can’t be restored after deleting.</p>
+      <div className={'btns'}>
+        <div className={'delete'}>
+          <system_1.MainButton text={'Delete'} type={'button'} variant="danger" onClick={function () { return hendleDelete(galleryId); }}/>
+        </div>
+        <div className={'cancel'}>
+          <system_1.MainButton text={'Cancel'} variant="outline" onClick={onHide}/>
+        </div>
+      </div>
+    </StyledDelete>);
 };
 // Export
 exports.default = DeleteDialog;

package/dist/components/favoriteList/add/addAssetToFavoriteList/{index.js → index.jsx}

@@ -65,7 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var chooseGalleryItems_1 = __importDefault(require("@/modules/gallery/ui/chooseGalleryItems"));
 var createGalleryForm_1 = __importDefault(require("@/modules/gallery/ui/createGalleryForm"));
-var ui_1 = require("@ludo.ninja/components/src/store/ui");
+var ui_1 = require("@ludo.ninja/components/dist/store/ui");
 var useAddAssetsToGallery_1 = require("@/api/server-galleries/mutations/useAddAssetsToGallery");
 var useCreateFavorites_1 = require("@/api/server-galleries/mutations/useCreateFavorites");
 // Component
@@ -86,9 +86,11 @@ var AddAssetToFavoriteList = function (_a) {
             }
         });
     }); };
-    return (react_1.default.createElement("div", null, isNeedAddFavList ? (react_1.default.createElement(createGalleryForm_1.default, { setAddGallery: setAddFavList, title: 'Create Favourite List', inputPlaceHolderText: 'List Name', 
+    return (<div>
+      {isNeedAddFavList ? (<createGalleryForm_1.default setAddGallery={setAddFavList} title={'Create Favourite List'} inputPlaceHolderText={'List Name'} 
         // ids={ids}
-        createMethod: createFavorites, error: errorCreateFavorites })) : (react_1.default.createElement(chooseGalleryItems_1.default, { setAddGallery: setAddFavList, title: 'Add to Favourite List', titleBtn: '+ New Favourite List', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error }))));
+        createMethod={createFavorites} error={errorCreateFavorites}/>) : (<chooseGalleryItems_1.default setAddGallery={setAddFavList} title={'Add to Favourite List'} titleBtn={'+ New Favourite List'} ids={ids} addMethod={addMethod} isAdded={isAdded} error={error}/>)}
+    </div>);
 };
 // Export
 exports.default = AddAssetToFavoriteList;

package/dist/components/favoriteList/add/addCollectionToFavoriteList/{index.js → index.jsx}

@@ -65,7 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var chooseGalleryItems_1 = __importDefault(require("@/modules/gallery/ui/chooseGalleryItems"));
 var createGalleryForm_1 = __importDefault(require("@/modules/gallery/ui/createGalleryForm"));
-var ui_1 = require("@ludo.ninja/components/src/store/ui");
+var ui_1 = require("@ludo.ninja/components/dist/store/ui");
 var useAddCollectionsToGallery_1 = require("@/api/server-galleries/mutations/useAddCollectionsToGallery");
 var useCreateFavorites_1 = require("@/api/server-galleries/mutations/useCreateFavorites");
 // Component
@@ -86,7 +86,9 @@ var AddCollectionToFavoriteList = function (_a) {
             }
         });
     }); };
-    return (react_1.default.createElement("div", null, isNeedAddFavList ? (react_1.default.createElement(createGalleryForm_1.default, { setAddGallery: setAddFavList, title: 'Create Favourite List', inputPlaceHolderText: 'List Name', createMethod: createFavorites, error: errorCreateFavorites })) : (react_1.default.createElement(chooseGalleryItems_1.default, { setAddGallery: setAddFavList, title: 'Add to Favourite List', titleBtn: '+ New Favourite List', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error }))));
+    return (<div>
+      {isNeedAddFavList ? (<createGalleryForm_1.default setAddGallery={setAddFavList} title={'Create Favourite List'} inputPlaceHolderText={'List Name'} createMethod={createFavorites} error={errorCreateFavorites}/>) : (<chooseGalleryItems_1.default setAddGallery={setAddFavList} title={'Add to Favourite List'} titleBtn={'+ New Favourite List'} ids={ids} addMethod={addMethod} isAdded={isAdded} error={error}/>)}
+    </div>);
 };
 // Export
 exports.default = AddCollectionToFavoriteList;

package/dist/components/favoriteList/add/addCreationToFavoriteList/{index.js → index.jsx}

@@ -65,7 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var chooseGalleryItems_1 = __importDefault(require("@/modules/gallery/ui/chooseGalleryItems"));
 var createGalleryForm_1 = __importDefault(require("@/modules/gallery/ui/createGalleryForm"));
-var ui_1 = require("@ludo.ninja/components/src/store/ui");
+var ui_1 = require("@ludo.ninja/components/dist/store/ui");
 var useAddCreationsToGallery_1 = require("@/api/server-galleries/mutations/useAddCreationsToGallery");
 var useCreateFavorites_1 = require("@/api/server-galleries/mutations/useCreateFavorites");
 // Component
@@ -86,9 +86,11 @@ var AddCreationToFavoriteList = function (_a) {
             }
         });
     }); };
-    return (react_1.default.createElement("div", null, isNeedAddFavList ? (react_1.default.createElement(createGalleryForm_1.default, { setAddGallery: setAddFavList, title: 'Create Favourite List', inputPlaceHolderText: 'List Name', 
+    return (<div>
+      {isNeedAddFavList ? (<createGalleryForm_1.default setAddGallery={setAddFavList} title={'Create Favourite List'} inputPlaceHolderText={'List Name'} 
         // ids={ids}
-        createMethod: createFavorites, error: errorCreateFavorites })) : (react_1.default.createElement(chooseGalleryItems_1.default, { setAddGallery: setAddFavList, title: 'Add to Favourite List', titleBtn: '+ New Favourite List', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error, currentMyGalleryId: currentMyGalleryId }))));
+        createMethod={createFavorites} error={errorCreateFavorites}/>) : (<chooseGalleryItems_1.default setAddGallery={setAddFavList} title={'Add to Favourite List'} titleBtn={'+ New Favourite List'} ids={ids} addMethod={addMethod} isAdded={isAdded} error={error} currentMyGalleryId={currentMyGalleryId}/>)}
+    </div>);
 };
 // Export
 exports.default = AddCreationToFavoriteList;

package/dist/components/filters/applyResetBtns/{index.js → index.jsx}

@@ -17,11 +17,14 @@ var StyledApplyResetButtons = styled_components_1.default.div(templateObject_1 |
 // Component
 var ApplyResetButtons = function (_a) {
     var onReset = _a.onReset, onApply = _a.onApply;
-    return (react_1.default.createElement(StyledApplyResetButtons, null,
-        react_1.default.createElement("div", { className: 'reset_btn' },
-            react_1.default.createElement(MainButton_1.default, { text: 'Reset', variant: "outline", onClick: function () { return onReset(); } })),
-        react_1.default.createElement("div", { className: 'apply_btn' },
-            react_1.default.createElement(MainButton_1.default, { text: 'Apply', variant: "primaryL", onClick: function () { return onApply(); } }))));
+    return (<StyledApplyResetButtons>
+      <div className={'reset_btn'}>
+        <MainButton_1.default text={'Reset'} variant="outline" onClick={function () { return onReset(); }}/>
+      </div>
+      <div className={'apply_btn'}>
+        <MainButton_1.default text={'Apply'} variant="primaryL" onClick={function () { return onApply(); }}/>
+      </div>
+    </StyledApplyResetButtons>);
 };
 // Export
 exports.default = ApplyResetButtons;

package/dist/components/filters/galleriesFiltersForm/{index.js → index.jsx}

@@ -79,11 +79,20 @@ var GalleryFiltersForm = function (_a) {
     var handleChangeBlockchainTimeResult = function (value) {
         setSelectedBlockchainTimeResult(value);
     };
-    return (react_1.default.createElement(StyledNtfsFiltersForm, null,
-        react_1.default.createElement(DropDown_1.default, { caption: 'Type', fallBackOnClose: handleChangeSearchResult }, selectTypeSearchResult.map(function (select) { return (react_1.default.createElement(RadioInput_1.default, { key: select.id, radioLabel: select.label, radioValue: select.id, handleChange: handleChangeSearchResult, radioChecked: selectedBlockchainResult === select.id })); })),
-        react_1.default.createElement(DropDown_1.default, { caption: 'BlockChainEntity', fallBackOnClose: handleChangeBlockchainResult }, selectBlockchainSearchResult.map(function (select) { return (react_1.default.createElement(RadioInput_1.default, { key: select.id, radioLabel: select.label, radioValue: select.id, handleChange: handleChangeBlockchainResult, radioChecked: selectedBlockchainResult === select.id })); })),
-        react_1.default.createElement(DropDown_1.default, { caption: 'Category', fallBackOnClose: handleChangeBlockchainCategoryResult }, selectBlockchainCategoryResult.map(function (select) { return (react_1.default.createElement(RadioInput_1.default, { key: select.id, radioLabel: select.label, radioValue: select.id, handleChange: handleChangeBlockchainCategoryResult, radioChecked: selectedBlockchainResult === select.id })); })),
-        react_1.default.createElement(DropDown_1.default, { caption: 'Time', fallBackOnClose: handleChangeBlockchainTimeResult }, selectBlockchainTimeResult.map(function (select) { return (react_1.default.createElement(RadioInput_1.default, { key: select.id, radioLabel: select.label, radioValue: select.id, handleChange: handleChangeBlockchainTimeResult, radioChecked: selectedBlockchainResult === select.id })); }))));
+    return (<StyledNtfsFiltersForm>
+      <DropDown_1.default caption={'Type'} fallBackOnClose={handleChangeSearchResult}>
+        {selectTypeSearchResult.map(function (select) { return (<RadioInput_1.default key={select.id} radioLabel={select.label} radioValue={select.id} handleChange={handleChangeSearchResult} radioChecked={selectedBlockchainResult === select.id}/>); })}
+      </DropDown_1.default>
+      <DropDown_1.default caption={'BlockChainEntity'} fallBackOnClose={handleChangeBlockchainResult}>
+        {selectBlockchainSearchResult.map(function (select) { return (<RadioInput_1.default key={select.id} radioLabel={select.label} radioValue={select.id} handleChange={handleChangeBlockchainResult} radioChecked={selectedBlockchainResult === select.id}/>); })}
+      </DropDown_1.default>
+      <DropDown_1.default caption={'Category'} fallBackOnClose={handleChangeBlockchainCategoryResult}>
+        {selectBlockchainCategoryResult.map(function (select) { return (<RadioInput_1.default key={select.id} radioLabel={select.label} radioValue={select.id} handleChange={handleChangeBlockchainCategoryResult} radioChecked={selectedBlockchainResult === select.id}/>); })}
+      </DropDown_1.default>
+      <DropDown_1.default caption={'Time'} fallBackOnClose={handleChangeBlockchainTimeResult}>
+        {selectBlockchainTimeResult.map(function (select) { return (<RadioInput_1.default key={select.id} radioLabel={select.label} radioValue={select.id} handleChange={handleChangeBlockchainTimeResult} radioChecked={selectedBlockchainResult === select.id}/>); })}
+      </DropDown_1.default>
+    </StyledNtfsFiltersForm>);
 };
 // Export
 exports.default = GalleryFiltersForm;