npm - @ludo.ninja/components - Versions diffs - 2.0.18 → 2.1.1 - Mend

@ludo.ninja/components 2.0.18 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/build/api/server-experiences/queries/useFetchMyExperienceWithLevel/index.js CHANGED Viewed

@@ -8,7 +8,10 @@ const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const store_1 = require("../../../../modules/user/store");
 const ui_1 = require("../../../../store/ui");
 const notifications_1 = require("../../../../modules/notifications");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const env_1 = require("../../../../store/env");
 const useFetchMyExperienceWithLevel = () => {
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)(state => state.NEXT_PUBLIC_ENV_VALUE);
     const { user, isSignedIn, setUserExp, resetUserExp, setErrorExp, setIsLoadingExp, } = (0, store_1.useUserStore)((state) => ({
         user: state.user,
         isSignedIn: state.isSignedIn,
@@ -22,7 +25,7 @@ const useFetchMyExperienceWithLevel = () => {
         addNotification: state.addNotification,
     }));
     const router = (0, router_1.useRouter)();
-    const userId = user?.userId || '';
+    const userId = user?.userId || "";
     const [fetchExp, { subscribeToMore }] = (0, client_1.useLazyQuery)(api_1.experiencesSchema.FetchMyExperienceV2Document, {
         context: {
             uri: api_1.hosts.experiencesHost,
@@ -61,7 +64,13 @@ const useFetchMyExperienceWithLevel = () => {
                         xpsIncrement,
                         ...(description ? { description } : {}),
                         onClick: () => {
-                            router.push(`/rewards/${userId}`);
+                            const domain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"];
+                            if (domain === window.origin) {
+                                router.push(`/rewards/${userId}`);
+                            }
+                            else {
+                                window.open(`${domain}/rewards/${userId}`);
+                            }
                         },
                     }));
                 }

package/build/api/subscriptions/SubscriberInviteNotification.js CHANGED Viewed

@@ -9,7 +9,10 @@ const api_1 = require("@ludo.ninja/api");
 const store_1 = require("../../modules/user/store");
 const ui_1 = require("../../store/ui");
 const notifications_1 = require("../../modules/notifications");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const env_1 = require("../../store/env");
 const Subscription = () => {
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)(state => state.NEXT_PUBLIC_ENV_VALUE);
     const { authToken } = api_1.authCookies.getCookies();
     const router = (0, router_1.useRouter)();
     const addNotification = (0, ui_1.useUiStore)((state) => state.addNotification);
@@ -25,7 +28,13 @@ const Subscription = () => {
                 addNotification((0, notifications_1.createInviteNotification)({
                     inviteCode,
                     onClick: () => {
-                        router.push(`/invite-codes`);
+                        const domain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"];
+                        if (domain === window.origin) {
+                            router.push(`/invite-codes`);
+                        }
+                        else {
+                            window.open(`${domain}/invite-codes`);
+                        }
                     },
                 }));
             }

package/build/components/assetPage/category/index.js CHANGED Viewed

@@ -11,6 +11,8 @@ const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const index_1 = require("../../../system/index");
 const vars_1 = require("../../../fonts/vars");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const env_1 = require("../../../store/env");
 // Styles
 const StyledBox = (0, styled_components_1.default)(index_1.Box) `
   text-align: center;
@@ -50,6 +52,7 @@ const Category = ({ asset }) => {
     //update
     const category = asset.getCategory() ?? 'all';
     const categoryLabel = asset.getCategoryLabel() ?? 'All';
-    return ((0, jsx_runtime_1.jsx)(link_1.default, { style: { display: 'block', width: 'max-content' }, href: `/search/nfts?category=${category}`, children: (0, jsx_runtime_1.jsx)(StyledBox, { children: (0, jsx_runtime_1.jsx)(StyledText, { children: categoryLabel }) }) }));
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    return ((0, jsx_runtime_1.jsx)(link_1.default, { style: { display: 'block', width: 'max-content' }, href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["search"]}/nfts?category=${category}`, children: (0, jsx_runtime_1.jsx)(StyledBox, { children: (0, jsx_runtime_1.jsx)(StyledText, { children: categoryLabel }) }) }));
 };
 exports.Category = Category;

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

@@ -18,6 +18,7 @@ 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 ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const StyledImage = styled_components_1.default.img `
   border-radius: 50%;
   width: 16px;
@@ -97,6 +98,7 @@ const SFlex = (0, styled_components_1.default)(index_1.Flex) `
   }
 `;
 const Information = ({ asset }) => {
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     const tokenId = asset.getTokenId();
     const splittedAssetId = asset.getSplitedAssetId();
     const address = asset.getAddress();
@@ -110,7 +112,7 @@ const Information = ({ asset }) => {
         ? { overflow: 'hidden' }
         : undefined;
     const getStaticENVDomain = (0, env_1.useEnvStore)((state) => state.getStaticDomain);
-    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({
+    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: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["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)(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') })] }))] }));
 };

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

@@ -18,6 +18,7 @@ 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"));
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const MultiFlexRight = (0, styled_components_1.default)(index_1.Flex) `
   margin-left: 100px;
   align-items: center;
@@ -119,6 +120,7 @@ const SSingleUserFlex = (0, styled_components_1.default)(index_1.Flex) `
   }
 `;
 const SingleUser = (props) => {
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     const getMediaDomain = (0, env_1.useEnvStore)((state) => state.getMediaDomain);
     if (!props.profile && !props.address)
         return null;
@@ -126,7 +128,7 @@ const SingleUser = (props) => {
         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 name ? ((0, jsx_runtime_1.jsx)(SSingleUserLink, { href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["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)(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)] })] }));
 };

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

@@ -15,6 +15,7 @@ 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 ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const SCollection = (0, styled_components_1.default)(index_1.Flex) `
   margin-bottom: 8px;
@@ -67,9 +68,10 @@ const SH1 = (0, styled_components_1.default)(index_1.H1) `
 `;
 const Collection = (props) => {
     const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     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 ((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: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/collection/${props?.collectionId}`, children: props.collectionTitle })] }));
 };
 const Title = ({ name, collectionTitle, collectionMedias, collectionId, }) => {
     const [cuttedString, setCuttedString] = (0, react_1.useState)(name);

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

@@ -9,6 +9,8 @@ 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 env_1 = require("../../../../store/env");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 // Styles
 const StyledHeaderExperienceLabel = styled_components_1.default.div `
   margin-right: 20px;
@@ -18,6 +20,7 @@ const StyledHeaderExperienceLabel = styled_components_1.default.div `
 `;
 // Component
 const HeaderExperienceLabel = ({ userId }) => {
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     const { userExp, isLoadingExp, errorExp } = (0, store_1.useUserStore)((state) => ({
         userExp: state.userExp,
         isLoadingExp: state.isLoadingExp,
@@ -25,7 +28,7 @@ const HeaderExperienceLabel = ({ userId }) => {
     }));
     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 ((0, jsx_runtime_1.jsx)(StyledHeaderExperienceLabel, { children: (0, jsx_runtime_1.jsx)(ExperienceLabel_1.default, { value: userExp.xps, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/rewards/${userId}`, loading: isLoadingExp || !!errorExp }) }));
 };
 // Export
 exports.default = HeaderExperienceLabel;

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

