@ludo.ninja/components 2.0.2 → 2.0.4

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

@@ -8,10 +8,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_hyphen_1 = __importDefault(require("react-hyphen"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const system_1 = require("@/system");
-const SH3 = (0, styled_components_1.default)(system_1.H3) `
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const index_1 = require("../../../system/index");
+const SH3 = (0, styled_components_1.default)(index_1.H3) `
   margin-top: 20px;
   margin-bottom: 5px;
 
@@ -20,7 +20,7 @@ const SH3 = (0, styled_components_1.default)(system_1.H3) `
     margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(5)};
   }
 `;
-const SFlex = (0, styled_components_1.default)(system_1.Flex) `
+const SFlex = (0, styled_components_1.default)(index_1.Flex) `
   .text {
     font-size: 14px;
     color: ${colors_1.TextGrayColor};

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

@@ -11,13 +11,13 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const utils_1 = require("@ludo.ninja/utils");
-const env_1 = require("@/store/env");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_2 = require("@/styles/colors");
-const system_1 = require("@/system");
-const copyBtn_1 = require("@/utils/copyBtn");
-const screen_1 = require("@/utils/screen");
-const vars_1 = require("@/fonts/vars");
+const env_1 = require("../../../store/env");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_2 = require("../../../styles/colors");
+const index_1 = require("../../../system/index");
+const copyBtn_1 = require("../../../utils/copyBtn");
+const screen_1 = require("../../../utils/screen");
+const vars_1 = require("../../../fonts/vars");
 const StyledImage = styled_components_1.default.img `
   border-radius: 50%;
   width: 16px;
@@ -38,7 +38,7 @@ const BoxOverflow = styled_components_1.default.div `
     width: ${(0, _4k_1.adaptiveValueCalc)(90)};
   }
 `;
-const FlexOverflow = (0, styled_components_1.default)(system_1.Flex) `
+const FlexOverflow = (0, styled_components_1.default)(index_1.Flex) `
   justify-content: space-between;
   gap: 8px;
   margin-bottom: 8px;
@@ -52,11 +52,11 @@ const FlexOverflow = (0, styled_components_1.default)(system_1.Flex) `
     margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(8)};
   }
 `;
-const OverflowH5 = (0, styled_components_1.default)(system_1.H5) `
+const OverflowH5 = (0, styled_components_1.default)(index_1.H5) `
   text-overflow: ellipsis;
   overflow: hidden;
 `;
-const SBlockchain = (0, styled_components_1.default)(system_1.Flex) `
+const SBlockchain = (0, styled_components_1.default)(index_1.Flex) `
   text-align: center;
   align-items: center;
   width: max-content;
@@ -89,7 +89,7 @@ const SBlockchain = (0, styled_components_1.default)(system_1.Flex) `
     }
   }
 `;
