@ludo.ninja/components 2.3.36 → 2.3.38

package/build/api/server-search/queries/useFetchLudoNftsTonPage/index.d.ts

@@ -1,4 +1,4 @@
-import { TCreation } from "@/entities/creation/types";
+import { TCreation } from '../../../../entities/creation/types';
 import { searchSchema as schema } from "@ludo.ninja/api";
 declare const useFetchLudoNftsTonPage: ({ userId, scrollTab, }: {
     scrollTab: string | undefined;

package/build/api/server-search/queries/useFetchLudoNftsTonPage/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const builder_1 = require("@/entities/creation/builder");
-const getPageSizeAssets_1 = require("@/utils/getPageSizeAssets");
+const builder_1 = require("../../../../entities/creation/builder");
+const getPageSizeAssets_1 = require("../../../../utils/getPageSizeAssets");
 const api_1 = require("@ludo.ninja/api");
 const react_1 = require("react");
 const limit = 20;

package/build/api/server-search/queries/useFindCreations/index.d.ts

@@ -1,4 +1,4 @@
-import { TCreation } from "@/entities/creation/types";
+import { TCreation } from '../../../../entities/creation/types';
 import { ApolloClient, NormalizedCacheObject } from "@apollo/client";
 import { searchSchema as schema } from "@ludo.ninja/api";
 export declare const prefetchFindCreations: ({ term, input, page }: schema.IQueryFindCreationsArgs, apolloClient: ApolloClient<NormalizedCacheObject>) => Promise<import("@apollo/client").ApolloQueryResult<any> | {

package/build/api/server-search/queries/useFindCreations/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFindCreations = exports.prefetchFindCreations = void 0;
-const builder_1 = require("@/entities/creation/builder");
-const ui_1 = require("@/store/ui");
+const builder_1 = require("../../../../entities/creation/builder");
+const ui_1 = require("../../../../store/ui");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
 const react_1 = require("react");
-const getErrorAlertProps_1 = require("@/utils/getErrorAlertProps");
+const getErrorAlertProps_1 = require("../../../../utils/getErrorAlertProps");
 const prefetchFindCreations = ({ term, input, page }, apolloClient) => {
     return apolloClient
         .query({

package/build/api/server-search/queries/useFindUserCreations/index.d.ts

@@ -1,4 +1,4 @@
-import { TCreation } from "@/entities/creation/types";
+import { TCreation } from '../../../../entities/creation/types';
 import { searchSchema as schema } from "@ludo.ninja/api";
 declare const useFindUserCreations: ({ ownerId, input, scrollTab, }: {
     scrollTab: string | undefined;

package/build/api/server-search/queries/useFindUserCreations/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const builder_1 = require("@/entities/creation/builder");
-const getPageSizeAssets_1 = require("@/utils/getPageSizeAssets");
+const builder_1 = require("../../../../entities/creation/builder");
+const getPageSizeAssets_1 = require("../../../../utils/getPageSizeAssets");
 const api_1 = require("@ludo.ninja/api");
 const react_1 = require("react");
 const limit = 20;

package/build/api/server-search/queries/useFindUserLudoCreations/index.d.ts

@@ -1,4 +1,4 @@
-import { TCreation } from "@/entities/creation/types";
+import { TCreation } from '../../../../entities/creation/types';
 import { searchSchema as schema } from "@ludo.ninja/api";
 declare const useFindUserLudoCreations: ({ ownerId, scrollTab, }: {
     scrollTab: string | undefined;

package/build/api/server-search/queries/useFindUserLudoCreations/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const builder_1 = require("@/entities/creation/builder");
-const getPageSizeAssets_1 = require("@/utils/getPageSizeAssets");
+const builder_1 = require("../../../../entities/creation/builder");
+const getPageSizeAssets_1 = require("../../../../utils/getPageSizeAssets");
 const api_1 = require("@ludo.ninja/api");
 const react_1 = require("react");
 const limit = 20;

package/build/api/subscriptions/SubscriberInviteNotification.js

@@ -6,11 +6,11 @@ const react_1 = require("react");
 const router_1 = require("next/router");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
-const store_1 = require("@/modules/user/store");
-const ui_1 = require("@/store/ui");
-const notifications_1 = require("@/modules/notifications");
+const store_1 = require("../../modules/user/store");
+const ui_1 = require("../../store/ui");
+const notifications_1 = require("../../modules/notifications");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
-const env_1 = require("@/store/env");
+const env_1 = require("../../store/env");
 const Subscription = () => {
     const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)(state => state.NEXT_PUBLIC_ENV_VALUE);
     const { authToken } = api_1.authCookies.getCookies();

package/build/api/subscriptions/SubscriberNotifications.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubscriberNotification = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const store_1 = require("@/modules/user/store");
-const NoSSR_1 = __importDefault(require("@/components/base/NoSSR"));
+const store_1 = require("../../modules/user/store");
+const NoSSR_1 = __importDefault(require("../../components/base/NoSSR"));
 const router_1 = require("next/router");
 const react_1 = require("react");
 const SubscriptionNotificationSPA_1 = require("./SubscriptionNotificationSPA");

package/build/api/subscriptions/SubscriberOpportunityNotification.js

@@ -5,10 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const client_1 = require("@apollo/client");
 const api_1 = require("@ludo.ninja/api");
-const notifications_1 = require("@/modules/notifications");
-const store_1 = require("@/modules/user/store");
-const env_1 = require("@/store/env");
-const ui_1 = require("@/store/ui");
+const notifications_1 = require("../../modules/notifications");
+const store_1 = require("../../modules/user/store");
+const env_1 = require("../../store/env");
+const ui_1 = require("../../store/ui");
 const Subscription = () => {
     const { authToken } = api_1.authCookies.getCookies();
     const addNotification = (0, ui_1.useUiStore)((state) => state.addNotification);

package/build/api/subscriptions/SubscriptionNotificationSPA.js

@@ -9,14 +9,14 @@ const react_1 = require("react");
 const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const api_1 = require("@ludo.ninja/api");
-const ui_1 = require("@/store/ui");
-const env_1 = require("@/store/env");
-const store_1 = require("@/modules/user/store");
+const ui_1 = require("../../store/ui");
+const env_1 = require("../../store/env");
+const store_1 = require("../../modules/user/store");
 const client_1 = require("@apollo/client");
 const OpportunitySvg_1 = require("@ludo.ninja/ui/build/modules/notifications/variants/OpportunitySvg");
 const InviteCodeSvg_1 = require("@ludo.ninja/ui/build/modules/notifications/variants/InviteCodeSvg");
 const XPIconSvg_1 = require("@ludo.ninja/ui/build/modules/notifications/variants/XPIconSvg");
-const noContent_1 = require("@/api/subscriptions/noContent");
+const noContent_1 = require("./noContent");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const SImage = styled_components_1.default.div `
   position: relative;

package/build/components/Page404/Page404SPA.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Page404SPA = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
+const ScreenWidth_1 = require("../../styles/ScreenWidth");
 const constants_1 = require("@ludo.ninja/core/build/constants");
 const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
 const Box_1 = require("@ludo.ninja/ui/build/system/Box");

package/build/components/Page404/index.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const router_1 = require("next/router");
-const mainLayout_1 = __importDefault(require("@/layouts/custom/mainLayout"));
+const mainLayout_1 = __importDefault(require("../../layouts/custom/mainLayout"));
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
-const env_1 = require("@/store/env");
-const Page404SPA_1 = require("@/components/Page404/Page404SPA");
+const env_1 = require("../../store/env");
+const Page404SPA_1 = require("./Page404SPA");
 // Component
 const Page404 = () => {
     const router = (0, router_1.useRouter)();

package/build/components/Page500/index.d.ts

@@ -0,0 +1,2 @@
+declare const InternalErrorPage: () => import("react/jsx-runtime").JSX.Element;
+export default InternalErrorPage;

package/build/components/Page500/index.js

@@ -0,0 +1,87 @@
+"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 mainLayout_1 = __importDefault(require("../../layouts/custom/mainLayout"));
+const env_1 = require("../../store/env");
+const ScreenWidth_1 = require("../../styles/ScreenWidth");
+const MainButton_1 = __importDefault(require("../../system/Buttons/MainButton"));
+const index_1 = require("../../system/index");
+const constants_1 = require("@ludo.ninja/core/build/constants");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
+const router_1 = require("next/router");
+const styled_components_1 = __importDefault(require("styled-components"));
+// Styles
+const StyledInternalErrorPage = styled_components_1.default.div `
+  .internalErrorContent {
+    .internalErrorButton {
+      max-width: 230px;
+    }
+
+    .internalErrorCaption {
+      font-weight: 700;
+      font-size: 3.8em;
+      line-height: 1.37em;
+      color: ${colors_1.TextGrayColor};
+      margin-bottom: 0;
+    }
+
+    .internalErrorIcon {
+      width: 337px;
+      height: 329px;
+      img {
+        width: inherit;
+        height: inherit;
+      }
+    }
+
+    ${ScreenWidth_1.mediaQuery.tablet} {
+      flex-direction: column-reverse;
+
+      .internalErrorText {
+        margin: 40px 0 0 0;
+        text-align: center;
+      }
+
+      .internalErrorIcon {
+        width: 286px;
+        height: 280px;
+      }
+
+      .internalErrorCaption {
+        font-size: 3em;
+        line-height: 1.6em;
+      }
+
+      .internalErrorButton {
+        margin: 30px auto 0 auto;
+      }
+    }
+
+    ${ScreenWidth_1.mediaQuery.phone} {
+      .internalErrorIcon {
+        width: 218px;
+        height: 212px;
+      }
+    }
+  }
+`;
+// Component
+const InternalErrorPage = () => {
+    const router = (0, router_1.useRouter)();
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
+    const redirectToHomePage = () => {
+        const appDomain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"];
+        if (window.origin === appDomain) {
+            router.push("/");
+        }
+        else {
+            window.open(appDomain, "_self");
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(mainLayout_1.default, { children: (0, jsx_runtime_1.jsx)(StyledInternalErrorPage, { children: (0, jsx_runtime_1.jsxs)(index_1.Flex, { className: "internalErrorContent", justifyContent: "center", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { mr: [97], className: "internalErrorText", children: [(0, jsx_runtime_1.jsx)("h1", { className: "internalErrorCaption", children: "Sorry, unexpected error." }), (0, jsx_runtime_1.jsxs)(index_1.H1, { color: colors_1.TextGrayColor, mt: [14], children: ["We are working on fixing the problem.", (0, jsx_runtime_1.jsx)("br", {}), " Please try again later"] }), (0, jsx_runtime_1.jsx)(index_1.Box, { className: "internalErrorButton", mt: [36], children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { onClick: redirectToHomePage, variant: "primaryL", text: "Go to Main page" }) })] }), (0, jsx_runtime_1.jsx)(index_1.Box, { children: (0, jsx_runtime_1.jsx)("div", { className: "internalErrorIcon", children: (0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/500/500.svg`, alt: "500" }) }) })] }) }) }));
+};
+exports.default = InternalErrorPage;