@@ -11,10 +11,13 @@ 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");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const env_1 = require("../../../store/env");
 // Component
 const Header = () => {
     const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);
     const getUser = (0, store_1.useUserStore)((state) => state.user);
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     const openSidebar = (0, ui_1.useUiStore)((state) => state.openSidebar);
     const redirectToLoginWindow = (0, auth_1.useRedirectToLoginWindow)();
     return ((0, jsx_runtime_1.jsx)(header_1.Header, { isAuthorized: isSignedIn, handle: {
@@ -23,7 +26,7 @@ const Header = () => {
         }, slots: {
             headerExpLabel: ((0, jsx_runtime_1.jsx)(headerExperienceLabel_1.default, { userId: getUser?.userId || '' })),
             headerUserPick: (0, jsx_runtime_1.jsx)(headerUserPic_1.default, { userId: getUser?.userId || '' }),
-            logoLinkComponent: ({ children }) => (0, jsx_runtime_1.jsx)(link_1.default, { href: '/', children: children }),
+            logoLinkComponent: ({ children }) => (0, jsx_runtime_1.jsx)(link_1.default, { href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"], children: children }),
         } }));
 };
 // Export

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

@@ -13,6 +13,7 @@ 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 ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 // Component
 const HeaderSearch = () => {
     const openSidebar = (0, ui_1.useUiStore)((state) => state.openSidebar);
@@ -20,13 +21,14 @@ const HeaderSearch = () => {
     const getUser = (0, store_1.useUserStore)((state) => state.user);
     const redirectToLoginWindow = (0, auth_1.useRedirectToLoginWindow)();
     const isProd = (0, env_1.useEnvStore)((state) => state.isProd);
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     return ((0, jsx_runtime_1.jsx)(header_1.Header, { isAuthorized: isSignedIn, handle: {
             login: redirectToLoginWindow,
             openSidebar,
         }, slots: {
             headerExpLabel: ((0, jsx_runtime_1.jsx)(headerExperienceLabel_1.default, { userId: getUser?.userId || '' })),
             headerUserPick: (0, jsx_runtime_1.jsx)(headerUserPic_1.default, { userId: getUser?.userId || '' }),
-            logoLinkComponent: ({ children }) => (0, jsx_runtime_1.jsx)(link_1.default, { href: '/', children: children }),
+            logoLinkComponent: ({ children }) => (0, jsx_runtime_1.jsx)(link_1.default, { href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"], children: children }),
             searchInput: ({ setInputFocused }) => {
                 // Todo seacrh pages, hide search input from header
                 return isProd() ? undefined : ((0, jsx_runtime_1.jsx)(searchSimpleInput_1.default, { onFocusHandler: setInputFocused }));

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

@@ -10,6 +10,8 @@ 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");
+const env_1 = require("../../../store/env");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 // Styles
 const StyledHeaderSimple = styled_components_1.default.header `
   display: flex;
@@ -70,7 +72,8 @@ const HeaderSimple = () => {
         return ((0, jsx_runtime_1.jsx)(image_1.default, { width: isMobile ? 31 : 116, height: isMobile ? 32 : 28, priority: true, src: isMobile ? '/logo/mobile_logo.svg' : '/logo/main_logo.svg', alt: "Ludo - a right place for NFT art" }));
     };
     const scrollDirection = (0, utils_1.useScrollDirection)();
-    return ((0, jsx_runtime_1.jsx)(StyledHeaderSimple, { className: scrollDirection, children: (0, jsx_runtime_1.jsx)("div", { className: 'logo', children: (0, jsx_runtime_1.jsx)(link_1.default, { href: '/', children: renderDesktopLogoOrMobile() }) }) }));
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    return ((0, jsx_runtime_1.jsx)(StyledHeaderSimple, { className: scrollDirection, children: (0, jsx_runtime_1.jsx)("div", { className: 'logo', children: (0, jsx_runtime_1.jsx)(link_1.default, { href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"], children: renderDesktopLogoOrMobile() }) }) }));
 };
 // Export
 exports.default = HeaderSimple;

package/build/components/search/SearchInputContainer.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { KeyboardEvent, MutableRefObject, ReactNode } from 'react';
+import React, { KeyboardEvent, MutableRefObject, ReactNode } from "react";
 interface IUseSearch {
     onFocusHandler?: (arg: boolean) => void;
     isClearOnBlur?: boolean;

package/build/components/search/SearchInputContainer.js CHANGED Viewed

@@ -44,13 +44,14 @@ const ScreenWidth_1 = require("../../styles/ScreenWidth");
 const screen_1 = require("../../utils/screen");
 const seacrhTabs_1 = require("../../utils/seacrhTabs");
 const back_svg_1 = __importDefault(require("../../public/search/back"));
-const enterKey = 'Enter';
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const enterKey = "Enter";
 const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputComponent, }) => {
-    const NEXT_PUBLIC_ENV_SEARCH_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_SEARCH_DOMAIN);
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     const inputSearch = (0, react_1.useRef)(null);
-    const [searchValue, setSearchValue] = (0, react_1.useState)('');
+    const [searchValue, setSearchValue] = (0, react_1.useState)("");
     //fix cache apollo with debounce
-    const [debouncedValue, setDebouncedValue] = (0, react_1.useState)('');
+    const [debouncedValue, setDebouncedValue] = (0, react_1.useState)("");
     const [isDebounceLoading, setIsDebounceLoading] = (0, react_1.useState)(false);
     const [isSearchFocused, setSearchFocused] = (0, react_1.useState)(false);
     const { openOverLay, closeOverlay } = (0, ui_1.useUiStore)((state) => ({
@@ -90,14 +91,14 @@ const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputCo
                             setIsMobileOpen(false);
                             (0, utils_1.rootRemoveOverflow)();
                             if (isClearOnBlur) {
-                                setSearchValue('');
+                                setSearchValue("");
                                 clearTopEntitiesState();
                             }
                         } })), initializeInputComponent({
                         isMobileOpen,
                         mobileOrDesktopPlaceHolder: isMobile
-                            ? 'Search'
-                            : 'Search for NFTs, collections, profiles, ENS and blockchain addresses',
+                            ? "Search"
+                            : "Search for NFTs, collections, profiles, ENS and blockchain addresses",
                         isSearchFocused,
                         searchValue,
                         inputRef: inputSearch,
@@ -132,7 +133,7 @@ const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputCo
                                     onFocusHandler?.(false);
                                     closeOverlay();
                                     if (isClearOnBlur) {
-                                        setSearchValue('');
+                                        setSearchValue("");
                                         clearTopEntitiesState();
                                     }
                                 }, 100);
@@ -140,8 +141,9 @@ const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputCo
                             async keyPress(e) {
                                 if (e.key === enterKey) {
                                     const { value } = e.target;
-                                    const newSearchValue = value.length ? searchValue : '';
-                                    if (NEXT_PUBLIC_ENV_SEARCH_DOMAIN?.includes('search.') &&
+                                    const newSearchValue = value.length ? searchValue : "";
+                                    const searchDomain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["search"];
+                                    if (searchDomain === window.origin &&
                                         seacrhTabs_1.searchTabs.find((el) => router.pathname.includes(el.link))) {
                                         await router.replace({
                                             query: { ...router.query, term: newSearchValue },
@@ -151,7 +153,7 @@ const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputCo
                                         closeOverlay();
                                     }
                                     else {
-                                        window.open(`${NEXT_PUBLIC_ENV_SEARCH_DOMAIN}/${seacrhTabs_1.searchTabs[0].link}${newSearchValue ? `?term=${newSearchValue}` : ''}`, '_self');
+                                        window.open(`${searchDomain}/${seacrhTabs_1.searchTabs[0].link}${newSearchValue ? `?term=${newSearchValue}` : ""}`, "_self");
                                         // await router.push({
                                         //   pathname: searchTabs[0].link,
                                         //   query: { term: newSearchValue },
@@ -165,9 +167,9 @@ const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputCo
                         },
                         searchSuggestion: !isMobile && searchValue && ((0, jsx_runtime_1.jsx)("div", { className: "suggestionBar", children: searchSuggestion })),
                         searchCloseButton: ((0, jsx_runtime_1.jsx)(searchCloseMoreButtons_1.default, { isNeedToShow: Boolean(searchValue.length), position: {
-                                top: '50%',
-                                right: '0',
-                                transform: 'translate(-50%, -50%)',
+                                top: "50%",
+                                right: "0",
+                                transform: "translate(-50%, -50%)",
                             }, clearSearchValue: setSearchValue })),
                     })] }), isMobileOpen && searchValue && ((0, jsx_runtime_1.jsx)(SSuggestions, { children: searchSuggestion }))] }));
 };

package/build/components/search/searchSuggestions/index.js CHANGED Viewed

@@ -15,6 +15,8 @@ const Urls_1 = require("../../../dto/common/Media/Urls");
 const env_1 = require("../../../store/env");
 const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const _3d_1 = require("../../../utils/3d");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const ItemType_1 = require("../../../dto/common/ItemType");
 // Styles
 const StyledSearchSuggestions = styled_components_1.default.div `
   position: relative;
@@ -69,11 +71,12 @@ const StyledSearchSuggestions = styled_components_1.default.div `
 // Components
 const SearchSuggestions = ({ searchTerm, assets, profiles, collections, isLoading, }) => {
     const isNotFound = !assets?.length && !profiles?.length && !collections?.length;
-    const { getMediaENVDomain, getVideoENVDomain, getAudioENVDomain, NEXT_PUBLIC_STATIC_DOMAIN, } = (0, env_1.useEnvStore)((state) => ({
+    const { getMediaENVDomain, getVideoENVDomain, getAudioENVDomain, NEXT_PUBLIC_STATIC_DOMAIN, NEXT_PUBLIC_ENV_VALUE, } = (0, env_1.useEnvStore)((state) => ({
         getMediaENVDomain: state.getMediaDomain,
         getVideoENVDomain: state.getVideoDomain,
         getAudioENVDomain: state.getAudioDomain,
         NEXT_PUBLIC_STATIC_DOMAIN: state.NEXT_PUBLIC_STATIC_DOMAIN,
+        NEXT_PUBLIC_ENV_VALUE: state.NEXT_PUBLIC_ENV_VALUE,
     }));
     return ((0, jsx_runtime_1.jsx)(StyledSearchSuggestions, { children: (0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [isLoading && (0, jsx_runtime_1.jsx)(searchSuggestionsItemSkeleton_1.SearchSuggestionsItemsSkeleton, {}), !isLoading &&
                     (isNotFound ? ((0, jsx_runtime_1.jsx)(searchSuggestionsNotFound_1.default, { notFoundText: searchTerm })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "scroller", children: [
@@ -116,7 +119,7 @@ const SearchSuggestions = ({ searchTerm, assets, profiles, collections, isLoadin
                                                         // image and screenshots
                                                         miniatureUrl = (0, Urls_1.getAssetImage)(currentMedia?.url, '/noContent/noContent.svg', Urls_1.mediaSizes.small, NEXT_PUBLIC_STATIC_DOMAIN);
                                                     }
-                                                    return ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { name: asset?.getName(), link: asset.getAssetLink(), imgUrl: miniatureUrl, searchTerm: searchTerm }, `${asset?.getAssetId()}.${Math.random()}`));
+                                                    return ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { name: asset?.getName(), link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["asset"]}/${asset.getAssetLink().replace(`${ItemType_1.LabelKeys.asset}/`, "")}`, imgUrl: miniatureUrl, searchTerm: searchTerm }, `${asset?.getAssetId()}.${Math.random()}`));
                                                 }),
                                             },
                                         ]
@@ -125,7 +128,7 @@ const SearchSuggestions = ({ searchTerm, assets, profiles, collections, isLoadin
                                         ? [
                                             {
                                                 caption: 'Collections',
-                                                children: collections.map((collection) => ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { name: collection?.collectionTitle, link: `/collection/${collection?.collectionId}`, imgUrl: '/noContent/noContent.svg', searchTerm: searchTerm }, `${collection?.collectionId}.${Math.random()}`))),
+                                                children: collections.map((collection) => ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { name: collection?.collectionTitle, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/collection/${collection?.collectionId}`, imgUrl: '/noContent/noContent.svg', searchTerm: searchTerm }, `${collection?.collectionId}.${Math.random()}`))),
                                             },
                                         ]
                                         : []),
@@ -133,7 +136,7 @@ const SearchSuggestions = ({ searchTerm, assets, profiles, collections, isLoadin
                                         ? [
                                             {
                                                 caption: 'Profiles',
-                                                children: profiles.map((profile) => ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { borderRadius: true, name: profile.getName() || '', link: `/profile/${profile.getUserId()}/nfts`, imgUrl: profile.getUserPic({
+                                                children: profiles.map((profile) => ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { borderRadius: true, name: profile.getName() || '', link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["profile"]}/${profile.getUserId()}/nfts`, imgUrl: profile.getUserPic({
                                                         mediaDomain: getMediaENVDomain(),
                                                     }), additionalHTML: Boolean(profile.getFollowings()) && ((0, jsx_runtime_1.jsxs)("span", { className: 'additional', children: [profile.getFollowings(), " followers"] })), searchTerm: searchTerm }, profile.getUserId()))),
                                             },

package/build/components/sidebar/data.d.ts CHANGED Viewed

@@ -1,17 +1,4 @@
-export declare const sideBarDataForDev: ({ isAuthorized, isDarkTheme, userId, }: {
-    isAuthorized: boolean;
-    isDarkTheme: boolean;
-    userId: string;
-}) => {
-    href: string;
-    title: string;
-    icon: import("react/jsx-runtime").JSX.Element;
-    isExternalUrl: boolean;
-}[];
-export declare const sideBarDataForProd: ({ isAuthorized, userId, }: {
-    isAuthorized: boolean;
-    userId: string;
-}) => {
+export declare const useSidebarData: () => {
     href: string;
     title: string;
     icon: import("react/jsx-runtime").JSX.Element;

package/build/components/sidebar/data.js CHANGED Viewed

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sideBarDataForProd = exports.sideBarDataForDev = void 0;
+exports.useSidebarData = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const aboutLudo_svg_1 = __importDefault(require("../../public/sidebar/aboutLudo"));
 const aboutLudoDark_svg_1 = __importDefault(require("../../public/sidebar/aboutLudoDark"));
@@ -12,69 +12,83 @@ const explore_svg_1 = __importDefault(require("../../public/sidebar/explore"));
 const my_invites_svg_1 = __importDefault(require("../../public/sidebar/my-invites"));
 const rewards_svg_1 = __importDefault(require("../../public/sidebar/rewards"));
 const submitNft_svg_1 = __importDefault(require("../../public/sidebar/submitNft"));
-const sideBarDataForDev = ({ isAuthorized, isDarkTheme, userId, }) => {
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const env_1 = require("../../store/env");
+const store_1 = require("../../modules/user/store");
+const interface_1 = require("@ludo.ninja/ui/build/dto/Theme/interface");
+const styled_components_1 = require("styled-components");
+const useSidebarData = () => {
+    const { isAuthorized, userId } = (0, store_1.useUserStore)((state) => ({
+        isAuthorized: state.isSignedIn,
+        userId: state.user?.userId,
+    }));
+    const { NEXT_PUBLIC_ENV_VALUE, isProd } = (0, env_1.useEnvStore)((state) => ({
+        NEXT_PUBLIC_ENV_VALUE: state.NEXT_PUBLIC_ENV_VALUE,
+        isProd: state.isProd,
+    }));
+    const { type } = (0, styled_components_1.useTheme)();
+    const isDarkTheme = type === interface_1.ThemeEnum.dark;
+    if (!isProd()) {
+        return [
+            {
+                href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"],
+                title: "Explore",
+                icon: (0, jsx_runtime_1.jsx)(explore_svg_1.default, {}),
+                isExternalUrl: false,
+            },
+            ...(isAuthorized
+                ? [
+                    {
+                        href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/rewards/${userId}`,
+                        title: "Rewards",
+                        icon: (0, jsx_runtime_1.jsx)(rewards_svg_1.default, {}),
+                        isExternalUrl: false,
+                    },
+                    {
+                        href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/invite-codes`,
+                        title: "My invites",
+                        icon: (0, jsx_runtime_1.jsx)(my_invites_svg_1.default, {}),
+                        isExternalUrl: false,
+                    },
+                ]
+                : []),
+            {
+                href: "https://apidocs.ludo.com/",
+                title: "API",
+                icon: (0, jsx_runtime_1.jsx)(api_svg_1.default, {}),
+                isExternalUrl: true,
+            },
+            {
+                href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"],
+                title: "Submit NFT",
+                icon: (0, jsx_runtime_1.jsx)(submitNft_svg_1.default, {}),
+                isExternalUrl: false,
+            },
+            {
+                href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"],
+                title: "About Ludo",
+                icon: isDarkTheme ? (0, jsx_runtime_1.jsx)(aboutLudoDark_svg_1.default, {}) : (0, jsx_runtime_1.jsx)(aboutLudo_svg_1.default, {}),
+                isExternalUrl: false,
+            },
+        ];
+    }
     return [
-        {
-            href: '/',
-            title: 'Explore',
-            icon: (0, jsx_runtime_1.jsx)(explore_svg_1.default, {}),
-            isExternalUrl: false,
-        },
         ...(isAuthorized
             ? [
                 {
-                    href: `/rewards/${userId}`,
-                    title: 'Rewards',
+                    href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/rewards/${userId}`,
+                    title: "Rewards",
                     icon: (0, jsx_runtime_1.jsx)(rewards_svg_1.default, {}),
                     isExternalUrl: false,
                 },
                 {
-                    href: '/invite-codes',
-                    title: 'My invites',
+                    href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/invite-codes`,
+                    title: "My invites",
                     icon: (0, jsx_runtime_1.jsx)(my_invites_svg_1.default, {}),
                     isExternalUrl: false,
                 },
             ]
             : []),
-        {
-            href: 'https://apidocs.ludo.com/',
-            title: 'API',
-            icon: (0, jsx_runtime_1.jsx)(api_svg_1.default, {}),
-            isExternalUrl: true,
-        },
-        {
-            href: '/',
-            title: 'Submit NFT',
-            icon: (0, jsx_runtime_1.jsx)(submitNft_svg_1.default, {}),
-            isExternalUrl: false,
-        },
-        {
-            href: '/',
-            title: 'About Ludo',
-            icon: isDarkTheme ? (0, jsx_runtime_1.jsx)(aboutLudoDark_svg_1.default, {}) : (0, jsx_runtime_1.jsx)(aboutLudo_svg_1.default, {}),
-            isExternalUrl: false,
-        },
     ];
 };
-exports.sideBarDataForDev = sideBarDataForDev;
-const sideBarDataForProd = ({ isAuthorized, userId, }) => {
-    return [
-        ...(isAuthorized
-            ? [
-                {
-                    href: `/rewards/${userId}`,
-                    title: 'Rewards',
-                    icon: (0, jsx_runtime_1.jsx)(rewards_svg_1.default, {}),
-                    isExternalUrl: false,
-                },
-                {
-                    href: '/invite-codes',
-                    title: 'My invites',
-                    icon: (0, jsx_runtime_1.jsx)(my_invites_svg_1.default, {}),
-                    isExternalUrl: false,
-                },
-            ]
-            : []),
-    ];
-};
-exports.sideBarDataForProd = sideBarDataForProd;
+exports.useSidebarData = useSidebarData;

package/build/components/sidebar/index.js CHANGED Viewed

@@ -1,43 +1,18 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 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 link_1 = __importDefault(require("next/link"));
-const styled_components_1 = __importStar(require("styled-components"));
+const styled_components_1 = __importDefault(require("styled-components"));
 const sidebar_1 = require("@ludo.ninja/ui/build/components/sidebar");
-const interface_1 = require("@ludo.ninja/ui/build/dto/Theme/interface");
 const MainButton_1 = __importDefault(require("@ludo.ninja/ui/build/system/Buttons/MainButton"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const data_1 = require("./data");
 const sidebarInviteCodeLabel_1 = __importDefault(require("./sidebarInviteCodeLabel"));
 const useSignOut_1 = require("../../modules/user/auth/useSignOut");
 const store_1 = require("../../modules/user/store");
-const env_1 = require("../../store/env");
 const ui_1 = require("../../store/ui");
 const ScreenWidth_1 = require("../../styles/ScreenWidth");
 const Userpic_1 = __importDefault(require("../../system/Img/Userpic"));
@@ -79,6 +54,7 @@ const MenuItem = styled_components_1.default.div `
     padding: ${(0, _4k_1.adaptiveValueCalc)(12)} ${(0, _4k_1.adaptiveValueCalc)(4)};
     text-indent: ${(0, _4k_1.adaptiveValueCalc)(4)};
     border-radius: ${(0, _4k_1.adaptiveValueCalc)(4)};
     img {
       width: ${(0, _4k_1.adaptiveValueCalc)(20)};
       height: ${(0, _4k_1.adaptiveValueCalc)(20)};
@@ -91,25 +67,27 @@ const BeforeMenuContainer = styled_components_1.default.div `
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
     padding: ${(0, _4k_1.adaptiveValueCalc)(12)} 0;
-    border-bottom: ${(0, _4k_1.adaptiveValueCalc)(1)} solid
-      ${({ theme }) => theme.colors.divider};
+    border-bottom: ${(0, _4k_1.adaptiveValueCalc)(1)} solid ${({ theme }) => theme.colors.divider};
   }
 `;
 const SLink = (0, styled_components_1.default)(link_1.default) `
   &:not(:last-child) svg path {
     fill: ${({ theme }) => theme.colors.sidebarSvgPathFill};
   }
   .icon-wrapper {
     width: 20px;
     height: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     ${ScreenWidth_1.mediaQuery.minWidthFourK} {
       width: ${(0, _4k_1.adaptiveValueCalc)(20)};
       height: ${(0, _4k_1.adaptiveValueCalc)(20)};
       svg {
-        transform: ${(props) => 'transform' in props.scale && props.scale.transform};
+        transform: ${(props) => "transform" in props.scale && props.scale.transform};
       }
     }
   }
@@ -117,7 +95,6 @@ const SLink = (0, styled_components_1.default)(link_1.default) `
 // Component
 const Sidebar = () => {
     const redirectToLoginWindow = (0, auth_1.useRedirectToLoginWindow)();
-    const isProd = (0, env_1.useEnvStore)((state) => state.isProd);
     const closeSidebar = (0, ui_1.useUiStore)((state) => state.closeSidebar);
     const isSidebarOpen = (0, ui_1.useUiStore)((state) => state.isSidebarOpen);
     const isAuthorized = (0, store_1.useUserStore)((state) => state.isSignedIn);
@@ -125,13 +102,9 @@ const Sidebar = () => {
     const signOut = (0, useSignOut_1.useSignOut)();
     const { deviceType } = (0, screen_1.useWindowDimensions)();
     const { isExtensionInstalled, openExtensionChromeStorePage, openExtension } = (0, useExtension_1.default)();
-    const { wallets, userId } = getUser ?? [''];
-    const { type } = (0, styled_components_1.useTheme)();
-    const isDarkTheme = type === interface_1.ThemeEnum.dark;
+    const { wallets, userId } = getUser ?? [""];
     // Todo fav-list
-    const sideBarData = isProd()
-        ? (0, data_1.sideBarDataForProd)({ userId, isAuthorized })
-        : (0, data_1.sideBarDataForDev)({ userId, isAuthorized, isDarkTheme });
+    const sideBarData = (0, data_1.useSidebarData)();
     const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
     return ((0, jsx_runtime_1.jsx)(sidebar_1.Sidebar, { closeSidebar: closeSidebar, isOpen: isSidebarOpen, handle: {
             login: () => {
@@ -140,18 +113,18 @@ const Sidebar = () => {
             },
             logout: signOut,
         }, isAuthorized: isAuthorized, userWallets: wallets, slots: {
-            menu: sideBarData.map(({ title, href, icon, isExternalUrl }) => ((0, jsx_runtime_1.jsxs)(SLink, { href: href, target: isExternalUrl ? '_blank' : '_self', onClick: closeSidebar, passHref: isExternalUrl, scale: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }), children: [(0, jsx_runtime_1.jsx)("span", { className: "icon-wrapper", children: icon }), title] }, title))),
+            menu: sideBarData.map(({ title, href, icon, isExternalUrl }) => ((0, jsx_runtime_1.jsxs)(SLink, { href: href, target: isExternalUrl ? "_blank" : "_self", onClick: closeSidebar, passHref: isExternalUrl, scale: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }), children: [(0, jsx_runtime_1.jsx)("span", { className: "icon-wrapper", children: icon }), title] }, title))),
             userPicture: ({ children, height, width, isNeedBoxTransform }) => ((0, jsx_runtime_1.jsx)(Userpic_1.default, { width: width, height: height, userId: userId, isNeedBoxTransform: isNeedBoxTransform, children: children })),
             inviteCode: (0, jsx_runtime_1.jsx)(sidebarInviteCodeLabel_1.default, {}),
-            ...(deviceType == 'isDesktop' && isAuthorized
+            ...(deviceType == "isDesktop" && isAuthorized
                 ? {
                     beforeMenu: ((0, jsx_runtime_1.jsx)(BeforeMenuContainer, { children: isExtensionInstalled ? ((0, jsx_runtime_1.jsxs)(MenuItem, { onClick: () => {
                                 closeSidebar();
                                 openExtension();
-                            }, children: [(0, jsx_runtime_1.jsx)("img", { src: "/sidebar/ludoX.svg", alt: "Ludo X", width: 20, height: 20 }), "Open Ludo X"] })) : ((0, jsx_runtime_1.jsx)("div", { style: { padding: '12px 0' }, children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { onClick: () => {
+                            }, children: [(0, jsx_runtime_1.jsx)("img", { src: "/sidebar/ludoX.svg", alt: "Ludo X", width: 20, height: 20 }), "Open Ludo X"] })) : ((0, jsx_runtime_1.jsx)("div", { style: { padding: "12px 0" }, children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { onClick: () => {
                                     closeSidebar();
                                     openExtensionChromeStorePage();
-                                }, text: 'Install Ludo X now', variant: 'primaryM' }) })) })),
+                                }, text: "Install Ludo X now", variant: "primaryM" }) })) })),
                 }
                 : {}),
         } }));

package/build/components/sidebar/sidebarInviteCodeLabel/index.js CHANGED Viewed

@@ -10,6 +10,8 @@ const store_1 = require("../../../modules/user/store");
 const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const ExperienceLabel_1 = __importDefault(require("../../../system/Labels/ExperienceLabel"));
 const InviteLabel_1 = __importDefault(require("../../../system/Labels/InviteLabel"));
+const env_1 = require("../../../store/env");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 // Styles
 const StyledSidebarInviteCodeLabel = styled_components_1.default.div `
   display: flex;
@@ -31,8 +33,9 @@ const SidebarInviteCodeLabel = () => {
         isLoadingProfileData: state.isLoadingProfileData,
         inviteCodes: state.inviteCodes,
     }));
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     const unUsedInviteCodes = inviteCodes?.filter((code) => !code.isUsed);
-    return ((0, jsx_runtime_1.jsxs)(StyledSidebarInviteCodeLabel, { children: [(0, jsx_runtime_1.jsx)(ExperienceLabel_1.default, { value: userExp.xps, link: `/rewards/${getUser?.userId}`, loading: isLoadingExp || !!errorExp }), !!unUsedInviteCodes && ((0, jsx_runtime_1.jsx)(InviteLabel_1.default, { value: unUsedInviteCodes.length, link: '/invite-codes', loading: isLoadingProfileData }))] }));
+    return ((0, jsx_runtime_1.jsxs)(StyledSidebarInviteCodeLabel, { children: [(0, jsx_runtime_1.jsx)(ExperienceLabel_1.default, { value: userExp.xps, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/rewards/${getUser?.userId}`, loading: isLoadingExp || !!errorExp }), !!unUsedInviteCodes && ((0, jsx_runtime_1.jsx)(InviteLabel_1.default, { value: unUsedInviteCodes.length, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/invite-codes`, loading: isLoadingProfileData }))] }));
 };
 // Export
 exports.default = SidebarInviteCodeLabel;

package/build/modules/opportunity/OpportunityCard.js CHANGED Viewed

@@ -39,6 +39,8 @@ const SWrapperLink = styled_components_1.default.a `
   ${boxTransform_1.default};
   width: 252px;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
   &:hover ${Headicons_1.default} {
     transition: 0.2s opacity ease-in;
@@ -113,6 +115,10 @@ const StyledCardContent = styled_components_1.default.div `
         color: ${colors_2.TextGrayColor};
         font-size: 13px;
         flex: 1;
+        -webkit-line-clamp: 6;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        display: -webkit-box;
       }
       .secondName {

package/build/modules/user/auth/useSignOut.js CHANGED Viewed

@@ -9,9 +9,10 @@ const api_1 = require("@ludo.ninja/api");
 const env_1 = require("../../../store/env");
 const useRevokeToken_1 = __importDefault(require("../../../api/server-identities/mutations/useRevokeToken"));
 const store_1 = require("../store");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const useSignOut = () => {
-    const { NEXT_PUBLIC_WELCOME_HOST, NEXT_PUBLIC_ENV_DOMAIN } = (0, env_1.useEnvStore)((state) => ({
-        NEXT_PUBLIC_WELCOME_HOST: state.NEXT_PUBLIC_WELCOME_HOST,
+    const { NEXT_PUBLIC_ENV_VALUE, NEXT_PUBLIC_ENV_DOMAIN } = (0, env_1.useEnvStore)((state) => ({
+        NEXT_PUBLIC_ENV_VALUE: state.NEXT_PUBLIC_ENV_VALUE,
         NEXT_PUBLIC_ENV_DOMAIN: state.NEXT_PUBLIC_ENV_DOMAIN,
     }));
     const { revokeToken } = (0, useRevokeToken_1.default)();
@@ -30,7 +31,7 @@ const useSignOut = () => {
                 domain: NEXT_PUBLIC_ENV_DOMAIN,
             });
             setUser(null);
-            window.location.replace(NEXT_PUBLIC_WELCOME_HOST);
+            window.location.replace(ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["welcome"]);
         }
     };
 };

package/build/store/env/index.d.ts CHANGED Viewed

@@ -1,11 +1,7 @@
 interface IEnvStore {
     NODE_ENV: string;
     NEXT_PUBLIC_ENV_VALUE: string;
-    NEXT_PUBLIC_AUTH_HOST: string;
-    NEXT_PUBLIC_WELCOME_HOST: string;
     NEXT_PUBLIC_ENV_DOMAIN: string;
-    NEXT_PUBLIC_SITE_URL: string;
-    NEXT_PUBLIC_ENV_SEARCH_DOMAIN: string;
     NEXT_PUBLIC_STATIC_DOMAIN: string;
     getStaticDomain: (env?: string) => string;
     getMediaDomain: (env?: string) => string;

package/build/store/env/index.js CHANGED Viewed

@@ -5,11 +5,7 @@ const next_zustand_1 = require("next-zustand");
 const creators = (0, next_zustand_1.createProvider)()((setState, getState) => ({
     NODE_ENV: '',
     NEXT_PUBLIC_ENV_VALUE: '',
-    NEXT_PUBLIC_AUTH_HOST: '',
-    NEXT_PUBLIC_WELCOME_HOST: '',
     NEXT_PUBLIC_ENV_DOMAIN: '',
-    NEXT_PUBLIC_SITE_URL: '',
-    NEXT_PUBLIC_ENV_SEARCH_DOMAIN: '',
     NEXT_PUBLIC_STATIC_DOMAIN: '',
     getStaticDomain: (env) => {
         const { NEXT_PUBLIC_STATIC_DOMAIN } = getState();

package/build/system/Cards/CreationCard/index.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import { searchSchema as schema } from '@ludo.ninja/api';
+import { searchSchema as schema } from "@ludo.ninja/api";
 import GalleryEntityV2 from '../../../dto/GalleryEntityV2';
 import { TCreationAndCollection } from '../../../modules/virtuoso/types';
 export type RemoveToolsType = {
     gallery?: GalleryEntityV2;
-    removeFn: (itemType: 'asset' | 'collection') => void;
+    removeFn: (itemType: "asset" | "collection") => void;
 };
 interface ICheckboxState {
     isShowCheckbox?: boolean;

package/build/system/Cards/CreationCard/index.js CHANGED Viewed

@@ -48,6 +48,8 @@ const Head_1 = __importDefault(require("../Styles/Head"));
 const Headicons_1 = __importDefault(require("../Styles/Headicons"));
 const likes_1 = __importDefault(require("../../../hooks/likes"));
 const useToGalleryAsset_1 = require("../../../modules/gallery/useToGalleryAsset");
+const ItemType_1 = require("../../../dto/common/ItemType");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 // Styles
 const StyledRegularCard = styled_components_1.default.div `
   position: relative;
@@ -55,23 +57,23 @@ const StyledRegularCard = styled_components_1.default.div `
   border-radius: 6px;
   ${boxShadow_1.default};
   ${boxTransform_1.default};
-  // ${(props) => (props.isNeedTransform ? null : boxTransform_1.default)}
+    // ${(props) => (props.isNeedTransform ? null : boxTransform_1.default)}
-  min-height: ${(props) => (props.isNeedHeight ? '346px' : '')};
+  min-height: ${(props) => (props.isNeedHeight ? "346px" : "")};
   ${(props) => props.isShowCheckbox
     ? (0, styled_components_1.css) `
-          ${Headicons_1.default} {
-            transition: 0.2s opacity ease-in;
-            opacity: 1 !important;
-          }
-        `
+                    ${Headicons_1.default} {
+                      transition: 0.2s opacity ease-in;
+                      opacity: 1 !important;
+                    }
+                  `
     : (0, styled_components_1.css) `
-          &:hover ${Headicons_1.default} {
-            transition: 0.2s opacity ease-in;
-            opacity: 1 !important;
-          }
-        `}
+                    &:hover ${Headicons_1.default} {
+                      transition: 0.2s opacity ease-in;
+                      opacity: 1 !important;
+                    }
+                  `}
   .linkRegularCard {
     display: flex;
     height: 100%;
@@ -80,18 +82,18 @@ const StyledRegularCard = styled_components_1.default.div `
   ${ScreenWidth_1.mediaQuery.maxWidthTablet} {
     width: 164px;
-    min-height: ${(props) => (props.isNeedHeight ? '258px' : '')};
+    min-height: ${(props) => (props.isNeedHeight ? "258px" : "")};
   }
   ${ScreenWidth_1.mediaQuery.mobile} {
     width: 154px;
-    min-height: ${(props) => (props.isNeedHeight ? '244px' : '')};
+    min-height: ${(props) => (props.isNeedHeight ? "244px" : "")};
   }
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
     border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
-    min-height: ${(props) => props.isNeedHeight ? (0, _4k_1.adaptiveValueCalc)(346) : ''};
+    min-height: ${(props) => props.isNeedHeight ? (0, _4k_1.adaptiveValueCalc)(346) : ""};
   }
 `;
 // Component
@@ -106,6 +108,7 @@ const CreationCardWithCheckboxState = (props) => {
 exports.CreationCardWithCheckboxState = CreationCardWithCheckboxState;
 const CreationCard = ({ creationName, creation, isNeedHeight, likesDynamicInfo, toolsForRemove, isMobile, isLoadingLikes, isNeedShowMoreButton, isUserProfile, isRegularCard = true, isShowCheckbox, isActiveCheckbox, toggleCreationToGallery, currentMyGalleryId, }) => {
     const isProd = (0, env_1.useEnvStore)((state) => state.isProd);
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     const { likes, addLike, deleteLike } = (0, likes_1.default)({
         defaultLikesCount: likesDynamicInfo?.likesNum || creation.getLikes(),
         defaultIsLiked: likesDynamicInfo?.isLikedByUser || creation.getIsLiked(),
@@ -116,9 +119,21 @@ const CreationCard = ({ creationName, creation, isNeedHeight, likesDynamicInfo,
     // Todo cardLink
     const isHide = isProd();
     const HideLink = isHide ? react_1.default.Fragment : link_1.default;
+    const getLink = (href) => {
+        if (creation.getItemType() === ItemType_1.LabelKeys.asset) {
+            return `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["asset"]}/${href.replace(`${ItemType_1.LabelKeys.asset}/`, "")}`;
+        }
+        return href;
+    };
+    // const domain = ludoDomains[NEXT_PUBLIC_ENV_VALUE as TEnvValue]["app"];
+    //                 if (domain === window.origin) {
+    //                   router.push(`/rewards/${userId}`);
+    //                 } else {
+    //                   window.open(`${domain}/rewards/${userId}`);
+    //                 }
     return ((0, jsx_runtime_1.jsxs)(StyledRegularCard, { isNeedHeight: isNeedHeight, isNeedTransform: isNeedShowMoreButton, isShowCheckbox: isShowCheckbox, children: [isShowCheckbox && ((0, jsx_runtime_1.jsx)(CardCheckbox_1.default, { isActiveCheckbox: !!isActiveCheckbox, onChange: () => {
                     toggleCreationToGallery?.(creation);
-                } })), (0, jsx_runtime_1.jsxs)(HideLink, { className: "linkRegularCard", href: creation.getCreationLink(), children: [(0, jsx_runtime_1.jsxs)(Head_1.default, { children: [creation.detectMediaType().displaySingleMedia(), (0, jsx_runtime_1.jsx)(CardHead_1.CardHead, { isRegularCard: !!isRegularCard, isIconLiked: likes.isLiked, creation: creation, addLikeToCard: addLike, deleteLikeFromCard: deleteLike, isUserProfile: isUserProfile || false, isDisabled: !!isLoadingLikes, isShowCheckbox: isShowCheckbox, currentMyGalleryId: currentMyGalleryId })] }), (0, jsx_runtime_1.jsx)(CardContent_1.default, { creationName: creationName, firstName: creation.getCreatorAddress(), secondName: creation.getName(), cuttedSecondName: creation.getCuttedSecondName(!isMobile), itemId: creation.getItemId(), isNeedShowMoreButton: isNeedShowMoreButton || false, href: creation.getCreationLink(), children: (0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "end", justifyContent: 'space-between', children: [(0, jsx_runtime_1.jsx)(CardCategory_1.default, { label: creation.getLabel() }), !isProd() &&
-                                    (isLoadingLikes ? ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { style: { borderRadius: '3px' }, height: "100%", width: "30px" })) : ((0, jsx_runtime_1.jsx)(CardLikes_1.default, { isLiked: likes.isLiked, likes: likes.likesCount })))] }) })] })] }));
+                } })), (0, jsx_runtime_1.jsxs)(HideLink, { className: "linkRegularCard", href: getLink(creation.getCreationLink()), children: [(0, jsx_runtime_1.jsxs)(Head_1.default, { children: [creation.detectMediaType().displaySingleMedia(), (0, jsx_runtime_1.jsx)(CardHead_1.CardHead, { isRegularCard: !!isRegularCard, isIconLiked: likes.isLiked, creation: creation, addLikeToCard: addLike, deleteLikeFromCard: deleteLike, isUserProfile: isUserProfile || false, isDisabled: !!isLoadingLikes, isShowCheckbox: isShowCheckbox, currentMyGalleryId: currentMyGalleryId })] }), (0, jsx_runtime_1.jsx)(CardContent_1.default, { creationName: creationName, firstName: creation.getCreatorAddress(), secondName: creation.getName(), cuttedSecondName: creation.getCuttedSecondName(!isMobile), itemId: creation.getItemId(), isNeedShowMoreButton: isNeedShowMoreButton || false, href: creation.getCreationLink(), children: (0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "end", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(CardCategory_1.default, { label: creation.getLabel() }), !isProd() &&
+                                    (isLoadingLikes ? ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { style: { borderRadius: "3px" }, height: "100%", width: "30px" })) : ((0, jsx_runtime_1.jsx)(CardLikes_1.default, { isLiked: likes.isLiked, likes: likes.likesCount })))] }) })] })] }));
 };
 exports.CreationCard = CreationCard;