-const SFlex = (0, styled_components_1.default)(system_1.Flex) `
+const SFlex = (0, styled_components_1.default)(index_1.Flex) `
   margin-bottom: 8px;
 
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
@@ -110,8 +110,8 @@ const Information = ({ asset }) => {
         ? { overflow: 'hidden' }
         : undefined;
     const getStaticENVDomain = (0, env_1.useEnvStore)((state) => state.getStaticDomain);
-    return ((0, jsx_runtime_1.jsxs)(system_1.Flex, { flexDirection: "column", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(SFlex, { justifyContent: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(system_1.H5, { color: colors_2.TextGrayColor, children: "Blockchain" }), (0, jsx_runtime_1.jsx)(link_1.default, { href: `/search/nfts?blockchain=${blockChain.getBlockChainPrivateLabel()}`, children: (0, jsx_runtime_1.jsxs)(SBlockchain, { children: [(0, jsx_runtime_1.jsx)("p", { children: blockChain.getBlockChainPublicLabel() }), (0, jsx_runtime_1.jsx)(StyledImage, { width: 16, height: 16, src: blockChain.getBlockChainIconRegular({
+    return ((0, jsx_runtime_1.jsxs)(index_1.Flex, { flexDirection: "column", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(SFlex, { justifyContent: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_2.TextGrayColor, children: "Blockchain" }), (0, jsx_runtime_1.jsx)(link_1.default, { href: `/search/nfts?blockchain=${blockChain.getBlockChainPrivateLabel()}`, children: (0, jsx_runtime_1.jsxs)(SBlockchain, { children: [(0, jsx_runtime_1.jsx)("p", { children: blockChain.getBlockChainPublicLabel() }), (0, jsx_runtime_1.jsx)(StyledImage, { width: 16, height: 16, src: blockChain.getBlockChainIconRegular({
                                         domain: getStaticENVDomain(),
-                                    }), alt: blockChain.getBlockChainPublicLabel() })] }) })] }), address && ((0, jsx_runtime_1.jsxs)(FlexOverflow, { children: [(0, jsx_runtime_1.jsx)(system_1.H5, { color: colors_2.TextGrayColor, children: "Contract Address" }), (0, jsx_runtime_1.jsx)(copyBtn_1.CopyButton, { value: address, style: styleOverflow, children: isDesktop ? ((0, jsx_runtime_1.jsx)(OverflowH5, { color: colors_2.AccentColor, title: address, children: address })) : ((0, jsx_runtime_1.jsx)(system_1.H5, { color: colors_2.AccentColor, title: address, children: (0, utils_1.shortenedText)(address) })) })] })), (0, jsx_runtime_1.jsxs)(FlexOverflow, { children: [(0, jsx_runtime_1.jsx)(system_1.H5, { color: colors_2.TextGrayColor, children: idTittle }), (0, jsx_runtime_1.jsx)(copyBtn_1.CopyButton, { value: id, style: styleOverflow, children: isDesktop ? ((0, jsx_runtime_1.jsx)(OverflowH5, { color: colors_2.AccentColor, title: id, children: id })) : ((0, jsx_runtime_1.jsx)(BoxOverflow, { children: (0, jsx_runtime_1.jsx)(system_1.H5, { color: colors_2.AccentColor, title: id, children: (0, jsx_runtime_1.jsx)(BoxOverflow, { children: id }) }) })) })] }), blockTimestamp && ((0, jsx_runtime_1.jsxs)(SFlex, { justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(system_1.H5, { color: colors_2.TextGrayColor, children: "Added on" }), (0, jsx_runtime_1.jsx)(system_1.H5, { color: colors_2.TextGrayColor, children: (0, moment_1.default)(blockTimestamp * 1000).format('LL') })] }))] }));
+                                    }), alt: blockChain.getBlockChainPublicLabel() })] }) })] }), address && ((0, jsx_runtime_1.jsxs)(FlexOverflow, { children: [(0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_2.TextGrayColor, children: "Contract Address" }), (0, jsx_runtime_1.jsx)(copyBtn_1.CopyButton, { value: address, style: styleOverflow, children: isDesktop ? ((0, jsx_runtime_1.jsx)(OverflowH5, { color: colors_2.AccentColor, title: address, children: address })) : ((0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_2.AccentColor, title: address, children: (0, utils_1.shortenedText)(address) })) })] })), (0, jsx_runtime_1.jsxs)(FlexOverflow, { children: [(0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_2.TextGrayColor, children: idTittle }), (0, jsx_runtime_1.jsx)(copyBtn_1.CopyButton, { value: id, style: styleOverflow, children: isDesktop ? ((0, jsx_runtime_1.jsx)(OverflowH5, { color: colors_2.AccentColor, title: id, children: id })) : ((0, jsx_runtime_1.jsx)(BoxOverflow, { children: (0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_2.AccentColor, title: id, children: (0, jsx_runtime_1.jsx)(BoxOverflow, { children: id }) }) })) })] }), blockTimestamp && ((0, jsx_runtime_1.jsxs)(SFlex, { justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_2.TextGrayColor, children: "Added on" }), (0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_2.TextGrayColor, children: (0, moment_1.default)(blockTimestamp * 1000).format('LL') })] }))] }));
 };
 exports.Information = Information;

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

@@ -9,10 +9,10 @@ const image_1 = __importDefault(require("next/image"));
 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 env_1 = require("@/store/env");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const boxShadow_1 = __importDefault(require("@/styles/mixins/boxShadow"));
