@ludo.ninja/components 2.0.9 → 2.0.11

package/build/components/assetPage/slider/slideItem.js

@@ -1,15 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlideItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const audioVideoPlayer_1 = require("../audioVideoPlayer");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const SlideWrapper = styled_components_1.default.div `
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from 'styled-components';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import { ReactPlayerWrapper } from "../audioVideoPlayer";
+import { mediaQuery } from "../../../styles/ScreenWidth";
+const SlideWrapper = styled.div `
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -22,16 +16,16 @@ const SlideWrapper = styled_components_1.default.div `
   background-repeat: no-repeat;
   margin: 0 auto;
 
-  ${audioVideoPlayer_1.ReactPlayerWrapper} {
+  ${ReactPlayerWrapper} {
     margin-right: 0;
   }
 
-  ${ScreenWidth_1.mediaQuery.desktop} {
+  ${mediaQuery.desktop} {
     width: 280px;
     height: 280px;
   }
 
-  ${ScreenWidth_1.mediaQuery.tablet} {
+  ${mediaQuery.tablet} {
     width: 240px;
     height: 240px;
   }
@@ -39,15 +33,14 @@ const SlideWrapper = styled_components_1.default.div `
   & > div {
     width: 100%;
 
-    /* ${ScreenWidth_1.mediaQuery.desktop} {
+    /* ${mediaQuery.desktop} {
     width:100%;
     } */
   }
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
+  ${mediaQuery.minWidthFourK} {
+    border-radius: ${adaptiveValueCalc(16)};
   }
 `;
-const SlideItem = ({ item, key }) => {
-    return (0, jsx_runtime_1.jsx)(SlideWrapper, { children: item.displayLinkedMedia() }, key);
+export const SlideItem = ({ item, key }) => {
+    return _jsx(SlideWrapper, { children: item.displayLinkedMedia() }, key);
 };
-exports.SlideItem = SlideItem;

package/build/components/assetPage/slider/store.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSliderStore = void 0;
-const zustand_1 = require("zustand");
-exports.useSliderStore = (0, zustand_1.create)()((setState, getState) => ({
+import { create } from 'zustand';
+export const useSliderStore = create()((setState, getState) => ({
     isActiveSlider: false,
     setIsActiveSlider: (isActiveSlider) => {
         setState({ isActiveSlider });

package/build/components/assetPage/tittle/index.js

@@ -1,21 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const link_1 = __importDefault(require("next/link"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const Urls_1 = require("../../../dto/common/Media/Urls");
-const env_1 = require("../../../store/env");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const colors_1 = require("../../../styles/colors");
-const index_1 = require("../../../system/index");
-const ImageInterceptor_1 = require("../../../system/Img/ImageInterceptor");
-const SCollection = (0, styled_components_1.default)(index_1.Flex) `
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import Link from 'next/link';
+import styled from 'styled-components';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import { getAssetImage, mediaSizes } from "../../../dto/common/Media/Urls";
+import { useEnvStore } from "../../../store/env";
+import { mediaQuery } from "../../../styles/ScreenWidth";
+import { AccentColor, BlackColor } from "../../../styles/colors";
+import { ExternalImage, Flex, H1 } from "../../../system/index";
+import { ImageInterceptor } from "../../../system/Img/ImageInterceptor";
+const SCollection = styled(Flex) `
   margin-bottom: 8px;
 
   img {
@@ -28,26 +22,26 @@ const SCollection = (0, styled_components_1.default)(index_1.Flex) `
   a {
     font-size: 18px;
     font-weight: 600;
-    color: ${colors_1.AccentColor};
+    color: ${AccentColor};
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(8)};
+  ${mediaQuery.minWidthFourK} {
+    margin-bottom: ${adaptiveValueCalc(8)};
 
     img {
-      margin-right: ${(0, _4k_1.adaptiveValueCalc)(8)};
-      width: ${(0, _4k_1.adaptiveValueCalc)(28)};
-      height: ${(0, _4k_1.adaptiveValueCalc)(28)};
-      border-radius: ${(0, _4k_1.adaptiveValueCalc)(2)};
+      margin-right: ${adaptiveValueCalc(8)};
+      width: ${adaptiveValueCalc(28)};
+      height: ${adaptiveValueCalc(28)};
+      border-radius: ${adaptiveValueCalc(2)};
     }
 
     a {
-      font-size: ${(0, _4k_1.adaptiveValueCalc)(18)};
+      font-size: ${adaptiveValueCalc(18)};
     }
   }
 `;
-const SH1 = (0, styled_components_1.default)(index_1.H1) `
-  color: ${colors_1.BlackColor};
+const SH1 = styled(H1) `
+  color: ${BlackColor};
   line-height: 42px;
   word-break: break-word;
 
@@ -57,24 +51,24 @@ const SH1 = (0, styled_components_1.default)(index_1.H1) `
     cursor: pointer;
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    line-height: ${(0, _4k_1.adaptiveValueCalc)(42)};
+  ${mediaQuery.minWidthFourK} {
+    line-height: ${adaptiveValueCalc(42)};
 
     span {
-      padding-left: ${(0, _4k_1.adaptiveValueCalc)(5)};
+      padding-left: ${adaptiveValueCalc(5)};
     }
   }
 `;
 const Collection = (props) => {
-    const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
+    const NEXT_PUBLIC_STATIC_DOMAIN = useEnvStore((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
     if (!props.collectionTitle || !props.collectionId)
         return null;
-    return ((0, jsx_runtime_1.jsxs)(SCollection, { alignItems: "center", children: [!!props.collectionMedias && ((0, jsx_runtime_1.jsx)(ImageInterceptor_1.ImageInterceptor, { children: (0, jsx_runtime_1.jsx)(index_1.ExternalImage, { src: (0, Urls_1.getAssetImage)(props.collectionMedias[0]?.url, '/noContent/noContent.svg', Urls_1.mediaSizes.small, NEXT_PUBLIC_STATIC_DOMAIN), alt: "collection_img", width: 28, height: 28, borderRadius: 2 }) })), (0, jsx_runtime_1.jsx)(link_1.default, { href: `/collection/${props?.collectionId}`, children: props.collectionTitle })] }));
+    return (_jsxs(SCollection, { alignItems: "center", children: [!!props.collectionMedias && (_jsx(ImageInterceptor, { children: _jsx(ExternalImage, { src: getAssetImage(props.collectionMedias[0]?.url, '/noContent/noContent.svg', mediaSizes.small, NEXT_PUBLIC_STATIC_DOMAIN), alt: "collection_img", width: 28, height: 28, borderRadius: 2 }) })), _jsx(Link, { href: `/collection/${props?.collectionId}`, children: props.collectionTitle })] }));
 };
-const Title = ({ name, collectionTitle, collectionMedias, collectionId, }) => {
-    const [cuttedString, setCuttedString] = (0, react_1.useState)(name);
-    const [isNeedReadMore, setNeedReadMore] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
+export const Title = ({ name, collectionTitle, collectionMedias, collectionId, }) => {
+    const [cuttedString, setCuttedString] = useState(name);
+    const [isNeedReadMore, setNeedReadMore] = useState(false);
+    useEffect(() => {
         if (name && name.length > 35) {
             setCuttedString(name.slice(0, 35));
             setNeedReadMore(true);
@@ -84,6 +78,5 @@ const Title = ({ name, collectionTitle, collectionMedias, collectionId, }) => {
         setCuttedString(name);
         setNeedReadMore(false);
     };
-    return ((0, jsx_runtime_1.jsxs)(index_1.Flex, { flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(Collection, { collectionId: collectionId, collectionTitle: collectionTitle, collectionMedias: collectionMedias }), (0, jsx_runtime_1.jsxs)(SH1, { children: [cuttedString, isNeedReadMore && (0, jsx_runtime_1.jsx)("span", { onClick: handleReadMore, children: "..." })] })] }));
+    return (_jsxs(Flex, { flexDirection: "column", children: [_jsx(Collection, { collectionId: collectionId, collectionTitle: collectionTitle, collectionMedias: collectionMedias }), _jsxs(SH1, { children: [cuttedString, isNeedReadMore && _jsx("span", { onClick: handleReadMore, children: "..." })] })] }));
 };
-exports.Title = Title;

package/build/components/assetPage/viewer3D/index.js

@@ -1,56 +1,50 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Viewer3D = exports.ScenePreview = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const drei_1 = require("@react-three/drei");
-const fiber_1 = require("@react-three/fiber");
-const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const AssetImage_1 = __importDefault(require("../media/AssetImage"));
-const store_1 = require("../slider/store");
-const NoSSR_1 = __importDefault(require("../../base/NoSSR"));
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const colors_1 = require("../../../styles/colors");
-const index_1 = require("../../../system/index");
-const Togler = (0, styled_components_1.default)(index_1.Flex) `
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense, useEffect, useState } from 'react';
+import { Center, ContactShadows, OrbitControls, Stage, useGLTF, } from '@react-three/drei';
+import { Canvas, useFrame } from '@react-three/fiber';
+import Skeleton from 'react-loading-skeleton';
+import styled from 'styled-components';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import AssetImage from "../media/AssetImage";
+import { useSliderStore } from "../slider/store";
+import NoSsr from "../../base/NoSSR";
+import { mediaQuery } from "../../../styles/ScreenWidth";
+import { BlackColor, InactiveButtonColor, TextGrayColor, WhiteColor, } from "../../../styles/colors";
+import { Flex } from "../../../system/index";
+const Togler = styled(Flex) `
   border-radius: 8px;
   position: absolute;
   top: 16px;
   right: 16px;
   overflow: hidden;
   z-index: 1;
-  border: 1px solid ${colors_1.BlackColor};
+  border: 1px solid ${BlackColor};
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(8)};
-    top: ${(0, _4k_1.adaptiveValueCalc)(16)};
-    right: ${(0, _4k_1.adaptiveValueCalc)(16)};
-    border: ${(0, _4k_1.adaptiveValueCalc)(1)} solid ${colors_1.BlackColor};
+  ${mediaQuery.minWidthFourK} {
+    border-radius: ${adaptiveValueCalc(8)};
+    top: ${adaptiveValueCalc(16)};
+    right: ${adaptiveValueCalc(16)};
+    border: ${adaptiveValueCalc(1)} solid ${BlackColor};
   }
 `;
