@ludo.ninja/components 1.9.4 → 1.9.5

package/dist/utils/copyBtn/{index.jsx → index.js}

@@ -98,13 +98,10 @@ var CopyButton = function (_a) {
     }); };
     var windowDimensions = (0, screen_1.useWindowDimensionsWithServerInitial)().windowDimensions;
     if (!value)
-        return <_system_1.H5 color={colors_1.BlackColor}>Unknown</_system_1.H5>;
-    return (<_system_1.Flex alignItems="center" onClick={handleCopy} style={style}>
-      {children}
-      <SWrapperIcon>
-        {!isCopied ? (<copy_icon_new_svg_1.default width={20} height={20} style={(0, scale_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 })}/>) : (<copied_svg_1.default width={20} height={20} style={(0, scale_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 })}/>)}
-      </SWrapperIcon>
-    </_system_1.Flex>);
+        return react_1.default.createElement(_system_1.H5, { color: colors_1.BlackColor }, "Unknown");
+    return (react_1.default.createElement(_system_1.Flex, { alignItems: "center", onClick: handleCopy, style: style },
+        children,
+        react_1.default.createElement(SWrapperIcon, null, !isCopied ? (react_1.default.createElement(copy_icon_new_svg_1.default, { width: 20, height: 20, style: (0, scale_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) })) : (react_1.default.createElement(copied_svg_1.default, { width: 20, height: 20, style: (0, scale_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) })))));
 };
 exports.CopyButton = CopyButton;
 var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "1.9.4",
+  "version": "1.9.5",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

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