-const boxTransform_1 = __importDefault(require("@/styles/mixins/boxTransform"));
+const env_1 = require("../../../store/env");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const boxShadow_1 = __importDefault(require("../../../styles/mixins/boxShadow"));
+const boxTransform_1 = __importDefault(require("../../../styles/mixins/boxTransform"));
 const Container = styled_components_1.default.div `
   margin: 30px 0 0 0;
   display: flex;

package/build/components/assetPage/media/AssetImage/index.js

@@ -29,13 +29,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const link_1 = __importDefault(require("next/link"));
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const imageProportionsSize_1 = require("@/utils/imageProportionsSize");
+const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
+const imageProportionsSize_1 = require("../../../../utils/imageProportionsSize");
 const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
 const styled_components_1 = __importStar(require("styled-components"));
 const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const vars_1 = require("@/fonts/vars");
+const vars_1 = require("../../../../fonts/vars");
 const SScreenshotContainer = styled_components_1.default.div `
   border-radius: 16px;
   overflow: hidden;

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

@@ -29,16 +29,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoreDropDown = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const scale_1 = require("@/utils/adaptive/scale");
-const screen_1 = require("@/utils/screen");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const scale_1 = require("../../../utils/adaptive/scale");
+const screen_1 = require("../../../utils/screen");
 const styled_components_1 = __importStar(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const utils_1 = require("@ludo.ninja/utils");
-const IconWithButton_1 = __importDefault(require("@/system/Buttons/IconWithButton"));
-const vars_1 = require("@/fonts/vars");
-const moreBtn_svg_1 = __importDefault(require("@/public/creation/card/moreBtn.svg"));
+const IconWithButton_1 = __importDefault(require("../../../system/Buttons/IconWithButton"));
+const vars_1 = require("../../../fonts/vars");
+const moreBtn_svg_1 = __importDefault(require("../../../../public/creation/card/moreBtn.svg"));
 const SContainer = styled_components_1.default.div `
   position: relative;
 

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

@@ -9,16 +9,16 @@ 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 utils_1 = require("@ludo.ninja/utils");
-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 system_1 = require("@/system");
-const scale_1 = require("@/utils/adaptive/scale");
-const copyBtn_1 = require("@/utils/copyBtn");
-const screen_1 = require("@/utils/screen");
-const details_svg_1 = __importDefault(require("@/public/assetPage/details.svg"));
-const MultiFlexRight = (0, styled_components_1.default)(system_1.Flex) `
+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 scale_1 = require("../../../utils/adaptive/scale");
+const copyBtn_1 = require("../../../utils/copyBtn");
+const screen_1 = require("../../../utils/screen");
+const details_svg_1 = __importDefault(require("../../../../public/assetPage/details.svg"));
+const MultiFlexRight = (0, styled_components_1.default)(index_1.Flex) `
   margin-left: 100px;
   align-items: center;
 
@@ -30,7 +30,7 @@ const MultiFlexRight = (0, styled_components_1.default)(system_1.Flex) `
     margin-left: ${(0, _4k_1.adaptiveValueCalc)(100)};
   }
 `;
-const MultiFlex = (0, styled_components_1.default)(system_1.Flex) `
+const MultiFlex = (0, styled_components_1.default)(index_1.Flex) `
   margin: 20px 0 10px;
 
   ${ScreenWidth_1.mediaQuery.desktop} {
@@ -41,7 +41,7 @@ const MultiFlex = (0, styled_components_1.default)(system_1.Flex) `
     margin: ${(0, _4k_1.adaptiveValueCalc)(20)} 0 ${(0, _4k_1.adaptiveValueCalc)(10)};
   }
 `;
-const SMultipleCreators = (0, styled_components_1.default)(system_1.Flex) `
+const SMultipleCreators = (0, styled_components_1.default)(index_1.Flex) `
   margin-left: 20px;
 
   img {
@@ -58,7 +58,7 @@ const SMultipleCreators = (0, styled_components_1.default)(system_1.Flex) `
     }
   }
 `;
-const SMultipleCreatorsH6 = (0, styled_components_1.default)(system_1.H6) `
+const SMultipleCreatorsH6 = (0, styled_components_1.default)(index_1.H6) `
   margin-left: 15px;
   color: ${colors_1.TextGrayColor};
 
@@ -83,8 +83,8 @@ const MultipleCreators = ({ creatorsProfiles, creatorsAddresses, }) => {
             creatorsAddresses,
         ];
     }
-    return ((0, jsx_runtime_1.jsx)(system_1.Flex, { alignItems: "center", children: (0, jsx_runtime_1.jsxs)(SMultipleCreators, { flexDirection: "row", alignItems: "center", children: [creatorsProfiles?.slice(0, 3).map((creator) => {
-                    return ((0, jsx_runtime_1.jsx)(system_1.ProfilePic, { size: 40, userPicSrc: (0, Urls_1.getUserPicImage)(getMediaDomain, creator?.userpic, '/defaultUserpics/defaultUserpic.svg') }, creator?.userId));
+    return ((0, jsx_runtime_1.jsx)(index_1.Flex, { alignItems: "center", children: (0, jsx_runtime_1.jsxs)(SMultipleCreators, { flexDirection: "row", alignItems: "center", children: [creatorsProfiles?.slice(0, 3).map((creator) => {
+                    return ((0, jsx_runtime_1.jsx)(index_1.ProfilePic, { size: 40, userPicSrc: (0, Urls_1.getUserPicImage)(getMediaDomain, creator?.userpic, '/defaultUserpics/defaultUserpic.svg') }, creator?.userId));
                 }), (0, jsx_runtime_1.jsxs)(SMultipleCreatorsH6, { children: [accumulatedResult && accumulatedResult?.length, " Creators"] })] }) }));
 };
 const SSingleUserLink = (0, styled_components_1.default)(link_1.default) `
