@ludo.ninja/components 1.9.6 → 2.0.0

package/dist/utils/screen/index.js

@@ -1,87 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitializeAppHeight = exports.useWindowDimensionsWithServerInitial = exports.useWindowDimensions = exports.getWindowDimensions = void 0;
-var react_1 = require("react");
-var react_device_detect_1 = require("react-device-detect");
-var utils_1 = require("@ludo.ninja/utils");
-var store_1 = require("@/store");
-var ScreenWidth_1 = require("@/styles/ScreenWidth");
-function getWindowDimensions() {
-    if (!utils_1.isServer) {
-        var innerWidth_1 = window.innerWidth, innerHeight_1 = window.innerHeight;
-        return { windowWidth: innerWidth_1, windowHeight: innerHeight_1 };
-    }
-    else {
-        return { windowWidth: 1920, windowHeight: 1080 };
-    }
-}
-exports.getWindowDimensions = getWindowDimensions;
-function useWindowDimensions(isMobileInitial) {
-    var dimensions;
-    if (utils_1.isServer)
-        dimensions = { windowWidth: 1920, windowHeight: 1080 };
-    else
-        dimensions = getWindowDimensions();
-    var _a = (0, react_1.useState)(dimensions), windowDimensions = _a[0], setWindowDimensions = _a[1];
-    var _b = (0, react_1.useState)(isMobileInitial), isMobile = _b[0], setIsMobile = _b[1];
-    (0, react_1.useEffect)(function () {
-        function handleResize() {
-            var dimensions = getWindowDimensions();
-            setWindowDimensions(dimensions);
-            setIsMobile(dimensions.windowWidth <= ScreenWidth_1.ScreenWidth.MOBILE);
-        }
-        handleResize();
-        window.addEventListener('resize', handleResize);
-        window.addEventListener('orientationchange', handleResize);
-        return function () {
-            window.removeEventListener('resize', handleResize);
-            window.removeEventListener('orientationchange', handleResize);
-        };
-    }, []);
-    var deviceType = (windowDimensions.windowWidth <= ScreenWidth_1.ScreenWidth.MOBILE
-        ? 'isMobile'
-        : windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.DESKTOP
-            ? 'isDesktop'
-            : 'isTablet');
-    return { windowDimensions: windowDimensions, deviceType: deviceType, isMobile: isMobile };
-}
-exports.useWindowDimensions = useWindowDimensions;
-function useWindowDimensionsWithServerInitial() {
-    var isMobileInitial = (0, store_1.useSSRStore)(function (state) { return state.isMobile; });
-    var _a = (0, react_1.useState)(isMobileInitial), isMobile = _a[0], setIsMobile = _a[1];
-    var _b = (0, react_1.useState)(utils_1.isServer ? null : getWindowDimensions()), windowDimensions = _b[0], setWindowDimensions = _b[1];
-    (0, react_1.useEffect)(function () {
-        function handleResize() {
-            var dimensions = getWindowDimensions();
-            setWindowDimensions(dimensions);
-            setIsMobile(dimensions.windowWidth <= ScreenWidth_1.ScreenWidth.MOBILE);
-        }
-        handleResize();
-        window.addEventListener('resize', handleResize);
-        window.addEventListener('orientationchange', handleResize);
-        return function () {
-            window.removeEventListener('resize', handleResize);
-            window.removeEventListener('orientationchange', handleResize);
-        };
-    }, []);
-    return { isMobile: isMobile, windowDimensions: windowDimensions };
-}
-exports.useWindowDimensionsWithServerInitial = useWindowDimensionsWithServerInitial;
-function InitializeAppHeight() {
-    (0, react_1.useEffect)(function () {
-        function handleResize() {
-            document.documentElement.style.setProperty('--app-height', react_device_detect_1.isAndroid
-                ? "".concat(Math.min(window.innerHeight, window.outerHeight, window.innerHeight * window.devicePixelRatio), "px")
-                : "".concat(window.innerHeight, "px"));
-        }
-        handleResize();
-        window.addEventListener('resize', handleResize);
-        window.addEventListener('orientationchange', handleResize);
-        return function () {
-            window.removeEventListener('resize', handleResize);
-            window.removeEventListener('orientationchange', handleResize);
-        };
-    }, []);
-    return null;
-}
-exports.InitializeAppHeight = InitializeAppHeight;

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

@@ -1,11 +0,0 @@
-import { GetServerSidePropsContext } from 'next';
-export declare const getIsMobile: (context: GetServerSidePropsContext) => {
-    isMobile: boolean;
-};
-export declare const getUserDataFromCookie: (context: GetServerSidePropsContext) => {
-    userData: IUser;
-};
-export declare const getGlobalPageProps: (ctx: GetServerSidePropsContext) => {
-    userData: IUser;
-    isMobile: boolean;
-};

package/dist/utils/ssrFunctions/index.js

@@ -1,41 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGlobalPageProps = exports.getUserDataFromCookie = exports.getIsMobile = void 0;
-var api_1 = require("@ludo.ninja/api");
-var utils_1 = require("@ludo.ninja/utils");
-var getIsMobile = function (context) {
-    var UA = context.req.headers['user-agent'];
-    var isMobile = (0, utils_1.mobileDetection)({ UA: UA }).isMobile;
-    return { isMobile: isMobile };
-};
-exports.getIsMobile = getIsMobile;
-var getUserDataFromCookie = function (context) {
-    var _a = api_1.authCookies.getCookies(context), authToken = _a.authToken, refreshToken = _a.refreshToken, wallets = _a.wallets, userId = _a.userId, newUser = _a.newUser, inviteCode = _a.inviteCode;
-    if (authToken && refreshToken && userId && wallets && newUser && inviteCode) {
-        return {
-            userData: {
-                userId: userId,
-                wallets: wallets,
-                authToken: authToken,
-                refreshToken: refreshToken,
-                newUser: newUser === 'true',
-                inviteCode: inviteCode,
-            },
-        };
-    }
-    return { userData: null };
-};
-exports.getUserDataFromCookie = getUserDataFromCookie;
-var getGlobalPageProps = function (ctx) { return (__assign(__assign({}, (0, exports.getIsMobile)(ctx)), (0, exports.getUserDataFromCookie)(ctx))); };
-exports.getGlobalPageProps = getGlobalPageProps;

package/dist/utils/ui/index.d.ts

@@ -1,8 +0,0 @@
-export declare const upBtnDistance: (document: {
-    body: {
-        scrollTop: number;
-    };
-    documentElement: {
-        scrollTop: number;
-    };
-}, pixels: number) => boolean;

package/dist/utils/ui/index.js

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