@ludo.ninja/components 1.1.1 → 1.1.3

package/dist/components/banner/index.jsx

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

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

@@ -1,150 +1,59 @@
 import Head from 'next/head';
-
 import process from 'process';
-
 import { getMediaDomain, getStaticDomain } from '@ludo.ninja/core';
-
 // Component
 var DEFAULT_SEO = {
-  title: 'Ludo | The Reputation-Driven Discovery Engine',
-  description: 'Ludo is super-cool. Share it with your friends',
-  openGraph: {
-    type: 'website',
-    locale: 'en_US',
-    url: 'https://'.concat(process.env.NEXT_PUBLIC_STATIC_DOMAIN),
-    title: 'Ludo - NFT server-search engine',
+    title: 'Ludo | The Reputation-Driven Discovery Engine',
     description: 'Ludo is super-cool. Share it with your friends',
-    image: 'https://'.concat(
-      process.env.NEXT_PUBLIC_STATIC_DOMAIN,
-      '/favicon.png'
-    ),
-    site_name: process.env.NEXT_PUBLIC_ENV_DOMAIN,
-    imageWidth: '512',
-    imageHeight: '512',
-  },
-  twitter: {
-    handle: '@ludo',
-    cardType: 'summary_large_image',
-  },
+    openGraph: {
+        type: 'website',
+        locale: 'en_US',
+        url: "https://".concat(process.env.NEXT_PUBLIC_STATIC_DOMAIN),
+        title: 'Ludo - NFT server-search engine',
+        description: 'Ludo is super-cool. Share it with your friends',
+        image: "https://".concat(process.env.NEXT_PUBLIC_STATIC_DOMAIN, "/favicon.png"),
+        site_name: process.env.NEXT_PUBLIC_ENV_DOMAIN,
+        imageWidth: '512',
+        imageHeight: '512',
+    },
+    twitter: {
+        handle: '@ludo',
+        cardType: 'summary_large_image',
+    },
 };
-var Meta = function () {
-  return (
-    <>
-      <Head>
-        <title>{DEFAULT_SEO.title}</title>
+var Meta = function () { return (<>
+    <Head>
+      <title>{DEFAULT_SEO.title}</title>
 
-        <link
-          rel="preconnect"
-          href={getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}
-        />
-        <link
-          rel="preconnect"
-          href={getStaticDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}
-        />
-        <link
-          rel="dns-prefetch"
-          href={getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}
-        />
-        <link
-          rel="dns-prefetch"
-          href={getStaticDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}
-        />
-        <link
-          rel="icon"
-          type="image/svg+xml"
-          href={''.concat(
-            getStaticDomain({
-              ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
-            }),
-            '/favicon/favicon.svg'
-          )}
-          sizes="any"
-        />
-        <link
-          rel="icon"
-          type="image/x-icon"
-          href={''.concat(
-            getStaticDomain({
-              ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
-            }),
-            '/favicon/fav64.ico'
-          )}
-          sizes="any"
-        />
-        <link
-          rel="apple-touch-icon"
-          href={''.concat(
-            getStaticDomain({
-              ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
-            }),
-            '/favicon/favicon128.png'
-          )}
-        />
-        <meta
-          key="description"
-          name="description"
-          content={DEFAULT_SEO.description}
-        />
-        <meta
-          key="twitter:card"
-          name="twitter:card"
-          content={DEFAULT_SEO.twitter.cardType}
-        />
-        <meta
-          key="twitter:site"
-          name="twitter:site"
-          content={DEFAULT_SEO.twitter.handle}
-        />
-        <meta
-          key="og:url"
-          property="og:url"
-          content={DEFAULT_SEO.openGraph.url}
-        />
-        <meta
-          key="og:type"
-          property="og:type"
-          content={DEFAULT_SEO.openGraph.type}
-        />
-        <meta
-          key="og:title"
-          property="og:title"
-          content={DEFAULT_SEO.openGraph.title}
-        />
-        <meta
-          key="og:description"
-          property="og:description"
-          content={DEFAULT_SEO.openGraph.description}
-        />
-        <meta
-          key="og:image"
-          property="og:image"
-          content={DEFAULT_SEO.openGraph.image}
-        />
-        <meta
-          key="og:image:width"
-          property="og:image:width"
-          content={DEFAULT_SEO.openGraph.imageWidth}
-        />
-        <meta
-          key="og:image:height"
-          property="og:image:height"
-          content={DEFAULT_SEO.openGraph.imageHeight}
-        />
-        <meta
-          key="og:locale"
-          property="og:locale"
-          content={DEFAULT_SEO.openGraph.locale}
-        />
+      <link rel="preconnect" href={getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="preconnect" href={getStaticDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="dns-prefetch" href={getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="dns-prefetch" href={getStaticDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/>
+      <link rel="icon" type="image/svg+xml" href={"".concat(getStaticDomain({
+        ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
+    }), "/favicon/favicon.svg")} sizes="any"/>
+      <link rel="icon" type="image/x-icon" href={"".concat(getStaticDomain({
+        ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
+    }), "/favicon/fav64.ico")} sizes="any"/>
+      <link rel="apple-touch-icon" href={"".concat(getStaticDomain({
+        ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN,
+    }), "/favicon/favicon128.png")}/>
+      <meta key="description" name="description" content={DEFAULT_SEO.description}/>
+      <meta key="twitter:card" name="twitter:card" content={DEFAULT_SEO.twitter.cardType}/>
+      <meta key="twitter:site" name="twitter:site" content={DEFAULT_SEO.twitter.handle}/>
+      <meta key="og:url" property="og:url" content={DEFAULT_SEO.openGraph.url}/>
+      <meta key="og:type" property="og:type" content={DEFAULT_SEO.openGraph.type}/>
+      <meta key="og:title" property="og:title" content={DEFAULT_SEO.openGraph.title}/>
+      <meta key="og:description" property="og:description" content={DEFAULT_SEO.openGraph.description}/>
+      <meta key="og:image" property="og:image" content={DEFAULT_SEO.openGraph.image}/>
+      <meta key="og:image:width" property="og:image:width" content={DEFAULT_SEO.openGraph.imageWidth}/>
+      <meta key="og:image:height" property="og:image:height" content={DEFAULT_SEO.openGraph.imageHeight}/>
+      <meta key="og:locale" property="og:locale" content={DEFAULT_SEO.openGraph.locale}/>
 
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <meta charSet="utf-8" />
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
-        />
-      </Head>
-    </>
-  );
-};
+      <meta name="viewport" content="width=device-width, initial-scale=1"/>
+      <meta charSet="utf-8"/>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
+    </Head>
+  </>); };
 // Export
 export default Meta;

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

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

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

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