@@ -94,7 +94,7 @@ const SSingleUserLink = (0, styled_components_1.default)(link_1.default) `
     font-size: ${(0, _4k_1.adaptiveValueCalc)(14)};
   }
 `;
-const SSingleUser = (0, styled_components_1.default)(system_1.Flex) `
+const SSingleUser = (0, styled_components_1.default)(index_1.Flex) `
   margin-bottom: 10px;
 
   img {
@@ -111,7 +111,7 @@ const SSingleUser = (0, styled_components_1.default)(system_1.Flex) `
     }
   }
 `;
-const SSingleUserFlex = (0, styled_components_1.default)(system_1.Flex) `
+const SSingleUserFlex = (0, styled_components_1.default)(index_1.Flex) `
   margin-left: 16px;
 
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
@@ -123,12 +123,12 @@ const SingleUser = (props) => {
     if (!props.profile && !props.address)
         return null;
     const isLudoWallet = (userName) => {
-        return userName ? ((0, jsx_runtime_1.jsx)(system_1.H5, { color: colors_1.BlackColor, children: userName })) : ((0, jsx_runtime_1.jsx)(copyBtn_1.CopyButton, { value: props.address, children: (0, jsx_runtime_1.jsx)(system_1.H5, { color: colors_1.BlackColor, children: (0, utils_1.shortenedText)(props.address) }) }));
+        return userName ? ((0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.BlackColor, children: userName })) : ((0, jsx_runtime_1.jsx)(copyBtn_1.CopyButton, { value: props.address, children: (0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.BlackColor, children: (0, utils_1.shortenedText)(props.address) }) }));
     };
     const ludoUserMurkUp = (name) => {
         return name ? ((0, jsx_runtime_1.jsx)(SSingleUserLink, { href: `/profile/${props.profile?.userId}/nfts`, children: name })) : (isLudoWallet(props.profile?.username));
     };
