@ludo.ninja/components 1.9.4 → 1.9.5

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

@@ -78,11 +78,11 @@ var CardHead = function (_a) {
                     return [3 /*break*/, 6];
                 case 1:
                     if (!(type === 'fav-list')) return [3 /*break*/, 2];
-                    openModalSidebarPortal(<addCreationToFavoriteList_1.default ids={[
+                    openModalSidebarPortal(react_1.default.createElement(addCreationToFavoriteList_1.default, { ids: [
                             creation instanceof CollectionCreationEntity_1.default
                                 ? "".concat(creation.getItemType() + '.' + creation.getCreationId())
                                 : creation.getCreationId(),
-                        ]} currentMyGalleryId={currentMyGalleryId}/>);
+                        ], currentMyGalleryId: currentMyGalleryId }));
                     return [3 /*break*/, 6];
                 case 2:
                     if (!(type === 'likes')) return [3 /*break*/, 6];
@@ -107,30 +107,23 @@ var CardHead = function (_a) {
     }); };
     var renderLikeButton = function () {
         if ([ItemType_1.LabelKeys.asset, ItemType_1.LabelKeys.collection].includes(creation.getItemType())) {
-            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("div", { className: "icon like ".concat(isLicked ? 'liked' : ''), onClick: function (e) { return handleClick(e, 'likes'); } },
+                react_1.default.createElement(heart_svg_1.default, null)));
         }
     };
-    return (<Headicons_1.default isMobile={isMobile} style={isDisabled
+    return (react_1.default.createElement(Headicons_1.default, { isMobile: isMobile, style: isDisabled
             ? {
                 pointerEvents: 'none',
             }
-            : {}}>
-      <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>);
+            : {} },
+        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.jsx → index.js}

@@ -3,6 +3,17 @@ 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);
@@ -62,7 +73,7 @@ var CreationCardWithCheckboxState = function (props) {
         isActiveGalleryMode: state.isActiveGalleryMode,
         creationsToGallery: state.creationsToGallery,
     }); }), toggleCreationToGallery = _a.toggleCreationToGallery, isActiveGalleryMode = _a.isActiveGalleryMode, creationsToGallery = _a.creationsToGallery;
-    return (<exports.CreationCard {...props} isShowCheckbox={isActiveGalleryMode} isActiveCheckbox={(0, useToGalleryAsset_1.getIsActiveCreation)(creationsToGallery, props.creation)} toggleCreationToGallery={toggleCreationToGallery}/>);
+    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) {
@@ -74,25 +85,19 @@ var CreationCard = function (_a) {
         removeOnDislike: toolsForRemove,
         isLoadingLikes: isLoadingLikes,
     }), likes = _c.likes, addLike = _c.addLike, deleteLike = _c.deleteLike;
-    return (<StyledRegularCard isNeedHeight={isNeedHeight} isNeedTransform={isNeedShowMoreButton} isShowCheckbox={isShowCheckbox}>
-      {isShowCheckbox && (<CardCheckbox_1.default isActiveCheckbox={!!isActiveCheckbox} onChange={function () {
+    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);
-            }}/>)}
-      <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>);
+            } })),
+        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.jsx → index.js}

@@ -21,24 +21,17 @@ var StyledImage = (0, styled_components_1.default)(image_1.default)(templateObje
 // Component
 var AddWalletsRedirectPage = function (_a) {
     var walletType = _a.walletType;
-    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>);
+    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;

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

@@ -48,29 +48,23 @@ var Banner = function () {
     // const { isConnected } = useAccount();
     // const { disconnectAsync } = useDisconnect();
     var router = (0, router_1.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_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>);
+    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;

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

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

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

@@ -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 <>{props.children}</>; };
+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.jsx → index.js}

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

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