package/build/system/Cards/MultiMediaCard/index.js CHANGED Viewed

@@ -18,6 +18,8 @@ const index_1 = require("../../index");
 const defaultImage_svg_1 = __importDefault(require("../../../public/gallery/defaultImage"));
 const CardCategory_1 = __importDefault(require("../CardContent/CardCategory"));
 const CardImage_1 = __importDefault(require("../CardMedia/CardImage"));
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const env_1 = require("../../../store/env");
 // Styles
 const StyledMultiCard = styled_components_1.default.div `
   position: relative;
@@ -124,7 +126,8 @@ const MultiMediaCard = ({ gallery, assets, collections, }) => {
     };
     const secondName = gallery.getGalleryUsername() !== '' ? gallery.getGalleryUsername() : '';
     // const userCreationAddresses = gallery?.getGalleryCreations()[0]?.getOwnersAddresses();
-    return ((0, jsx_runtime_1.jsx)(StyledMultiCard, { children: (0, jsx_runtime_1.jsxs)(link_1.default, { href: gallery.getCreationLink(), children: [(0, jsx_runtime_1.jsx)(MultiHead_1.default, { children: renderMedia() }), (0, jsx_runtime_1.jsx)(CardContent_1.default, { firstName: gallery.getGalleryName(), secondName: secondName, wallets: gallery.getGalleryUserWallets(), isNeedShowMoreButton: false, itemId: gallery.getGalleryId(), children: (0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "flex-end", justifyContent: 'space-between', children: [(0, jsx_runtime_1.jsx)(CardCategory_1.default, { label: gallery.getLabel() }), (0, jsx_runtime_1.jsx)(CardLikes_1.default, { isLiked: false, likes: 0 })] }) })] }) }));
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    return ((0, jsx_runtime_1.jsx)(StyledMultiCard, { children: (0, jsx_runtime_1.jsxs)(link_1.default, { href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}${gallery.getCreationLink()}`, children: [(0, jsx_runtime_1.jsx)(MultiHead_1.default, { children: renderMedia() }), (0, jsx_runtime_1.jsx)(CardContent_1.default, { firstName: gallery.getGalleryName(), secondName: secondName, wallets: gallery.getGalleryUserWallets(), isNeedShowMoreButton: false, itemId: gallery.getGalleryId(), children: (0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "flex-end", justifyContent: 'space-between', children: [(0, jsx_runtime_1.jsx)(CardCategory_1.default, { label: gallery.getLabel() }), (0, jsx_runtime_1.jsx)(CardLikes_1.default, { isLiked: false, likes: 0 })] }) })] }) }));
 };
 // Export
 exports.default = MultiMediaCard;