-    return ((0, jsx_runtime_1.jsxs)(SSingleUser, { width: '50%', alignItems: "center", children: [Boolean(props?.profile && props?.profile?.userpic) && ((0, jsx_runtime_1.jsx)(system_1.ProfilePic, { size: 40, userPicSrc: (0, Urls_1.getUserPicImage)(getMediaDomain, props?.profile?.userpic, '/defaultUserpics/defaultUserpic.svg') })), Boolean(props?.profile && props?.profile?.userpic) || ((0, jsx_runtime_1.jsx)(system_1.ProfilePic, { size: 40, userPicSrc: '/defaultUserpics/defaultUserpic.svg' })), (0, jsx_runtime_1.jsxs)(SSingleUserFlex, { flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(system_1.H6, { color: colors_1.TextGrayColor, children: props.title }), ludoUserMurkUp(props?.profile && props.profile.username)] })] }));
+    return ((0, jsx_runtime_1.jsxs)(SSingleUser, { width: '50%', alignItems: "center", children: [Boolean(props?.profile && props?.profile?.userpic) && ((0, jsx_runtime_1.jsx)(index_1.ProfilePic, { size: 40, userPicSrc: (0, Urls_1.getUserPicImage)(getMediaDomain, props?.profile?.userpic, '/defaultUserpics/defaultUserpic.svg') })), Boolean(props?.profile && props?.profile?.userpic) || ((0, jsx_runtime_1.jsx)(index_1.ProfilePic, { size: 40, userPicSrc: '/defaultUserpics/defaultUserpic.svg' })), (0, jsx_runtime_1.jsxs)(SSingleUserFlex, { flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(index_1.H6, { color: colors_1.TextGrayColor, children: props.title }), ludoUserMurkUp(props?.profile && props.profile.username)] })] }));
 };
 const SIconWrapper = styled_components_1.default.div `
   display: flex;
@@ -148,7 +148,7 @@ const DetailsIconResize = () => {
     const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
     return ((0, jsx_runtime_1.jsx)(SIconWrapper, { children: (0, jsx_runtime_1.jsx)(details_svg_1.default, { style: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }) }) }));
 };
-const SMultipleOwnersFlex = (0, styled_components_1.default)(system_1.Flex) `
+const SMultipleOwnersFlex = (0, styled_components_1.default)(index_1.Flex) `
   margin-bottom: 7px;
 
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
@@ -165,7 +165,7 @@ const MultipleOwners = ({ ownersProfiles, ownersAddresses, }) => {
             ownersAddresses,
         ];
     }
-    return ((0, jsx_runtime_1.jsx)(MultiFlexRight, { alignItems: "center", children: (0, jsx_runtime_1.jsx)(system_1.Flex, { flexDirection: "column", children: (0, jsx_runtime_1.jsxs)(SMultipleOwnersFlex, { alignItems: "center", children: [(0, jsx_runtime_1.jsx)(DetailsIconResize, {}), ' ', (0, jsx_runtime_1.jsxs)(system_1.H6, { children: [accumulatedResult.length, ' ', accumulatedResult.length > 1 ? 'Owners' : 'Owner'] })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(MultiFlexRight, { alignItems: "center", children: (0, jsx_runtime_1.jsx)(index_1.Flex, { flexDirection: "column", children: (0, jsx_runtime_1.jsxs)(SMultipleOwnersFlex, { alignItems: "center", children: [(0, jsx_runtime_1.jsx)(DetailsIconResize, {}), ' ', (0, jsx_runtime_1.jsxs)(index_1.H6, { children: [accumulatedResult.length, ' ', accumulatedResult.length > 1 ? 'Owners' : 'Owner'] })] }) }) }));
 };
 const Participants = ({ creatorsProfiles, ownersProfiles, creatorsAddresses, ownersAddresses, }) => {
     // console.clear();

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

@@ -8,9 +8,9 @@ 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 utils_1 = require("@ludo.ninja/utils");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const system_1 = require("@/system");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const index_1 = require("../../../system/index");
 const RangeContainer = styled_components_1.default.div `
   display: block;
   width: 100px;
@@ -38,7 +38,7 @@ const RangeValue = styled_components_1.default.div `
     border-radius: ${(0, _4k_1.adaptiveValueCalc)(2)} 0 0 ${(0, _4k_1.adaptiveValueCalc)(2)};
   }
 `;
-const SPrice = (0, styled_components_1.default)(system_1.Box) `
+const SPrice = (0, styled_components_1.default)(index_1.Box) `
   width: 65%;
   border-radius: 6px;
   margin-right: 15px;
@@ -69,14 +69,14 @@ const SPrice = (0, styled_components_1.default)(system_1.Box) `
     }
   }
 `;