@@ -65,12 +65,11 @@ 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 (<SIcon>
-      <warning_svg_1.default style={(0, utils_1.getAdaptiveScale)({
-            windowDimensions: windowDimensions,
-            currentSize: 1,
-        })}/>
-    </SIcon>);
+    return (react_1.default.createElement(SIcon, null,
+        react_1.default.createElement(warning_svg_1.default, { style: (0, utils_1.getAdaptiveScale)({
+                windowDimensions: windowDimensions,
+                currentSize: 1,
+            }) })));
 };
 var DeleteDialog = function (_a) {
     var galleryId = _a.galleryId, userId = _a.userId, onHide = _a.onHide, isGallery = _a.isGallery;
@@ -95,19 +94,15 @@ var DeleteDialog = function (_a) {
             }
         });
     }); };
-    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>);
+    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 })))));
 };
 // Export
 exports.default = DeleteDialog;

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

@@ -86,11 +86,9 @@ var AddAssetToFavoriteList = function (_a) {
             }
         });
     }); };
-    return (<div>
-      {isNeedAddFavList ? (<createGalleryForm_1.default setAddGallery={setAddFavList} title={'Create Favourite List'} inputPlaceHolderText={'List Name'} 
+    return (react_1.default.createElement("div", null, isNeedAddFavList ? (react_1.default.createElement(createGalleryForm_1.default, { setAddGallery: setAddFavList, title: 'Create Favourite List', inputPlaceHolderText: 'List Name', 
         // ids={ids}
-        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>);
+        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 }))));
 };
 // Export
 exports.default = AddAssetToFavoriteList;

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

@@ -86,9 +86,7 @@ var AddCollectionToFavoriteList = function (_a) {
             }
         });
     }); };
-    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>);
+    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 }))));
 };
 // Export
 exports.default = AddCollectionToFavoriteList;

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

@@ -86,11 +86,9 @@ var AddCreationToFavoriteList = function (_a) {
             }
         });
     }); };
-    return (<div>
-      {isNeedAddFavList ? (<createGalleryForm_1.default setAddGallery={setAddFavList} title={'Create Favourite List'} inputPlaceHolderText={'List Name'} 
+    return (react_1.default.createElement("div", null, isNeedAddFavList ? (react_1.default.createElement(createGalleryForm_1.default, { setAddGallery: setAddFavList, title: 'Create Favourite List', inputPlaceHolderText: 'List Name', 
         // ids={ids}
-        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>);
+        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 }))));
 };
 // Export
 exports.default = AddCreationToFavoriteList;

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

@@ -17,14 +17,11 @@ var StyledApplyResetButtons = styled_components_1.default.div(templateObject_1 |
 // Component
 var ApplyResetButtons = function (_a) {
     var onReset = _a.onReset, onApply = _a.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>);
+    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(); } }))));
 };
 // Export
 exports.default = ApplyResetButtons;

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

@@ -79,20 +79,11 @@ var GalleryFiltersForm = function (_a) {
     var handleChangeBlockchainTimeResult = function (value) {
         setSelectedBlockchainTimeResult(value);
     };
-    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>);
+    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 })); }))));
 };
 // Export
 exports.default = GalleryFiltersForm;

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

@@ -78,41 +78,33 @@ var Filters = function (_a) {
         closeOverlay();
         setSidebarOpen(false);
     };
