@ludo.ninja/components 1.7.5 → 1.7.6

package/dist/modules/user/auth/index.js

@@ -1 +1,17 @@
-export * from './';
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./"), exports);

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

@@ -1,3 +1,27 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -34,22 +58,24 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { useEffect } from 'react';
-import { useRouter } from 'next/router';
-import { useSignIn } from '@/modules/user/auth/useSignIn';
-import { useSignOut } from '@/modules/user/auth/useSignOut';
-export var useAuthVerification = function () {
-    var router = useRouter();
-    var signIn = useSignIn();
-    var signOut = useSignOut();
-    useEffect(function () {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAuthVerification = void 0;
+var react_1 = require("react");
+var router_1 = require("next/router");
+var useSignIn_1 = require("@/modules/user/auth/useSignIn");
+var useSignOut_1 = require("@/modules/user/auth/useSignOut");
+var useAuthVerification = function () {
+    var router = (0, router_1.useRouter)();
+    var signIn = (0, useSignIn_1.useSignIn)();
+    var signOut = (0, useSignOut_1.useSignOut)();
+    (0, react_1.useEffect)(function () {
         var verification = function () { return __awaiter(void 0, void 0, void 0, function () {
             var authCookies, authCookiesParsed, e_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         _a.trys.push([0, 5, , 6]);
-                        return [4 /*yield*/, import('@ludo.ninja/api/build/cookies')];
+                        return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('@ludo.ninja/api/build/cookies')); })];
                     case 1:
                         authCookies = _a.sent();
                         authCookiesParsed = authCookies.getCookies();
@@ -91,3 +117,4 @@ export var useAuthVerification = function () {
         };
     }, [router.query]);
 };
+exports.useAuthVerification = useAuthVerification;

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

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

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

@@ -1,3 +1,4 @@
+"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -34,14 +35,19 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { destroyCookie } from 'nookies';
-import process from 'process';
-import { authCookies } from '@ludo.ninja/api';
-import useRevokeToken from '@/api/server-identities/mutations/useRevokeToken';
-import { useUserStore } from '../store';
-export var useSignOut = function () {
-    var revokeToken = useRevokeToken().revokeToken;
-    var setUser = useUserStore(function (state) { return state.setUser; });
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSignOut = void 0;
+var nookies_1 = require("nookies");
+var process_1 = __importDefault(require("process"));
+var api_1 = require("@ludo.ninja/api");
+var useRevokeToken_1 = __importDefault(require("@/api/server-identities/mutations/useRevokeToken"));
+var store_1 = require("../store");
+var useSignOut = function () {
+    var revokeToken = (0, useRevokeToken_1.default)().revokeToken;
+    var setUser = (0, store_1.useUserStore)(function (state) { return state.setUser; });
     return function () { return __awaiter(void 0, void 0, void 0, function () {
         var e_1;
         return __generator(this, function (_a) {
@@ -56,16 +62,17 @@ export var useSignOut = function () {
                     e_1 = _a.sent();
                     return [3 /*break*/, 4];
                 case 3:
-                    authCookies.destroyCookies(process.env.NEXT_PUBLIC_ENV_DOMAIN);
-                    destroyCookie(null, 'authMultiversXWallet', {
+                    api_1.authCookies.destroyCookies(process_1.default.env.NEXT_PUBLIC_ENV_DOMAIN);
+                    (0, nookies_1.destroyCookie)(null, 'authMultiversXWallet', {
                         path: '/',
-                        domain: process.env.NEXT_PUBLIC_ENV_DOMAIN,
+                        domain: process_1.default.env.NEXT_PUBLIC_ENV_DOMAIN,
                     });
                     setUser(null);
-                    window.location.replace(process.env.NEXT_PUBLIC_WELCOME_HOST);
+                    window.location.replace(process_1.default.env.NEXT_PUBLIC_WELCOME_HOST);
                     return [7 /*endfinally*/];
                 case 4: return [2 /*return*/];
             }
         });
     }); };
 };
+exports.useSignOut = useSignOut;

package/dist/modules/user/index.js

@@ -1,3 +1,19 @@
-export * from './store';
-export * from './auth';
-export * from './profileData';
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./store"), exports);
+__exportStar(require("./auth"), exports);
+__exportStar(require("./profileData"), exports);

package/dist/modules/user/profileData/index.js

@@ -1 +1,17 @@
-export * from './';
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./"), exports);

package/dist/modules/user/profileData/{profileDataInitialization.jsx → profileDataInitialization.js}

@@ -1,11 +1,14 @@
-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 '@/modules/user/store';
-import { useUiStore } from '@/store/ui';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileDataInitialization = void 0;
+var api_1 = require("@ludo.ninja/api");
+var api_2 = require("@ludo.ninja/api");
+var type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
+var store_1 = require("@/modules/user/store");
+var ui_1 = require("@/store/ui");
 var FetcherMyProfile = function ( /*{ userId }: { userId: string }*/) {
-    var openAlert = useUiStore(function (state) { return state.openAlert; });
-    var _a = useUserStore(function (state) { return ({
+    var openAlert = (0, ui_1.useUiStore)(function (state) { return state.openAlert; });
+    var _a = (0, store_1.useUserStore)(function (state) { return ({
         setIsLoadingProfileData: state.setIsLoadingProfileData,
         setProfileData: state.setProfileData,
         profileData: state.profileData,
@@ -15,9 +18,9 @@ var FetcherMyProfile = function ( /*{ userId }: { userId: string }*/) {
     // profileData,
     setUserExp = _a.setUserExp, setInviteCodes = _a.setInviteCodes;
     // console.log('profileData', profileData);
-    identitySchema.useFetchMyProfileQuery({
+    api_2.identitySchema.useFetchMyProfileQuery({
         context: {
-            uri: hosts.identityHost,
+            uri: api_1.hosts.identityHost,
         },
         onCompleted: function (_a) {
             var fetchMyProfile = _a.fetchMyProfile;
@@ -38,7 +41,7 @@ var FetcherMyProfile = function ( /*{ userId }: { userId: string }*/) {
         },
         onError: function (err) {
             openAlert({
-                type: alertVariants.error,
+                type: type_1.alertVariants.error,
                 caption: err.message,
             });
             setProfileData(null);
@@ -47,9 +50,10 @@ var FetcherMyProfile = function ( /*{ userId }: { userId: string }*/) {
     });
     return null;
 };
-export var ProfileDataInitialization = function () {
-    var userId = useUserStore(function (state) { var _a; return (_a = state.user) === null || _a === void 0 ? void 0 : _a.userId; });
+var ProfileDataInitialization = function () {
+    var userId = (0, store_1.useUserStore)(function (state) { var _a; return (_a = state.user) === null || _a === void 0 ? void 0 : _a.userId; });
     if (!userId)
         return null;
-    return <FetcherMyProfile />;
+    return React.createElement(FetcherMyProfile, null);
 };
+exports.ProfileDataInitialization = ProfileDataInitialization;

package/dist/modules/user/{store.jsx → store.js}

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,16 +10,18 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { createProvider } from 'next-zustand';
-import { shallow } from 'zustand/shallow';
-import { ProfileEntity } from '@ludo.ninja/core';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserStore = exports.UserProvider = void 0;
+var next_zustand_1 = require("next-zustand");
+var shallow_1 = require("zustand/shallow");
+var core_1 = require("@ludo.ninja/core");
 var initialUserExp = {
     xps: 0,
     level: 1,
     levelMaxXps: 0,
     levelMinXps: 0,
 };
-var creators = createProvider()(function (setState) { return ({
+var creators = (0, next_zustand_1.createProvider)()(function (setState) { return ({
     user: null,
     isSignedIn: false,
     setUser: function (user) {
@@ -46,7 +49,7 @@ var creators = createProvider()(function (setState) { return ({
             var newProfileObject = __assign(__assign(__assign({}, prev.profileObject), profile), { social: __assign(__assign({}, (_a = prev.profileObject) === null || _a === void 0 ? void 0 : _a.social), profile.social) });
             return {
                 profileObject: newProfileObject,
-                profileData: new ProfileEntity(newProfileObject),
+                profileData: new core_1.ProfileEntity(newProfileObject),
             };
         });
     },
@@ -54,7 +57,7 @@ var creators = createProvider()(function (setState) { return ({
     setProfileData: function (profileObject) {
         if (profileObject) {
             setState({
-                profileData: new ProfileEntity(profileObject),
+                profileData: new core_1.ProfileEntity(profileObject),
                 profileObject: profileObject,
             });
         }
@@ -70,6 +73,6 @@ var creators = createProvider()(function (setState) { return ({
     setInviteCodes: function (inviteCodes) {
         setState({ inviteCodes: inviteCodes });
     },
-}); }, shallow);
-export var UserProvider = creators.Provider;
-export var useUserStore = creators.getUseStore();
+}); }, shallow_1.shallow);
+exports.UserProvider = creators.Provider;
+exports.useUserStore = creators.getUseStore();

package/dist/modules/virtuoso/VirtuosoPageBuilder.js

@@ -0,0 +1,152 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 });
+exports.VirtuosoPageBuilder = void 0;
+var react_1 = __importStar(require("react"));
+var react_virtuoso_1 = require("react-virtuoso");
+var styled_components_1 = __importDefault(require("styled-components"));
+var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+var useVirtuosoInitialScroll_1 = require("@/modules/sessionScroll/useVirtuosoInitialScroll");
+var VirtuosoToTopBtn_1 = require("@/modules/virtuoso/VirtuosoToTopBtn");
+var useSubscribeVirtuosoScrollToHeader_1 = require("@/modules/virtuoso/useSubscribeVirtuosoScrollToHeader");
+var useVirtuosoData_1 = require("@/modules/virtuoso/useVirtuosoData");
+var ScreenWidth_1 = require("@/styles/ScreenWidth");
+var profileSkeleton_1 = require("@/components/profile/profileSkeleton");
+var CardsError_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsError"));
+var CardsNoResults_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults"));
+var CardsSkeleton_1 = require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsSkeleton");
+var CardsHolderLoader_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolderLoader"));
+var SCardsRow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 704px;\n  }\n\n  ", " {\n    width: 320px;\n  }\n  ", " {\n    width: ", ";\n  }\n"], ["\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 704px;\n  }\n\n  ", " {\n    width: 320px;\n  }\n  ", " {\n    width: ", ";\n  }\n"])), ScreenWidth_1.mediaQuery.maxWidthTablet, ScreenWidth_1.mediaQuery.mobile, ScreenWidth_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(1080));
+var VirtuosoPageBuilder = function (_a) {
+    var activeTab = _a.activeTab, isMobile = _a.isMobile, creations = _a.creations, windowDimensions = _a.windowDimensions, isLoading = _a.isLoading, error = _a.error, refetchQuery = _a.refetchQuery, loadMore = _a.loadMore, renderCreation = _a.renderCreation, notFoundText = _a.notFoundText, isNextLoading = _a.isNextLoading, headerSlot = _a.headerSlot, isProfileCards = _a.isProfileCards;
+    var onScroll = (0, useSubscribeVirtuosoScrollToHeader_1.useSubscribeVirtuosoScrollToHeader)().onScroll;
+    var virtuoso = (0, react_1.useRef)(null);
+    var virtuosoToTopBtnInitialize = (0, VirtuosoToTopBtn_1.useVirtuosoToTopBtnInitialize)();
+    var _b = (0, useVirtuosoData_1.useVirtuosoData)({
+        activeTab: activeTab,
+        isMobile: isMobile,
+        creations: creations,
+        isProfileCards: !!windowDimensions &&
+            windowDimensions.windowWidth < 1200 &&
+            isProfileCards,
+    }), virtuosoData = _b.virtuosoData, placeholderData = _b.placeholderData;
+    var _c = (0, useVirtuosoInitialScroll_1.useVirtuosoInitialScroll)({
+        virtuoso: virtuoso,
+        virtuosoData: virtuosoData,
+        activeTab: activeTab,
+    }), updateScroll = _c.updateScroll, setScrollTop = _c.setScrollTop;
+    var virtuosoBody = (function () {
+        var getGapCards = function () {
+            var width = windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth;
+            if (width && width < 768)
+                return 12;
+            if (width && width < 1200)
+                return 16;
+            if (width && width >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+                return (0, _4k_1.getAdaptiveValue)({
+                    windowWidth: width,
+                    currentSize: 24,
+                });
+            }
+            return 24;
+        };
+        if (isLoading) {
+            return {
+                totalCount: placeholderData.length,
+                itemContent: function (index) {
+                    return (react_1.default.createElement(SCardsRow, { style: {
+                            paddingBottom: (function () {
+                                if (index === virtuosoData.creationPacks.length - 1) {
+                                    var width = windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth;
+                                    if (width && width < 768)
+                                        return 20;
+                                    if (width && width < 1200)
+                                        return 32;
+                                }
+                                return getGapCards();
+                            })(),
+                            gap: getGapCards(),
+                        } }, placeholderData[index].map(function (_, ind) {
+                        return isProfileCards ? (react_1.default.createElement(profileSkeleton_1.ProfileSkeleton, { key: ind })) : (react_1.default.createElement(CardsSkeleton_1.CardSkeleton, { key: ind }));
+                    })));
+                },
+            };
+        }
+        if (error) {
+            return {
+                totalCount: 1,
+                itemContent: function () {
+                    return react_1.default.createElement(CardsError_1.default, { refetch: refetchQuery });
+                },
+            };
+        }
+        if (notFoundText && virtuosoData.creations.length === 0) {
+            return {
+                totalCount: 1,
+                itemContent: function () {
+                    return react_1.default.createElement(CardsNoResults_1.default, { noFoundText: notFoundText });
+                },
+            };
+        }
+        return {
+            totalCount: virtuosoData.creationPacks.length,
+            itemContent: function (index) {
+                var data = virtuosoData.creationPacks[index];
+                return (react_1.default.createElement(SCardsRow, { style: {
+                        paddingBottom: (function () {
+                            if (index === virtuosoData.creationPacks.length - 1) {
+                                var width = windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth;
+                                if (width && width < 768)
+                                    return 20;
+                                if (width && width < 1200)
+                                    return 32;
+                            }
+                            return getGapCards();
+                        })(),
+                        gap: getGapCards(),
+                    }, onClick: function () { return updateScroll(index); } }, data.map(renderCreation)));
+            },
+        };
+    })();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_virtuoso_1.Virtuoso, { ref: virtuoso, style: { height: 'var(--app-height)' }, onScroll: function (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: function () { return headerSlot; },
+                Footer: function () { return (isNextLoading ? react_1.default.createElement(CardsHolderLoader_1.default, null) : null); },
+            } }),
+        virtuosoToTopBtnInitialize.isShowBtn && (react_1.default.createElement(VirtuosoToTopBtn_1.VirtuosoToTopBtn, { virtuoso: virtuoso }))));
+};
+exports.VirtuosoPageBuilder = VirtuosoPageBuilder;
+var templateObject_1;

package/dist/modules/virtuoso/{VirtuosoToTopBtn.jsx → VirtuosoToTopBtn.js}

@@ -1,8 +1,11 @@
-import { useRef, useState } from 'react';
-import { ToTopBtnWithCustomHandler } from '@/components/toTopBtn';
-export var useVirtuosoToTopBtnInitialize = function () {
-    var _a = useState(false), isShowBtn = _a[0], setIsShowBtn = _a[1];
-    var oldScrollY = useRef(0);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VirtuosoToTopBtn = exports.useVirtuosoToTopBtnInitialize = void 0;
+var react_1 = require("react");
+var toTopBtn_1 = require("@/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);
     var offsetPixels = 600;
     return {
         isShowBtn: isShowBtn,
@@ -20,7 +23,8 @@ export var useVirtuosoToTopBtnInitialize = function () {
         },
     };
 };
-export var VirtuosoToTopBtn = function (_a) {
+exports.useVirtuosoToTopBtnInitialize = useVirtuosoToTopBtnInitialize;
+var VirtuosoToTopBtn = function (_a) {
     var virtuoso = _a.virtuoso;
     var handleClickFunction = function () {
         var _a;
@@ -30,5 +34,6 @@ export var VirtuosoToTopBtn = function (_a) {
             align: 'end',
         });
     };
-    return (<ToTopBtnWithCustomHandler handleClickFunction={handleClickFunction}/>);
+    return (React.createElement(toTopBtn_1.ToTopBtnWithCustomHandler, { handleClickFunction: handleClickFunction }));
 };
+exports.VirtuosoToTopBtn = VirtuosoToTopBtn;

package/dist/modules/virtuoso/index.js

@@ -1,5 +1,21 @@
-export * from './types';
-export * from './VirtuosoPageBuilder';
-export * from './VirtuosoToTopBtn';
-export * from './useVirtuosoData';
-export * from './useSubscribeVirtuosoScrollToHeader';
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./VirtuosoPageBuilder"), exports);
+__exportStar(require("./VirtuosoToTopBtn"), exports);
+__exportStar(require("./useVirtuosoData"), exports);
+__exportStar(require("./useSubscribeVirtuosoScrollToHeader"), exports);

package/dist/modules/virtuoso/types.js

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

package/dist/modules/virtuoso/useSubscribeVirtuosoScrollToHeader.js

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

package/dist/modules/virtuoso/useVirtuosoData.js

@@ -1,8 +1,11 @@
-import { useMemo } from 'react';
-import { getPageSize } from '@/utils/getPageSizeAssets';
-export var useVirtuosoData = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVirtuosoData = void 0;
+var react_1 = require("react");
+var getPageSizeAssets_1 = require("@/utils/getPageSizeAssets");
+var useVirtuosoData = function (_a) {
     var activeTab = _a.activeTab, creations = _a.creations, isMobile = _a.isMobile, isThreeColumn = _a.isThreeColumn, isProfileCards = _a.isProfileCards;
-    var virtuosoData = useMemo(function () {
+    var virtuosoData = (0, react_1.useMemo)(function () {
         var columnCount = isMobile ? 2 : isThreeColumn ? 3 : 4;
         if (isProfileCards) {
             columnCount = isMobile ? 1 : 2;
@@ -20,12 +23,12 @@ export var useVirtuosoData = function (_a) {
         });
         return { creationPacks: creationPacks, creations: creations };
     }, [isMobile, creations, isProfileCards]);
-    var placeholderData = useMemo(function () {
+    var placeholderData = (0, react_1.useMemo)(function () {
         var columnCount = isMobile ? 2 : isThreeColumn ? 3 : 4;
         var creationPacks = [[]];
         var indexPack = 0;
         Array.from({
-            length: getPageSize({
+            length: (0, getPageSizeAssets_1.getPageSize)({
                 scrollTab: activeTab === null || activeTab === void 0 ? void 0 : activeTab.value,
             }),
         }).forEach(function (_, index) {
@@ -44,3 +47,4 @@ export var useVirtuosoData = function (_a) {
         placeholderData: placeholderData,
     };
 };
+exports.useVirtuosoData = useVirtuosoData;

package/dist/pages/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var head_1 = __importDefault(require("next/head"));
+function Home() {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(head_1.default, null,
+            React.createElement("title", null, "Create Next App"),
+            React.createElement("meta", { name: "description", content: "Generated by create next app" }),
+            React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+            React.createElement("link", { rel: "icon", href: "/favicon.ico" })),
+        React.createElement("div", null, "Hello")));
+}
+exports.default = Home;