-const SPriceFlex = (0, styled_components_1.default)(system_1.Flex) `
+const SPriceFlex = (0, styled_components_1.default)(index_1.Flex) `
   border-radius: 6px;
 
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
     border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
   }
 `;
-const SRank = (0, styled_components_1.default)(system_1.Box) `
+const SRank = (0, styled_components_1.default)(index_1.Box) `
   width: 35%;
   border-radius: 6px;
   padding: 15px;
@@ -107,6 +107,6 @@ const PriceRank = ({ rank, latestPriceAmount, latestPriceCurrency, }) => {
     //   latestPriceCurrency,
     //   latestPriceAmount,
     // });
-    return ((0, jsx_runtime_1.jsxs)(system_1.Flex, { children: [latestPriceAmount && latestPriceAmount !== 0 && latestPriceCurrency && ((0, jsx_runtime_1.jsxs)(SPrice, { children: [(0, jsx_runtime_1.jsx)(system_1.H6, { color: colors_1.TextGrayColor, className: "title-price", children: "Price" }), (0, jsx_runtime_1.jsx)(system_1.Flex, { children: (0, jsx_runtime_1.jsx)(SPriceFlex, { alignItems: "center", children: (0, jsx_runtime_1.jsx)(system_1.H2, { color: colors_1.BlackColor, className: "price-latest", children: latestPriceAmount }) }) })] })), (0, jsx_runtime_1.jsxs)(SRank, { backgroundColor: colors_1.WhiteColor, children: [(0, jsx_runtime_1.jsx)(system_1.H6, { color: colors_1.TextGrayColor, className: "rank-title", children: "Ludo Rank" }), (0, jsx_runtime_1.jsx)(system_1.Flex, { children: (0, jsx_runtime_1.jsx)(SPriceFlex, { alignItems: "center", children: Boolean(rank) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(system_1.H2, { color: colors_1.BlackColor, className: "rank-text", children: rank }), (0, jsx_runtime_1.jsx)(RangeContainer, { children: (0, jsx_runtime_1.jsx)(RangeValue, { rankValue: rank, style: { width: `${rank}%` } }) })] })) : ((0, jsx_runtime_1.jsx)(system_1.H3, { color: colors_1.BlackColor, className: "rank-text", children: "unknown" })) }) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(index_1.Flex, { children: [latestPriceAmount && latestPriceAmount !== 0 && latestPriceCurrency && ((0, jsx_runtime_1.jsxs)(SPrice, { children: [(0, jsx_runtime_1.jsx)(index_1.H6, { color: colors_1.TextGrayColor, className: "title-price", children: "Price" }), (0, jsx_runtime_1.jsx)(index_1.Flex, { children: (0, jsx_runtime_1.jsx)(SPriceFlex, { alignItems: "center", children: (0, jsx_runtime_1.jsx)(index_1.H2, { color: colors_1.BlackColor, className: "price-latest", children: latestPriceAmount }) }) })] })), (0, jsx_runtime_1.jsxs)(SRank, { backgroundColor: colors_1.WhiteColor, children: [(0, jsx_runtime_1.jsx)(index_1.H6, { color: colors_1.TextGrayColor, className: "rank-title", children: "Ludo Rank" }), (0, jsx_runtime_1.jsx)(index_1.Flex, { children: (0, jsx_runtime_1.jsx)(SPriceFlex, { alignItems: "center", children: Boolean(rank) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.H2, { color: colors_1.BlackColor, className: "rank-text", children: rank }), (0, jsx_runtime_1.jsx)(RangeContainer, { children: (0, jsx_runtime_1.jsx)(RangeValue, { rankValue: rank, style: { width: `${rank}%` } }) })] })) : ((0, jsx_runtime_1.jsx)(index_1.H3, { color: colors_1.BlackColor, className: "rank-text", children: "unknown" })) }) })] })] }));
 };
 exports.PriceRank = PriceRank;

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

@@ -7,9 +7,9 @@ exports.Properties = 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 ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const system_1 = require("@/system");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const index_1 = require("../../../system/index");
 const Wrapper = styled_components_1.default.div `
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -23,7 +23,7 @@ const Wrapper = styled_components_1.default.div `
     gap: ${(0, _4k_1.adaptiveValueCalc)(15)};
   }
 `;
-const SFlex = (0, styled_components_1.default)(system_1.Flex) `
+const SFlex = (0, styled_components_1.default)(index_1.Flex) `
   border-radius: 6px;
   border: 1px solid ${colors_1.BorderColorLight};
   padding: 10px 16px;