-const ButtonTogler = styled_components_1.default.button `
+const ButtonTogler = styled.button `
   border: none;
   cursor: pointer;
-  background: ${(props) => (props.isActive ? colors_1.InactiveButtonColor : colors_1.WhiteColor)};
+  background: ${(props) => (props.isActive ? InactiveButtonColor : WhiteColor)};
   padding: 0;
   width: 36px;
   height: 36px;
   font-size: 13px;
   font-weight: 40;
-  color: ${(props) => (props.isActive ? colors_1.BlackColor : colors_1.TextGrayColor)};
+  color: ${(props) => (props.isActive ? BlackColor : TextGrayColor)};
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    width: ${(0, _4k_1.adaptiveValueCalc)(36)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(36)};
-    font-size: ${(0, _4k_1.adaptiveValueCalc)(13)};
+  ${mediaQuery.minWidthFourK} {
+    width: ${adaptiveValueCalc(36)};
+    height: ${adaptiveValueCalc(36)};
+    font-size: ${adaptiveValueCalc(13)};
   }
 `;
-const StyledAsset = styled_components_1.default.div `
+const StyledAsset = styled.div `
   max-height: 100%;
   max-width: 100%;
   width: 510px;
@@ -59,65 +53,63 @@ const StyledAsset = styled_components_1.default.div `
   position: relative;
   overflow: hidden;
   border-radius: 16px;
