@ludo.ninja/components 2.3.6 → 2.3.8

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

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTabsNavLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const typography_1 = require("../../../styles/typography");
+const vars_1 = require("../../../fonts/vars");
+// Styles
+exports.StyledTabsNavLink = styled_components_1.default.div `
+  font-family: ${vars_1.poppinsFontVarCss.css};
+
+  ${typography_1.FH5};
+  position: relative;
+  color: ${(props) => (props.isActive ? colors_1.BlackColor : colors_1.TextDarkGrayColor)};
+  text-decoration: none;
+  cursor: pointer;
+  text-align: left;
+  display: inline-block;
+  width: max-content;
+
+  &:before {
+    content: '';
+    position: absolute;
+    display: block;
+    width: 100%;
+    height: 2px;
+    bottom: -2px;
+    left: 0;
+    background-color: #000;
+    transform: ${(props) => (props.isActive ? 'scaleX(1)' : 'scaleX(0)')};
+    transition: transform 0.3s ease;
+
+    ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+      height: ${(0, _4k_1.adaptiveValueCalc)(2)};
+      bottom: ${(0, _4k_1.adaptiveValueCalc)(-2)};
+    }
+  }
+
+  :hover {
+    color: ${colors_1.BlackColor};
+  }
+
+  :hover::before {
+    transform: scaleX(1);
+  }
+`;
+// Component
+const TabsNavLink = ({ tabNavLink, activeNavLink, setActiveTab, }) => {
+    return ((0, jsx_runtime_1.jsx)(exports.StyledTabsNavLink, { isActive: activeNavLink, onClick: () => (setActiveTab ? setActiveTab(tabNavLink) : null), children: tabNavLink.label }));
+};
+// Export
+exports.default = TabsNavLink;

package/build/system/Tabs/TabsNav/TabsNav.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/extend-expect';
+import 'jest-styled-components';

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

@@ -0,0 +1,43 @@
+"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 colors_1 = require("../../../styles/colors");
+const index_1 = __importDefault(require("./index"));
+// Mock data
+const tabsData = [
+    { id: 1, label: 'Tab 1' },
+    { id: 2, label: 'Tab 2' },
+];
+const activeTab = { id: 1, label: 'Tab 1' };
+const setActiveTab = jest.fn();
+describe('TabsNav Component', () => {
+    test('renders all tabs correctly', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { tabsData: tabsData, activeTab: activeTab }));
+        const tab1 = react_1.screen.getByText('Tab 1');
+        const tab2 = react_1.screen.getByText('Tab 2');
+        expect(tab1).toBeInTheDocument();
+        expect(tab2).toBeInTheDocument();
+    });
+    test('applies active styles to the active tab', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { tabsData: tabsData, activeTab: activeTab, setActiveTab: setActiveTab }));
+        const activeTabElement = react_1.screen.getByText('Tab 1');
+        expect(activeTabElement).toHaveStyleRule('color', colors_1.BlackColor);
+    });
+    test('applies inactive styles to inactive tabs', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { tabsData: tabsData, activeTab: activeTab, setActiveTab: setActiveTab }));
+        const inactiveTabElement = react_1.screen.getByText('Tab 2');
+        expect(inactiveTabElement).toHaveStyleRule('color', colors_1.TextDarkGrayColor);
+    });
+    test('calls setActiveTab when a tab is clicked', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { tabsData: tabsData, activeTab: activeTab, setActiveTab: setActiveTab }));
+        const tab2 = react_1.screen.getByText('Tab 2');
+        react_1.fireEvent.click(tab2);
+        expect(setActiveTab).toHaveBeenCalledWith(tabsData[1]);
+    });
+});