package/build/components/assetPage/assetLikes/index.d.ts

@@ -0,0 +1,6 @@
+declare const AssetLikes: ({ assetId, likesByUser, isLikedByUser, }: {
+    assetId: string;
+    likesByUser: number;
+    isLikedByUser: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AssetLikes;

package/build/components/assetPage/assetLikes/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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const types_1 = require("../../../entities/labelCreationType/types");
+const likes_1 = __importDefault(require("../../../hooks/likes"));
+const store_1 = require("../../../modules/user/store");
+const heart_svg_1 = __importDefault(require("../../../public/showCaseIcons/heart"));
+const IconWithButton_1 = __importDefault(require("../../../system/Buttons/IconWithButton"));
+const check4k_1 = require("../../../utils/adaptive/check4k");
+const scale_1 = require("../../../utils/adaptive/scale");
+const auth_1 = require("../../../utils/auth");
+const screen_1 = require("../../../utils/screen");
+const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
+const AssetLikes = ({ assetId, likesByUser, isLikedByUser, }) => {
+    const redirectToLoginWindow = (0, auth_1.useRedirectToLoginWindow)();
+    const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);
+    const { likes, addLike, deleteLike, isLoading } = (0, likes_1.default)({
+        defaultLikesCount: likesByUser,
+        defaultIsLiked: isLikedByUser,
+        itemType: types_1.LabelKeys.asset,
+    });
+    const handleLikes = (isLiked) => {
+        if (!isSignedIn) {
+            redirectToLoginWindow();
+        }
+        else {
+            !isLiked ? addLike(assetId) : deleteLike(assetId);
+        }
+    };
+    const onLikeBtnClick = () => handleLikes(likes.isLiked);
+    const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isLoading ? ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { style: {
+                borderRadius: `${(0, check4k_1.getAdaptiveValueWithCheck4k)({
+                    windowDimensions,
+                    currentSize: 3,
+                })}px`,
+                marginRight: `${(0, check4k_1.getAdaptiveValueWithCheck4k)({
+                    windowDimensions,
+                    currentSize: 16.8,
+                })}px`,
+            }, height: "100%", width: `${(0, check4k_1.getAdaptiveValueWithCheck4k)({
+                windowDimensions,
+                currentSize: 30,
+            })}px` })) : ((0, jsx_runtime_1.jsx)(IconWithButton_1.default, { variant: "figcaption", text: likes.likesCount, onClick: onLikeBtnClick, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                    width: `${(0, check4k_1.getAdaptiveValueWithCheck4k)({
+                        windowDimensions,
+                        currentSize: 18,
+                    })}px`,
+                    height: `${(0, check4k_1.getAdaptiveValueWithCheck4k)({
+                        windowDimensions,
+                        currentSize: 18,
+                    })}px`,
+                }, children: (0, jsx_runtime_1.jsx)(heart_svg_1.default, { className: `icon ${likes.isLiked ? "liked" : ""}`, style: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }) }) }) })) }));
+};
+exports.default = AssetLikes;