package/build/system/Img/Userpic/index.js CHANGED Viewed

@@ -17,6 +17,7 @@ const boxTransform_1 = __importDefault(require("../../../styles/mixins/boxTransf
 const ImageInterceptor_1 = require("../ImageInterceptor");
 const useFetchUserPic_1 = __importDefault(require("../../../api/server-medias/queries/useFetchUserPic"));
 const defaultUserpic_svg_1 = __importDefault(require("../../../public/defaultUserpics/defaultUserpic"));
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 // Styles
 const StyledHeaderUserPic = styled_components_1.default.div `
   ${(props) => (props.isNeedBoxTransform ? boxTransform_1.default : null)}
@@ -76,7 +77,8 @@ const UserPic = ({ userId, width, height, isNeedBoxTransform, children, }) => {
     const renderSkeleton = () => {
         return (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: 'userPicImage' });
     };
-    return ((0, jsx_runtime_1.jsx)(StyledHeaderUserPic, { isNeedBoxTransform: isNeedBoxTransform, imageWidth: `${width}px`, imageHeight: `${height}px`, children: (0, jsx_runtime_1.jsxs)(link_1.default, { href: `/profile/${userId}/nfts`, className: 'userPicBlock', children: [loading || isLoadingProfileData
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    return ((0, jsx_runtime_1.jsx)(StyledHeaderUserPic, { isNeedBoxTransform: isNeedBoxTransform, imageWidth: `${width}px`, imageHeight: `${height}px`, children: (0, jsx_runtime_1.jsxs)(link_1.default, { href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["profile"]}/${userId}/nfts`, className: 'userPicBlock', children: [loading || isLoadingProfileData
                     ? renderSkeleton()
                     : renderImageOrDefaultUserPic(), children] }) }));
 };

package/build/utils/auth/index.js CHANGED Viewed

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRedirectToLoginWindow = void 0;
 const env_1 = require("../../store/env");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const useRedirectToLoginWindow = () => {
-    const NEXT_PUBLIC_AUTH_HOST = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_AUTH_HOST);
-    return () => window.open(`${NEXT_PUBLIC_AUTH_HOST}/login/?fallback_url=${window.location.href.replace(/\s/g, '')}`, '_self');
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    return () => window.open(`${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["welcome"]}/login/?fallback_url=${window.location.href.replace(/\s/g, "")}`, "_self");
 };
 exports.useRedirectToLoginWindow = useRedirectToLoginWindow;

package/package.json CHANGED Viewed

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