package/build/system/Tabs/TabsNav/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TActiveTab, TabsNavType } from './type';
+export declare const StyledTabsNav: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface Props {
+    tabsData: TabsNavType[];
+    activeTab: TActiveTab;
+    setActiveTab?: (tab: TabsNavType) => void;
+}
+declare const TabsNav: React.FC<Props>;
+export default TabsNav;

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

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTabsNav = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const TabNavLink_1 = __importDefault(require("../TabNavLink"));
+// Styles
+exports.StyledTabsNav = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+
+  @media (max-width: 767px) {
+    width: 310px;
+    overflow: hidden;
+    margin: 0 auto;
+  }
+`;
+// Component
+const TabsNav = ({ tabsData, activeTab, setActiveTab }) => {
+    const renderSortItems = () => {
+        return tabsData.map((data) => {
+            return ((0, jsx_runtime_1.jsx)(TabNavLink_1.default, { activeNavLink: activeTab?.id === data.id, tabNavLink: data, setActiveTab: setActiveTab }, data.id));
+        });
+    };
+    return (0, jsx_runtime_1.jsx)(exports.StyledTabsNav, { children: renderSortItems() });
+};
+// Export
+exports.default = TabsNav;

package/build/system/Tabs/TabsNav/type.d.ts

@@ -0,0 +1,6 @@
+export type TabsNavType = {
+    id: number;
+    label: string;
+    value?: string;
+};
+export type TActiveTab = TabsNavType | null;

package/build/system/Tabs/TabsNav/type.js

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

package/build/system/Tabs/TabsPanel/TabsPanel.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/extend-expect';
+import 'jest-styled-components';

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

@@ -0,0 +1,32 @@
+"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"));
+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');
+        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');
+        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;
+        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;
+        if (inactivePanel) {
+            expect(inactivePanel).toHaveStyleRule('display', 'none');
+        }
+    });
+});

package/build/system/Tabs/TabsPanel/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    isActive: boolean;
+    children: React.ReactNode;
+}
+declare const TabPanel: React.FC<Props>;
+export default TabPanel;

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

@@ -0,0 +1,17 @@
+"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"));
+// Styles
+const StyledTabPanel = styled_components_1.default.div `
+  display: ${(props) => (props.isActive ? 'block' : 'none')};
+`;
+// Component
+const TabPanel = ({ isActive, children }) => {
+    return ((0, jsx_runtime_1.jsx)(StyledTabPanel, { isActive: isActive, children: isActive && children }));
+};
+// Export
+exports.default = TabPanel;

package/build/system/Text/index.js

@@ -0,0 +1 @@
+"use strict";

package/build/system/index.d.ts

@@ -0,0 +1,6 @@
+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/index.js

@@ -0,0 +1,22 @@
+"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);

package/build/system/theme.d.ts

@@ -0,0 +1 @@
+export { mainTheme, lightTheme, darkTheme, } from '@ludo.ninja/ui/build/system/theme';

package/build/system/theme.js

@@ -0,0 +1,7 @@
+"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; } });

package/build/utils/3d.d.ts

@@ -0,0 +1,5 @@
+import { mediaType } from '@ludo.ninja/core/build/media/type';
+export declare const isObject3D: ({ media, mimeType, }: {
+    media: mediaType["media"];
+    mimeType: mediaType["mimeType"];
+}) => boolean;

package/build/utils/3d.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isObject3D = void 0;
+var objectExtensionsStarts;
+(function (objectExtensionsStarts) {
+    objectExtensionsStarts["OBJECT"] = "object";
+    objectExtensionsStarts["MODEL"] = "model";
+})(objectExtensionsStarts || (objectExtensionsStarts = {}));
+var objectExtensionsEnds;
+(function (objectExtensionsEnds) {
+    objectExtensionsEnds["OBJ"] = "obj";
+    objectExtensionsEnds["GLB"] = "glb";
+})(objectExtensionsEnds || (objectExtensionsEnds = {}));
+// const isObject = ({
+//   media,
+//   mimeType,
+//   originalMimeType,
+// }: mediaType): boolean => {
+//   if (!originalMimeType) {
+// const isObjectExtension =
+//   media &&
+//   (media.endsWith(objectExtensionsEnds.OBJ) ||
+//     media.endsWith(objectExtensionsEnds.GLB));
+//     return (
+//       (mimeType &&
+//         (mimeType.startsWith(objectExtensionsStarts.OBJECT) ||
+//           mimeType.startsWith(objectExtensionsStarts.MODEL))) ||
+//       isObjectExtension ||
+//       false
+//     );
+//   } else return false;
+// };
+//todo:after add originalMimeType and preview 2d - refactor to top version and add to ludo.ninja/core
+const isObject3D = ({ media, mimeType, }) => {
+    const isObjectExtension = media &&
+        (media.endsWith(objectExtensionsEnds.OBJ) ||
+            media.endsWith(objectExtensionsEnds.GLB));
+    return ((mimeType &&
+        (mimeType.startsWith(objectExtensionsStarts.OBJECT) ||
+            mimeType.startsWith(objectExtensionsStarts.MODEL))) ||
+        isObjectExtension ||
+        false);
+};
+exports.isObject3D = isObject3D;

package/build/utils/adaptive/check4k.d.ts

@@ -0,0 +1,5 @@
+import { TDimensions } from '../screen';
+export declare const getAdaptiveValueWithCheck4k: ({ windowDimensions, currentSize, }: {
+    currentSize: number;
+    windowDimensions: TDimensions | null;
+}) => number;

package/build/utils/adaptive/check4k.js

@@ -0,0 +1,16 @@
+"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, }) => {
+    if (windowDimensions &&
+        windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+        return (0, _4k_1.getAdaptiveValue)({
+            windowWidth: windowDimensions.windowWidth,
+            currentSize,
+        });
+    }
+    return currentSize;
+};
+exports.getAdaptiveValueWithCheck4k = getAdaptiveValueWithCheck4k;

package/build/utils/adaptive/scale.d.ts

@@ -0,0 +1,9 @@
+import { TDimensions } from '../screen';
+export declare const getAdaptiveScale: ({ windowDimensions, currentSize, }: {
+    currentSize: number;
+    windowDimensions: TDimensions | null;
+}) => {
+    transform: string;
+} | {
+    transform?: undefined;
+};

package/build/utils/adaptive/scale.js

@@ -0,0 +1,18 @@
+"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, }) => {
+    if (windowDimensions &&
+        windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+        return {
+            transform: `scale(${(0, _4k_1.getAdaptiveValue)({
+                windowWidth: windowDimensions.windowWidth,
+                currentSize,
+            })})`,
+        };
+    }
+    return {};
+};
+exports.getAdaptiveScale = getAdaptiveScale;

package/build/utils/auth/index.d.ts

@@ -0,0 +1 @@
+export declare const useRedirectToLoginWindow: () => () => Window | null;

package/build/utils/auth/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRedirectToLoginWindow = void 0;
+const env_1 = require("../../store/env");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const useRedirectToLoginWindow = () => {
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    const isFromLocalhost = NEXT_PUBLIC_ENV_VALUE === "development";
+    const domainType = isFromLocalhost ? "stage" : NEXT_PUBLIC_ENV_VALUE;
+    return () => window.open(`${ludoDomains_1.ludoDomains[domainType]["auth"]}/login${isFromLocalhost ? "?isFromLocalhost=true&" : "?"}fallback_url=${window.location.href.replace(/\s/g, "")}`, "_self");
+};
+exports.useRedirectToLoginWindow = useRedirectToLoginWindow;

package/build/utils/copyBtn/index.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties, PropsWithChildren } from 'react';
+export declare const CopyButton: ({ value, style, children, }: PropsWithChildren<{
+    value?: string | null;
+    style?: CSSProperties | undefined;
+}>) => import("react/jsx-runtime").JSX.Element;

package/build/utils/copyBtn/index.js

@@ -0,0 +1,46 @@
+"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 `
+  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)};
+  }
+`;
+const CopyButton = ({ value, style, children, }) => {
+    const [isCopied, setIsCopied] = (0, react_1.useState)(false);
+    const handleCopy = async () => {
+        await (0, utils_1.copyToClipboard)(value);
+        setIsCopied(true);
+        setTimeout(() => {
+            setIsCopied(false);
+        }, 200);
+    };
+    const { windowDimensions } = (0, screen_1.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 }) })) })] }));
+};
+exports.CopyButton = CopyButton;

package/build/utils/env/index.d.ts

@@ -0,0 +1 @@
+export declare const isProdFromEnvForServer: () => boolean;

package/build/utils/env/index.js

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

package/build/utils/extractItemIds.d.ts

@@ -0,0 +1,2 @@
+import { TCreation } from '../entities/creation/types';
+export declare function extractItemIds(creations: TCreation[]): string[];

package/build/utils/extractItemIds.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractItemIds = extractItemIds;
+function extractItemIds(creations) {
+    return creations.map((creation) => creation.itemId);
+}

package/build/utils/getDimensionsImage.d.ts

@@ -0,0 +1,4 @@
+export declare const getDimensionsImage: (value: File) => Promise<{
+    height: number;
+    width: number;
+} | null>;

package/build/utils/getDimensionsImage.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDimensionsImage = void 0;
+const getDimensionsImage = async (value) => {
+    function loadReader(file) {
+        return new Promise((resolve) => {
+            const reader = new FileReader();
+            reader.addEventListener('load', () => {
+                resolve(reader.result);
+            });
+            reader.readAsDataURL(file);
+        });
+    }
+    function loadImage(url) {
+        return new Promise((resolve, reject) => {
+            const image = new Image();
+            image.addEventListener('error', (error) => {
+                reject(error);
+            });
+            image.addEventListener('load', function inc() {
+                // console.log("this",this)
+                resolve({
+                    width: this.width,
+                    height: this.height,
+                });
+            });
+            image.src = url;
+        });
+    }
+    const url = await loadReader(value);
+    try {
+        return await loadImage(url);
+    }
+    catch (e) {
+        return null;
+    }
+};
+exports.getDimensionsImage = getDimensionsImage;

package/build/utils/getPageSizeAssets.d.ts

@@ -0,0 +1,5 @@
+export declare const limitCount = 40;
+export declare const getPageSize: ({ limit, scrollTab, }: {
+    limit?: number;
+    scrollTab?: string;
+}) => number;

package/build/utils/getPageSizeAssets.js

@@ -0,0 +1,17 @@
+"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, }) => {
+    if (scrollTab) {
+        const scrollKeys = (0, sessionScroll_1.getScrollKeys)();
+        if (scrollKeys) {
+            const itemsCount = scrollKeys[scrollTab]?.itemsCountKey;
+            const itemIndexKey = scrollKeys[scrollTab]?.itemIndexKey;
+            return itemsCount && itemIndexKey ? Number(itemsCount) : limit;
+        }
+    }
+    return limit;
+};
+exports.getPageSize = getPageSize;

package/build/utils/imageProportionsSize/index.d.ts

@@ -0,0 +1,5 @@
+import { MutableRefObject } from 'react';
+export declare const defineImgProportion: (ref: MutableRefObject<HTMLImageElement | null>, whenDisableAddProportion: number) => {
+    width: string;
+    height: string;
+};

package/build/utils/imageProportionsSize/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineImgProportion = void 0;
+const defineImgProportion = (ref, whenDisableAddProportion) => {
+    let height = 0;
+    let width = 0;
+    let x;
+    if (ref.current) {
+        height = ref?.current && ref?.current?.naturalHeight;
+        width = ref?.current && ref?.current?.naturalWidth;
+        const biggestSize = height > width ? height : width;
+        const lowerSize = height > width ? width : height;
+        x = ((lowerSize * 100) / biggestSize).toFixed(2);
+        if (+x > whenDisableAddProportion || +x > 100) {
+            x = 100;
+        }
+    }
+    return {
+        width: width > height ? '100%' : x + '%',
+        height: width > height ? x + '%' : '100%',
+    };
+};
+exports.defineImgProportion = defineImgProportion;

package/build/utils/redirectToApp.d.ts

@@ -0,0 +1 @@
+export declare const redirectToApp: () => void;

package/build/utils/redirectToApp.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.redirectToApp = void 0;
+const process_1 = __importDefault(require("process"));
+const api_1 = require("@ludo.ninja/api");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const redirectToApp = () => {
+    let url;
+    const { userId, wallets, newUser, 
+    // inviteCode,
+    authToken, refreshToken, role, } = api_1.authCookies.getCookies();
+    if (authToken &&
+        refreshToken &&
+        userId &&
+        wallets &&
+        newUser &&
+        // inviteCode &&
+        role) {
+        url = `${ludoDomains_1.ludoDomains[process_1.default.env.NEXT_PUBLIC_ENV_VALUE]['profile']}/${userId}/nfts`;
+    }
+    else {
+        url = `${ludoDomains_1.ludoDomains[process_1.default.env.NEXT_PUBLIC_ENV_VALUE]['auth']}/login`;
+    }
+    window.open(url, '_self');
+};
+exports.redirectToApp = redirectToApp;

package/build/utils/screen/index.d.ts

@@ -0,0 +1,18 @@
+export type TDimensions = {
+    windowWidth: number;
+    windowHeight: number;
+};
+export declare function getWindowDimensions(): {
+    windowWidth: number;
+    windowHeight: number;
+};
+export declare function useWindowDimensions(isMobileInitial?: boolean): {
+    windowDimensions: TDimensions;
+    deviceType: "isMobile" | "isDesktop" | "isTablet";
+    isMobile: boolean | undefined;
+};
+export declare function useWindowDimensionsWithServerInitial(): {
+    isMobile: boolean;
+    windowDimensions: TDimensions | null;
+};
+export declare function InitializeAppHeight(): null;