@ludo.ninja/components 1.8.4 → 1.8.6

package/dist/components/CreationCard/CardHead.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
 import CreationEntity from '@/dto/CreationEntity';
-export declare const CardHead: ({ creation, isRegularCard, isIconLiked, addLikeToCard, deleteLikeFromCard, isUserProfile, isDisabled, isShowCheckbox, currentMyGalleryId, isProdENV, }: {
+export declare const CardHead: ({ creation, isRegularCard, isIconLiked, addLikeToCard, deleteLikeFromCard, isUserProfile, isDisabled, isShowCheckbox, currentMyGalleryId, }: {
     creation: CreationEntity | CollectionCreationEntity;
     isRegularCard: boolean;
     isIconLiked: boolean;
@@ -11,5 +11,4 @@ export declare const CardHead: ({ creation, isRegularCard, isIconLiked, addLikeT
     isDisabled?: boolean;
     isShowCheckbox?: boolean | undefined;
     currentMyGalleryId?: false | string;
-    isProdENV: string;
 }) => React.JSX.Element;

package/dist/components/CreationCard/CardHead.js

@@ -58,7 +58,7 @@ var addToGalleryIcon_svg_1 = __importDefault(require("@/public/cards/addToGaller
 var heart_svg_1 = __importDefault(require("@/public/cards/heart.svg"));
 // Component
 var CardHead = function (_a) {
-    var creation = _a.creation, isRegularCard = _a.isRegularCard, isIconLiked = _a.isIconLiked, addLikeToCard = _a.addLikeToCard, deleteLikeFromCard = _a.deleteLikeFromCard, isUserProfile = _a.isUserProfile, isDisabled = _a.isDisabled, isShowCheckbox = _a.isShowCheckbox, currentMyGalleryId = _a.currentMyGalleryId, isProdENV = _a.isProdENV;
+    var creation = _a.creation, isRegularCard = _a.isRegularCard, isIconLiked = _a.isIconLiked, addLikeToCard = _a.addLikeToCard, deleteLikeFromCard = _a.deleteLikeFromCard, isUserProfile = _a.isUserProfile, isDisabled = _a.isDisabled, isShowCheckbox = _a.isShowCheckbox, currentMyGalleryId = _a.currentMyGalleryId;
     var openModalSidebarPortal = (0, store_1.useUiStore)(function (state) { return state.openModalSidebarPortal; });
     var isSignedIn = (0, user_1.useUserStore)(function (state) { return state.isSignedIn; });
     var isLicked = isIconLiked && isSignedIn;

package/dist/components/CreationCard/index.d.ts

@@ -26,5 +26,5 @@ interface ICreationCard {
     isProdENV: string;
 }
 export declare const CreationCardWithCheckboxState: (props: ICreationCard) => React.JSX.Element;
-export declare const CreationCard: ({ creationName, creation, isNeedHeight, likesDynamicInfo, toolsForRemove, isMobile, isLoadingLikes, isNeedShowMoreButton, isUserProfile, isRegularCard, isShowCheckbox, isActiveCheckbox, toggleCreationToGallery, currentMyGalleryId, isProdENV, }: ICreationCard & ICheckboxState) => React.JSX.Element;
+export declare const CreationCard: ({ creationName, creation, isNeedHeight, likesDynamicInfo, toolsForRemove, isMobile, isLoadingLikes, isNeedShowMoreButton, isUserProfile, isRegularCard, isShowCheckbox, isActiveCheckbox, toggleCreationToGallery, currentMyGalleryId, }: ICreationCard & ICheckboxState) => React.JSX.Element;
 export {};

package/dist/components/CreationCard/index.js

@@ -77,7 +77,7 @@ var CreationCardWithCheckboxState = function (props) {
 };
 exports.CreationCardWithCheckboxState = CreationCardWithCheckboxState;
 var CreationCard = function (_a) {
-    var creationName = _a.creationName, creation = _a.creation, isNeedHeight = _a.isNeedHeight, likesDynamicInfo = _a.likesDynamicInfo, toolsForRemove = _a.toolsForRemove, isMobile = _a.isMobile, isLoadingLikes = _a.isLoadingLikes, isNeedShowMoreButton = _a.isNeedShowMoreButton, isUserProfile = _a.isUserProfile, _b = _a.isRegularCard, isRegularCard = _b === void 0 ? true : _b, isShowCheckbox = _a.isShowCheckbox, isActiveCheckbox = _a.isActiveCheckbox, toggleCreationToGallery = _a.toggleCreationToGallery, currentMyGalleryId = _a.currentMyGalleryId, isProdENV = _a.isProdENV;
+    var creationName = _a.creationName, creation = _a.creation, isNeedHeight = _a.isNeedHeight, likesDynamicInfo = _a.likesDynamicInfo, toolsForRemove = _a.toolsForRemove, isMobile = _a.isMobile, isLoadingLikes = _a.isLoadingLikes, isNeedShowMoreButton = _a.isNeedShowMoreButton, isUserProfile = _a.isUserProfile, _b = _a.isRegularCard, isRegularCard = _b === void 0 ? true : _b, isShowCheckbox = _a.isShowCheckbox, isActiveCheckbox = _a.isActiveCheckbox, toggleCreationToGallery = _a.toggleCreationToGallery, currentMyGalleryId = _a.currentMyGalleryId;
     var _c = (0, likes_1.default)({
         defaultLikesCount: (likesDynamicInfo === null || likesDynamicInfo === void 0 ? void 0 : likesDynamicInfo.likesNum) || creation.getLikes(),
         defaultIsLiked: (likesDynamicInfo === null || likesDynamicInfo === void 0 ? void 0 : likesDynamicInfo.isLikedByUser) || creation.getIsLiked(),
@@ -92,7 +92,7 @@ var CreationCard = function (_a) {
         react_1.default.createElement(HideLink_1.default, { className: "linkRegularCard", isProdENV: isProdENV, href: creation.getCreationLink() },
             react_1.default.createElement(Head_1.default, null,
                 creation.detectMediaType().displaySingleMedia(),
-                react_1.default.createElement(CardHead_1.CardHead, { isRegularCard: !!isRegularCard, isIconLiked: likes.isLiked, creation: creation, addLikeToCard: addLike, deleteLikeFromCard: deleteLike, isUserProfile: isUserProfile || false, isDisabled: !!isLoadingLikes, isShowCheckbox: isShowCheckbox, currentMyGalleryId: currentMyGalleryId, isProdENV: isProdENV })),
+                react_1.default.createElement(CardHead_1.CardHead, { isRegularCard: !!isRegularCard, isIconLiked: likes.isLiked, creation: creation, addLikeToCard: addLike, deleteLikeFromCard: deleteLike, isUserProfile: isUserProfile || false, isDisabled: !!isLoadingLikes, isShowCheckbox: isShowCheckbox, currentMyGalleryId: currentMyGalleryId })),
             react_1.default.createElement(CardContent_1.default, { creationName: creationName, firstName: creation.getCreatorAddress(), secondName: creation.getName(), cuttedSecondName: creation.getCuttedSecondName(!isMobile), itemId: creation.getItemId(), isNeedShowMoreButton: isNeedShowMoreButton || false, href: creation.getCreationLink() },
                 react_1.default.createElement(_system_1.Flex, { alignItems: "end", justifyContent: 'space-between' },
                     react_1.default.createElement(CardCategory_1.default, { label: creation.getLabel() }),

package/dist/components/headers/headerSearch/index.d.ts

@@ -1,5 +1,3 @@
 import React from 'react';
-declare const HeaderSearch: ({ isProdENV }: {
-    isProdENV: string;
-}) => React.JSX.Element;
+declare const HeaderSearch: () => React.JSX.Element;
 export default HeaderSearch;

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

@@ -14,8 +14,7 @@ var searchSimpleInput_1 = __importDefault(require("@/components/search/searchSim
 var auth_1 = require("@/utils/auth");
 var env_1 = require("@/utils/env");
 // Component
-var HeaderSearch = function (_a) {
-    var isProdENV = _a.isProdENV;
+var HeaderSearch = function () {
     var openSidebar = (0, ui_1.useUiStore)(function (state) { return state.openSidebar; });
     var isSignedIn = (0, store_1.useUserStore)(function (state) { return state.isSignedIn; });
     var getUser = (0, store_1.useUserStore)(function (state) { return state.user; });

package/dist/components/profile/ProfileTabs.d.ts

@@ -1,8 +1,7 @@
 import React, { CSSProperties } from 'react';
-export declare const ProfileTabs: ({ totalResults, profileId, style, isMobile, isProdENV, }: {
+export declare const ProfileTabs: ({ totalResults, profileId, style, isMobile, }: {
     totalResults?: number | null;
     profileId: string;
     style?: CSSProperties;
     isMobile: boolean;
-    isProdENV: string;
 }) => React.JSX.Element;

package/dist/components/profile/ProfileTabs.js

@@ -19,7 +19,7 @@ var linkTabs_1 = __importDefault(require("@/components/linkTabs"));
 var linkTab_1 = __importDefault(require("@/components/linkTabs/linkTab"));
 var env_1 = require("@/utils/env");
 var ProfileTabs = function (_a) {
-    var _b = _a.totalResults, totalResults = _b === void 0 ? null : _b, profileId = _a.profileId, style = _a.style, isMobile = _a.isMobile, isProdENV = _a.isProdENV;
+    var _b = _a.totalResults, totalResults = _b === void 0 ? null : _b, profileId = _a.profileId, style = _a.style, isMobile = _a.isMobile;
     var router = (0, router_1.useRouter)();
     return (react_1.default.createElement(linkTabs_1.default, { isUnderlined: true, style: style }, __spreadArray([
         {

package/dist/components/sidebar/index.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-interface Props {
-    isProdENV: string;
-}
-declare const Sidebar: React.FC<Props>;
+declare const Sidebar: () => React.JSX.Element;
 export default Sidebar;

package/dist/components/sidebar/index.js

@@ -81,17 +81,16 @@ var SLink = (0, styled_components_1.default)(link_1.default)(templateObject_3 ||
     return 'transform' in props.scale && props.scale.transform;
 });
 // Component
-var Sidebar = function (_a) {
-    var _b;
-    var isProdENV = _a.isProdENV;
+var Sidebar = function () {
+    var _a;
     var closeSidebar = (0, ui_1.useUiStore)(function (state) { return state.closeSidebar; });
     var isSidebarOpen = (0, ui_1.useUiStore)(function (state) { return state.isSidebarOpen; });
     var isAuthorized = (0, store_1.useUserStore)(function (state) { return state.isSignedIn; });
     var getUser = (0, store_1.useUserStore)(function (state) { return state.user; });
     var signOut = (0, useSignOut_1.useSignOut)();
     var deviceType = (0, screen_1.useWindowDimensions)().deviceType;
-    var _c = (0, useExtension_1.default)(), isExtensionInstalled = _c.isExtensionInstalled, openExtensionChromeStorePage = _c.openExtensionChromeStorePage, openExtension = _c.openExtension;
-    var _d = (_b = getUser) !== null && _b !== void 0 ? _b : [''], wallets = _d.wallets, userId = _d.userId;
+    var _b = (0, useExtension_1.default)(), isExtensionInstalled = _b.isExtensionInstalled, openExtensionChromeStorePage = _b.openExtensionChromeStorePage, openExtension = _b.openExtension;
+    var _c = (_a = getUser) !== null && _a !== void 0 ? _a : [''], wallets = _c.wallets, userId = _c.userId;
     var type = (0, styled_components_1.useTheme)().type;
     var isDarkTheme = type === interface_1.ThemeEnum.dark;
     // Todo fav-list

package/dist/components/sidebar/initializer.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-export declare const SidebarInitializer: ({ isProdENV }: {
-    isProdENV: string;
-}) => import("react").JSX.Element;
+import React from 'react';
+export declare const SidebarInitializer: () => React.JSX.Element;

package/dist/components/sidebar/initializer.js

@@ -27,12 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidebarInitializer = void 0;
+var react_1 = __importDefault(require("react"));
 var dynamic_1 = __importDefault(require("next/dynamic"));
 var Sidebar = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('../sidebar')); }).then(function (res) { return res.default; }); }, {
     ssr: false,
 });
-var SidebarInitializer = function (_a) {
-    var isProdENV = _a.isProdENV;
-    return (React.createElement(Sidebar, { isProdENV: isProdENV }));
-};
+var SidebarInitializer = function () { return (react_1.default.createElement(Sidebar, null)); };
 exports.SidebarInitializer = SidebarInitializer;

package/dist/components/toTopBtn/index.js

@@ -35,20 +35,16 @@ var react_1 = __importStar(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 var styles_1 = require("@ludo.ninja/components/dist/styles");
-var colors_1 = require("@/styles/colors");
-var z_indexes_1 = require("@/styles/mixins/z-indexes");
-var scale_1 = require("@/utils/adaptive/scale");
-var screen_1 = require("@/utils/screen");
-var ui_1 = require("@/utils/ui");
+var utils_1 = require("@ludo.ninja/components/dist/utils");
 var toTopBtn_svg_1 = __importDefault(require("@/public/toTopBtn/toTopBtn.svg"));
 // Styles
-var StyledToTopBnt = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  width: 48px;\n  height: 48px;\n  bottom: 36px;\n  right: 24px;\n  z-index: ", ";\n  cursor: pointer;\n  padding: 5px;\n  background-color: ", ";\n  border-radius: 24px;\n  box-shadow: 0 10px 32px -16px rgba(33, 21, 95, 0.1);\n\n  &:hover {\n    svg path {\n      stroke: ", ";\n    }\n  }\n\n  @media (max-width: 767px) {\n    position: fixed;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n\n  ", " {\n    width: ", ";\n    height: ", ";\n    bottom: ", ";\n    right: ", ";\n    border-radius: ", ";\n    padding: ", ";\n    box-shadow: 0 ", " ", "\n      ", " rgba(33, 21, 95, 0.1);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  width: 48px;\n  height: 48px;\n  bottom: 36px;\n  right: 24px;\n  z-index: ", ";\n  cursor: pointer;\n  padding: 5px;\n  background-color: ", ";\n  border-radius: 24px;\n  box-shadow: 0 10px 32px -16px rgba(33, 21, 95, 0.1);\n\n  &:hover {\n    svg path {\n      stroke: ", ";\n    }\n  }\n\n  @media (max-width: 767px) {\n    position: fixed;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n\n  ", " {\n    width: ", ";\n    height: ", ";\n    bottom: ", ";\n    right: ", ";\n    border-radius: ", ";\n    padding: ", ";\n    box-shadow: 0 ", " ", "\n      ", " rgba(33, 21, 95, 0.1);\n  }\n"])), z_indexes_1.zIndexToTopBtn, function (_a) {
+var StyledToTopBnt = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  width: 48px;\n  height: 48px;\n  bottom: 36px;\n  right: 24px;\n  z-index: ", ";\n  cursor: pointer;\n  padding: 5px;\n  background-color: ", ";\n  border-radius: 24px;\n  box-shadow: 0 10px 32px -16px rgba(33, 21, 95, 0.1);\n\n  &:hover {\n    svg path {\n      stroke: ", ";\n    }\n  }\n\n  @media (max-width: 767px) {\n    position: fixed;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n\n  ", " {\n    width: ", ";\n    height: ", ";\n    bottom: ", ";\n    right: ", ";\n    border-radius: ", ";\n    padding: ", ";\n    box-shadow: 0 ", " ", "\n      ", " rgba(33, 21, 95, 0.1);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  width: 48px;\n  height: 48px;\n  bottom: 36px;\n  right: 24px;\n  z-index: ", ";\n  cursor: pointer;\n  padding: 5px;\n  background-color: ", ";\n  border-radius: 24px;\n  box-shadow: 0 10px 32px -16px rgba(33, 21, 95, 0.1);\n\n  &:hover {\n    svg path {\n      stroke: ", ";\n    }\n  }\n\n  @media (max-width: 767px) {\n    position: fixed;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n\n  ", " {\n    width: ", ";\n    height: ", ";\n    bottom: ", ";\n    right: ", ";\n    border-radius: ", ";\n    padding: ", ";\n    box-shadow: 0 ", " ", "\n      ", " rgba(33, 21, 95, 0.1);\n  }\n"])), styles_1.zIndexToTopBtn, function (_a) {
     var theme = _a.theme;
     return theme.colors.toTopBtn;
-}, colors_1.AccentColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(48), (0, _4k_1.adaptiveValueCalc)(48), (0, _4k_1.adaptiveValueCalc)(36), (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(5), (0, _4k_1.adaptiveValueCalc)(10), (0, _4k_1.adaptiveValueCalc)(32), (0, _4k_1.adaptiveValueCalc)(-16));
+}, styles_1.AccentColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(48), (0, _4k_1.adaptiveValueCalc)(48), (0, _4k_1.adaptiveValueCalc)(36), (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(24), (0, _4k_1.adaptiveValueCalc)(5), (0, _4k_1.adaptiveValueCalc)(10), (0, _4k_1.adaptiveValueCalc)(32), (0, _4k_1.adaptiveValueCalc)(-16));
 var ToTopBtnIconResize = function () {
-    var windowDimensions = (0, screen_1.useWindowDimensionsWithServerInitial)().windowDimensions;
-    return (react_1.default.createElement(toTopBtn_svg_1.default, { style: (0, scale_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) }));
+    var windowDimensions = (0, utils_1.useWindowDimensionsWithServerInitial)().windowDimensions;
+    return (react_1.default.createElement(toTopBtn_svg_1.default, { style: (0, utils_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) }));
 };
 var ToTopBtn = function () {
     var _a = (0, react_1.useState)(false), showBtn = _a[0], setShowBtn = _a[1];
@@ -62,7 +58,7 @@ var ToTopBtn = function () {
         window.scrollTo({ top: 0, behavior: 'smooth' });
     };
     var handleScroll = function () {
-        if ((0, ui_1.upBtnDistance)(document, offsetPixels)) {
+        if ((0, utils_1.upBtnDistance)(document, offsetPixels)) {
             if (oldScrollY > document.documentElement.scrollTop) {
                 setShowBtn(true);
             }

package/dist/layouts/GlobalLayout.js

@@ -5,41 +5,44 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GlobalLayout = void 0;
 var react_1 = __importDefault(require("react"));
-// import process from 'process';
-//
-// import EnvLine from '@ludo.ninja/ui/build/components/envLine';
-//
-// import useMultiAudio from '@/hooks/audio/useMultiAudio';
-//
-// import { CreatorNotifications } from '@/modules/notifications/CreatorNotifications';
-// import { DeleteScrollStateInterceptor } from '@/modules/sessionScroll';
-// import { useAuthVerification } from '@/modules/user/auth/useAuthVerification';
-// import { ProfileDataInitialization } from '@/modules/user/profileData/profileDataInitialization';
-//
-// import useFetchMyExperienceWithLevel from '@/api/server-experiences/queries/useFetchMyExperienceWithLevel';
-// import { SubscriberInviteNotification } from '@/api/subscriptions/SubscriberInviteNotification';
-//
-// import GlobalStyle from '@/styles/globalStyles';
-//
-// import { SidebarInitializer } from '@/components/sidebar/initializer';
-//
-// import Alert from '@/system/Alert';
-// import Modal from '@/system/Modals/Modal';
-// import ModalSidebar from '@/system/Modals/ModalSidebar';
-// import { CreatorModalSidebarPortal } from '@/system/Modals/ModalSidebar/CreatorModalSidebarPortal';
-// import Overlay from '@/system/Overlay';
-//
-// import { InitializeAppHeight } from '@/utils/screen';
+var process_1 = __importDefault(require("process"));
+var envLine_1 = __importDefault(require("@ludo.ninja/ui/build/components/envLine"));
+var useMultiAudio_1 = __importDefault(require("@ludo.ninja/components/dist/hooks/audio/useMultiAudio"));
+var CreatorNotifications_1 = require("@ludo.ninja/components/dist/modules/notifications/CreatorNotifications");
+var modules_1 = require("@ludo.ninja/components/dist/modules");
+var useAuthVerification_1 = require("@ludo.ninja/components/dist/modules/user/auth/useAuthVerification");
+var profileDataInitialization_1 = require("@ludo.ninja/components/dist/modules/user/profileData/profileDataInitialization");
+var useFetchMyExperienceWithLevel_1 = __importDefault(require("@/api/server-experiences/queries/useFetchMyExperienceWithLevel"));
+var SubscriberInviteNotification_1 = require("@/api/subscriptions/SubscriberInviteNotification");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
+var initializer_1 = require("@ludo.ninja/components/dist/components/sidebar/initializer");
+var Alert_1 = __importDefault(require("@ludo.ninja/components/dist/system/Alert"));
+var system_1 = require("@ludo.ninja/components/dist/system");
+var CreatorModalSidebarPortal_1 = require("@ludo.ninja/components/dist/system/Modals/ModalSidebar/CreatorModalSidebarPortal");
+var Overlay_1 = __importDefault(require("@ludo.ninja/components/dist/system/Overlay"));
+var utils_1 = require("@ludo.ninja/components/dist/utils");
 var GlobalLayout = function (_a) {
     var children = _a.children;
-    // useFetchMyExperienceWithLevel();
-    // useMultiAudio();
-    // useAuthVerification();
-    // const envValue =
-    //   process.env.NEXT_PUBLIC_ENV_VALUE !== 'prod'
-    //     ? (process.env.NEXT_PUBLIC_ENV_VALUE as string)
-    //     : null;
-    console.log('global layout');
-    return (react_1.default.createElement("div", null, children));
+    (0, useFetchMyExperienceWithLevel_1.default)();
+    (0, useMultiAudio_1.default)();
+    (0, useAuthVerification_1.useAuthVerification)();
+    var envValue = process_1.default.env.NEXT_PUBLIC_ENV_VALUE !== 'prod'
+        ? process_1.default.env.NEXT_PUBLIC_ENV_VALUE
+        : null;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(profileDataInitialization_1.ProfileDataInitialization, null),
+        react_1.default.createElement(envLine_1.default, { isNeedToShow: envValue }),
+        react_1.default.createElement(styles_1.GlobalStyle, null),
+        children,
+        react_1.default.createElement(CreatorNotifications_1.CreatorNotifications, null),
+        react_1.default.createElement(utils_1.InitializeAppHeight, null),
+        react_1.default.createElement(SubscriberInviteNotification_1.SubscriberInviteNotification, null),
+        react_1.default.createElement(Overlay_1.default, null),
+        react_1.default.createElement(initializer_1.SidebarInitializer, { isProdENV: 'prod' }),
+        react_1.default.createElement(Alert_1.default, null),
+        react_1.default.createElement(system_1.Modal, null),
+        react_1.default.createElement(system_1.ModalSidebar, null),
+        react_1.default.createElement(CreatorModalSidebarPortal_1.CreatorModalSidebarPortal, null),
+        react_1.default.createElement(modules_1.DeleteScrollStateInterceptor, null)));
 };
 exports.GlobalLayout = GlobalLayout;

package/dist/layouts/base/LWithSearchHeader/index.js

@@ -8,10 +8,10 @@ var Meta_1 = __importDefault(require("@/components/base/Meta"));
 var headerSearch_1 = __importDefault(require("@/components/headers/headerSearch"));
 // Component
 var LWithSearchHeader = function (_a) {
-    var children = _a.children, isProdENV = _a.isProdENV;
+    var children = _a.children;
     return (react_1.default.createElement("div", { style: { minHeight: 'var(--app-height)' } },
         react_1.default.createElement(Meta_1.default, null),
-        react_1.default.createElement(headerSearch_1.default, { isProdENV: isProdENV }),
+        react_1.default.createElement(headerSearch_1.default, null),
         children));
 };
 // Export

package/dist/layouts/custom/accountLayout/index.d.ts

@@ -1,3 +1,3 @@
-import { LayoutProps } from '@/layouts/pageWithLayout';
+import { LayoutProps } from '@ludo.ninja/components/dist/layouts/pageWithLayout';
 declare const AccountLayout: LayoutProps;
 export default AccountLayout;

package/dist/layouts/custom/accountLayout/index.js

@@ -3,20 +3,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var LWithSearchHeader_1 = __importDefault(require("@/layouts/base/LWithSearchHeader"));
-var styles_1 = require("@/layouts/custom/styles");
-var pageTransitionLayout_1 = __importDefault(require("@/layouts/pageTransitionLayout"));
-var NoSSR_1 = __importDefault(require("@/components/base/NoSSR"));
-var toTopBtn_1 = __importDefault(require("@/components/toTopBtn"));
+var react_1 = __importDefault(require("react"));
+var NoSSR_1 = __importDefault(require("@ludo.ninja/components/dist/components/base/NoSSR"));
+var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/dist/components/toTopBtn"));
+var LWithSearchHeader_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/base/LWithSearchHeader"));
+var styles_1 = require("@ludo.ninja/components/dist/layouts/custom/styles");
+var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/pageTransitionLayout"));
 // Components
 var AccountLayout = function (_a) {
-    var children = _a.children, isProdENV = _a.isProdENV;
-    return (React.createElement(NoSSR_1.default, null,
-        React.createElement(pageTransitionLayout_1.default, null,
-            React.createElement(LWithSearchHeader_1.default, { isProdENV: isProdENV },
-                React.createElement(styles_1.StyledMain, { role: "main" },
+    var children = _a.children;
+    return (react_1.default.createElement(NoSSR_1.default, null,
+        react_1.default.createElement(pageTransitionLayout_1.default, null,
+            react_1.default.createElement(LWithSearchHeader_1.default, null,
+                react_1.default.createElement(styles_1.StyledMain, { role: "main" },
                     children,
-                    React.createElement(toTopBtn_1.default, null))))));
+                    react_1.default.createElement(toTopBtn_1.default, null))))));
 };
 // Export
 exports.default = AccountLayout;

package/dist/layouts/custom/formsLayout/index.d.ts

@@ -1,3 +1,3 @@
-import { LayoutProps } from '@/layouts/pageWithLayout';
+import { LayoutProps } from '@ludo.ninja/components/dist/layouts/pageWithLayout';
 declare const FormsLayout: LayoutProps;
 export default FormsLayout;

package/dist/layouts/custom/formsLayout/index.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var LWithoutHeader_1 = __importDefault(require("@/layouts/base/LWithoutHeader"));
-var styles_1 = require("@/layouts/custom/styles");
-var pageTransitionLayout_1 = __importDefault(require("@/layouts/pageTransitionLayout"));
+var LWithoutHeader_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/base/LWithoutHeader"));
+var styles_1 = require("@ludo.ninja/components/dist/layouts/custom/styles");
+var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/pageTransitionLayout"));
 // Component
 var FormsLayout = function (_a) {
-    var children = _a.children, isProdENV = _a.isProdENV;
+    var children = _a.children;
     return (react_1.default.createElement(pageTransitionLayout_1.default, null,
-        react_1.default.createElement(LWithoutHeader_1.default, { isProdENV: isProdENV },
+        react_1.default.createElement(LWithoutHeader_1.default, null,
             react_1.default.createElement(styles_1.StyledMainForms, null, children))));
 };
 // Export

package/dist/layouts/custom/mainLayout/index.d.ts

@@ -1,3 +1,3 @@
-import { LayoutProps } from '@/layouts/pageWithLayout';
+import { LayoutProps } from '@ludo.ninja/components/dist/layouts/pageWithLayout';
 declare const MainLayout: LayoutProps;
 export default MainLayout;

package/dist/layouts/custom/mainLayout/index.js

@@ -5,15 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("@ludo.ninja/utils");
-var LWithRegularHeader_1 = __importDefault(require("@/layouts/base/LWithRegularHeader"));
-var styles_1 = require("@/layouts/custom/styles");
-var pageTransitionLayout_1 = __importDefault(require("@/layouts/pageTransitionLayout"));
-var toTopBtn_1 = __importDefault(require("@/components/toTopBtn"));
+var LWithRegularHeader_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/base/LWithRegularHeader"));
+var styles_1 = require("@ludo.ninja/components/dist/layouts/custom/styles");
+var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/pageTransitionLayout"));
+var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/dist/components/toTopBtn"));
 // Component
 var MainLayout = function (_a) {
-    var children = _a.children, isProdENV = _a.isProdENV;
+    var children = _a.children;
     return (react_1.default.createElement(pageTransitionLayout_1.default, null,
-        react_1.default.createElement(LWithRegularHeader_1.default, { isProdENV: isProdENV },
+        react_1.default.createElement(LWithRegularHeader_1.default, null,
             react_1.default.createElement(styles_1.StyledMain, null,
                 children,
                 !utils_1.isServer && react_1.default.createElement(toTopBtn_1.default, null)))));

package/dist/layouts/custom/searchLayout/index.d.ts

@@ -1,3 +1,3 @@
-import { LayoutProps } from '@/layouts/pageWithLayout';
+import { LayoutProps } from '@ludo.ninja/components/dist/layouts/pageWithLayout';
 declare const SearchLayout: LayoutProps;
 export default SearchLayout;

package/dist/layouts/custom/searchLayout/index.js

@@ -3,21 +3,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/dist/components/toTopBtn"));
+var LWithSearchHeader_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/base/LWithSearchHeader"));
+var styles_1 = require("@ludo.ninja/components/dist/layouts/custom/styles");
 var utils_1 = require("@ludo.ninja/utils");
-var LWithSearchHeader_1 = __importDefault(require("@/layouts/base/LWithSearchHeader"));
-var styles_1 = require("@/layouts/custom/styles");
-var toTopBtn_1 = __importDefault(require("@/components/toTopBtn"));
 // import PageTransitionLayout from '@/layouts/pageTransitionLayout';
 // Component
 var SearchLayout = function (_a) {
-    var children = _a.children, isProdENV = _a.isProdENV;
+    var children = _a.children;
     return (
     // <PageTransitionLayout>
-    React.createElement(React.Fragment, null,
-        React.createElement(LWithSearchHeader_1.default, { isProdENV: isProdENV },
-            React.createElement(styles_1.StyledMain, { role: "main" },
+    react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(LWithSearchHeader_1.default, null,
+            react_1.default.createElement(styles_1.StyledMain, { role: "main" },
                 children,
-                !utils_1.isServer && React.createElement(toTopBtn_1.default, null))))
+                !utils_1.isServer && react_1.default.createElement(toTopBtn_1.default, null))))
     // </PageTransitionLayout>
     );
 };

package/dist/layouts/custom/simpleLayout/index.d.ts

@@ -1,3 +1,3 @@
-import { LayoutProps } from '@/layouts/pageWithLayout';
+import { LayoutProps } from '@ludo.ninja/components/dist/layouts/pageWithLayout';
 declare const SimpleLayout: LayoutProps;
 export default SimpleLayout;

package/dist/layouts/custom/simpleLayout/index.js

@@ -5,15 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("@ludo.ninja/utils");
-var LWithSimpleHeader_1 = __importDefault(require("@/layouts/base/LWithSimpleHeader"));
-var styles_1 = require("@/layouts/custom/styles");
-var pageTransitionLayout_1 = __importDefault(require("@/layouts/pageTransitionLayout"));
-var toTopBtn_1 = __importDefault(require("@/components/toTopBtn"));
+var LWithSimpleHeader_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/base/LWithSimpleHeader"));
+var styles_1 = require("@ludo.ninja/components/dist/layouts/custom/styles");
+var pageTransitionLayout_1 = __importDefault(require("@ludo.ninja/components/dist/layouts/pageTransitionLayout"));
+var toTopBtn_1 = __importDefault(require("@ludo.ninja/components/dist/components/toTopBtn"));
 // Component
 var SimpleLayout = function (_a) {
-    var children = _a.children, isProdENV = _a.isProdENV;
+    var children = _a.children;
     return (react_1.default.createElement(pageTransitionLayout_1.default, null,
-        react_1.default.createElement(LWithSimpleHeader_1.default, { isProdENV: isProdENV },
+        react_1.default.createElement(LWithSimpleHeader_1.default, null,
             react_1.default.createElement(styles_1.StyledMain, { role: 'main' },
                 children,
                 !utils_1.isServer && react_1.default.createElement(toTopBtn_1.default, null)))));

package/dist/layouts/pageWithLayout.d.ts

@@ -3,8 +3,7 @@ import { PageLWithRegularHeader } from '@/layouts/base/LWithRegularHeader/type';
 import { PageLWithSearchHeader } from '@/layouts/base/LWithSearchHeader/type';
 import { PageLWithSimpleHeader } from '@/layouts/base/LWithSimpleHeader/type';
 export type PageWithLayoutType = PageLWithRegularHeader | PageLWithSimpleHeader | PageLWithSearchHeader;
-export type LayoutProps = ({ children, isProdENV, }: {
+export type LayoutProps = ({ children, }: {
     children: ReactNode;
-    isProdENV: string;
 }) => ReactElement;
 export default PageWithLayoutType;

package/dist/modules/sessionScroll/useVirtuosoInitialScroll.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 import { VirtuosoHandle } from 'react-virtuoso';
-import { TVirtuosoData } from '@/modules/virtuoso/types';
-import { TActiveTab } from '@/system/Tabs/TabsNav/type';
+import { TVirtuosoData } from '@ludo.ninja/components/dist/modules/virtuoso/types';
+import { TActiveTab } from '@ludo.ninja/components/dist/system';
 export declare const useVirtuosoInitialScroll: <TData>({ virtuosoData, activeTab, virtuoso, }: {
     virtuosoData: TVirtuosoData<TData>;
     activeTab: TActiveTab;

package/dist/modules/virtuoso/VirtuosoToTopBtn.d.ts

@@ -1,4 +1,5 @@
 import { RefObject } from 'react';
+import React from 'react';
 import { VirtuosoHandle } from 'react-virtuoso';
 export declare const useVirtuosoToTopBtnInitialize: () => {
     isShowBtn: boolean;
@@ -6,4 +7,4 @@ export declare const useVirtuosoToTopBtnInitialize: () => {
 };
 export declare const VirtuosoToTopBtn: ({ virtuoso, }: {
     virtuoso: RefObject<null | VirtuosoHandle>;
-}) => import("react").JSX.Element;
+}) => React.JSX.Element;

package/dist/modules/virtuoso/VirtuosoToTopBtn.js

@@ -1,8 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VirtuosoToTopBtn = exports.useVirtuosoToTopBtnInitialize = void 0;
 var react_1 = require("react");
-var toTopBtn_1 = require("@/components/toTopBtn");
+var react_2 = __importDefault(require("react"));
+var toTopBtn_1 = require("@ludo.ninja/components/dist/components/toTopBtn");
 var useVirtuosoToTopBtnInitialize = function () {
     var _a = (0, react_1.useState)(false), isShowBtn = _a[0], setIsShowBtn = _a[1];
     var oldScrollY = (0, react_1.useRef)(0);
@@ -34,6 +38,6 @@ var VirtuosoToTopBtn = function (_a) {
             align: 'end',
         });
     };
-    return (React.createElement(toTopBtn_1.ToTopBtnWithCustomHandler, { handleClickFunction: handleClickFunction }));
+    return (react_2.default.createElement(toTopBtn_1.ToTopBtnWithCustomHandler, { handleClickFunction: handleClickFunction }));
 };
 exports.VirtuosoToTopBtn = VirtuosoToTopBtn;

package/dist/system/Cards/CardHeadIcons/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
 import CreationEntity from '@/dto/CreationEntity';
-declare const CardHeadIcons: ({ creation, isRegularCard, isIconLiked, addLikeToCard, deleteLikeFromCard, actionIsNeedRenderCheckbox, itemId, isUserProfile, isDisabled, isProdENV, }: {
+declare const CardHeadIcons: ({ creation, isRegularCard, isIconLiked, addLikeToCard, deleteLikeFromCard, actionIsNeedRenderCheckbox, itemId, isUserProfile, isDisabled, }: {
     creation: CreationEntity | CollectionCreationEntity;
     isRegularCard: boolean;
     isIconLiked: boolean;
@@ -11,6 +11,5 @@ declare const CardHeadIcons: ({ creation, isRegularCard, isIconLiked, addLikeToC
     itemId: string;
     isUserProfile: boolean;
     isDisabled?: boolean;
-    isProdENV: string;
 }) => React.JSX.Element;
 export default CardHeadIcons;

package/dist/system/Cards/CardHeadIcons/index.js

@@ -57,7 +57,7 @@ var addToGalleryIcon_svg_1 = __importDefault(require("@/public/cards/addToGaller
 var heart_svg_1 = __importDefault(require("@/public/cards/heart.svg"));
 // Component
 var CardHeadIcons = function (_a) {
-    var creation = _a.creation, isRegularCard = _a.isRegularCard, isIconLiked = _a.isIconLiked, addLikeToCard = _a.addLikeToCard, deleteLikeFromCard = _a.deleteLikeFromCard, actionIsNeedRenderCheckbox = _a.actionIsNeedRenderCheckbox, itemId = _a.itemId, isUserProfile = _a.isUserProfile, isDisabled = _a.isDisabled, isProdENV = _a.isProdENV;
+    var creation = _a.creation, isRegularCard = _a.isRegularCard, isIconLiked = _a.isIconLiked, addLikeToCard = _a.addLikeToCard, deleteLikeFromCard = _a.deleteLikeFromCard, actionIsNeedRenderCheckbox = _a.actionIsNeedRenderCheckbox, itemId = _a.itemId, isUserProfile = _a.isUserProfile, isDisabled = _a.isDisabled;
     var openModalSidebarPortal = (0, ui_1.useUiStore)(function (state) { return state.openModalSidebarPortal; });
     var isSignedIn = (0, store_1.useUserStore)(function (state) { return state.isSignedIn; });
     var isLicked = isIconLiked && isSignedIn;

package/dist/system/Cards/CardsGrid/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import CreationEntity from '@/dto/CreationEntity';
-declare const CardsGrid: ({ children, isTwoColumnLayout, addMethod, creations, isEmptyGallery, isForVirtualize, tabsSlot, isProdENV, }: {
+declare const CardsGrid: ({ children, isTwoColumnLayout, addMethod, creations, isEmptyGallery, isForVirtualize, tabsSlot, }: {
     children: React.ReactNode;
     isTwoColumnLayout?: boolean;
     isNeedShowNetWorth?: boolean;
@@ -9,6 +9,5 @@ declare const CardsGrid: ({ children, isTwoColumnLayout, addMethod, creations, i
     isEmptyGallery?: boolean;
     isForVirtualize?: boolean;
     tabsSlot?: ReactNode;
-    isProdENV: string;
 }) => React.JSX.Element;
 export default CardsGrid;

package/dist/system/Cards/CardsGrid/index.js

@@ -60,7 +60,7 @@ var StyledCardsGrid = styled_components_1.default.div(templateObject_1 || (templ
 var CardsGrid = function (_a) {
     var children = _a.children, isTwoColumnLayout = _a.isTwoColumnLayout, 
     // isNeedShowNetWorth = true,
-    addMethod = _a.addMethod, creations = _a.creations, isEmptyGallery = _a.isEmptyGallery, isForVirtualize = _a.isForVirtualize, tabsSlot = _a.tabsSlot, isProdENV = _a.isProdENV;
+    addMethod = _a.addMethod, creations = _a.creations, isEmptyGallery = _a.isEmptyGallery, isForVirtualize = _a.isForVirtualize, tabsSlot = _a.tabsSlot;
     var _b = (0, react_1.useState)(Boolean(creations === null || creations === void 0 ? void 0 : creations.length)), isNeedShowOrganizeBtn = _b[0], setShowOrganizeBtn = _b[1];
     var handleClick = function () {
         setShowOrganizeBtn(false);

package/dist/system/Cards/RegularCard/index.d.ts

@@ -7,7 +7,7 @@ export type RemoveToolsType = {
     gallery: GalleryEntityV2;
     removeFn: () => void;
 };
-declare const RegularCard: ({ creationName, creation, cardsCount, scrollKeys, isNeedHeight, likesDynamicInfo, toolsForRemove, isProdENV, }: {
+declare const RegularCard: ({ creationName, creation, cardsCount, scrollKeys, isNeedHeight, likesDynamicInfo, toolsForRemove, }: {
     creationName?: string;
     creation: CreationEntity | CollectionCreationEntity;
     cardsCount: number;
@@ -18,6 +18,5 @@ declare const RegularCard: ({ creationName, creation, cardsCount, scrollKeys, is
     isNeedHeight: boolean;
     likesDynamicInfo?: searchSchema.IDynamicAssetData | searchSchema.IDynamicCollectionData;
     toolsForRemove?: RemoveToolsType;
-    isProdENV: string;
 }) => React.JSX.Element;
 export default RegularCard;

package/dist/system/Cards/RegularCard/index.js

@@ -26,7 +26,7 @@ var screen_1 = require("@/utils/screen");
 var StyledRegularCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 6px;\n  ", ";\n  ", ";\n  min-height: ", ";\n\n  &:hover ", " {\n    transition: 0.2s opacity ease-in;\n    opacity: 1 !important;\n  }\n\n  .linkRegularCard {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  ", " {\n    width: 164px;\n    min-height: ", ";\n  }\n\n  ", " {\n    width: 154px;\n    min-height: ", ";\n  }\n"], ["\n  background-color: ", ";\n  border-radius: 6px;\n  ", ";\n  ", ";\n  min-height: ", ";\n\n  &:hover ", " {\n    transition: 0.2s opacity ease-in;\n    opacity: 1 !important;\n  }\n\n  .linkRegularCard {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  ", " {\n    width: 164px;\n    min-height: ", ";\n  }\n\n  ", " {\n    width: 154px;\n    min-height: ", ";\n  }\n"])), styles_1.WhiteColor, styles_1.BoxShadow, styles_1.BoxTransform, function (props) { return (props.isNeedHeight ? '346px' : ''); }, Headicons_1.default, styles_1.mediaQuery.maxWidthTablet, function (props) { return (props.isNeedHeight ? '258px' : ''); }, styles_1.mediaQuery.mobile, function (props) { return (props.isNeedHeight ? '244px' : ''); });
 // Component
 var RegularCard = function (_a) {
-    var creationName = _a.creationName, creation = _a.creation, cardsCount = _a.cardsCount, scrollKeys = _a.scrollKeys, isNeedHeight = _a.isNeedHeight, likesDynamicInfo = _a.likesDynamicInfo, toolsForRemove = _a.toolsForRemove, isProdENV = _a.isProdENV;
+    var creationName = _a.creationName, creation = _a.creation, cardsCount = _a.cardsCount, scrollKeys = _a.scrollKeys, isNeedHeight = _a.isNeedHeight, likesDynamicInfo = _a.likesDynamicInfo, toolsForRemove = _a.toolsForRemove;
     var windowWidth = (0, screen_1.getWindowDimensions)().windowWidth;
     var isMobile = windowWidth <= 1200;
     var _b = (0, likes_1.default)({