@ludo.ninja/components 2.0.10 → 2.0.12

package/build/system/Tabs/TabsPanel/TabsPanel.test.js

@@ -1,30 +1,25 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-require("@testing-library/jest-dom/extend-expect");
-const react_1 = require("@testing-library/react");
-require("jest-styled-components");
-const index_1 = __importDefault(require("./index"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom/extend-expect';
+import { render, screen } from '@testing-library/react';
+import 'jest-styled-components';
+import TabPanel from './index';
 describe('TabPanel Component', () => {
     test('renders children when isActive is true', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { isActive: true, children: (0, jsx_runtime_1.jsx)("div", { children: "Content" }) }));
-        const content = react_1.screen.getByText('Content');
+        render(_jsx(TabPanel, { isActive: true, children: _jsx("div", { children: "Content" }) }));
+        const content = screen.getByText('Content');
         expect(content).toBeInTheDocument();
     });
     test('does not render children when isActive is false', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { isActive: false, children: (0, jsx_runtime_1.jsx)("div", { children: "Content" }) }));
-        const content = react_1.screen.queryByText('Content');
+        render(_jsx(TabPanel, { isActive: false, children: _jsx("div", { children: "Content" }) }));
+        const content = screen.queryByText('Content');
         expect(content).not.toBeInTheDocument();
     });
     test('applies correct styles based on isActive prop', () => {
-        const { rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { isActive: true, children: (0, jsx_runtime_1.jsx)("div", { children: "Content" }) }));
-        const activePanel = react_1.screen.getByText('Content').parentElement;
+        const { rerender } = render(_jsx(TabPanel, { isActive: true, children: _jsx("div", { children: "Content" }) }));
+        const activePanel = screen.getByText('Content').parentElement;
         expect(activePanel).toHaveStyleRule('display', 'block');
-        rerender((0, jsx_runtime_1.jsx)(index_1.default, { isActive: false, children: (0, jsx_runtime_1.jsx)("div", { children: "Content" }) }));
-        const inactivePanel = react_1.screen.queryByText('Content')?.parentElement;
+        rerender(_jsx(TabPanel, { isActive: false, children: _jsx("div", { children: "Content" }) }));
+        const inactivePanel = screen.queryByText('Content')?.parentElement;
         if (inactivePanel) {
             expect(inactivePanel).toHaveStyleRule('display', 'none');
         }

package/build/system/Tabs/TabsPanel/index.js

@@ -1,17 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from 'styled-components';
 // Styles
-const StyledTabPanel = styled_components_1.default.div `
+const StyledTabPanel = styled.div `
   display: ${(props) => (props.isActive ? 'block' : 'none')};
 `;
 // Component
 const TabPanel = ({ isActive, children }) => {
-    return ((0, jsx_runtime_1.jsx)(StyledTabPanel, { isActive: isActive, children: isActive && children }));
+    return (_jsx(StyledTabPanel, { isActive: isActive, children: isActive && children }));
 };
 // Export
-exports.default = TabPanel;
+export default TabPanel;

package/build/system/index.js

@@ -1,22 +1,6 @@
-"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("./Img"), exports);
-__exportStar(require("@ludo.ninja/ui/build/system/Box"), exports);
-__exportStar(require("@ludo.ninja/ui/build/system/Flex"), exports);
-__exportStar(require("@ludo.ninja/ui/build/system/Grid"), exports);
-__exportStar(require("@ludo.ninja/ui/build/system/Text"), exports);
-__exportStar(require("./theme"), exports);
+export * from "./Img";
+export * from '@ludo.ninja/ui/build/system/Box';
+export * from '@ludo.ninja/ui/build/system/Flex';
+export * from '@ludo.ninja/ui/build/system/Grid';
+export * from '@ludo.ninja/ui/build/system/Text';
+export * from "./theme";

package/build/system/theme.js

@@ -1,7 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.darkTheme = exports.lightTheme = exports.mainTheme = void 0;
-var theme_1 = require("@ludo.ninja/ui/build/system/theme");
-Object.defineProperty(exports, "mainTheme", { enumerable: true, get: function () { return theme_1.mainTheme; } });
-Object.defineProperty(exports, "lightTheme", { enumerable: true, get: function () { return theme_1.lightTheme; } });
-Object.defineProperty(exports, "darkTheme", { enumerable: true, get: function () { return theme_1.darkTheme; } });
+export { mainTheme, lightTheme, darkTheme, } from '@ludo.ninja/ui/build/system/theme';

package/build/utils/3d.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isObject3D = void 0;
 var objectExtensionsStarts;
 (function (objectExtensionsStarts) {
     objectExtensionsStarts["OBJECT"] = "object";
@@ -31,7 +28,7 @@ var objectExtensionsEnds;
 //   } else return false;
 // };
 //todo:after add originalMimeType and preview 2d - refactor to top version and add to ludo.ninja/core
-const isObject3D = ({ media, mimeType, }) => {
+export const isObject3D = ({ media, mimeType, }) => {
     const isObjectExtension = media &&
         (media.endsWith(objectExtensionsEnds.OBJ) ||
             media.endsWith(objectExtensionsEnds.GLB));
@@ -41,4 +38,3 @@ const isObject3D = ({ media, mimeType, }) => {
         isObjectExtension ||
         false);
 };
-exports.isObject3D = isObject3D;

package/build/utils/adaptive/check4k.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAdaptiveValueWithCheck4k = void 0;
-const ScreenWidth_1 = require("../../styles/ScreenWidth");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const getAdaptiveValueWithCheck4k = ({ windowDimensions, currentSize, }) => {
+import { ScreenWidth } from "../../styles/ScreenWidth";
+import { getAdaptiveValue } from '@ludo.ninja/ui/build/utils/4k';
+export const getAdaptiveValueWithCheck4k = ({ windowDimensions, currentSize, }) => {
     if (windowDimensions &&
-        windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
-        return (0, _4k_1.getAdaptiveValue)({
+        windowDimensions.windowWidth >= ScreenWidth.FOUR_K_MIN) {
+        return getAdaptiveValue({
             windowWidth: windowDimensions.windowWidth,
             currentSize,
         });
     }
     return currentSize;
 };
-exports.getAdaptiveValueWithCheck4k = getAdaptiveValueWithCheck4k;

package/build/utils/adaptive/scale.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAdaptiveScale = void 0;
-const ScreenWidth_1 = require("../../styles/ScreenWidth");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const getAdaptiveScale = ({ windowDimensions, currentSize, }) => {
+import { ScreenWidth } from "../../styles/ScreenWidth";
+import { getAdaptiveValue } from '@ludo.ninja/ui/build/utils/4k';
+export const getAdaptiveScale = ({ windowDimensions, currentSize, }) => {
     if (windowDimensions &&
-        windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+        windowDimensions.windowWidth >= ScreenWidth.FOUR_K_MIN) {
         return {
-            transform: `scale(${(0, _4k_1.getAdaptiveValue)({
+            transform: `scale(${getAdaptiveValue({
                 windowWidth: windowDimensions.windowWidth,
                 currentSize,
             })})`,
@@ -15,4 +12,3 @@ const getAdaptiveScale = ({ windowDimensions, currentSize, }) => {
     }
     return {};
 };
-exports.getAdaptiveScale = getAdaptiveScale;

package/build/utils/auth/index.js

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRedirectToLoginWindow = void 0;
-const env_1 = require("../../store/env");
-const useRedirectToLoginWindow = () => {
-    const NEXT_PUBLIC_AUTH_HOST = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_AUTH_HOST);
+import { useEnvStore } from "../../store/env";
+export const useRedirectToLoginWindow = () => {
+    const NEXT_PUBLIC_AUTH_HOST = useEnvStore((state) => state.NEXT_PUBLIC_AUTH_HOST);
     return () => window.open(`${NEXT_PUBLIC_AUTH_HOST}/login/?fallback_url=${window.location.href.replace(/\s/g, '')}`, '_self');
 };
-exports.useRedirectToLoginWindow = useRedirectToLoginWindow;

package/build/utils/copyBtn/index.js

@@ -1,46 +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.CopyButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ScreenWidth_1 = require("../../styles/ScreenWidth");
-const colors_1 = require("../../styles/colors");
-const scale_1 = require("../adaptive/scale");
-const screen_1 = require("../screen");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const utils_1 = require("@ludo.ninja/utils");
-const index_1 = require("../../system/index");
-const copied_svg_1 = __importDefault(require("../../public/copied"));
-const copy_icon_new_svg_1 = __importDefault(require("../../public/copy-icon-new"));
-const SWrapperIcon = styled_components_1.default.div `
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { mediaQuery } from "../../styles/ScreenWidth";
+import { BlackColor } from "../../styles/colors";
+import { getAdaptiveScale } from "../adaptive/scale";
+import { useWindowDimensionsWithServerInitial } from "../screen";
+import styled from 'styled-components';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import { copyToClipboard } from '@ludo.ninja/utils';
+import { Flex, H5 } from "../../system/index";
+import CopiedIcon from "../../public/copied";
+import CopyIcon from "../../public/copy-icon-new";
+const SWrapperIcon = styled.div `
   cursor: pointer;
   margin-left: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    margin-left: ${(0, _4k_1.adaptiveValueCalc)(5)};
-    width: ${(0, _4k_1.adaptiveValueCalc)(20)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(20)};
+  ${mediaQuery.minWidthFourK} {
+    margin-left: ${adaptiveValueCalc(5)};
+    width: ${adaptiveValueCalc(20)};
+    height: ${adaptiveValueCalc(20)};
   }
 `;
-const CopyButton = ({ value, style, children, }) => {
-    const [isCopied, setIsCopied] = (0, react_1.useState)(false);
+export const CopyButton = ({ value, style, children, }) => {
+    const [isCopied, setIsCopied] = useState(false);
     const handleCopy = async () => {
-        await (0, utils_1.copyToClipboard)(value);
+        await copyToClipboard(value);
         setIsCopied(true);
         setTimeout(() => {
             setIsCopied(false);
         }, 200);
     };
-    const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
+    const { windowDimensions } = useWindowDimensionsWithServerInitial();
     if (!value)
-        return (0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.BlackColor, children: "Unknown" });
-    return ((0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "center", onClick: handleCopy, style: style, children: [children, (0, jsx_runtime_1.jsx)(SWrapperIcon, { children: !isCopied ? ((0, jsx_runtime_1.jsx)(copy_icon_new_svg_1.default, { width: 20, height: 20, style: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }) })) : ((0, jsx_runtime_1.jsx)(copied_svg_1.default, { width: 20, height: 20, style: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }) })) })] }));
+        return _jsx(H5, { color: BlackColor, children: "Unknown" });
+    return (_jsxs(Flex, { alignItems: "center", onClick: handleCopy, style: style, children: [children, _jsx(SWrapperIcon, { children: !isCopied ? (_jsx(CopyIcon, { width: 20, height: 20, style: getAdaptiveScale({ windowDimensions, currentSize: 1 }) })) : (_jsx(CopiedIcon, { width: 20, height: 20, style: getAdaptiveScale({ windowDimensions, currentSize: 1 }) })) })] }));
 };
-exports.CopyButton = CopyButton;

package/build/utils/env/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isProdFromEnvForServer = void 0;
-const isProdFromEnvForServer = () => process.env.NEXT_PUBLIC_ENV_VALUE === 'prod';
-exports.isProdFromEnvForServer = isProdFromEnvForServer;
+export const isProdFromEnvForServer = () => process.env.NEXT_PUBLIC_ENV_VALUE === 'prod';

package/build/utils/extractItemIds.js

@@ -1,12 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractItemIds = extractItemIds;
-const CollectionCreationEntity_1 = __importDefault(require("../dto/Collection/CollectionCreationEntity"));
-function extractItemIds(creations) {
-    return creations.map((creation) => creation instanceof CollectionCreationEntity_1.default
+import CollectionCreationEntity from "../dto/Collection/CollectionCreationEntity";
+export function extractItemIds(creations) {
+    return creations.map((creation) => creation instanceof CollectionCreationEntity
         ? creation.getCreationId()
         : creation.getItemId());
 }

package/build/utils/getDimensionsImage.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDimensionsImage = void 0;
-const getDimensionsImage = async (value) => {
+export const getDimensionsImage = async (value) => {
     function loadReader(file) {
         return new Promise((resolve) => {
             const reader = new FileReader();
@@ -35,4 +32,3 @@ const getDimensionsImage = async (value) => {
         return null;
     }
 };
-exports.getDimensionsImage = getDimensionsImage;

package/build/utils/getPageSizeAssets.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPageSize = exports.limitCount = void 0;
-const sessionScroll_1 = require("../modules/sessionScroll");
-exports.limitCount = 40;
-const getPageSize = ({ limit = exports.limitCount, scrollTab, }) => {
+import { getScrollKeys } from '../modules/sessionScroll';
+export const limitCount = 40;
+export const getPageSize = ({ limit = limitCount, scrollTab, }) => {
     if (scrollTab) {
-        const scrollKeys = (0, sessionScroll_1.getScrollKeys)();
+        const scrollKeys = getScrollKeys();
         if (scrollKeys) {
             const itemsCount = scrollKeys[scrollTab]?.itemsCountKey;
             const itemIndexKey = scrollKeys[scrollTab]?.itemIndexKey;
@@ -14,4 +11,3 @@ const getPageSize = ({ limit = exports.limitCount, scrollTab, }) => {
     }
     return limit;
 };
-exports.getPageSize = getPageSize;

package/build/utils/imageProportionsSize/index.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineImgProportion = void 0;
-const defineImgProportion = (ref, whenDisableAddProportion) => {
+export const defineImgProportion = (ref, whenDisableAddProportion) => {
     let height = 0;
     let width = 0;
     let x;
@@ -20,4 +17,3 @@ const defineImgProportion = (ref, whenDisableAddProportion) => {
         height: width > height ? x + '%' : '100%',
     };
 };
-exports.defineImgProportion = defineImgProportion;

package/build/utils/screen/index.js

@@ -1,16 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWindowDimensions = getWindowDimensions;
-exports.useWindowDimensions = useWindowDimensions;
-exports.useWindowDimensionsWithServerInitial = useWindowDimensionsWithServerInitial;
-exports.InitializeAppHeight = InitializeAppHeight;
-const react_1 = require("react");
-const react_device_detect_1 = require("react-device-detect");
-const utils_1 = require("@ludo.ninja/utils");
-const index_1 = require("../../store/index");
-const ScreenWidth_1 = require("../../styles/ScreenWidth");
-function getWindowDimensions() {
-    if (!utils_1.isServer) {
+import { useEffect, useState } from 'react';
+import { isAndroid } from 'react-device-detect';
+import { isServer } from '@ludo.ninja/utils';
+import { useSSRStore } from "../../store/index";
+import { ScreenWidth } from "../../styles/ScreenWidth";
+export function getWindowDimensions() {
+    if (!isServer) {
         const { innerWidth, innerHeight } = window;
         return { windowWidth: innerWidth, windowHeight: innerHeight };
     }
@@ -18,19 +12,19 @@ function getWindowDimensions() {
         return { windowWidth: 1920, windowHeight: 1080 };
     }
 }
-function useWindowDimensions(isMobileInitial) {
+export function useWindowDimensions(isMobileInitial) {
     let dimensions;
-    if (utils_1.isServer)
+    if (isServer)
         dimensions = { windowWidth: 1920, windowHeight: 1080 };
     else
         dimensions = getWindowDimensions();
-    const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(dimensions);
-    const [isMobile, setIsMobile] = (0, react_1.useState)(isMobileInitial);
-    (0, react_1.useEffect)(() => {
+    const [windowDimensions, setWindowDimensions] = useState(dimensions);
+    const [isMobile, setIsMobile] = useState(isMobileInitial);
+    useEffect(() => {
         function handleResize() {
             const dimensions = getWindowDimensions();
             setWindowDimensions(dimensions);
-            setIsMobile(dimensions.windowWidth <= ScreenWidth_1.ScreenWidth.MOBILE);
+            setIsMobile(dimensions.windowWidth <= ScreenWidth.MOBILE);
         }
         handleResize();
         window.addEventListener('resize', handleResize);
@@ -40,22 +34,22 @@ function useWindowDimensions(isMobileInitial) {
             window.removeEventListener('orientationchange', handleResize);
         };
     }, []);
-    const deviceType = (windowDimensions.windowWidth <= ScreenWidth_1.ScreenWidth.MOBILE
+    const deviceType = (windowDimensions.windowWidth <= ScreenWidth.MOBILE
         ? 'isMobile'
-        : windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.DESKTOP
+        : windowDimensions.windowWidth >= ScreenWidth.DESKTOP
             ? 'isDesktop'
             : 'isTablet');
     return { windowDimensions, deviceType, isMobile };
 }
-function useWindowDimensionsWithServerInitial() {
-    const isMobileInitial = (0, index_1.useSSRStore)((state) => state.isMobile);
-    const [isMobile, setIsMobile] = (0, react_1.useState)(isMobileInitial);
-    const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(utils_1.isServer ? null : getWindowDimensions());
-    (0, react_1.useEffect)(() => {
+export function useWindowDimensionsWithServerInitial() {
+    const isMobileInitial = useSSRStore((state) => state.isMobile);
+    const [isMobile, setIsMobile] = useState(isMobileInitial);
+    const [windowDimensions, setWindowDimensions] = useState(isServer ? null : getWindowDimensions());
+    useEffect(() => {
         function handleResize() {
             const dimensions = getWindowDimensions();
             setWindowDimensions(dimensions);
-            setIsMobile(dimensions.windowWidth <= ScreenWidth_1.ScreenWidth.MOBILE);
+            setIsMobile(dimensions.windowWidth <= ScreenWidth.MOBILE);
         }
         handleResize();
         window.addEventListener('resize', handleResize);
@@ -67,10 +61,10 @@ function useWindowDimensionsWithServerInitial() {
     }, []);
     return { isMobile, windowDimensions };
 }
-function InitializeAppHeight() {
-    (0, react_1.useEffect)(() => {
+export function InitializeAppHeight() {
+    useEffect(() => {
         function handleResize() {
-            document.documentElement.style.setProperty('--app-height', react_device_detect_1.isAndroid
+            document.documentElement.style.setProperty('--app-height', isAndroid
                 ? `${Math.min(window.innerHeight, window.outerHeight, window.innerHeight * window.devicePixelRatio)}px`
                 : `${window.innerHeight}px`);
         }

package/build/utils/seacrhTabs.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.searchTabs = void 0;
-exports.searchTabs = [
+export const searchTabs = [
     {
         link: '/nfts',
         text: 'NFTs',

package/build/utils/ssrFunctions/index.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGlobalPageProps = exports.getUserDataFromCookie = exports.getIsMobile = void 0;
-const api_1 = require("@ludo.ninja/api");
-const utils_1 = require("@ludo.ninja/utils");
-const getIsMobile = (context) => {
+import { authCookies } from '@ludo.ninja/api';
+import { mobileDetection } from '@ludo.ninja/utils';
+export const getIsMobile = (context) => {
     const UA = context.req.headers['user-agent'];
-    const { isMobile } = (0, utils_1.mobileDetection)({ UA });
+    const { isMobile } = mobileDetection({ UA });
     return { isMobile };
 };
-exports.getIsMobile = getIsMobile;
-const getUserDataFromCookie = (context) => {
-    const { authToken, refreshToken, wallets, userId, newUser, inviteCode } = api_1.authCookies.getCookies(context);
+export const getUserDataFromCookie = (context) => {
+    const { authToken, refreshToken, wallets, userId, newUser, inviteCode } = authCookies.getCookies(context);
     if (authToken && refreshToken && userId && wallets && newUser && inviteCode) {
         return {
             userData: {
@@ -25,9 +21,7 @@ const getUserDataFromCookie = (context) => {
     }
     return { userData: null };
 };
-exports.getUserDataFromCookie = getUserDataFromCookie;
-const getGlobalPageProps = (ctx) => ({
-    ...(0, exports.getIsMobile)(ctx),
-    ...(0, exports.getUserDataFromCookie)(ctx),
+export const getGlobalPageProps = (ctx) => ({
+    ...getIsMobile(ctx),
+    ...getUserDataFromCookie(ctx),
 });
-exports.getGlobalPageProps = getGlobalPageProps;

package/build/utils/ui/index.js

@@ -1,6 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.upBtnDistance = void 0;
-const upBtnDistance = (document, pixels) => document.body.scrollTop > pixels ||
+export const upBtnDistance = (document, pixels) => document.body.scrollTop > pixels ||
     document.documentElement.scrollTop > pixels;
-exports.upBtnDistance = upBtnDistance;

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.0.10",
+  "version": "2.0.12",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",
+  "type": "module",
   "files": [
     "build"
   ],
@@ -11,8 +12,8 @@
     "dev": "next dev -p 4000",
     "clean": "rimraf tsconfig.tsbuildinfo && rimraf build",
     "build:tsc": "npm run clean && tsc --build",
-    "replaceImports": "node scripts/replaceImports.js",
-    "svgPublic": "node scripts/svgConverter.js",
+    "replaceImports": "node scripts/replaceImports.cjs",
+    "svgPublic": "node scripts/svgConverter.cjs",
     "check-types": "tsc --pretty --noEmit",
     "check-format": "prettier --check .",
     "check-lint": "eslint . --ext ts --ext tsx --ext js",
@@ -55,7 +56,7 @@
     "react-share": "^4.4.1",
     "react-slick": "^0.29.0",
     "react-virtuoso": "^4.6.3",
-    "screenfull": "^5.2.0",
+    "screenfull": "^6.0.2",
     "slick-carousel": "^1.8.1",
     "styled-components": "^5.3.6",
     "styled-system": "^5.1.5",