@ludo.ninja/components 2.0.10 → 2.0.11

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

@@ -1,25 +1,19 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFindCreations = exports.prefetchFindCreations = void 0;
-const react_1 = require("react");
-const client_1 = require("@apollo/client");
-const api_1 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
-const ui_1 = require("../../../../store/ui");
-const CreationEntity_1 = __importDefault(require("../../../../dto/CreationEntity"));
-const prefetchFindCreations = ({ term, input, page }, apolloClient) => {
+import { useState } from 'react';
+import { NetworkStatus, } from '@apollo/client';
+import { hosts, searchSchema as schema } from '@ludo.ninja/api';
+import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+import { useUiStore } from "../../../../store/ui";
+import CreationEntity from "../../../../dto/CreationEntity";
+export const prefetchFindCreations = ({ term, input, page }, apolloClient) => {
     return apolloClient
         .query({
-        query: api_1.searchSchema.FindCreationsDocument,
+        query: schema.FindCreationsDocument,
         variables: {
             term,
             input,
             page,
         },
-        context: { uri: api_1.hosts.serverSearchHost },
+        context: { uri: hosts.serverSearchHost },
         fetchPolicy: 'network-only',
     })
         .catch(() => {
@@ -28,16 +22,15 @@ const prefetchFindCreations = ({ term, input, page }, apolloClient) => {
         };
     });
 };
-exports.prefetchFindCreations = prefetchFindCreations;
 const maxCreationLength = 1000;
-const useFindCreations = ({ term, input, page, }) => {
-    const [creations, setCreations] = (0, react_1.useState)([]);
-    const [nextPageToken, setNextPageToken] = (0, react_1.useState)(null);
-    const [results, setResults] = (0, react_1.useState)(0);
-    const openAlert = (0, ui_1.useUiStore)((state) => state.openAlert);
-    const { error, loading, fetchMore, networkStatus, refetch } = api_1.searchSchema.useFindCreationsQuery({
+export const useFindCreations = ({ term, input, page, }) => {
+    const [creations, setCreations] = useState([]);
+    const [nextPageToken, setNextPageToken] = useState(null);
+    const [results, setResults] = useState(0);
+    const openAlert = useUiStore((state) => state.openAlert);
+    const { error, loading, fetchMore, networkStatus, refetch } = schema.useFindCreationsQuery({
         context: {
-            uri: api_1.hosts.searchHost,
+            uri: hosts.searchHost,
         },
         variables: {
             term,
@@ -45,20 +38,20 @@ const useFindCreations = ({ term, input, page, }) => {
             page,
         },
         onCompleted: ({ findCreations: { creations, ...nextPage } }) => {
-            setCreations(creations.map((creation) => new CreationEntity_1.default(creation)));
+            setCreations(creations.map((creation) => new CreationEntity(creation)));
             setResults(nextPage.nextPage?.elements || 0);
             setNextPageToken(nextPage.nextPage?.token || null);
         },
         onError: () => {
             openAlert({
-                type: type_1.alertVariants.error,
+                type: alertVariants.error,
                 caption: 'Oops, something went wrong.',
             });
             setCreations([]);
             setNextPageToken(null);
         },
     });
-    const loadingMoreCreations = networkStatus === client_1.NetworkStatus.fetchMore;
+    const loadingMoreCreations = networkStatus === NetworkStatus.fetchMore;
     return {
         loadMore,
         loading: loading || loadingMoreCreations,
@@ -103,5 +96,4 @@ const useFindCreations = ({ term, input, page, }) => {
         });
     }
 };
-exports.useFindCreations = useFindCreations;
-exports.default = { useFindCreations: exports.useFindCreations, prefetchFindCreations: exports.prefetchFindCreations };
+export default { useFindCreations, prefetchFindCreations };

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

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFindProfilesByName = exports.prefetchFindProfilesByName = void 0;
-const react_1 = require("react");
-const api_1 = require("@ludo.ninja/api");
-const core_1 = require("@ludo.ninja/core");
-const prefetchFindProfilesByName = ({ name, page }, apolloClient) => {
+import { useState } from 'react';
+import { hosts, searchSchema as schema } from '@ludo.ninja/api';
+import { ProfileEntity } from '@ludo.ninja/core';
+export const prefetchFindProfilesByName = ({ name, page }, apolloClient) => {
     return apolloClient
         .query({
-        query: api_1.searchSchema.FindProfilesByNameDocument,
+        query: schema.FindProfilesByNameDocument,
         variables: {
             name,
             page,
         },
-        context: { uri: api_1.hosts.serverSearchHost },
+        context: { uri: hosts.serverSearchHost },
         fetchPolicy: 'network-only',
     })
         .catch(() => {
@@ -21,14 +18,13 @@ const prefetchFindProfilesByName = ({ name, page }, apolloClient) => {
         };
     });
 };
-exports.prefetchFindProfilesByName = prefetchFindProfilesByName;
-const useFindProfilesByName = ({ name, page, }) => {
-    const [profiles, setProfiles] = (0, react_1.useState)(null);
-    const [nextPageToken, setNextPageToken] = (0, react_1.useState)(null);
-    const [results, setResults] = (0, react_1.useState)(0);
-    const { data, error, loading } = api_1.searchSchema.useFindProfilesByNameQuery({
+export const useFindProfilesByName = ({ name, page, }) => {
+    const [profiles, setProfiles] = useState(null);
+    const [nextPageToken, setNextPageToken] = useState(null);
+    const [results, setResults] = useState(0);
+    const { data, error, loading } = schema.useFindProfilesByNameQuery({
         context: {
-            uri: api_1.hosts.searchHost,
+            uri: hosts.searchHost,
         },
         variables: {
             name,
@@ -36,7 +32,7 @@ const useFindProfilesByName = ({ name, page, }) => {
         },
         fetchPolicy: 'cache-first',
         onCompleted: ({ findProfilesByName }) => {
-            setProfiles(findProfilesByName.profiles.map((profile) => new core_1.ProfileEntity(profile)));
+            setProfiles(findProfilesByName.profiles.map((profile) => new ProfileEntity(profile)));
             setNextPageToken(findProfilesByName.nextPage?.token || null);
             setResults(findProfilesByName.nextPage?.elements || 0);
         },
@@ -55,5 +51,4 @@ const useFindProfilesByName = ({ name, page, }) => {
         clientResults: results,
     };
 };
-exports.useFindProfilesByName = useFindProfilesByName;
-exports.default = { prefetchFindProfilesByName: exports.prefetchFindProfilesByName, useFindProfilesByName: exports.useFindProfilesByName };
+export default { prefetchFindProfilesByName, useFindProfilesByName };

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

@@ -1,10 +1,8 @@
-"use strict";
 // import { useState } from 'react';
 //
 // import { useLazyQuery } from '@apollo/client';
 //
 // import { hosts, searchSchema as schema } from '@ludo.ninja/api';
-Object.defineProperty(exports, "__esModule", { value: true });
 const useFindShowCaseItems = () => {
     // const [showcaseItemPage, setShowcaseItemPage] =
     //   useState<schema.IShowcaseItemPage | null>(null);
@@ -39,4 +37,4 @@ const useFindShowCaseItems = () => {
     //   });
     // }
 };
-exports.default = useFindShowCaseItems;
+export default useFindShowCaseItems;

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

@@ -1,27 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const getPageSizeAssets_1 = require("../../../../utils/getPageSizeAssets");
-const api_1 = require("@ludo.ninja/api");
-const CreationEntity_1 = __importDefault(require("../../../../dto/CreationEntity"));
+import { useEffect, useRef, useState } from 'react';
+import { getPageSize } from "../../../../utils/getPageSizeAssets";
+import { hosts, searchSchema as schema } from '@ludo.ninja/api';
+import CreationEntity from "../../../../dto/CreationEntity";
 const limit = 20;
 const useFindUserCreations = ({ ownerId, input, scrollTab, }) => {
-    const [creations, setCreations] = (0, react_1.useState)([]);
-    const nextPageToken = (0, react_1.useRef)(null);
-    const [results, setResults] = (0, react_1.useState)(0);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [isNextLoading, setIsNextLoading] = (0, react_1.useState)(false);
+    const [creations, setCreations] = useState([]);
+    const nextPageToken = useRef(null);
+    const [results, setResults] = useState(0);
+    const [isLoading, setIsLoading] = useState(true);
+    const [isNextLoading, setIsNextLoading] = useState(false);
     const isHaveNextPage = creations.length < results;
-    const [fetchCreations, { error, refetch, fetchMore }] = api_1.searchSchema.useFindUserCreationsLazyQuery({
+    const [fetchCreations, { error, refetch, fetchMore }] = schema.useFindUserCreationsLazyQuery({
         context: {
-            uri: api_1.hosts.searchHost,
+            uri: hosts.searchHost,
         },
         fetchPolicy: 'no-cache',
         onCompleted: ({ findUserCreations: { creations, ...nextPage } }) => {
-            setCreations(creations.map((creation) => new CreationEntity_1.default(creation)));
+            setCreations(creations.map((creation) => new CreationEntity(creation)));
             setResults(nextPage.nextPage?.elements || 0);
             setIsLoading(false);
             nextPageToken.current = nextPage.nextPage?.token || null;
@@ -32,14 +27,14 @@ const useFindUserCreations = ({ ownerId, input, scrollTab, }) => {
             nextPageToken.current = null;
         },
     });
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setIsLoading(true);
         fetchCreations({
             variables: {
                 ownerId,
                 input,
                 page: {
-                    size: (0, getPageSizeAssets_1.getPageSize)({
+                    size: getPageSize({
                         scrollTab,
                         limit,
                     }),
@@ -69,7 +64,7 @@ const useFindUserCreations = ({ ownerId, input, scrollTab, }) => {
             const { creations: nextCreations, ...nextPage } = data.findUserCreations;
             setCreations((prevCreations) => [
                 ...prevCreations,
-                ...nextCreations.map((creation) => new CreationEntity_1.default(creation)),
+                ...nextCreations.map((creation) => new CreationEntity(creation)),
             ]);
             setResults(nextPage.nextPage?.elements || 0);
             nextPageToken.current = nextPage.nextPage?.token || null;
@@ -92,4 +87,4 @@ const useFindUserCreations = ({ ownerId, input, scrollTab, }) => {
         isNextLoading,
     };
 };
-exports.default = useFindUserCreations;
+export default useFindUserCreations;

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

@@ -1,10 +1,8 @@
-"use strict";
 // import { useState } from 'react';
 //
 // import { useLazyQuery } from '@apollo/client';
 //
 // import { hosts, searchSchema as schema } from '@ludo.ninja/api';
-Object.defineProperty(exports, "__esModule", { value: true });
 const useFindUserShowcaseItems = () => {
     // const [showcaseItemPage, setShowcaseItemPage] =
     //   useState<schema.IShowcaseItemPage | null>(null);
@@ -37,4 +35,4 @@ const useFindUserShowcaseItems = () => {
     //   });
     // }
 };
-exports.default = useFindUserShowcaseItems;
+export default useFindUserShowcaseItems;

package/build/api/subscriptions/SubscriberInviteNotification.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubscriberInviteNotification = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-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");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/router';
+import { useSubscription } from '@apollo/client';
+import { authCookies, experiencesSchema as schema } from '@ludo.ninja/api';
+import { useUserStore } from "../../modules/user/store";
+import { useUiStore } from "../../store/ui";
+import { createInviteNotification } from "../../modules/notifications";
 const Subscription = () => {
-    const { authToken } = api_1.authCookies.getCookies();
-    const router = (0, router_1.useRouter)();
-    const addNotification = (0, ui_1.useUiStore)((state) => state.addNotification);
-    (0, client_1.useSubscription)(api_1.experiencesSchema.OnInviteCodeUsedDocument, {
+    const { authToken } = authCookies.getCookies();
+    const router = useRouter();
+    const addNotification = useUiStore((state) => state.addNotification);
+    useSubscription(schema.OnInviteCodeUsedDocument, {
         variables: { authToken },
         // onComplete: () => {
         //   console.log('complete');
@@ -22,7 +19,7 @@ const Subscription = () => {
             const inviteCode = options.data.data?.onInviteCodeUsed.inviteCode;
             // console.log('onData', inviteCode);
             if (inviteCode) {
-                addNotification((0, notifications_1.createInviteNotification)({
+                addNotification(createInviteNotification({
                     inviteCode,
                     onClick: () => {
                         router.push(`/invite-codes`);
@@ -33,12 +30,11 @@ const Subscription = () => {
     });
     return null;
 };
-const SubscriberInviteNotification = () => {
-    const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);
-    const [startSubscription, setStartSubscription] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
+export const SubscriberInviteNotification = () => {
+    const isSignedIn = useUserStore((state) => state.isSignedIn);
+    const [startSubscription, setStartSubscription] = useState(false);
+    useEffect(() => {
         setStartSubscription(isSignedIn);
     }, [isSignedIn]);
-    return startSubscription ? (0, jsx_runtime_1.jsx)(Subscription, {}) : null;
+    return startSubscription ? _jsx(Subscription, {}) : null;
 };
-exports.SubscriberInviteNotification = SubscriberInviteNotification;

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

@@ -1,26 +1,21 @@
-"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 react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-const ItemType_1 = require("../../../dto/common/ItemType");
-const store_1 = require("../../../modules/user/store");
-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 likes_1 = __importDefault(require("../../../hooks/likes"));
-const heart_svg_1 = __importDefault(require("../../../public/showCaseIcons/heart"));
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import Skeleton from 'react-loading-skeleton';
+import { LabelKeys } from "../../../dto/common/ItemType";
+import { useUserStore } from "../../../modules/user/store";
+import IconWithButton from "../../../system/Buttons/IconWithButton";
+import { getAdaptiveValueWithCheck4k } from "../../../utils/adaptive/check4k";
+import { getAdaptiveScale } from "../../../utils/adaptive/scale";
+import { useRedirectToLoginWindow } from "../../../utils/auth";
+import { useWindowDimensionsWithServerInitial } from "../../../utils/screen";
+import useLikes from "../../../hooks/likes";
+import HeartIcon from "../../../public/showCaseIcons/heart";
 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)({
+    const redirectToLoginWindow = useRedirectToLoginWindow();
+    const isSignedIn = useUserStore((state) => state.isSignedIn);
+    const { likes, addLike, deleteLike, isLoading } = useLikes({
         defaultLikesCount: likesByUser,
         defaultIsLiked: isLikedByUser,
-        itemType: ItemType_1.LabelKeys.asset,
+        itemType: LabelKeys.asset,
     });
     const handleLikes = (isLiked) => {
         if (!isSignedIn) {
@@ -31,28 +26,28 @@ const AssetLikes = ({ assetId, likesByUser, isLikedByUser, }) => {
         }
     };
     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)({
+    const { windowDimensions } = useWindowDimensionsWithServerInitial();
+    return (_jsx(_Fragment, { children: isLoading ? (_jsx(Skeleton, { style: {
+                borderRadius: `${getAdaptiveValueWithCheck4k({
                     windowDimensions,
                     currentSize: 3,
                 })}px`,
-                marginRight: `${(0, check4k_1.getAdaptiveValueWithCheck4k)({
+                marginRight: `${getAdaptiveValueWithCheck4k({
                     windowDimensions,
                     currentSize: 16.8,
                 })}px`,
-            }, height: "100%", width: `${(0, check4k_1.getAdaptiveValueWithCheck4k)({
+            }, height: "100%", width: `${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)({
+            })}px` })) : (_jsx(IconWithButton, { variant: 'figcaption', text: likes.likesCount, onClick: onLikeBtnClick, children: _jsx("div", { style: {
+                    width: `${getAdaptiveValueWithCheck4k({
                         windowDimensions,
                         currentSize: 18,
                     })}px`,
-                    height: `${(0, check4k_1.getAdaptiveValueWithCheck4k)({
+                    height: `${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 }) }) }) })) }));
+                }, children: _jsx(HeartIcon, { className: `icon ${likes.isLiked ? 'liked' : ''}`, style: getAdaptiveScale({ windowDimensions, currentSize: 1 }) }) }) })) }));
 };
-exports.default = AssetLikes;
+export default AssetLikes;

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

@@ -1,37 +1,30 @@
-"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) `
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { isImage } from "@ludo.ninja/core";
+import { mediaQuery } from "../../../styles/ScreenWidth";
+import { Box, ExternalImage, Flex } from "../../../system/index";
+const ResponsiveImage = styled(ExternalImage) `
   max-width: 320px;
   max-height: 320px;
 
-  ${ScreenWidth_1.mediaQuery.tablet} {
+  ${mediaQuery.tablet} {
     max-width: 336px;
     max-height: 336px;
   }
 
-  ${ScreenWidth_1.mediaQuery.desktop} {
+  ${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 }) => {
+const EmptyState = () => (_jsx(Flex, { justifyContent: "center", children: _jsx(Box, { borderRadius: 16, overflow: "hidden" }) }));
+export const AssetMedia = ({ medias }) => {
     if (!medias?.length || medias.length > 1 || !medias[0])
-        return (0, jsx_runtime_1.jsx)(EmptyState, {});
+        return _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 }) }) }));
+    if (url && isImage({ media: url, mimeType, originalMimeType: null })) {
+        return (_jsx(Flex, { justifyContent: "center", children: _jsx(Box, { borderRadius: 16, overflow: "hidden", children: _jsx(ResponsiveImage, { src: url }) }) }));
     }
-    return (0, jsx_runtime_1.jsx)(EmptyState, {});
+    return _jsx(EmptyState, {});
 };
-exports.AssetMedia = AssetMedia;

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

@@ -1,11 +1,8 @@
-"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) }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InactiveButtonColor } from "../../../styles/colors";
+import { H5 } from "../../../system/index";
+export default function Duration({ seconds }) {
+    return (_jsx("time", { dateTime: `P${Math.round(seconds)}S`, children: _jsx(H5, { color: InactiveButtonColor, children: format(seconds) }) }));
 }
 function format(seconds) {
     const date = new Date(seconds * 1000);