@@ -36,7 +36,7 @@ const SFlex = (0, styled_components_1.default)(system_1.Flex) `
 `;
 const Properties = ({ attributes }) => {
     return ((0, jsx_runtime_1.jsx)(Wrapper, { children: attributes?.map((item) => {
-            return ((0, jsx_runtime_1.jsxs)(SFlex, { flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(system_1.H6, { style: { wordBreak: 'break-word' }, color: colors_1.TextGrayColor, children: item?.name }), (0, jsx_runtime_1.jsx)(system_1.H5, { style: { wordBreak: 'break-word' }, children: item?.value })] }, item?.name));
+            return ((0, jsx_runtime_1.jsxs)(SFlex, { flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(index_1.H6, { style: { wordBreak: 'break-word' }, color: colors_1.TextGrayColor, children: item?.name }), (0, jsx_runtime_1.jsx)(index_1.H5, { style: { wordBreak: 'break-word' }, children: item?.value })] }, item?.name));
         }) }));
 };
 exports.Properties = Properties;

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

@@ -11,10 +11,10 @@ const react_slick_1 = __importDefault(require("react-slick"));
 require("slick-carousel/slick/slick.css");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const store_1 = require("@/components/assetPage/slider/store");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const system_1 = require("@/system");
+const store_1 = require("./store");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const index_1 = require("../../../system/index");
 const slideItem_1 = require("./slideItem");
 const Wrapper = styled_components_1.default.div `
   margin: 0 0 60px -160px;
@@ -174,5 +174,5 @@ const SliderMedias = ({ medias }) => {
             return null;
         return (0, jsx_runtime_1.jsx)(slideItem_1.SlideItem, { item: image }, idx);
     });
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(react_slick_1.default, { ...settings, children: collectionTemplate }), (0, jsx_runtime_1.jsx)(system_1.H6, { style: { textAlign: 'center' }, color: colors_1.TextGrayColor, className: 'medias-count', children: imageIndex + 1 + '/' + medias.length + ' medias' })] }));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(react_slick_1.default, { ...settings, children: collectionTemplate }), (0, jsx_runtime_1.jsx)(index_1.H6, { style: { textAlign: 'center' }, color: colors_1.TextGrayColor, className: 'medias-count', children: imageIndex + 1 + '/' + medias.length + ' medias' })] }));
 };

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

@@ -7,8 +7,8 @@ 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("@/components/assetPage/audioVideoPlayer");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
+const audioVideoPlayer_1 = require("../audioVideoPlayer");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const SlideWrapper = styled_components_1.default.div `
   display: flex;
   flex-direction: column;

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

@@ -9,13 +9,13 @@ 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 system_1 = require("@/system");
-const ImageInterceptor_1 = require("@/system/Img/ImageInterceptor");
-const SCollection = (0, styled_components_1.default)(system_1.Flex) `
+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) `
   margin-bottom: 8px;
 
   img {
@@ -46,7 +46,7 @@ const SCollection = (0, styled_components_1.default)(system_1.Flex) `
     }
   }
 `;
-const SH1 = (0, styled_components_1.default)(system_1.H1) `
+const SH1 = (0, styled_components_1.default)(index_1.H1) `
   color: ${colors_1.BlackColor};
   line-height: 42px;
   word-break: break-word;
@@ -69,7 +69,7 @@ const Collection = (props) => {
     const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.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)(system_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 ((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 })] }));
 };
 const Title = ({ name, collectionTitle, collectionMedias, collectionId, }) => {
     const [cuttedString, setCuttedString] = (0, react_1.useState)(name);
@@ -84,6 +84,6 @@ const Title = ({ name, collectionTitle, collectionMedias, collectionId, }) => {
         setCuttedString(name);
         setNeedReadMore(false);
     };
-    return ((0, jsx_runtime_1.jsxs)(system_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 ((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: "..." })] })] }));
 };
 exports.Title = Title;

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