-    return (<StyledFilters>
-      {!isMobile &&
-            selectData.map(function (select) { return (<div key={select.id} className={"select ".concat(select.data.selectName)}>
-            <DesktopSelect_1.default defaultOptionValue={filterInput[select.data.selectName]} options={select.data.selectOptions} isLoading={false} onChangeHandler={filterInputHandler} name={select.data.selectName}/>
-          </div>); })}
-      {isMobile && (<>
-          <div className={'filterButton'}>
-            <button onClick={function (e) {
-                e.stopPropagation();
-                e.preventDefault();
-                openOverLay();
-                setSidebarOpen(true);
-            }}>
-              Filters
-              {selectedFiltersCount ? (<span className={'counter'}>{selectedFiltersCount}</span>) : null}
-            </button>
-          </div>
-          <sidebarFilters_1.default isOpen={isSideBarOpen} handleClose={function () {
-                setMobileFilterInput(filterInput);
-                closeFiltersMobile();
-            }}>
-            <mobileFilters_1.default>
-              {selectData.map(function (select) { return (<MobileSelect_1.default key={select.id} defaultOptionValue={mobileFilterInput[select.data
-                    .selectName]} options={select.data.selectOptions} name={select.data.selectName} onChangeHandler={handleMobileFilters}/>); })}
-            </mobileFilters_1.default>
-            <applyResetBtns_1.default onReset={function () {
-                handleResetFilter();
-                closeFiltersMobile();
-            }} onApply={function () {
-                handleMobileFilterInput(mobileFilterInput);
-                closeFiltersMobile();
-            }}/>
-          </sidebarFilters_1.default>
-        </>)}
-    </StyledFilters>);
+    return (react_1.default.createElement(StyledFilters, null,
+        !isMobile &&
+            selectData.map(function (select) { return (react_1.default.createElement("div", { key: select.id, className: "select ".concat(select.data.selectName) },
+                react_1.default.createElement(DesktopSelect_1.default, { defaultOptionValue: filterInput[select.data.selectName], options: select.data.selectOptions, isLoading: false, onChangeHandler: filterInputHandler, name: select.data.selectName }))); }),
+        isMobile && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: 'filterButton' },
+                react_1.default.createElement("button", { onClick: function (e) {
+                        e.stopPropagation();
+                        e.preventDefault();
+                        openOverLay();
+                        setSidebarOpen(true);
+                    } },
+                    "Filters",
+                    selectedFiltersCount ? (react_1.default.createElement("span", { className: 'counter' }, selectedFiltersCount)) : null)),
+            react_1.default.createElement(sidebarFilters_1.default, { isOpen: isSideBarOpen, handleClose: function () {
+                    setMobileFilterInput(filterInput);
+                    closeFiltersMobile();
+                } },
+                react_1.default.createElement(mobileFilters_1.default, null, selectData.map(function (select) { return (react_1.default.createElement(MobileSelect_1.default, { key: select.id, defaultOptionValue: mobileFilterInput[select.data
+                        .selectName], options: select.data.selectOptions, name: select.data.selectName, onChangeHandler: handleMobileFilters })); })),
+                react_1.default.createElement(applyResetBtns_1.default, { onReset: function () {
+                        handleResetFilter();
+                        closeFiltersMobile();
+                    }, onApply: function () {
+                        handleMobileFilterInput(mobileFilterInput);
+                        closeFiltersMobile();
+                    } }))))));
 };
 // Export
 exports.default = Filters;

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

@@ -14,7 +14,7 @@ var StyledMobileFilters = styled_components_1.default.div(templateObject_1 || (t
 // Component
 var MobileFilters = function (_a) {
     var children = _a.children;
-    return <StyledMobileFilters>{children}</StyledMobileFilters>;
+    return react_1.default.createElement(StyledMobileFilters, null, children);
 };
 // Export
 exports.default = MobileFilters;

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

@@ -72,17 +72,10 @@ var SetsFiltersForm = function (_a) {
     var handleChangeBlockchainTimeResult = function (value) {
         setSelectedBlockchainTimeResult(value);
     };
-    return (<StyledSetsFiltersForm>
-      <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={selectedSearchResult === 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={selectedSearchResult === 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={selectedSearchResult === select.id}/>); })}
-      </DropDown_1.default>
-    </StyledSetsFiltersForm>);
+    return (react_1.default.createElement(StyledSetsFiltersForm, 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: selectedSearchResult === 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: selectedSearchResult === 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: selectedSearchResult === select.id })); }))));
 };
 // Export
 exports.default = SetsFiltersForm;