@@ -1,64 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var head_1 = __importDefault(require("next/head"));
-var process_1 = __importDefault(require("process"));
-var core_1 = require("@ludo.ninja/core");
-// Component
-var DEFAULT_SEO = {
-    title: 'Ludo | The Reputation-Driven Discovery Engine',
-    description: 'Ludo is super-cool. Share it with your friends',
-    openGraph: {
-        type: 'website',
-        locale: 'en_US',
-        url: "https://".concat(process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN),
-        title: 'Ludo - NFT server-search engine',
-        description: 'Ludo is super-cool. Share it with your friends',
-        image: "https://".concat(process_1.default.env.NEXT_PUBLIC_STATIC_DOMAIN, "/favicon.png"),
-        site_name: process_1.default.env.NEXT_PUBLIC_ENV_DOMAIN,
-        imageWidth: '512',
-        imageHeight: '512',
-    },
-    twitter: {
-        handle: '@ludo',
-        cardType: 'summary_large_image',
-    },
-};
-var Meta = function () { return (<>
-    <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/inviteCodesPage/wrappers/resumeCodes/loader/index.jsx

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-// Component
-var ResumeCodesLoader = function () {
-    return (<>
-      <react_loading_skeleton_1.default style={{ borderRadius: '8px', padding: '24px 32px' }} height="100px"/>
-      <react_loading_skeleton_1.default style={{ borderRadius: '8px', marginTop: '24px' }} height="30px"/>
-      <react_loading_skeleton_1.default style={{ borderRadius: '8px', marginTop: '12px' }} height="20px"/>
-      <react_loading_skeleton_1.default style={{ borderRadius: '8px', marginTop: '12px' }} height="20px"/>
-    </>);
-};
-// Export
-exports.default = ResumeCodesLoader;

package/dist/components/profile/pageHead/index.jsx

@@ -1,52 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfilePageHead = void 0;
-var react_1 = __importDefault(require("react"));
-var head_1 = __importDefault(require("next/head"));
-// Private
-var seo = function (title, about, url, image) {
-    return {
-        title: title,
-        about: about,
-        openGraph: {
-            type: 'website',
-            locale: 'en_US',
-            url: url,
-            title: title,
-            about: about,
-            image: image,
-            site_name: process.env.NEXT_PUBLIC_ENV_DOMAIN,
-            imageWidth: '512',
-            imageHeight: '512',
-        },
-        twitter: {
-            handle: '@ludo',
-            cardType: 'summary_large_image',
-        },
-    };
-};
-// Components
-var ProfilePageHead = function (_a) {
-    var userUrl = _a.userUrl, profile = _a.profile;
-    var seoValues = seo(profile.getName() || '', profile.getAbout(), userUrl, ''
-    // profilePic
-    );
-    return (<head_1.default>
-      {seoValues.title && <title key="title">{seoValues.title}</title>}
-      {seoValues.about && (<meta key="description" name="description" content={seoValues.about}/>)}
-      {seoValues.twitter.cardType && (<meta key="twitter:card" name="twitter:card" content={seoValues.twitter.cardType}/>)}
-      {seoValues.twitter.handle && (<meta key="twitter:site" name="twitter:site" content={seoValues.twitter.handle}/>)}
-      {seoValues.openGraph.url && (<meta key="og:url" property="og:url" content={seoValues.openGraph.url}/>)}
-      {seoValues.openGraph.type && (<meta key="og:type" property="og:type" content={seoValues.openGraph.type}/>)}
-      {seoValues.openGraph.title && (<meta key="og:title" property="og:title" content={seoValues.openGraph.title}/>)}
-      {seoValues.openGraph.about && (<meta key="og:description" property="og:description" content={seoValues.openGraph.about}/>)}
-      {seoValues.openGraph.image && (<meta key="og:image" property="og:image" content={seoValues.openGraph.image}/>)}
-      {seoValues.openGraph.imageWidth && (<meta key="og:image:width" property="og:image:width" content={seoValues.openGraph.imageWidth}/>)}
-      {seoValues.openGraph.imageHeight && (<meta key="og:image:height" property="og:image:height" content={seoValues.openGraph.imageHeight}/>)}
-      {seoValues.openGraph.locale && (<meta key="og:locale" property="og:locale" content={seoValues.openGraph.locale}/>)}
-    </head_1.default>);
-};
-exports.ProfilePageHead = ProfilePageHead;

package/dist/components/search/searchSuggestions/index.jsx

@@ -1,124 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var searchSuggestionsCaption_1 = __importDefault(require("@/components/search/searchSuggestions/searchSuggestionsCaption"));
-var searchSuggestionsFooter_1 = __importDefault(require("@/components/search/searchSuggestions/searchSuggestionsFooter"));
-var searchSuggestionsItem_1 = __importDefault(require("@/components/search/searchSuggestions/searchSuggestionsItem"));
-var searchSuggestionsItemSkeleton_1 = require("@/components/search/searchSuggestions/searchSuggestionsItem/searchSuggestionsItemSkeleton");
-var searchSuggestionsNotFound_1 = __importDefault(require("@/components/search/searchSuggestions/searchSuggestionsNotFound"));
-var _3d_1 = require("@/utils/3d");
-var env_1 = require("@/utils/env");
-var Urls_1 = require("@/dto/common/Media/Urls");
-// Styles
-var StyledSearchSuggestions = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  background-color: ", ";\n\n  border-bottom-left-radius: 28px;\n  border-bottom-right-radius: 28px;\n\n  .content {\n    position: relative;\n    height: 100%;\n    padding: 0 44px;\n    display: flex;\n    background-color: ", ";\n\n    flex-direction: column;\n    border-bottom-right-radius: 20px;\n    border-bottom-left-radius: 20px;\n\n    @media (max-width: 767px) {\n      background-color: unset;\n      padding: 16px 0;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .scroller {\n      max-height: calc(var(--app-height) - 40px - 24px - 10px - 24px - 44px);\n      padding-left: 20px;\n      padding-right: 20px;\n      overflow-y: auto;\n      overflow-x: hidden;\n      margin-left: -20px;\n      margin-right: -20px;\n      width: calc(100% + 40px);\n    }\n  }\n\n  ", " {\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n    .content {\n      padding: 0 ", ";\n      border-bottom-right-radius: ", ";\n      border-bottom-left-radius: ", ";\n    }\n  }\n"], ["\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  background-color: ", ";\n\n  border-bottom-left-radius: 28px;\n  border-bottom-right-radius: 28px;\n\n  .content {\n    position: relative;\n    height: 100%;\n    padding: 0 44px;\n    display: flex;\n    background-color: ", ";\n\n    flex-direction: column;\n    border-bottom-right-radius: 20px;\n    border-bottom-left-radius: 20px;\n\n    @media (max-width: 767px) {\n      background-color: unset;\n      padding: 16px 0;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .scroller {\n      max-height: calc(var(--app-height) - 40px - 24px - 10px - 24px - 44px);\n      padding-left: 20px;\n      padding-right: 20px;\n      overflow-y: auto;\n      overflow-x: hidden;\n      margin-left: -20px;\n      margin-right: -20px;\n      width: calc(100% + 40px);\n    }\n  }\n\n  ", " {\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n    .content {\n      padding: 0 ", ";\n      border-bottom-right-radius: ", ";\n      border-bottom-left-radius: ", ";\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.sidebarBg;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.thirdBg;
-}, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(28), (0, _4k_1.adaptiveValueCalc)(28), (0, _4k_1.adaptiveValueCalc)(44), (0, _4k_1.adaptiveValueCalc)(20), (0, _4k_1.adaptiveValueCalc)(20));
-// Components
-var SearchSuggestions = function (_a) {
-    var searchTerm = _a.searchTerm, assets = _a.assets, profiles = _a.profiles, collections = _a.collections, isLoading = _a.isLoading;
-    var isNotFound = !(assets === null || assets === void 0 ? void 0 : assets.length) && !(profiles === null || profiles === void 0 ? void 0 : profiles.length) && !(collections === null || collections === void 0 ? void 0 : collections.length);
-    return (<StyledSearchSuggestions>
-      <div className={'content'}>
-        {isLoading && <searchSuggestionsItemSkeleton_1.SearchSuggestionsItemsSkeleton />}
-        {!isLoading &&
-            (isNotFound ? (<searchSuggestionsNotFound_1.default notFoundText={searchTerm}/>) : (<>
-              <div className="scroller">
-                {__spreadArray(__spreadArray(__spreadArray([], ((assets === null || assets === void 0 ? void 0 : assets.length)
-                    ? [
-                        {
-                            caption: 'NFTs',
-                            children: assets.map(function (asset) {
-                                // if (
-                                //   asset?.getName()?.toLowerCase() ===
-                                //   'Concerto Para Piano e Pandemia May 5, 2021 at 3pm GMT +1'.toLowerCase()
-                                // ) {
-                                //   console.log(
-                                //     'asset?.getAssetMedias()',
-                                //     asset?.getAssetMedias()
-                                //   );
-                                //   console.log('asset', asset);
-                                // }
-                                var currentMedia = asset === null || asset === void 0 ? void 0 : asset.getAssetMedias()[0];
-                                // console.log('currentMedia', currentMedia);
-                                var miniatureUrl = '';
-                                var mimeType = currentMedia === null || currentMedia === void 0 ? void 0 : currentMedia.mimeType;
-                                if (mimeType === null || mimeType === void 0 ? void 0 : mimeType.includes('video')) {
-                                    miniatureUrl = (0, Urls_1.isExternalMediaVideo)((currentMedia === null || currentMedia === void 0 ? void 0 : currentMedia.previewUrl) || null);
-                                }
-                                if (mimeType === null || mimeType === void 0 ? void 0 : mimeType.includes('audio')) {
-                                    miniatureUrl = (0, Urls_1.isExternalMediaAudio)((currentMedia === null || currentMedia === void 0 ? void 0 : currentMedia.previewUrl) || null);
-                                }
-                                if ((0, _3d_1.isObject3D)({
-                                    media: currentMedia === null || currentMedia === void 0 ? void 0 : currentMedia.url,
-                                    mimeType: currentMedia === null || currentMedia === void 0 ? void 0 : currentMedia.mimeType,
-                                })) {
-                                    // todo: add for 3d preview
-                                    // miniatureUrl = isExternalMediaAudio(
-                                    //   currentMedia?.previewUrl || null
-                                    // );
-                                    miniatureUrl = '/noContent/noContentObject.svg';
-                                }
-                                if (!miniatureUrl) {
-                                    // image and screenshots
-                                    miniatureUrl = (0, Urls_1.getAssetImage)(currentMedia === null || currentMedia === void 0 ? void 0 : currentMedia.url, '/noContent/noContent.svg', Urls_1.mediaSizes.small);
-                                }
-                                return (<searchSuggestionsItem_1.default key={"".concat(asset === null || asset === void 0 ? void 0 : asset.getAssetId(), ".").concat(Math.random())} name={asset === null || asset === void 0 ? void 0 : asset.getName()} link={asset.getAssetLink()} imgUrl={miniatureUrl} searchTerm={searchTerm}/>);
-                            }),
-                        },
-                    ]
-                    : []), true), ((collections === null || collections === void 0 ? void 0 : collections.length)
-                    ? [
-                        {
-                            caption: 'Collections',
-                            children: collections.map(function (collection) { return (<searchSuggestionsItem_1.default key={"".concat(collection === null || collection === void 0 ? void 0 : collection.collectionId, ".").concat(Math.random())} name={collection === null || collection === void 0 ? void 0 : collection.collectionTitle} link={"/collection/".concat(collection === null || collection === void 0 ? void 0 : collection.collectionId)} imgUrl={'/noContent/noContent.svg'} searchTerm={searchTerm}/>); }),
-                        },
-                    ]
-                    : []), true), ((profiles === null || profiles === void 0 ? void 0 : profiles.length)
-                    ? [
-                        {
-                            caption: 'Profiles',
-                            children: profiles.map(function (profile) { return (<searchSuggestionsItem_1.default key={profile.getUserId()} borderRadius name={profile.getName() || ''} link={"/profile/".concat(profile.getUserId(), "/nfts")} imgUrl={profile.getUserPic({
-                                    mediaDomain: (0, env_1.getMediaENVDomain)(),
-                                })} additionalHTML={Boolean(profile.getFollowings()) && (<span className={'additional'}>
-                                    {profile.getFollowings()} followers
-                                  </span>)} searchTerm={searchTerm}/>); }),
-                        },
-                    ]
-                    : []), true).map(function (_a) {
-                    var caption = _a.caption, children = _a.children;
-                    return (<searchSuggestionsCaption_1.default caption={caption} key={caption}>
-                    {children}
-                  </searchSuggestionsCaption_1.default>);
-                })}
-              </div>
-              <searchSuggestionsFooter_1.default />
-            </>))}
-      </div>
-    </StyledSearchSuggestions>);
-};
-// Export
-exports.default = SearchSuggestions;
-var templateObject_1;

package/dist/components/shareDialog/index.jsx

@@ -1,91 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_share_1 = require("react-share");
-var styled_components_1 = __importDefault(require("styled-components"));
-var ui_1 = require("@ludo.ninja/components/dist/store/ui");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var styles_2 = require("@ludo.ninja/components/dist/styles");
-var system_1 = require("@ludo.ninja/components/dist/system");
-var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var utils_1 = require("@ludo.ninja/utils");
-// import CopyIcon from '@/public/share/copy-link-btn.svg';
-// import EmailIcon from '@/public/share/email-btn.svg';
-// import FacebookIcon from '@/public/share/facebook-btn.svg';
-// import InstagramIcon from '@/public/share/insta-btn.svg';
-// import RedditIcon from '@/public/share/reddit-btn.svg';
-// import TelegramIcon from '@/public/share/telegram-btn.svg';
-// import TwitterIcon from '@/public/share/twitter-btn.svg';
-// import WatsUpIcon from '@/public/share/whatsapp-btn.svg';
-// Styles
-var STitle = (0, styled_components_1.default)(system_1.H1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 24px;\n  color: ", ";\n  ", " {\n    margin-bottom: ", ";\n  }\n"], ["\n  margin-bottom: 24px;\n  color: ", ";\n  ", " {\n    margin-bottom: ", ";\n  }\n"])), styles_2.BlackColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(24));
-var StyledShare = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  .shareButtons {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    row-gap: 24px;\n    column-gap: 16px;\n    margin: 0 43px 33px 43px;\n    justify-content: center;\n\n    ", " {\n      grid-template-columns: 1fr 1fr;\n      justify-items: center;\n      align-items: center;\n    }\n  }\n\n  .shareBtn {\n    width: 108px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  ", " {\n    .shareButtons {\n      row-gap: ", ";\n      column-gap: ", ";\n      margin: 0 ", " ", "\n        ", ";\n    }\n\n    .shareBtn {\n      width: ", ";\n      height: ", ";\n\n      img {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"], ["\n  .shareButtons {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    row-gap: 24px;\n    column-gap: 16px;\n    margin: 0 43px 33px 43px;\n    justify-content: center;\n\n    ", " {\n      grid-template-columns: 1fr 1fr;\n      justify-items: center;\n      align-items: center;\n    }\n  }\n\n  .shareBtn {\n    width: 108px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  ", " {\n    .shareButtons {\n      row-gap: ", ";\n      column-gap: ", ";\n      margin: 0 ", " ", "\n        ", ";\n    }\n\n    .shareBtn {\n      width: ", ";\n      height: ", ";\n\n      img {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"])), styles_1.mediaQuery.mobile, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(43), (0, _4k_1.adaptiveValueCalc)(33), (0, _4k_1.adaptiveValueCalc)(43), (0, _4k_1.adaptiveValueCalc)(108), (0, _4k_1.adaptiveValueCalc)(64), (0, _4k_1.adaptiveValueCalc)(40), (0, _4k_1.adaptiveValueCalc)(40));
-var ShareDialog = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    var link = _a.link, onHide = _a.onHide, params = _a.params;
-    var url = new URL(link || '');
-    url.search = '';
-    var urlWithoutGetParameters = url.toString();
-    var openAlert = (0, ui_1.useUiStore)(function (state) { return state.openAlert; });
-    return (<StyledShare>
-      <system_1.Flex alignItems={'center'} justifyContent={'center'}>
-        <STitle>{'Share to...'}</STitle>
-      </system_1.Flex>
-      <div className="shareButtons">
-        <button onClick={function () {
-            onHide();
-            (0, utils_1.copyToClipboard)(urlWithoutGetParameters).then(function () {
-                openAlert({
-                    type: type_1.alertVariants.copied,
-                });
-            });
-        }} className={'shareBtn'}>
-          <img src="/share/copy-link-btn.svg" alt="share" height={40} width={40}/>
-          <system_1.H5 color={styles_2.TextGrayColor}>Copy Link</system_1.H5>
-        </button>
-        <react_share_1.EmailShareButton url={urlWithoutGetParameters} body={(_b = params === null || params === void 0 ? void 0 : params.email) === null || _b === void 0 ? void 0 : _b.body} separator={(_c = params === null || params === void 0 ? void 0 : params.email) === null || _c === void 0 ? void 0 : _c.separator} subject={(_d = params === null || params === void 0 ? void 0 : params.email) === null || _d === void 0 ? void 0 : _d.subject} className="shareBtn" onClick={onHide}>
-          <img src="/share/email-btn.svg" alt="email" height={40} width={40}/>
-          <system_1.H5 color={styles_2.TextGrayColor}>Email</system_1.H5>
-        </react_share_1.EmailShareButton>
-        <react_share_1.TelegramShareButton url={urlWithoutGetParameters} title={(_e = params === null || params === void 0 ? void 0 : params.telegram) === null || _e === void 0 ? void 0 : _e.title} className="shareBtn" onClick={onHide}>
-          <img src="/share/telegram-btn.svg" alt="telegram" height={40} width={40}/>
-          <system_1.H5 color={styles_2.TextGrayColor}>Telegram</system_1.H5>
-        </react_share_1.TelegramShareButton>
-        <react_share_1.WhatsappShareButton url={urlWithoutGetParameters} title={(_f = params === null || params === void 0 ? void 0 : params.whatsapp) === null || _f === void 0 ? void 0 : _f.title} separator={(_g = params === null || params === void 0 ? void 0 : params.whatsapp) === null || _g === void 0 ? void 0 : _g.separator} className="shareBtn" onClick={onHide}>
-          <img src="/share/whatsapp-btn.svg" alt="whatsapp" height={40} width={40}/>
-          <system_1.H5 color={styles_2.TextGrayColor}>WhatsApp</system_1.H5>
-        </react_share_1.WhatsappShareButton>
-        <react_share_1.TwitterShareButton url={urlWithoutGetParameters} title={(_h = params === null || params === void 0 ? void 0 : params.twitter) === null || _h === void 0 ? void 0 : _h.title} via={(_j = params === null || params === void 0 ? void 0 : params.twitter) === null || _j === void 0 ? void 0 : _j.via} related={(_k = params === null || params === void 0 ? void 0 : params.twitter) === null || _k === void 0 ? void 0 : _k.related} hashtags={(_l = params === null || params === void 0 ? void 0 : params.twitter) === null || _l === void 0 ? void 0 : _l.hashtags} className="shareBtn" onClick={onHide}>
-          <img src="/share/twitter-btn.svg" alt="twitter" width={40} height={40}/>
-          <system_1.H5 color={styles_2.TextGrayColor}>Twitter</system_1.H5>
-        </react_share_1.TwitterShareButton>
-        {/*<InstapaperShareButton*/}
-        {/*  url={urlWithoutGetParameters}*/}
-        {/*  className="shareBtn"*/}
-        {/*  onClick={onHide}*/}
-        {/*>*/}
-        {/*  <InstagramIcon />*/}
-        {/*  <H5 color={TextGrayColor}>Instagram</H5>*/}
-        {/*</InstapaperShareButton>*/}
-        <react_share_1.RedditShareButton url={urlWithoutGetParameters} title={(_m = params === null || params === void 0 ? void 0 : params.reddit) === null || _m === void 0 ? void 0 : _m.title} className="shareBtn" onClick={onHide}>
-          <img src="/share/reddit-btn.svg" alt="reddit" width={40} height={40}/>
-          <system_1.H5 color={styles_2.TextGrayColor}>Reddit</system_1.H5>
-        </react_share_1.RedditShareButton>
-        <react_share_1.FacebookShareButton url={urlWithoutGetParameters} quote={((_o = params === null || params === void 0 ? void 0 : params.facebook) === null || _o === void 0 ? void 0 : _o.quote) || 'My cool NFT'} hashtag={((_p = params === null || params === void 0 ? void 0 : params.facebook) === null || _p === void 0 ? void 0 : _p.hashtag) || '#ludo'} className="shareBtn" onClick={onHide}>
-          <img src="/share/facebook-btn.svg" alt="facebook" width={40} height={40}/>
-          <system_1.H5 color={styles_2.TextGrayColor}>Facebook</system_1.H5>
-        </react_share_1.FacebookShareButton>
-      </div>
-    </StyledShare>);
-};
-// Export
-exports.default = ShareDialog;
-var templateObject_1, templateObject_2;

package/dist/components/socialButtons/icons/discord.jsx

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var DiscordIcon = function () {
-    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M19.2727 4.875C19.2727 4.875 17.1886 3.19312 14.7273 3L14 4.07317C13.3944 3.98624 12.7334 3.9375 12 3.9375C11.2666 3.9375 10.6056 3.98624 10 4.07317L9.27273 3C6.69045 3.25172 4.72727 4.875 4.72727 4.875C4.72727 4.875 2.39955 8.35547 2 15.1875C4.34636 17.978 7.90909 18 7.90909 18L8.65409 16.9758C7.38955 16.5225 5.96136 15.713 4.72727 14.25C6.19909 15.3984 8.42045 16.5938 12 16.5938C15.5795 16.5938 17.8009 15.3984 19.2727 14.25C18.0386 15.713 16.6105 16.5225 15.3459 16.9758L16.0909 18C16.0909 18 19.6536 17.978 22 15.1875C21.6005 8.35547 19.2727 4.875 19.2727 4.875ZM9.04545 13.3125C8.16682 13.3125 7.45455 12.473 7.45455 11.4375C7.45455 10.402 8.16682 9.5625 9.04545 9.5625C9.92409 9.5625 10.6364 10.402 10.6364 11.4375C10.6364 12.473 9.92409 13.3125 9.04545 13.3125ZM14.9545 13.3125C14.0759 13.3125 13.3636 12.473 13.3636 11.4375C13.3636 10.402 14.0759 9.5625 14.9545 9.5625C15.8332 9.5625 16.5455 10.402 16.5455 11.4375C16.5455 12.473 15.8332 13.3125 14.9545 13.3125Z" fill="#C1C8DE"/>
-    </svg>);
-};
-exports.default = DiscordIcon;

package/dist/components/socialButtons/icons/facebook.jsx

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var FacebookIcon = function () {
-    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <circle cx="12" cy="12" r="10" fill="#C1C8DE"/>
-      <path d="M13.1043 14.9097H15.5858L15.9755 12.3735H13.1043V10.9871C13.1043 9.93367 13.4466 8.99933 14.4261 8.99933H16V6.78625C15.7234 6.74863 15.1385 6.66663 14.0334 6.66663C11.7255 6.66663 10.3726 7.89279 10.3726 10.6866V12.3739H8V14.9102H10.3721V22C10.9077 22 11.318 22 11.8066 22C12.2481 22 12.7055 22 13.1043 22V14.9097Z" fill="white"/>
-    </svg>);
-};
-exports.default = FacebookIcon;

package/dist/components/socialButtons/icons/instagram.jsx

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var InstagramIcon = function () {
-    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M16.6154 22H7.38462C4.41615 22 2 19.5846 2 16.6154V7.38462C2 4.41538 4.41615 2 7.38462 2H16.6154C19.5838 2 22 4.41538 22 7.38462V16.6154C22 19.5846 19.5838 22 16.6154 22Z" fill="#C1C8DE"/>
-      <path d="M17.909 7.45457C18.6622 7.45457 19.2727 6.84405 19.2727 6.09093C19.2727 5.33782 18.6622 4.72729 17.909 4.72729C17.1559 4.72729 16.5454 5.33782 16.5454 6.09093C16.5454 6.84405 17.1559 7.45457 17.909 7.45457Z" fill="white"/>
-      <circle cx="12" cy="12" r="4.45455" stroke="white" strokeWidth="2"/>
-    </svg>);
-};
-exports.default = InstagramIcon;

package/dist/components/socialButtons/icons/medium.jsx

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var MediumIcon = function () {
-    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M20.786 5.87617L22 4.34783V4H17.3347L12.4807 15.2577L7.398 4H2.66667V4.34783L3.90533 6.08696C3.96667 6.16278 4 6.25809 4 6.35687V16.8696C4 17.0233 3.94867 17.1729 3.85533 17.2925L2 19.6842V20H7.33333V19.6842L5.47667 17.2786C5.384 17.159 5.33333 17.0108 5.33333 16.8577V7.73913L10.8693 20H11.8987L17.3333 7.39409V17.7391C17.3333 17.8504 17.2907 17.9576 17.214 18.0369L15.3333 19.6842V20H22V19.6842L20.786 18.0369C20.7093 17.9576 20.6667 17.8504 20.6667 17.7391V6.17391C20.6667 6.06261 20.7093 5.95548 20.786 5.87617Z" fill="#C1C8DE"/>
-    </svg>);
-};
-exports.default = MediumIcon;

package/dist/components/socialButtons/icons/telegram.jsx

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var TelegramIcon = function () {
-    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M18.8367 19.7717L21.9583 3.83334C21.9583 3.83334 22 3.625 22 3.41667C22 3.10417 21.7225 3 21.4792 3C21.0833 2.99917 20.5408 3.195 20.5408 3.195L2.7775 10.2517C2.7775 10.2517 2 10.5 2 11.0208C2 11.6458 2.75583 11.8642 2.75583 11.8642C2.75583 11.8642 4.89207 12.8768 6.33864 12.817C6.83592 12.7965 7.25 12.8 7.6 12.6348C7.95 12.4696 16.4039 7.36106 16.7 7.2C17.05 7.00962 17.2633 7.06332 17.4 7.2C17.5367 7.33668 17.6598 7.6376 17.4 7.9C17.1824 8.11972 11.1886 13.85 10.7943 14.2C10.4 14.55 11.1 15.25 11.1 15.25L17.0717 20.2717C17.0717 20.2717 17.3192 20.5 17.7992 20.5C18.7025 20.5 18.8367 19.7717 18.8367 19.7717Z" fill="#C1C8DE"/>
-    </svg>);
-};
-exports.default = TelegramIcon;

package/dist/components/socialButtons/icons/twitter.jsx

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var TwitterIcon = function () {
-    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M11.3485 8.22848C11.3485 5.89642 13.2928 4 15.6838 4C16.8254 4 17.8452 4.47525 18.6199 5.18203C19.4179 5.01295 20.1738 4.73572 20.8562 4.3412C20.9983 4.25743 21.1795 4.26961 21.3091 4.36862C21.4387 4.46915 21.4934 4.63823 21.4434 4.79208C21.2966 5.24143 21.053 5.64052 20.7688 6.01066C20.9843 5.93907 21.2248 5.92993 21.4309 5.84006C21.5934 5.76542 21.7886 5.80655 21.9041 5.94059C22.0213 6.07464 22.0322 6.26809 21.9307 6.4128C21.4184 7.16222 20.7641 7.8035 20.0316 8.35034C20.0348 8.46001 20.0441 8.56816 20.0441 8.67936C20.0441 11.3145 19.0212 14.1356 17.0581 16.3077C15.0951 18.4798 12.1684 20 8.43748 20C6.13552 20 3.99441 19.3374 2.19063 18.2087C2.02977 18.1127 1.95949 17.9193 2.02352 17.7456C2.08599 17.572 2.26559 17.4653 2.453 17.4897C2.74347 17.5232 3.03551 17.5385 3.34005 17.5385C4.74715 17.5385 6.78261 17.0526 7.65217 15.7895C2.91134 12.971 1.56522 9.89474 3.39002 4.90175C3.45562 4.78903 3.57431 4.71439 3.70705 4.70526C3.84136 4.69612 3.96942 4.75095 4.05219 4.85301C5.82786 6.97791 8.44217 8.3671 11.3985 8.6428C11.3844 8.50571 11.3485 8.36862 11.3485 8.22848Z" fill="#C1C8DE"/>
-    </svg>);
-};
-exports.default = TwitterIcon;

package/dist/components/tabs/icons/bell.jsx

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var BellIcon = function (props) {
-    return (<svg className={props.customClassName} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M12 3C19 3 19 10 19 10V15H5V10C5 10 5 3 12 3Z" fill="#C1C8DE"/>
-      <rect x="3" y="15" width="18" height="2" rx="0.3" fill="#C1C8DE"/>
-      <rect x="9" y="19" width="6" height="2" rx="0.3" fill="#C1C8DE"/>
-    </svg>);
-};
-exports.default = BellIcon;

package/dist/components/tabs/icons/profile.jsx

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var ProfileIcon = function (props) {
-    return (<svg className={props.customClassName} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="#C1C8DE"/>
-      <path d="M11.9999 18.5C7.99976 18.5 6.11462 15.4342 6.11462 15.4342C7.69253 13.9175 9.74983 13 12 13C14.2502 13 16.3075 13.9175 17.8854 15.4342C17.8854 15.4342 15.9998 18.5 11.9999 18.5Z" fill="#F6F7FD"/>
-      <path d="M15 9C15 10.6569 13.6569 12 12 12C10.3431 12 9 10.6569 9 9C9 7.34315 10.3431 6 12 6C13.6569 6 15 7.34315 15 9Z" fill="#F6F7FD"/>
-    </svg>);
-};
-exports.default = ProfileIcon;

package/dist/components/tabs/icons/secure.jsx

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var SecureIcon = function (props) {
-    return (<svg className={props.customClassName} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M4.00136 5.23027C4.0001 5.09261 4.09369 4.97658 4.22724 4.94319L11.9272 3.01819C11.975 3.00625 12.025 3.00625 12.0728 3.01819L19.7728 4.94319C19.9063 4.97658 19.9999 5.09261 19.9986 5.23027C19.9845 6.77686 19.8241 15.6319 18 17C16.2359 18.3231 12.9158 20.4242 12.1571 20.9014C12.06 20.9625 11.94 20.9625 11.8429 20.9014C11.0842 20.4242 7.76405 18.3231 6 17C4.1759 15.6319 4.01547 6.77686 4.00136 5.23027Z" fill="#C1C8DE"/>
-      <path d="M9 12.0717L11.1744 14.2461L13.2103 12.2102L15.2461 10.1744" stroke="white" strokeWidth="1.7" strokeLinecap="square"/>
-    </svg>);
-};
-exports.default = SecureIcon;

package/dist/layouts/pageTransitionLayout.jsx

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var router_1 = require("next/router");
-var framer_motion_1 = require("framer-motion");
-var PageTransitionLayout = function (_a) {
-    var children = _a.children;
-    var router = (0, router_1.useRouter)();
-    return (<framer_motion_1.AnimatePresence mode={'wait'}>
-      <framer_motion_1.motion.div key={router.route} initial="initialState" animate="animateState" exit="exitState" transition={{
-            type: 'tween',
-            duration: 0.5,
-        }} variants={{
-            initialState: {
-                opacity: 0,
-            },
-            animateState: {
-                opacity: 1,
-            },
-            exitState: {
-                opacity: 0,
-            },
-        }}>
-        {children}
-      </framer_motion_1.motion.div>
-    </framer_motion_1.AnimatePresence>);
-};
-exports.default = PageTransitionLayout;

package/dist/pages/index.jsx

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var head_1 = __importDefault(require("next/head"));
-function Home() {
-    return (<>
-      <head_1.default>
-        <title>Create Next App</title>
-        <meta name="description" content="Generated by create next app"/>
-        <meta name="viewport" content="width=device-width, initial-scale=1"/>
-        <link rel="icon" href="/favicon.ico"/>
-      </head_1.default>
-      <div>Hello</div>
-    </>);
-}
-exports.default = Home;

package/dist/system/Cards/HideLink/index.jsx

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var link_1 = __importDefault(require("next/link"));
-var env_1 = require("@/utils/env");
-var HideLink = function (_a) {
-    var children = _a.children, className = _a.className, href = _a.href, isProdENV = _a.isProdENV, onClick = _a.onClick;
-    // Todo cardLink
-    var isHide = (0, env_1.isProd)({ ENV: isProdENV });
-    var Component = isHide ? react_1.default.Fragment : link_1.default;
-    return (<Component {...(!isHide && { href: href })} {...(isHide && { className: className })}>
-      {isHide ? (<span className={className} onClick={onClick}>
-          {children}
-        </span>) : (<a className={className} onClick={onClick}>
-          {children}
-        </a>)}
-    </Component>);
-};
-exports.default = HideLink;