@@ -11,13 +11,13 @@ 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("@/components/assetPage/media/AssetImage"));
-const store_1 = require("@/components/assetPage/slider/store");
-const NoSSR_1 = __importDefault(require("@/components/base/NoSSR"));
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const system_1 = require("@/system");
-const Togler = (0, styled_components_1.default)(system_1.Flex) `
+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) `
   border-radius: 8px;
   position: absolute;
   top: 16px;

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (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");
+const env_1 = require("../../../store/env");
 // Component
 const Meta = () => {
     const { NEXT_PUBLIC_STATIC_DOMAIN, NEXT_PUBLIC_ENV_DOMAIN, getMediaDomain, getStaticDomain, } = (0, env_1.useEnvStore)((state) => ({

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

@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (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");
+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");
 // Component
 const AddCreationToFavoriteList = ({ ids, currentMyGalleryId, }) => {
     const [isNeedAddFavList, setAddFavList] = (0, react_1.useState)(false);

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

@@ -6,13 +6,13 @@ 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");
+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");
 // Styles
 const StyledAddGallery = styled_components_1.default.div `
   display: flex;

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

@@ -6,9 +6,9 @@ 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"));
+const store_1 = require("../../../../modules/user/store");
+const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
+const ExperienceLabel_1 = __importDefault(require("../../../../system/Labels/ExperienceLabel"));
 // Styles
 const StyledHeaderExperienceLabel = styled_components_1.default.div `
   margin-right: 20px;

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

@@ -6,8 +6,8 @@ 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 ScreenWidth_1 = require("@/styles/ScreenWidth");
-const Userpic_1 = __importDefault(require("@/system/Img/Userpic"));
+const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
+const Userpic_1 = __importDefault(require("../../../../system/Img/Userpic"));
 // Styles
 const StyledHeaderUserPick = styled_components_1.default.div `
   margin-right: 24px;

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const link_1 = __importDefault(require("next/link"));
 const header_1 = require("@ludo.ninja/ui/build/components/header");
-const headerExperienceLabel_1 = __importDefault(require("@/components/headers/components/headerExperienceLabel"));
-const headerUserPic_1 = __importDefault(require("@/components/headers/components/headerUserPic"));
-const store_1 = require("@/modules/user/store");
-const ui_1 = require("@/store/ui");
-const auth_1 = require("@/utils/auth");
+const headerExperienceLabel_1 = __importDefault(require("../components/headerExperienceLabel"));
+const headerUserPic_1 = __importDefault(require("../components/headerUserPic"));
+const store_1 = require("../../../modules/user/store");
+const ui_1 = require("../../../store/ui");
+const auth_1 = require("../../../utils/auth");
 // Component
 const Header = () => {
     const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);

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

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const link_1 = __importDefault(require("next/link"));
 const header_1 = require("@ludo.ninja/ui/build/components/header");
-const headerExperienceLabel_1 = __importDefault(require("@/components/headers/components/headerExperienceLabel"));
-const headerUserPic_1 = __importDefault(require("@/components/headers/components/headerUserPic"));
-const searchSimpleInput_1 = __importDefault(require("@/components/search/searchSimpleInput"));
-const store_1 = require("@/modules/user/store");
-const env_1 = require("@/store/env");
-const ui_1 = require("@/store/ui");
-const auth_1 = require("@/utils/auth");
+const headerExperienceLabel_1 = __importDefault(require("../components/headerExperienceLabel"));
+const headerUserPic_1 = __importDefault(require("../components/headerUserPic"));
+const searchSimpleInput_1 = __importDefault(require("../../search/searchSimpleInput"));
+const store_1 = require("../../../modules/user/store");
+const env_1 = require("../../../store/env");
+const ui_1 = require("../../../store/ui");
+const auth_1 = require("../../../utils/auth");
 // Component
 const HeaderSearch = () => {
     const openSidebar = (0, ui_1.useUiStore)((state) => state.openSidebar);

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const image_1 = __importDefault(require("next/image"));
 const link_1 = __importDefault(require("next/link"));
-const colors_1 = require("@/styles/colors");
-const screen_1 = require("@/utils/screen");
+const colors_1 = require("../../../styles/colors");
+const screen_1 = require("../../../utils/screen");
 const styled_components_1 = __importDefault(require("styled-components"));
 const utils_1 = require("@ludo.ninja/utils");
 // Styles

package/build/components/linkTabs/index.js

@@ -6,8 +6,8 @@ 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 ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
+const ScreenWidth_1 = require("../../styles/ScreenWidth");
+const colors_1 = require("../../styles/colors");
 // Styles
 const StyledLinkTabs = styled_components_1.default.div `
   margin-bottom: 24px;