@ludo.ninja/components 2.3.36 → 2.3.38

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/utils/adaptive/check4k.d.ts

@@ -1,4 +1,4 @@
-import { TDimensions } from '@/utils/screen';
+import { TDimensions } from '../screen';
 export declare const getAdaptiveValueWithCheck4k: ({ windowDimensions, currentSize, }: {
     currentSize: number;
     windowDimensions: TDimensions | null;

package/build/utils/adaptive/check4k.js

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

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

@@ -1,4 +1,4 @@
-import { TDimensions } from '@/utils/screen';
+import { TDimensions } from '../screen';
 export declare const getAdaptiveScale: ({ windowDimensions, currentSize, }: {
     currentSize: number;
     windowDimensions: TDimensions | null;

package/build/utils/adaptive/scale.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAdaptiveScale = void 0;
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
+const ScreenWidth_1 = require("../../styles/ScreenWidth");
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const getAdaptiveScale = ({ windowDimensions, currentSize, }) => {
     if (windowDimensions &&

package/build/utils/auth/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRedirectToLoginWindow = void 0;
-const env_1 = require("@/store/env");
+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);

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/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/getErrorAlertProps/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getErrorAlertProps = exports.ServerErrorType = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const type_1 = require("../../system/Alert/type");
-const env_1 = require("@/utils/env");
+const env_1 = require("../env");
 var ServerErrorType;
 (function (ServerErrorType) {
     ServerErrorType["BAD_REQUEST"] = "BAD_REQUEST";

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.js

@@ -7,8 +7,8 @@ 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");
+const index_1 = require("../../store/index");
+const ScreenWidth_1 = require("../../styles/ScreenWidth");
 function getWindowDimensions() {
     if (!utils_1.isServer) {
         const { innerWidth, innerHeight } = window;

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

@@ -0,0 +1,17 @@
+import { GetServerSidePropsContext } from 'next';
+import { IUser } from '../../entities/user/type';
+export declare const getIsMobile: (context: GetServerSidePropsContext) => {
+    isMobile: boolean;
+};
+export declare const getUserDataFromCookie: (context: GetServerSidePropsContext) => {
+    userData: IUser;
+} | {
+    userData: null;
+};
+export declare const getGlobalPageProps: (ctx: GetServerSidePropsContext) => {
+    userData: IUser;
+    isMobile: boolean;
+} | {
+    userData: null;
+    isMobile: boolean;
+};

package/build/utils/ssrFunctions/index.js

@@ -0,0 +1,33 @@
+"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) => {
+    const UA = context.req.headers['user-agent'];
+    const { isMobile } = (0, utils_1.mobileDetection)({ UA });
+    return { isMobile };
+};
+exports.getIsMobile = getIsMobile;
+const getUserDataFromCookie = (context) => {
+    const { authToken, refreshToken, wallets, userId, newUser, inviteCode } = api_1.authCookies.getCookies(context);
+    if (authToken && refreshToken && userId && wallets && newUser && inviteCode) {
+        return {
+            userData: {
+                userId,
+                wallets,
+                authToken,
+                refreshToken,
+                newUser: newUser === 'true',
+                inviteCode,
+            },
+        };
+    }
+    return { userData: null };
+};
+exports.getUserDataFromCookie = getUserDataFromCookie;
+const getGlobalPageProps = (ctx) => ({
+    ...(0, exports.getIsMobile)(ctx),
+    ...(0, exports.getUserDataFromCookie)(ctx),
+});
+exports.getGlobalPageProps = getGlobalPageProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.3.36",
+  "version": "2.3.38",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",