package/build/components/assetPage/assetNft/index.d.ts

@@ -0,0 +1,4 @@
+import { assetSchema as schema } from "@ludo.ninja/api";
+type AssetMediaProps = Pick<schema.IAsset, "medias">;
+export declare const AssetMedia: ({ medias }: AssetMediaProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/assetPage/assetNft/index.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssetMedia = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const core_1 = require("@ludo.ninja/core");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const index_1 = require("../../../system/index");
+const ResponsiveImage = (0, styled_components_1.default)(index_1.ExternalImage) `
+  max-width: 320px;
+  max-height: 320px;
+
+  ${ScreenWidth_1.mediaQuery.tablet} {
+    max-width: 336px;
+    max-height: 336px;
+  }
+
+  ${ScreenWidth_1.mediaQuery.desktop} {
+    max-width: 508px;
+    max-height: 508px;
+  }
+`;
+const EmptyState = () => ((0, jsx_runtime_1.jsx)(index_1.Flex, { justifyContent: "center", children: (0, jsx_runtime_1.jsx)(index_1.Box, { borderRadius: 16, overflow: "hidden" }) }));
+const AssetMedia = ({ medias }) => {
+    if (!medias?.length || medias.length > 1 || !medias[0])
+        return (0, jsx_runtime_1.jsx)(EmptyState, {});
+    const [media] = medias;
+    const { url, mimeType } = media;
+    if (url && (0, core_1.isImage)({ media: url, mimeType, originalMimeType: null })) {
+        return ((0, jsx_runtime_1.jsx)(index_1.Flex, { justifyContent: "center", children: (0, jsx_runtime_1.jsx)(index_1.Box, { borderRadius: 16, overflow: "hidden", children: (0, jsx_runtime_1.jsx)(ResponsiveImage, { src: url }) }) }));
+    }
+    return (0, jsx_runtime_1.jsx)(EmptyState, {});
+};
+exports.AssetMedia = AssetMedia;

package/build/components/assetPage/audioVideoPlayer/Duration.d.ts

@@ -0,0 +1,5 @@
+type DurationProps = {
+    seconds: number;
+};
+export default function Duration({ seconds }: DurationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/assetPage/audioVideoPlayer/Duration.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Duration;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const colors_1 = require("../../../styles/colors");
+const index_1 = require("../../../system/index");
+function Duration({ seconds }) {
+    return ((0, jsx_runtime_1.jsx)("time", { dateTime: `P${Math.round(seconds)}S`, children: (0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.InactiveButtonColor, children: format(seconds) }) }));
+}
+function format(seconds) {
+    const date = new Date(seconds * 1000);
+    const hh = date.getUTCHours();
+    const mm = date.getUTCMinutes();
+    const ss = pad(date.getUTCSeconds());
+    if (hh) {
+        return `${hh}:${pad(mm)}:${ss}`;
+    }
+    return `${mm}:${ss}`;
+}
+function pad(string) {
+    return ('0' + string).slice(-2);
+}

package/build/components/assetPage/audioVideoPlayer/index.d.ts

@@ -0,0 +1,96 @@
+import React, { Component } from 'react';
+import ReactPlayer from 'react-player';
+export interface ReactPlayerProps {
+    playerType: string;
+    isLoading?: boolean;
+    poster?: string | undefined | null;
+    src?: string | null;
+    playing?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    volume?: number;
+    playbackRate?: number;
+    width?: string | number;
+    height?: string | number;
+    hidden?: boolean;
+    className?: string;
+    style?: object;
+    progressFrequency?: number;
+    soundcloudConfig?: {
+        clientId: string;
+        showArtwork: boolean;
+    };
+    youtubeConfig?: {
+        playerVars: object;
+        preload: boolean;
+    };
+    vimeoConfig?: {
+        iframeParams: object;
+        preload: boolean;
+    };
+    fileConfig?: {
+        attributes: object;
+    };
+    onReady?(): void;
+    onStart?(): void;
+    onPlay?(): void;
+    onPause?(): void;
+    onBuffer?(): void;
+    onEnded?(): void;
+    onError?(error: unknown): void;
+    onDuration?(duration: number): void;
+    onProgress?(state: {
+        played: number;
+        loaded: number;
+    }): void;
+}
+export interface OnProgressProps {
+    played: number;
+    playedSeconds: number;
+    loaded: number;
+    loadedSeconds: number;
+}
+export interface PlayerStateTypes {
+    url: string | null | undefined;
+    playing: boolean;
+    controls: boolean;
+    light: boolean;
+    volume: number;
+    muted: boolean;
+    played: number;
+    duration: number;
+    playedSeconds: number;
+    seeking: boolean;
+    loaded: number;
+    loadedSeconds: number;
+    error: boolean;
+    isFullscreenMode: boolean;
+}
+export declare const ReactPlayerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    poster: string | null | undefined;
+    playerType: string;
+    isFullscreenMode: boolean;
+}, never>;
+export declare class AudioVideoPlayer extends Component<ReactPlayerProps, PlayerStateTypes> {
+    private player;
+    constructor(props: ReactPlayerProps);
+    load: (url: string) => void;
+    handlePlayPause: () => void;
+    handleVolumeChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleToggleMuted: () => void;
+    handlePlay: () => void;
+    handlePause: () => void;
+    handleSeekMouseDown: () => void;
+    handleSeekChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleSeekMouseUp: (e: React.MouseEvent<HTMLInputElement>) => void;
+    handleProgress: (state: OnProgressProps) => void;
+    handleDuration: (duration: number) => void;
+    handleClickFullscreen: () => void;
+    handleErrors: () => void;
+    renderLoadButton: (url: string, label: string) => import("react/jsx-runtime").JSX.Element;
+    ref: (player: ReactPlayer) => void;
+    updateIsFullscreenMode: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}