-  background-color: ${colors_1.WhiteColor};
+  background-color: ${WhiteColor};
   display: flex;
   align-items: center;
   justify-content: center;
 
   //border: 2px solid rgba(0, 0, 0, 0.5);
 
-  ${ScreenWidth_1.mediaQuery.desktop} {
+  ${mediaQuery.desktop} {
     width: 335px;
     margin-right: 30px;
   }
 
-  ${ScreenWidth_1.mediaQuery.tablet} {
+  ${mediaQuery.tablet} {
     align-items: flex-start;
     width: 320px;
     margin-right: 0;
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    width: ${(0, _4k_1.adaptiveValueCalc)(510)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(510)};
-    margin-right: ${(0, _4k_1.adaptiveValueCalc)(60)};
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
+  ${mediaQuery.minWidthFourK} {
+    width: ${adaptiveValueCalc(510)};
+    height: ${adaptiveValueCalc(510)};
+    margin-right: ${adaptiveValueCalc(60)};
+    border-radius: ${adaptiveValueCalc(16)};
   }
 `;
 const ModelPreview = ({ file3D }) => {
-    const gltf = (0, drei_1.useGLTF)(file3D);
-    (0, fiber_1.useFrame)(() => {
+    const gltf = useGLTF(file3D);
+    useFrame(() => {
         gltf.scene.rotateY(0.002);
     });
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         return () => {
             gltf.scene.rotation.set(0, 0, 0);
         };
     }, [gltf]);
-    return (0, jsx_runtime_1.jsx)("primitive", { object: gltf.scene });
+    return _jsx("primitive", { object: gltf.scene });
 };
-const ScenePreview = ({ file3D }) => {
+export const ScenePreview = ({ file3D }) => {
     if (typeof window === 'undefined' || !file3D)
         return null;
-    return ((0, jsx_runtime_1.jsx)(NoSSR_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { style: { position: 'absolute', left: 0, top: 0 }, height: "100%", width: "100%" }), children: (0, jsx_runtime_1.jsxs)(fiber_1.Canvas, { resize: { scroll: false }, children: [(0, jsx_runtime_1.jsx)(drei_1.ContactShadows, { opacity: 1, scale: 1000, blur: 0.5, far: 100, resolution: 2048, color: "#003366" }), (0, jsx_runtime_1.jsx)(drei_1.Stage, { environment: "city", preset: "rembrandt", children: (0, jsx_runtime_1.jsx)(drei_1.Center, { children: (0, jsx_runtime_1.jsx)(ModelPreview, { file3D: file3D }) }) }), (0, jsx_runtime_1.jsx)(drei_1.OrbitControls, {})] }) }) }));
+    return (_jsx(NoSsr, { children: _jsx(Suspense, { fallback: _jsx(Skeleton, { style: { position: 'absolute', left: 0, top: 0 }, height: "100%", width: "100%" }), children: _jsxs(Canvas, { resize: { scroll: false }, children: [_jsx(ContactShadows, { opacity: 1, scale: 1000, blur: 0.5, far: 100, resolution: 2048, color: "#003366" }), _jsx(Stage, { environment: "city", preset: "rembrandt", children: _jsx(Center, { children: _jsx(ModelPreview, { file3D: file3D }) }) }), _jsx(OrbitControls, {})] }) }) }));
 };
-exports.ScenePreview = ScenePreview;
-const Viewer3D = ({ file3D, file2D }) => {
-    const [activeTab, setActiveTab] = (0, react_1.useState)('2D');
-    const setIsDisabledSlider = (0, store_1.useSliderStore)((state) => state.setIsDisabled);
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
+export const Viewer3D = ({ file3D, file2D }) => {
+    const [activeTab, setActiveTab] = useState('2D');
+    const setIsDisabledSlider = useSliderStore((state) => state.setIsDisabled);
+    return (_jsx("div", { style: {
             width: '100%',
             height: '100%',
-        }, children: (0, jsx_runtime_1.jsxs)(StyledAsset, { is3D: activeTab === '3D', children: [(0, jsx_runtime_1.jsxs)(Togler, { children: [(0, jsx_runtime_1.jsx)(ButtonTogler, { isActive: activeTab === '2D', onClick: () => {
+        }, children: _jsxs(StyledAsset, { is3D: activeTab === '3D', children: [_jsxs(Togler, { children: [_jsx(ButtonTogler, { isActive: activeTab === '2D', onClick: () => {
                                 setActiveTab('2D');
                                 setIsDisabledSlider(false);
-                            }, children: "2D" }), (0, jsx_runtime_1.jsx)(ButtonTogler, { isActive: activeTab === '3D', onClick: () => {
+                            }, children: "2D" }), _jsx(ButtonTogler, { isActive: activeTab === '3D', onClick: () => {
                                 setActiveTab('3D');
                                 setIsDisabledSlider(true);
-                            }, children: "3D" })] }), activeTab === '3D' && file3D ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                            }, children: "3D" })] }), activeTab === '3D' && file3D ? (_jsx("div", { style: {
                         cursor: 'pointer',
                         width: '100%',
                         height: '100%',
-                    }, children: (0, jsx_runtime_1.jsx)(exports.ScenePreview, { file3D: file3D }) })) : ((0, jsx_runtime_1.jsx)(AssetImage_1.default, { alt: "fallback", imageUrl: file2D || '/noContent/noContentObject.svg', errorImg: '/noContent/noContentObject.svg' }))] }) }));
+                    }, children: _jsx(ScenePreview, { file3D: file3D }) })) : (_jsx(AssetImage, { alt: "fallback", imageUrl: file2D || '/noContent/noContentObject.svg', errorImg: '/noContent/noContentObject.svg' }))] }) }));
 };
-exports.Viewer3D = Viewer3D;

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

@@ -1,14 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const head_1 = __importDefault(require("next/head"));
-const env_1 = require("../../../store/env");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Head from 'next/head';
+import { useEnvStore } from "../../../store/env";
 // Component
 const Meta = () => {
-    const { NEXT_PUBLIC_STATIC_DOMAIN, NEXT_PUBLIC_ENV_DOMAIN, getMediaDomain, getStaticDomain, } = (0, env_1.useEnvStore)((state) => ({
+    const { NEXT_PUBLIC_STATIC_DOMAIN, NEXT_PUBLIC_ENV_DOMAIN, getMediaDomain, getStaticDomain, } = useEnvStore((state) => ({
         NEXT_PUBLIC_STATIC_DOMAIN: state.NEXT_PUBLIC_STATIC_DOMAIN,
         NEXT_PUBLIC_ENV_DOMAIN: state.NEXT_PUBLIC_ENV_DOMAIN,
         getMediaDomain: state.getMediaDomain,
@@ -33,7 +28,7 @@ const Meta = () => {
             cardType: 'summary_large_image',
         },
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(head_1.default, { children: [(0, jsx_runtime_1.jsx)("title", { children: DEFAULT_SEO.title }), (0, jsx_runtime_1.jsx)("link", { rel: "preconnect", href: getMediaDomain() }), (0, jsx_runtime_1.jsx)("link", { rel: "preconnect", href: getStaticDomain() }), (0, jsx_runtime_1.jsx)("link", { rel: "dns-prefetch", href: getMediaDomain() }), (0, jsx_runtime_1.jsx)("link", { rel: "dns-prefetch", href: getStaticDomain() }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", type: "image/svg+xml", href: `${getStaticDomain()}/favicon/favicon.svg`, sizes: "any" }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", type: "image/x-icon", href: `${getStaticDomain()}/favicon/fav64.ico`, sizes: "any" }), (0, jsx_runtime_1.jsx)("link", { rel: "apple-touch-icon", href: `${getStaticDomain()}/favicon/favicon128.png` }), (0, jsx_runtime_1.jsx)("meta", { name: "description", content: DEFAULT_SEO.description }, "description"), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:card", content: DEFAULT_SEO.twitter.cardType }, "twitter:card"), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:site", content: DEFAULT_SEO.twitter.handle }, "twitter:site"), (0, jsx_runtime_1.jsx)("meta", { property: "og:url", content: DEFAULT_SEO.openGraph.url }, "og:url"), (0, jsx_runtime_1.jsx)("meta", { property: "og:type", content: DEFAULT_SEO.openGraph.type }, "og:type"), (0, jsx_runtime_1.jsx)("meta", { property: "og:title", content: DEFAULT_SEO.openGraph.title }, "og:title"), (0, jsx_runtime_1.jsx)("meta", { property: "og:description", content: DEFAULT_SEO.openGraph.description }, "og:description"), (0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: DEFAULT_SEO.openGraph.image }, "og:image"), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:width", content: DEFAULT_SEO.openGraph.imageWidth }, "og:image:width"), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:height", content: DEFAULT_SEO.openGraph.imageHeight }, "og:image:height"), (0, jsx_runtime_1.jsx)("meta", { property: "og:locale", content: DEFAULT_SEO.openGraph.locale }, "og:locale"), (0, jsx_runtime_1.jsx)("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), (0, jsx_runtime_1.jsx)("meta", { charSet: "utf-8" }), (0, jsx_runtime_1.jsx)("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" })] }) }));
+    return (_jsx(_Fragment, { children: _jsxs(Head, { children: [_jsx("title", { children: DEFAULT_SEO.title }), _jsx("link", { rel: "preconnect", href: getMediaDomain() }), _jsx("link", { rel: "preconnect", href: getStaticDomain() }), _jsx("link", { rel: "dns-prefetch", href: getMediaDomain() }), _jsx("link", { rel: "dns-prefetch", href: getStaticDomain() }), _jsx("link", { rel: "icon", type: "image/svg+xml", href: `${getStaticDomain()}/favicon/favicon.svg`, sizes: "any" }), _jsx("link", { rel: "icon", type: "image/x-icon", href: `${getStaticDomain()}/favicon/fav64.ico`, sizes: "any" }), _jsx("link", { rel: "apple-touch-icon", href: `${getStaticDomain()}/favicon/favicon128.png` }), _jsx("meta", { name: "description", content: DEFAULT_SEO.description }, "description"), _jsx("meta", { name: "twitter:card", content: DEFAULT_SEO.twitter.cardType }, "twitter:card"), _jsx("meta", { name: "twitter:site", content: DEFAULT_SEO.twitter.handle }, "twitter:site"), _jsx("meta", { property: "og:url", content: DEFAULT_SEO.openGraph.url }, "og:url"), _jsx("meta", { property: "og:type", content: DEFAULT_SEO.openGraph.type }, "og:type"), _jsx("meta", { property: "og:title", content: DEFAULT_SEO.openGraph.title }, "og:title"), _jsx("meta", { property: "og:description", content: DEFAULT_SEO.openGraph.description }, "og:description"), _jsx("meta", { property: "og:image", content: DEFAULT_SEO.openGraph.image }, "og:image"), _jsx("meta", { property: "og:image:width", content: DEFAULT_SEO.openGraph.imageWidth }, "og:image:width"), _jsx("meta", { property: "og:image:height", content: DEFAULT_SEO.openGraph.imageHeight }, "og:image:height"), _jsx("meta", { property: "og:locale", content: DEFAULT_SEO.openGraph.locale }, "og:locale"), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), _jsx("meta", { charSet: "utf-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" })] }) }));
 };
 // Export
-exports.default = Meta;
+export default Meta;

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

@@ -1,11 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dynamic_1 = __importDefault(require("next/dynamic"));
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import dynamic from 'next/dynamic';
 // Component
-const NoSsr = (props) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children });
+const NoSsr = (props) => _jsx(_Fragment, { children: props.children });
 // Export
-exports.default = (0, dynamic_1.default)(() => Promise.resolve(NoSsr), { ssr: false });
+export default dynamic(() => Promise.resolve(NoSsr), { ssr: false });

package/build/components/favoriteList/add/addCreationToFavoriteList/index.js

@@ -1,28 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const chooseGalleryItems_1 = __importDefault(require("../../../../modules/gallery/ui/chooseGalleryItems"));
-const createGalleryForm_1 = __importDefault(require("../../../../modules/gallery/ui/createGalleryForm"));
-const ui_1 = require("../../../../store/ui");
-const useAddCreationsToGallery_1 = require("../../../../api/server-galleries/mutations/useAddCreationsToGallery");
-const useCreateFavorites_1 = require("../../../../api/server-galleries/mutations/useCreateFavorites");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import ChooseGalleryItems from "../../../../modules/gallery/ui/chooseGalleryItems";
+import CreateGalleryForm from "../../../../modules/gallery/ui/createGalleryForm";
+import { useUiStore } from "../../../../store/ui";
+import { useAddCreationsToGalleryV2 } from "../../../../api/server-galleries/mutations/useAddCreationsToGallery";
+import { useCreateFavoriteListV2 } from "../../../../api/server-galleries/mutations/useCreateFavorites";
 // Component
 const AddCreationToFavoriteList = ({ ids, currentMyGalleryId, }) => {
-    const [isNeedAddFavList, setAddFavList] = (0, react_1.useState)(false);
-    const closeModalSidebarPortal = (0, ui_1.useUiStore)((state) => state.closeModalSidebarPortal);
-    const { createFavorites, errorCreateFavorites } = (0, useCreateFavorites_1.useCreateFavoriteListV2)();
-    const { addCreationsToGallery, isAdded, error } = (0, useAddCreationsToGallery_1.useAddCreationsToGalleryV2)();
+    const [isNeedAddFavList, setAddFavList] = useState(false);
+    const closeModalSidebarPortal = useUiStore((state) => state.closeModalSidebarPortal);
+    const { createFavorites, errorCreateFavorites } = useCreateFavoriteListV2();
+    const { addCreationsToGallery, isAdded, error } = useAddCreationsToGalleryV2();
     const addMethod = async (galleryId, ids) => {
         await addCreationsToGallery({ galleryId, creationIds: ids });
         setTimeout(() => closeModalSidebarPortal(), 900);
     };
-    return ((0, jsx_runtime_1.jsx)("div", { children: isNeedAddFavList ? ((0, jsx_runtime_1.jsx)(createGalleryForm_1.default, { setAddGallery: setAddFavList, title: 'Create Favourite List', inputPlaceHolderText: 'List Name', 
+    return (_jsx("div", { children: isNeedAddFavList ? (_jsx(CreateGalleryForm, { setAddGallery: setAddFavList, title: 'Create Favourite List', inputPlaceHolderText: 'List Name', 
             // ids={ids}
-            createMethod: createFavorites, error: errorCreateFavorites })) : ((0, jsx_runtime_1.jsx)(chooseGalleryItems_1.default, { setAddGallery: setAddFavList, title: 'Add to Favourite List', titleBtn: '+ New Favourite List', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error, currentMyGalleryId: currentMyGalleryId })) }));
+            createMethod: createFavorites, error: errorCreateFavorites })) : (_jsx(ChooseGalleryItems, { 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;
+export default AddCreationToFavoriteList;

package/build/components/gallery/add/addCreationToGallery/index.js

@@ -1,20 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const chooseGalleryItems_1 = __importDefault(require("../../../../modules/gallery/ui/chooseGalleryItems"));
-const createGalleryForm_1 = __importDefault(require("../../../../modules/gallery/ui/createGalleryForm"));
-const itemsPreview_1 = __importDefault(require("../../../../modules/gallery/ui/itemsPreview"));
-const useToGalleryAsset_1 = require("../../../../modules/gallery/useToGalleryAsset");
-const ui_1 = require("../../../../store/ui");
-const useAddCreationsToGallery_1 = require("../../../../api/server-galleries/mutations/useAddCreationsToGallery");
-const useCreateGallery_1 = require("../../../../api/server-galleries/mutations/useCreateGallery");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import styled from 'styled-components';
+import ChooseGalleryItems from "../../../../modules/gallery/ui/chooseGalleryItems";
+import CreateGalleryForm from "../../../../modules/gallery/ui/createGalleryForm";
+import ItemsPreview from "../../../../modules/gallery/ui/itemsPreview";
+import { useToGalleryStore } from "../../../../modules/gallery/useToGalleryAsset";
+import { useUiStore } from "../../../../store/ui";
+import { useAddCreationsToGalleryV2 } from "../../../../api/server-galleries/mutations/useAddCreationsToGallery";
+import { useCreateGalleryV2 } from "../../../../api/server-galleries/mutations/useCreateGallery";
 // Styles
-const StyledAddGallery = styled_components_1.default.div `
+const StyledAddGallery = styled.div `
   display: flex;
 
   @media (max-width: 767px) {
@@ -23,26 +18,26 @@ const StyledAddGallery = styled_components_1.default.div `
 `;
 // Component
 const AddCreationToGallery = () => {
-    const { removeCreationFromGalleryWithCallback, creationsToGallery, resetCreationsInGallery: actionResetCheckboxes, } = (0, useToGalleryAsset_1.useToGalleryStore)((state) => ({
+    const { removeCreationFromGalleryWithCallback, creationsToGallery, resetCreationsInGallery: actionResetCheckboxes, } = useToGalleryStore((state) => ({
         resetCreationsInGallery: state.resetCreationsInGallery,
         creationsToGallery: state.creationsToGallery,
         removeCreationFromGalleryWithCallback: state.removeCreationFromGalleryWithCallback,
     }));
-    const { createGallery, errorCreateGallery } = (0, useCreateGallery_1.useCreateGalleryV2)();
-    const closeModalSidebarPortal = (0, ui_1.useUiStore)((state) => state.closeModalSidebarPortal);
-    const [isNeedAddGallery, setAddGallery] = (0, react_1.useState)(false);
-    const { addCreationsToGallery, isAdded, error } = (0, useAddCreationsToGallery_1.useAddCreationsToGalleryV2)();
+    const { createGallery, errorCreateGallery } = useCreateGalleryV2();
+    const closeModalSidebarPortal = useUiStore((state) => state.closeModalSidebarPortal);
+    const [isNeedAddGallery, setAddGallery] = useState(false);
+    const { addCreationsToGallery, isAdded, error } = useAddCreationsToGalleryV2();
     const addMethod = async (galleryId, ids) => {
         await addCreationsToGallery({ galleryId, creationIds: ids });
         actionResetCheckboxes();
         closeModalSidebarPortal();
     };
     const ids = creationsToGallery.map((creations) => creations.getCreationId());
-    return ((0, jsx_runtime_1.jsxs)(StyledAddGallery, { children: [(0, jsx_runtime_1.jsx)(itemsPreview_1.default, { creations: creationsToGallery, title: 'Add to Gallery', deleteMethod: (itemId) => {
+    return (_jsxs(StyledAddGallery, { children: [_jsx(ItemsPreview, { creations: creationsToGallery, title: 'Add to Gallery', deleteMethod: (itemId) => {
                     removeCreationFromGalleryWithCallback(itemId, closeModalSidebarPortal);
-                } }), isNeedAddGallery ? ((0, jsx_runtime_1.jsx)(createGalleryForm_1.default, { setAddGallery: setAddGallery, 
+                } }), isNeedAddGallery ? (_jsx(CreateGalleryForm, { setAddGallery: setAddGallery, 
                 // ids={ids as string[]}
-                title: 'Create Gallery', createMethod: createGallery, inputPlaceHolderText: 'Gallery Name', error: errorCreateGallery })) : ((0, jsx_runtime_1.jsx)(chooseGalleryItems_1.default, { setAddGallery: setAddGallery, title: 'Choose Gallery', titleBtn: '+ New Gallery', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error, isGetMyGalleries: true }))] }));
+                title: 'Create Gallery', createMethod: createGallery, inputPlaceHolderText: 'Gallery Name', error: errorCreateGallery })) : (_jsx(ChooseGalleryItems, { setAddGallery: setAddGallery, title: 'Choose Gallery', titleBtn: '+ New Gallery', ids: ids, addMethod: addMethod, isAdded: isAdded, error: error, isGetMyGalleries: true }))] }));
 };
 // Export
-exports.default = AddCreationToGallery;
+export default AddCreationToGallery;

package/build/components/headers/components/headerExperienceLabel/index.js

@@ -1,31 +1,26 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const store_1 = require("../../../../modules/user/store");
-const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
-const ExperienceLabel_1 = __importDefault(require("../../../../system/Labels/ExperienceLabel"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from 'styled-components';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import { useUserStore } from "../../../../modules/user/store";
+import { mediaQuery } from "../../../../styles/ScreenWidth";
+import ExperienceLabel from "../../../../system/Labels/ExperienceLabel";
 // Styles
-const StyledHeaderExperienceLabel = styled_components_1.default.div `
+const StyledHeaderExperienceLabel = styled.div `
   margin-right: 20px;
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    margin-right: ${(0, _4k_1.adaptiveValueCalc)(20)};
+  ${mediaQuery.minWidthFourK} {
+    margin-right: ${adaptiveValueCalc(20)};
   }
 `;
 // Component
 const HeaderExperienceLabel = ({ userId }) => {
-    const { userExp, isLoadingExp, errorExp } = (0, store_1.useUserStore)((state) => ({
+    const { userExp, isLoadingExp, errorExp } = useUserStore((state) => ({
         userExp: state.userExp,
         isLoadingExp: state.isLoadingExp,
         errorExp: state.errorExp,
     }));
     if (!userId)
         return null;
-    return ((0, jsx_runtime_1.jsx)(StyledHeaderExperienceLabel, { children: (0, jsx_runtime_1.jsx)(ExperienceLabel_1.default, { value: userExp.xps, link: `/rewards/${userId}`, loading: isLoadingExp || !!errorExp }) }));
+    return (_jsx(StyledHeaderExperienceLabel, { children: _jsx(ExperienceLabel, { value: userExp.xps, link: `/rewards/${userId}`, loading: isLoadingExp || !!errorExp }) }));
 };
 // Export
-exports.default = HeaderExperienceLabel;
+export default HeaderExperienceLabel;