@ludo.ninja/components 2.0.10 → 2.0.11

package/build/modules/sessionScroll/globalTabs.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.globalTabs = void 0;
-exports.globalTabs = {
+export const globalTabs = {
     profileNft: {
         value: 'profileNft',
         label: 'nfts',

package/build/modules/sessionScroll/index.js

@@ -1,31 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeleteScrollStateInterceptor = exports.useScrollState = exports.setScrollKeys = exports.removeScrollKeys = exports.getScrollKeys = void 0;
-const react_1 = require("react");
-const router_1 = require("next/router");
-const traditional_1 = require("zustand/traditional");
-const utils_1 = require("@ludo.ninja/utils");
+import { useEffect } from 'react';
+import { useRouter } from 'next/router';
+import { createWithEqualityFn } from 'zustand/traditional';
+import { getSessionKey, isServer } from '@ludo.ninja/utils';
 const sessionKey = 'scrollPositions';
-const getScrollKeys = () => {
-    const result = (0, utils_1.getSessionKey)(sessionKey);
+export const getScrollKeys = () => {
+    const result = getSessionKey(sessionKey);
     if (result) {
         return JSON.parse(result);
     }
     return null;
 };
-exports.getScrollKeys = getScrollKeys;
-const removeScrollKeys = () => {
+export const removeScrollKeys = () => {
     sessionStorage.removeItem(sessionKey);
 };
-exports.removeScrollKeys = removeScrollKeys;
-const setScrollKeys = (data) => {
-    if (utils_1.isServer)
+export const setScrollKeys = (data) => {
+    if (isServer)
         return;
-    (0, exports.removeScrollKeys)();
+    removeScrollKeys();
     sessionStorage.setItem(sessionKey, JSON.stringify(data));
 };
-exports.setScrollKeys = setScrollKeys;
-exports.useScrollState = (0, traditional_1.createWithEqualityFn)()((setState, getState) => ({
+export const useScrollState = createWithEqualityFn()((setState, getState) => ({
     isHandleUpdateScroll: false,
     setIsHandleUpdateScroll: (isHandleUpdateScroll) => {
         setState({ isHandleUpdateScroll });
@@ -37,7 +31,7 @@ exports.useScrollState = (0, traditional_1.createWithEqualityFn)()((setState, ge
     removeScrollKeysWithCheckRoute: (url) => {
         const { isHandleUpdateScroll, backRoute } = getState();
         if (!isHandleUpdateScroll && url !== backRoute) {
-            (0, exports.removeScrollKeys)();
+            removeScrollKeys();
         }
         else {
             setState({
@@ -47,10 +41,10 @@ exports.useScrollState = (0, traditional_1.createWithEqualityFn)()((setState, ge
     },
 }));
 // custom Component Interceptor scroll state without global page rerender in effect
-const DeleteScrollStateInterceptor = () => {
-    const removeScrollKeysWithCheckRoute = (0, exports.useScrollState)((state) => state.removeScrollKeysWithCheckRoute);
-    const router = (0, router_1.useRouter)();
-    (0, react_1.useEffect)(() => {
+export const DeleteScrollStateInterceptor = () => {
+    const removeScrollKeysWithCheckRoute = useScrollState((state) => state.removeScrollKeysWithCheckRoute);
+    const router = useRouter();
+    useEffect(() => {
         router.events.on('routeChangeStart', removeScrollKeysWithCheckRoute);
         return () => {
             router.events.off('routeChangeStart', removeScrollKeysWithCheckRoute);
@@ -58,4 +52,3 @@ const DeleteScrollStateInterceptor = () => {
     }, []);
     return null;
 };
-exports.DeleteScrollStateInterceptor = DeleteScrollStateInterceptor;

package/build/modules/sessionScroll/type.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/build/modules/sessionScroll/useVirtuosoInitialScroll.js

@@ -1,21 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVirtuosoInitialScroll = void 0;
-const react_1 = require("react");
-const router_1 = require("next/router");
-const index_1 = require("./index");
-const useVirtuosoInitialScroll = ({ virtuosoData, activeTab, virtuoso, }) => {
-    const scrollTop = (0, react_1.useRef)(0);
-    const isFirstScrolling = (0, react_1.useRef)(true);
-    const { setIsHandleUpdateScroll, setBackRoute } = (0, index_1.useScrollState)((state) => ({
+import { useEffect, useRef } from 'react';
+import { useRouter } from 'next/router';
+import { getScrollKeys, setScrollKeys, useScrollState } from './index';
+export const useVirtuosoInitialScroll = ({ virtuosoData, activeTab, virtuoso, }) => {
+    const scrollTop = useRef(0);
+    const isFirstScrolling = useRef(true);
+    const { setIsHandleUpdateScroll, setBackRoute } = useScrollState((state) => ({
         setIsHandleUpdateScroll: state.setIsHandleUpdateScroll,
         setBackRoute: state.setBackRoute,
     }));
-    const router = (0, router_1.useRouter)();
-    (0, react_1.useEffect)(() => {
+    const router = useRouter();
+    useEffect(() => {
         if (virtuosoData.creations.length) {
             if (activeTab && activeTab.value && isFirstScrolling.current) {
-                const scrollKeys = (0, index_1.getScrollKeys)();
+                const scrollKeys = getScrollKeys();
                 if (scrollKeys) {
                     const scrollPosition = scrollKeys[activeTab.value]?.pageOffsetKey;
                     const scrollIndex = scrollKeys[activeTab.value]?.itemIndexKey;
@@ -31,7 +28,7 @@ const useVirtuosoInitialScroll = ({ virtuosoData, activeTab, virtuoso, }) => {
                         // });
                     }
                     delete scrollKeys[activeTab.value];
-                    (0, index_1.setScrollKeys)(scrollKeys);
+                    setScrollKeys(scrollKeys);
                     isFirstScrolling.current = false;
                 }
             }
@@ -41,7 +38,7 @@ const useVirtuosoInitialScroll = ({ virtuosoData, activeTab, virtuoso, }) => {
         updateScroll: (index) => {
             if (activeTab && activeTab.value) {
                 setIsHandleUpdateScroll(true);
-                (0, index_1.setScrollKeys)({
+                setScrollKeys({
                     [activeTab.value]: {
                         pageOffsetKey: scrollTop.current,
                         itemsCountKey: virtuosoData.creations.length,
@@ -56,4 +53,3 @@ const useVirtuosoInitialScroll = ({ virtuosoData, activeTab, virtuoso, }) => {
         },
     };
 };
-exports.useVirtuosoInitialScroll = useVirtuosoInitialScroll;

package/build/modules/user/auth/useAuthVerification.js

@@ -1,41 +1,15 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAuthVerification = void 0;
-const react_1 = require("react");
-const router_1 = require("next/router");
-const useSignIn_1 = require("./useSignIn");
-const useSignOut_1 = require("./useSignOut");
-const useAuthVerification = () => {
-    const router = (0, router_1.useRouter)();
-    const signIn = (0, useSignIn_1.useSignIn)();
-    const signOut = (0, useSignOut_1.useSignOut)();
-    (0, react_1.useEffect)(() => {
+import { useEffect } from 'react';
+import { useRouter } from 'next/router';
+import { useSignIn } from "./useSignIn";
+import { useSignOut } from "./useSignOut";
+export const useAuthVerification = () => {
+    const router = useRouter();
+    const signIn = useSignIn();
+    const signOut = useSignOut();
+    useEffect(() => {
         const verification = async () => {
             try {
-                const authCookies = await Promise.resolve().then(() => __importStar(require('@ludo.ninja/api/build/cookies'))); //update check version cookie in client
+                const authCookies = await import('@ludo.ninja/api/build/cookies'); //update check version cookie in client
                 const authCookiesParsed = authCookies.getCookies();
                 if (authCookiesParsed.authToken &&
                     authCookiesParsed.wallets &&
@@ -71,4 +45,3 @@ const useAuthVerification = () => {
         };
     }, [router.query]);
 };
-exports.useAuthVerification = useAuthVerification;

package/build/modules/user/auth/useSignIn.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSignIn = void 0;
-const api_1 = require("@ludo.ninja/api");
-const store_1 = require("../store");
-const env_1 = require("../../../store/env");
-const useSignIn = () => {
-    const setUser = (0, store_1.useUserStore)((state) => state.setUser);
-    const NEXT_PUBLIC_ENV_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_DOMAIN);
+import { authCookies } from '@ludo.ninja/api';
+import { useUserStore } from "../store";
+import { useEnvStore } from "../../../store/env";
+export const useSignIn = () => {
+    const setUser = useUserStore((state) => state.setUser);
+    const NEXT_PUBLIC_ENV_DOMAIN = useEnvStore((state) => state.NEXT_PUBLIC_ENV_DOMAIN);
     return (user) => {
         setUser({
             userId: user.userId,
@@ -17,7 +14,6 @@ const useSignIn = () => {
             inviteCode: user.inviteCode,
             role: user.role,
         });
-        api_1.authCookies.assignCookies(user.userId, user.wallets, user.authToken, user.refreshToken, user.newUser.toString(), user.inviteCode, user.role, NEXT_PUBLIC_ENV_DOMAIN);
+        authCookies.assignCookies(user.userId, user.wallets, user.authToken, user.refreshToken, user.newUser.toString(), user.inviteCode, user.role, NEXT_PUBLIC_ENV_DOMAIN);
     };
 };
-exports.useSignIn = useSignIn;

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

@@ -1,21 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSignOut = void 0;
-const nookies_1 = require("nookies");
-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 useSignOut = () => {
-    const { NEXT_PUBLIC_WELCOME_HOST, NEXT_PUBLIC_ENV_DOMAIN } = (0, env_1.useEnvStore)((state) => ({
+import { destroyCookie } from 'nookies';
+import { authCookies } from '@ludo.ninja/api';
+import { useEnvStore } from "../../../store/env";
+import useRevokeToken from "../../../api/server-identities/mutations/useRevokeToken";
+import { useUserStore } from '../store';
+export const useSignOut = () => {
+    const { NEXT_PUBLIC_WELCOME_HOST, NEXT_PUBLIC_ENV_DOMAIN } = useEnvStore((state) => ({
         NEXT_PUBLIC_WELCOME_HOST: state.NEXT_PUBLIC_WELCOME_HOST,
         NEXT_PUBLIC_ENV_DOMAIN: state.NEXT_PUBLIC_ENV_DOMAIN,
     }));
-    const { revokeToken } = (0, useRevokeToken_1.default)();
-    const setUser = (0, store_1.useUserStore)((state) => state.setUser);
+    const { revokeToken } = useRevokeToken();
+    const setUser = useUserStore((state) => state.setUser);
     return async () => {
         try {
             await revokeToken();
@@ -24,8 +18,8 @@ const useSignOut = () => {
             //====
         }
         finally {
-            api_1.authCookies.destroyCookies(NEXT_PUBLIC_ENV_DOMAIN);
-            (0, nookies_1.destroyCookie)(null, 'authMultiversXWallet', {
+            authCookies.destroyCookies(NEXT_PUBLIC_ENV_DOMAIN);
+            destroyCookie(null, 'authMultiversXWallet', {
                 path: '/',
                 domain: NEXT_PUBLIC_ENV_DOMAIN,
             });
@@ -34,4 +28,3 @@ const useSignOut = () => {
         }
     };
 };
-exports.useSignOut = useSignOut;

package/build/modules/user/profileData/profileDataInitialization.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileDataInitialization = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const api_1 = require("@ludo.ninja/api");
-const api_2 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
-const store_1 = require("../store");
-const ui_1 = require("../../../store/ui");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { hosts } from '@ludo.ninja/api';
+import { identitySchema } from '@ludo.ninja/api';
+import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+import { useUserStore } from "../store";
+import { useUiStore } from "../../../store/ui";
 const FetcherMyProfile = ( /*{ userId }: { userId: string }*/) => {
-    const openAlert = (0, ui_1.useUiStore)((state) => state.openAlert);
+    const openAlert = useUiStore((state) => state.openAlert);
     const { setIsLoadingProfileData, setProfileData, 
     // profileData,
-    setUserExp, setInviteCodes, } = (0, store_1.useUserStore)((state) => ({
+    setUserExp, setInviteCodes, } = useUserStore((state) => ({
         setIsLoadingProfileData: state.setIsLoadingProfileData,
         setProfileData: state.setProfileData,
         profileData: state.profileData,
@@ -19,9 +16,9 @@ const FetcherMyProfile = ( /*{ userId }: { userId: string }*/) => {
         setInviteCodes: state.setInviteCodes,
     }));
     // console.log('profileData', profileData);
-    api_2.identitySchema.useFetchMyProfileV2Query({
+    identitySchema.useFetchMyProfileV2Query({
         context: {
-            uri: api_1.hosts.identityHost,
+            uri: hosts.identityHost,
         },
         onCompleted: ({ fetchMyProfileV2: fetchMyProfile }) => {
             // console.log('fetchMyProfile', fetchMyProfile);
@@ -41,7 +38,7 @@ const FetcherMyProfile = ( /*{ userId }: { userId: string }*/) => {
         },
         onError: (err) => {
             openAlert({
-                type: type_1.alertVariants.error,
+                type: alertVariants.error,
                 caption: err.message,
             });
             setProfileData(null);
@@ -50,10 +47,9 @@ const FetcherMyProfile = ( /*{ userId }: { userId: string }*/) => {
     });
     return null;
 };
-const ProfileDataInitialization = () => {
-    const userId = (0, store_1.useUserStore)((state) => state.user?.userId);
+export const ProfileDataInitialization = () => {
+    const userId = useUserStore((state) => state.user?.userId);
     if (!userId)
         return null;
-    return (0, jsx_runtime_1.jsx)(FetcherMyProfile, {});
+    return _jsx(FetcherMyProfile, {});
 };
-exports.ProfileDataInitialization = ProfileDataInitialization;

package/build/modules/user/store.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUserStore = exports.UserProvider = void 0;
-const next_zustand_1 = require("next-zustand");
-const shallow_1 = require("zustand/shallow");
-const core_1 = require("@ludo.ninja/core");
+import { createProvider } from 'next-zustand';
+import { shallow } from 'zustand/shallow';
+import { ProfileEntity } from '@ludo.ninja/core';
 const initialUserExp = {
     xps: 0,
     level: 1,
     levelMaxXps: 0,
     levelMinXps: 0,
 };
-const creators = (0, next_zustand_1.createProvider)()((setState) => ({
+const creators = createProvider()((setState) => ({
     user: null,
     isSignedIn: false,
     setUser: (user) => {
@@ -44,7 +41,7 @@ const creators = (0, next_zustand_1.createProvider)()((setState) => ({
             };
             return {
                 profileObject: newProfileObject,
-                profileData: new core_1.ProfileEntity(newProfileObject),
+                profileData: new ProfileEntity(newProfileObject),
             };
         });
     },
@@ -52,7 +49,7 @@ const creators = (0, next_zustand_1.createProvider)()((setState) => ({
     setProfileData: (profileObject) => {
         if (profileObject) {
             setState({
-                profileData: new core_1.ProfileEntity(profileObject),
+                profileData: new ProfileEntity(profileObject),
                 profileObject,
             });
         }
@@ -68,6 +65,6 @@ const creators = (0, next_zustand_1.createProvider)()((setState) => ({
     setInviteCodes: (inviteCodes) => {
         setState({ inviteCodes });
     },
-}), shallow_1.shallow);
-exports.UserProvider = creators.Provider;
-exports.useUserStore = creators.getUseStore();
+}), shallow);
+export const UserProvider = creators.Provider;
+export const useUserStore = creators.getUseStore();

package/build/modules/virtuoso/VirtuosoPageBuilder.js

@@ -1,45 +1,39 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtuosoPageBuilder = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_virtuoso_1 = require("react-virtuoso");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const profileSkeleton_1 = require("../../components/profile/profileSkeleton");
-const useVirtuosoInitialScroll_1 = require("../sessionScroll/useVirtuosoInitialScroll");
-const VirtuosoToTopBtn_1 = require("./VirtuosoToTopBtn");
-const useSubscribeVirtuosoScrollToHeader_1 = require("./useSubscribeVirtuosoScrollToHeader");
-const useVirtuosoData_1 = require("./useVirtuosoData");
-const ScreenWidth_1 = require("../../styles/ScreenWidth");
-const CardsError_1 = __importDefault(require("../../system/CardsHolderWithSkeleton/CardsHolder/CardsError"));
-const CardsNoResults_1 = __importDefault(require("../../system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults"));
-const CardsSkeleton_1 = require("../../system/CardsHolderWithSkeleton/CardsHolder/CardsSkeleton");
-const CardsHolderLoader_1 = __importDefault(require("../../system/CardsHolderWithSkeleton/CardsHolderLoader"));
-const SCardsRow = styled_components_1.default.div `
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Virtuoso } from 'react-virtuoso';
+import styled from 'styled-components';
+import { adaptiveValueCalc, getAdaptiveValue, } from '@ludo.ninja/ui/build/utils/4k';
+import { ProfileSkeleton } from "../../components/profile/profileSkeleton";
+import { useVirtuosoInitialScroll } from "../sessionScroll/useVirtuosoInitialScroll";
+import { VirtuosoToTopBtn, useVirtuosoToTopBtnInitialize, } from "./VirtuosoToTopBtn";
+import { useSubscribeVirtuosoScrollToHeader } from "./useSubscribeVirtuosoScrollToHeader";
+import { useVirtuosoData } from "./useVirtuosoData";
+import { ScreenWidth, mediaQuery } from "../../styles/ScreenWidth";
+import CardsError from "../../system/CardsHolderWithSkeleton/CardsHolder/CardsError";
+import CardsNoResults from "../../system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults";
+import { CardSkeleton } from "../../system/CardsHolderWithSkeleton/CardsHolder/CardsSkeleton";
+import CardsHolderLoader from "../../system/CardsHolderWithSkeleton/CardsHolderLoader";
+const SCardsRow = styled.div `
   display: flex;
   width: 1080px;
   margin: 0 auto;
 
-  ${ScreenWidth_1.mediaQuery.maxWidthTablet} {
+  ${mediaQuery.maxWidthTablet} {
     width: 704px;
   }
 
-  ${ScreenWidth_1.mediaQuery.mobile} {
+  ${mediaQuery.mobile} {
     width: 320px;
   }
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    width: ${(0, _4k_1.adaptiveValueCalc)(1080)};
+  ${mediaQuery.minWidthFourK} {
+    width: ${adaptiveValueCalc(1080)};
   }
 `;
-const VirtuosoPageBuilder = ({ activeTab, isMobile, creations, windowDimensions, isLoading, error, refetchQuery, loadMore, renderCreation, notFoundText, isNextLoading, headerSlot, isProfileCards, }) => {
-    const { onScroll } = (0, useSubscribeVirtuosoScrollToHeader_1.useSubscribeVirtuosoScrollToHeader)();
-    const virtuoso = (0, react_1.useRef)(null);
-    const virtuosoToTopBtnInitialize = (0, VirtuosoToTopBtn_1.useVirtuosoToTopBtnInitialize)();
-    const { virtuosoData, placeholderData } = (0, useVirtuosoData_1.useVirtuosoData)({
+export const VirtuosoPageBuilder = ({ activeTab, isMobile, creations, windowDimensions, isLoading, error, refetchQuery, loadMore, renderCreation, notFoundText, isNextLoading, headerSlot, isProfileCards, }) => {
+    const { onScroll } = useSubscribeVirtuosoScrollToHeader();
+    const virtuoso = useRef(null);
+    const virtuosoToTopBtnInitialize = useVirtuosoToTopBtnInitialize();
+    const { virtuosoData, placeholderData } = useVirtuosoData({
         activeTab,
         isMobile,
         creations,
@@ -47,7 +41,7 @@ const VirtuosoPageBuilder = ({ activeTab, isMobile, creations, windowDimensions,
             windowDimensions.windowWidth < 1200 &&
             isProfileCards,
     });
-    const { updateScroll, setScrollTop } = (0, useVirtuosoInitialScroll_1.useVirtuosoInitialScroll)({
+    const { updateScroll, setScrollTop } = useVirtuosoInitialScroll({
         virtuoso,
         virtuosoData,
         activeTab,
@@ -59,8 +53,8 @@ const VirtuosoPageBuilder = ({ activeTab, isMobile, creations, windowDimensions,
                 return 12;
             if (width && width < 1200)
                 return 16;
-            if (width && width >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
-                return (0, _4k_1.getAdaptiveValue)({
+            if (width && width >= ScreenWidth.FOUR_K_MIN) {
+                return getAdaptiveValue({
                     windowWidth: width,
                     currentSize: 24,
                 });
@@ -71,7 +65,7 @@ const VirtuosoPageBuilder = ({ activeTab, isMobile, creations, windowDimensions,
             return {
                 totalCount: placeholderData.length,
                 itemContent: (index) => {
-                    return ((0, jsx_runtime_1.jsx)(SCardsRow, { style: {
+                    return (_jsx(SCardsRow, { style: {
                             paddingBottom: (() => {
                                 if (index === virtuosoData.creationPacks.length - 1) {
                                     const width = windowDimensions?.windowWidth;
@@ -83,7 +77,7 @@ const VirtuosoPageBuilder = ({ activeTab, isMobile, creations, windowDimensions,
                                 return getGapCards();
                             })(),
                             gap: getGapCards(),
-                        }, children: placeholderData[index].map((_, ind) => isProfileCards ? ((0, jsx_runtime_1.jsx)(profileSkeleton_1.ProfileSkeleton, {}, ind)) : ((0, jsx_runtime_1.jsx)(CardsSkeleton_1.CardSkeleton, {}, ind))) }));
+                        }, children: placeholderData[index].map((_, ind) => isProfileCards ? (_jsx(ProfileSkeleton, {}, ind)) : (_jsx(CardSkeleton, {}, ind))) }));
                 },
             };
         }
@@ -91,7 +85,7 @@ const VirtuosoPageBuilder = ({ activeTab, isMobile, creations, windowDimensions,
             return {
                 totalCount: 1,
                 itemContent: () => {
-                    return (0, jsx_runtime_1.jsx)(CardsError_1.default, { refetch: refetchQuery });
+                    return _jsx(CardsError, { refetch: refetchQuery });
                 },
             };
         }
@@ -99,7 +93,7 @@ const VirtuosoPageBuilder = ({ activeTab, isMobile, creations, windowDimensions,
             return {
                 totalCount: 1,
                 itemContent: () => {
-                    return (0, jsx_runtime_1.jsx)(CardsNoResults_1.default, { noFoundText: notFoundText });
+                    return _jsx(CardsNoResults, { noFoundText: notFoundText });
                 },
             };
         }
@@ -107,7 +101,7 @@ const VirtuosoPageBuilder = ({ activeTab, isMobile, creations, windowDimensions,
             totalCount: virtuosoData.creationPacks.length,
             itemContent: (index) => {
                 const data = virtuosoData.creationPacks[index];
-                return ((0, jsx_runtime_1.jsx)(SCardsRow, { style: {
+                return (_jsx(SCardsRow, { style: {
                         paddingBottom: (() => {
                             if (index === virtuosoData.creationPacks.length - 1) {
                                 const width = windowDimensions?.windowWidth;
@@ -123,13 +117,12 @@ const VirtuosoPageBuilder = ({ activeTab, isMobile, creations, windowDimensions,
             },
         };
     })();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { ref: virtuoso, style: { height: 'var(--app-height)' }, onScroll: (e) => {
+    return (_jsxs(_Fragment, { children: [_jsx(Virtuoso, { ref: virtuoso, style: { height: 'var(--app-height)' }, onScroll: (e) => {
                     setScrollTop(e.currentTarget.scrollTop);
                     onScroll(e.currentTarget.scrollTop);
                     virtuosoToTopBtnInitialize.onScroll(e.currentTarget.scrollTop);
                 }, totalCount: virtuosoBody.totalCount, endReached: loadMore, overscan: 200, itemContent: virtuosoBody.itemContent, components: {
                     Header: () => headerSlot,
-                    Footer: () => (isNextLoading ? (0, jsx_runtime_1.jsx)(CardsHolderLoader_1.default, {}) : null),
-                } }), virtuosoToTopBtnInitialize.isShowBtn && ((0, jsx_runtime_1.jsx)(VirtuosoToTopBtn_1.VirtuosoToTopBtn, { virtuoso: virtuoso }))] }));
+                    Footer: () => (isNextLoading ? _jsx(CardsHolderLoader, {}) : null),
+                } }), virtuosoToTopBtnInitialize.isShowBtn && (_jsx(VirtuosoToTopBtn, { virtuoso: virtuoso }))] }));
 };
-exports.VirtuosoPageBuilder = VirtuosoPageBuilder;

package/build/modules/virtuoso/VirtuosoToTopBtn.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtuosoToTopBtn = exports.useVirtuosoToTopBtnInitialize = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const toTopBtn_1 = require("../../components/toTopBtn");
-const useVirtuosoToTopBtnInitialize = () => {
-    const [isShowBtn, setIsShowBtn] = (0, react_1.useState)(false);
-    const oldScrollY = (0, react_1.useRef)(0);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { ToTopBtnWithCustomHandler } from "../../components/toTopBtn";
+export const useVirtuosoToTopBtnInitialize = () => {
+    const [isShowBtn, setIsShowBtn] = useState(false);
+    const oldScrollY = useRef(0);
     const offsetPixels = 600;
     return {
         isShowBtn,
@@ -24,8 +21,7 @@ const useVirtuosoToTopBtnInitialize = () => {
         },
     };
 };
-exports.useVirtuosoToTopBtnInitialize = useVirtuosoToTopBtnInitialize;
-const VirtuosoToTopBtn = ({ virtuoso, }) => {
+export const VirtuosoToTopBtn = ({ virtuoso, }) => {
     const handleClickFunction = () => {
         virtuoso.current?.scrollToIndex({
             index: 0,
@@ -33,6 +29,5 @@ const VirtuosoToTopBtn = ({ virtuoso, }) => {
             align: 'end',
         });
     };
-    return ((0, jsx_runtime_1.jsx)(toTopBtn_1.ToTopBtnWithCustomHandler, { handleClickFunction: handleClickFunction }));
+    return (_jsx(ToTopBtnWithCustomHandler, { handleClickFunction: handleClickFunction }));
 };
-exports.VirtuosoToTopBtn = VirtuosoToTopBtn;

package/build/modules/virtuoso/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/build/modules/virtuoso/useSubscribeVirtuosoScrollToHeader.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSubscribeVirtuosoScrollToHeader = void 0;
-const react_1 = require("react");
-const useSubscribeVirtuosoScrollToHeader = () => {
-    const lastScrollY = (0, react_1.useRef)(0);
-    const scrollDirection = (0, react_1.useRef)('up');
+import { useRef } from 'react';
+export const useSubscribeVirtuosoScrollToHeader = () => {
+    const lastScrollY = useRef(0);
+    const scrollDirection = useRef('up');
     return {
         onScroll(scrollY) {
             const direction = scrollY > lastScrollY.current ? 'down' : 'up';
@@ -24,4 +21,3 @@ const useSubscribeVirtuosoScrollToHeader = () => {
         },
     };
 };
-exports.useSubscribeVirtuosoScrollToHeader = useSubscribeVirtuosoScrollToHeader;

package/build/modules/virtuoso/useVirtuosoData.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVirtuosoData = void 0;
-const react_1 = require("react");
-const getPageSizeAssets_1 = require("../../utils/getPageSizeAssets");
-const useVirtuosoData = ({ activeTab, creations, isMobile, isThreeColumn, isProfileCards, }) => {
-    const virtuosoData = (0, react_1.useMemo)(() => {
+import { useMemo } from 'react';
+import { getPageSize } from "../../utils/getPageSizeAssets";
+export const useVirtuosoData = ({ activeTab, creations, isMobile, isThreeColumn, isProfileCards, }) => {
+    const virtuosoData = useMemo(() => {
         let columnCount = isMobile ? 2 : isThreeColumn ? 3 : 4;
         if (isProfileCards) {
             columnCount = isMobile ? 1 : 2;
@@ -22,12 +19,12 @@ const useVirtuosoData = ({ activeTab, creations, isMobile, isThreeColumn, isProf
         });
         return { creationPacks, creations };
     }, [isMobile, creations, isProfileCards]);
-    const placeholderData = (0, react_1.useMemo)(() => {
+    const placeholderData = useMemo(() => {
         const columnCount = isMobile ? 2 : isThreeColumn ? 3 : 4;
         const creationPacks = [[]];
         let indexPack = 0;
         Array.from({
-            length: (0, getPageSizeAssets_1.getPageSize)({
+            length: getPageSize({
                 scrollTab: activeTab?.value,
             }),
         }).forEach((_, index) => {
@@ -46,4 +43,3 @@ const useVirtuosoData = ({ activeTab, creations, isMobile, isThreeColumn, isProf
         placeholderData,
     };
 };
-exports.useVirtuosoData = useVirtuosoData;