@ludo.ninja/components 1.7.6 → 1.7.7

package/dist/components/index.d.ts

@@ -1 +1,2 @@
 export { default as ShareDialog } from './shareDialog';
+export * from './profile';

package/dist/components/index.js

@@ -1,4 +1,18 @@
 "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);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -6,3 +20,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShareDialog = void 0;
 var shareDialog_1 = require("./shareDialog");
 Object.defineProperty(exports, "ShareDialog", { enumerable: true, get: function () { return __importDefault(shareDialog_1).default; } });
+__exportStar(require("./profile"), exports);

package/dist/components/profile/index.d.ts

@@ -1,11 +1 @@
-export { ProfileAboutText } from '@/components/profile/aboutText';
-export { ProfileStats } from '@/components/profile/stats';
-export { ProfilePageHead } from '@/components/profile/pageHead';
-export { profileJSONLD } from '@/components/profile/jsonLd';
-export { ProfileWallets } from '@/components//profile/wallets';
-export { ProfileInfo } from '@/components/profile/info';
-export { ProfileWrapper } from '@/components/profile/wrapper';
-export { ProfileInterests } from '@/components/profile/interests';
-export { ProfileUserCards } from '@/components/profile/profileUserCards';
-export { ProfileUserCard } from '@/components/profile/profileUserCards/profileUserCard';
-export { ProfileSkeletonWrapper } from '@/components/profile/profileSkeleton';
+export { ProfileSkeleton } from '@ludo.ninja/components/src/components/profile/profileSkeleton';

package/dist/components/profile/index.js

@@ -1,25 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileSkeletonWrapper = exports.ProfileUserCard = exports.ProfileUserCards = exports.ProfileInterests = exports.ProfileWrapper = exports.ProfileInfo = exports.ProfileWallets = exports.profileJSONLD = exports.ProfilePageHead = exports.ProfileStats = exports.ProfileAboutText = void 0;
-var aboutText_1 = require("@/components/profile/aboutText");
-Object.defineProperty(exports, "ProfileAboutText", { enumerable: true, get: function () { return aboutText_1.ProfileAboutText; } });
-var stats_1 = require("@/components/profile/stats");
-Object.defineProperty(exports, "ProfileStats", { enumerable: true, get: function () { return stats_1.ProfileStats; } });
-var pageHead_1 = require("@/components/profile/pageHead");
-Object.defineProperty(exports, "ProfilePageHead", { enumerable: true, get: function () { return pageHead_1.ProfilePageHead; } });
-var jsonLd_1 = require("@/components/profile/jsonLd");
-Object.defineProperty(exports, "profileJSONLD", { enumerable: true, get: function () { return jsonLd_1.profileJSONLD; } });
-var wallets_1 = require("@/components//profile/wallets");
-Object.defineProperty(exports, "ProfileWallets", { enumerable: true, get: function () { return wallets_1.ProfileWallets; } });
-var info_1 = require("@/components/profile/info");
-Object.defineProperty(exports, "ProfileInfo", { enumerable: true, get: function () { return info_1.ProfileInfo; } });
-var wrapper_1 = require("@/components/profile/wrapper");
-Object.defineProperty(exports, "ProfileWrapper", { enumerable: true, get: function () { return wrapper_1.ProfileWrapper; } });
-var interests_1 = require("@/components/profile/interests");
-Object.defineProperty(exports, "ProfileInterests", { enumerable: true, get: function () { return interests_1.ProfileInterests; } });
-var profileUserCards_1 = require("@/components/profile/profileUserCards");
-Object.defineProperty(exports, "ProfileUserCards", { enumerable: true, get: function () { return profileUserCards_1.ProfileUserCards; } });
-var profileUserCard_1 = require("@/components/profile/profileUserCards/profileUserCard");
-Object.defineProperty(exports, "ProfileUserCard", { enumerable: true, get: function () { return profileUserCard_1.ProfileUserCard; } });
-var profileSkeleton_1 = require("@/components/profile/profileSkeleton");
-Object.defineProperty(exports, "ProfileSkeletonWrapper", { enumerable: true, get: function () { return profileSkeleton_1.ProfileSkeletonWrapper; } });
+exports.ProfileSkeleton = void 0;
+var profileSkeleton_1 = require("@ludo.ninja/components/src/components/profile/profileSkeleton");
+Object.defineProperty(exports, "ProfileSkeleton", { enumerable: true, get: function () { return profileSkeleton_1.ProfileSkeleton; } });

package/dist/components/profile/profileSkeleton/index.js

@@ -11,9 +11,9 @@ exports.ProfileSkeleton = exports.ProfileSkeletonWrapper = void 0;
 var react_1 = __importDefault(require("react"));
 var react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var colors_1 = require("@/styles/colors");
+var styles_1 = require("@ludo.ninja/components/dist/styles");
 // Styles
-var StyledProfileSkeleton = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 6px;\n\n  .cardLink {\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n      width: 72px;\n      height: 72px;\n\n      @media (max-width: 1199px) {\n        width: 42px;\n        height: 42px;\n      }\n    }\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          margin: 0;\n        }\n        .text {\n          margin-top: 7px;\n        }\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"], ["\n  background-color: ", ";\n  border-radius: 6px;\n\n  .cardLink {\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n      width: 72px;\n      height: 72px;\n\n      @media (max-width: 1199px) {\n        width: 42px;\n        height: 42px;\n      }\n    }\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          margin: 0;\n        }\n        .text {\n          margin-top: 7px;\n        }\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"])), colors_1.WhiteColor);
+var StyledProfileSkeleton = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 6px;\n\n  .cardLink {\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n      width: 72px;\n      height: 72px;\n\n      @media (max-width: 1199px) {\n        width: 42px;\n        height: 42px;\n      }\n    }\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          margin: 0;\n        }\n        .text {\n          margin-top: 7px;\n        }\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"], ["\n  background-color: ", ";\n  border-radius: 6px;\n\n  .cardLink {\n    padding: 16px;\n    display: flex;\n    height: 100%;\n\n    @media (max-width: 1199px) {\n      padding: 12px;\n      align-items: center;\n    }\n\n    .cardLinkIcon {\n      margin-right: 12px;\n      border-radius: 50%;\n      width: 72px;\n      height: 72px;\n\n      @media (max-width: 1199px) {\n        width: 42px;\n        height: 42px;\n      }\n    }\n    .cardLinkContent {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      width: 100%;\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .caption {\n          margin: 0;\n        }\n        .text {\n          margin-top: 7px;\n        }\n      }\n\n      @media (max-width: 1199px) {\n        flex-direction: row;\n        align-items: center;\n        .content {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"])), styles_1.WhiteColor);
 var ProfileSkeletonWrapper = function (_a) {
     var profilesCount = _a.profilesCount;
     var arr = Array.from(Array(profilesCount).keys());

package/dist/hooks/favorites/useGetFavoriteGallaryCreations/index.d.ts

@@ -1,14 +1,11 @@
 import { galleriesSchema } from '@ludo.ninja/api';
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import CreationEntity from '@/dto/CreationEntity';
-import GalleryEntityV2 from '@/dto/GalleryEntityV2';
 declare const useGetFavoriteGallaryCreations: ({ galleryId, itemsCount, }: {
     galleryId: string;
     itemsCount: number | null;
 }) => {
     gallery: GalleryEntityV2[];
     loading: boolean;
-    creationsList: (CollectionCreationEntity | CreationEntity)[];
+    creationsList: any[];
     loadingAssets: boolean;
     loadingGallery: boolean;
     loadingCollections: boolean;

package/dist/hooks/favorites/useGetUserFevoritesCreations/index.d.ts

@@ -1,6 +1,4 @@
 import { galleriesSchema } from '@ludo.ninja/api';
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import CreationEntity from '@/dto/CreationEntity';
 import GalleryEntityV2 from '@/dto/GalleryEntityV2';
 declare const useGetUserFevoritesCreations: ({ userId, pageSize, pageToken, }: galleriesSchema.IQueryFetchUserFavoritesV2Args) => {
     favorites: GalleryEntityV2[];

package/dist/hooks/galleries/useGetUserGalleriesCreations/index.d.ts

@@ -1,7 +1,4 @@
 import { galleriesSchema } from '@ludo.ninja/api';
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import CreationEntity from '@/dto/CreationEntity';
-import GalleryEntityV2 from '@/dto/GalleryEntityV2';
 declare const useGetUserGalleriesCreations: ({ userId, pageSize, pageToken, }: galleriesSchema.IQueryFetchUserGalleriesV2Args) => {
     galleries: GalleryEntityV2[];
     assets: CreationEntity[];

package/dist/hooks/likes/dynamic/useGetCollectionInfoAndLikes.d.ts

@@ -1,5 +1,4 @@
 import { IDynamicAssetData, IQueryFetchDynamicCollectionDataArgs } from '@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema';
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
 declare const useGetCollectionInfoAndLikes: ({ input, }: IQueryFetchDynamicCollectionDataArgs) => {
     collectionAssetsList: CollectionCreationEntity[];
     collectionItemsLikes: [] | IDynamicAssetData[];

package/dist/hooks/likes/dynamic/useGetMixedLikesFavoriteList.d.ts

@@ -1,19 +1,17 @@
 import { searchSchema as schema } from '@ludo.ninja/api';
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import CreationEntity from '@/dto/CreationEntity';
 declare const useGetMixedLikesFavoriteList: ({ galleryId, itemsCount, }: {
     galleryId: string;
     itemsCount: number | null;
 }) => {
-    gallery: import("../../../dto/GalleryEntityV2").default[];
-    creationsList: [] | (CollectionCreationEntity | CreationEntity)[];
+    gallery: any;
+    creationsList: any[] | [];
     likes: (schema.IDynamicAssetData | schema.IDynamicCollectionData)[];
-    allResults: number;
+    allResults: any;
     loading: boolean;
-    errorAssets: import("@apollo/client").ApolloError;
-    errorCollections: import("@apollo/client").ApolloError;
-    errorGallery: import("@apollo/client").ApolloError;
+    errorAssets: any;
+    errorCollections: any;
+    errorGallery: any;
     allItemsFetched: boolean;
-    loadMore: () => void;
+    loadMore: any;
 };
 export default useGetMixedLikesFavoriteList;

package/dist/modules/gallery/ui/itemsPreview/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { TVirtuosoData } from '@/modules/virtuoso/types';
 import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
 import CreationEntity from '@/dto/CreationEntity';
 export declare const useVirtuosoData: <TData>({ creations, isMobile, }: {

package/dist/modules/user/auth/useSignIn.d.ts

@@ -1,2 +1 @@
-import { IUser } from '@/entities/user/type';
 export declare const useSignIn: () => (user: IUser) => void;

package/dist/modules/virtuoso/VirtuosoPageBuilder.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { ApolloError } from '@apollo/client';
-import { TActiveTab } from '@/system/Tabs/TabsNav/type';
-import { TDimensions } from '@/utils/screen';
+import { TDimensions } from '@ludo.ninja/components/src/utils';
+import { TActiveTab } from '@ludo.ninja/components/src/system';
 export declare const VirtuosoPageBuilder: <TCreation>({ activeTab, isMobile, creations, windowDimensions, isLoading, error, refetchQuery, loadMore, renderCreation, notFoundText, isNextLoading, headerSlot, isProfileCards, }: {
     activeTab: TActiveTab;
     isMobile: boolean;

package/dist/modules/virtuoso/VirtuosoPageBuilder.js

@@ -34,24 +34,18 @@ exports.VirtuosoPageBuilder = void 0;
 var react_1 = __importStar(require("react"));
 var react_virtuoso_1 = require("react-virtuoso");
 var styled_components_1 = __importDefault(require("styled-components"));
+var modules_1 = require("@ludo.ninja/components/src/modules");
 var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var useVirtuosoInitialScroll_1 = require("@/modules/sessionScroll/useVirtuosoInitialScroll");
-var VirtuosoToTopBtn_1 = require("@/modules/virtuoso/VirtuosoToTopBtn");
-var useSubscribeVirtuosoScrollToHeader_1 = require("@/modules/virtuoso/useSubscribeVirtuosoScrollToHeader");
-var useVirtuosoData_1 = require("@/modules/virtuoso/useVirtuosoData");
-var ScreenWidth_1 = require("@/styles/ScreenWidth");
-var profileSkeleton_1 = require("@/components/profile/profileSkeleton");
-var CardsError_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsError"));
-var CardsNoResults_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults"));
-var CardsSkeleton_1 = require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsSkeleton");
-var CardsHolderLoader_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolderLoader"));
-var SCardsRow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 704px;\n  }\n\n  ", " {\n    width: 320px;\n  }\n  ", " {\n    width: ", ";\n  }\n"], ["\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 704px;\n  }\n\n  ", " {\n    width: 320px;\n  }\n  ", " {\n    width: ", ";\n  }\n"])), ScreenWidth_1.mediaQuery.maxWidthTablet, ScreenWidth_1.mediaQuery.mobile, ScreenWidth_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(1080));
+var styles_1 = require("@ludo.ninja/components/src/styles");
+var profile_1 = require("@ludo.ninja/components/src/components/profile");
+var system_1 = require("@ludo.ninja/components/src/system");
+var SCardsRow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 704px;\n  }\n\n  ", " {\n    width: 320px;\n  }\n  ", " {\n    width: ", ";\n  }\n"], ["\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 704px;\n  }\n\n  ", " {\n    width: 320px;\n  }\n  ", " {\n    width: ", ";\n  }\n"])), styles_1.mediaQuery.maxWidthTablet, styles_1.mediaQuery.mobile, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(1080));
 var VirtuosoPageBuilder = function (_a) {
     var activeTab = _a.activeTab, isMobile = _a.isMobile, creations = _a.creations, windowDimensions = _a.windowDimensions, isLoading = _a.isLoading, error = _a.error, refetchQuery = _a.refetchQuery, loadMore = _a.loadMore, renderCreation = _a.renderCreation, notFoundText = _a.notFoundText, isNextLoading = _a.isNextLoading, headerSlot = _a.headerSlot, isProfileCards = _a.isProfileCards;
-    var onScroll = (0, useSubscribeVirtuosoScrollToHeader_1.useSubscribeVirtuosoScrollToHeader)().onScroll;
+    var onScroll = (0, modules_1.useSubscribeVirtuosoScrollToHeader)().onScroll;
     var virtuoso = (0, react_1.useRef)(null);
-    var virtuosoToTopBtnInitialize = (0, VirtuosoToTopBtn_1.useVirtuosoToTopBtnInitialize)();
-    var _b = (0, useVirtuosoData_1.useVirtuosoData)({
+    var virtuosoToTopBtnInitialize = (0, modules_1.useVirtuosoToTopBtnInitialize)();
+    var _b = (0, modules_1.useVirtuosoData)({
         activeTab: activeTab,
         isMobile: isMobile,
         creations: creations,
@@ -59,7 +53,7 @@ var VirtuosoPageBuilder = function (_a) {
             windowDimensions.windowWidth < 1200 &&
             isProfileCards,
     }), virtuosoData = _b.virtuosoData, placeholderData = _b.placeholderData;
-    var _c = (0, useVirtuosoInitialScroll_1.useVirtuosoInitialScroll)({
+    var _c = (0, modules_1.useVirtuosoInitialScroll)({
         virtuoso: virtuoso,
         virtuosoData: virtuosoData,
         activeTab: activeTab,
@@ -71,7 +65,7 @@ var VirtuosoPageBuilder = function (_a) {
                 return 12;
             if (width && width < 1200)
                 return 16;
-            if (width && width >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+            if (width && width >= styles_1.ScreenWidth.FOUR_K_MIN) {
                 return (0, _4k_1.getAdaptiveValue)({
                     windowWidth: width,
                     currentSize: 24,
@@ -96,7 +90,7 @@ var VirtuosoPageBuilder = function (_a) {
                             })(),
                             gap: getGapCards(),
                         } }, placeholderData[index].map(function (_, ind) {
-                        return isProfileCards ? (react_1.default.createElement(profileSkeleton_1.ProfileSkeleton, { key: ind })) : (react_1.default.createElement(CardsSkeleton_1.CardSkeleton, { key: ind }));
+                        return isProfileCards ? (react_1.default.createElement(profile_1.ProfileSkeleton, { key: ind })) : (react_1.default.createElement(system_1.CardSkeleton, { key: ind }));
                     })));
                 },
             };
@@ -105,7 +99,7 @@ var VirtuosoPageBuilder = function (_a) {
             return {
                 totalCount: 1,
                 itemContent: function () {
-                    return react_1.default.createElement(CardsError_1.default, { refetch: refetchQuery });
+                    return react_1.default.createElement(system_1.CardsError, { refetch: refetchQuery });
                 },
             };
         }
@@ -113,7 +107,7 @@ var VirtuosoPageBuilder = function (_a) {
             return {
                 totalCount: 1,
                 itemContent: function () {
-                    return react_1.default.createElement(CardsNoResults_1.default, { noFoundText: notFoundText });
+                    return react_1.default.createElement(system_1.CardsNoResults, { noFoundText: notFoundText });
                 },
             };
         }
@@ -144,9 +138,9 @@ var VirtuosoPageBuilder = function (_a) {
                 virtuosoToTopBtnInitialize.onScroll(e.currentTarget.scrollTop);
             }, totalCount: virtuosoBody.totalCount, endReached: loadMore, overscan: 200, itemContent: virtuosoBody.itemContent, components: {
                 Header: function () { return headerSlot; },
-                Footer: function () { return (isNextLoading ? react_1.default.createElement(CardsHolderLoader_1.default, null) : null); },
+                Footer: function () { return (isNextLoading ? react_1.default.createElement(system_1.CardsHolderLoader, null) : null); },
             } }),
-        virtuosoToTopBtnInitialize.isShowBtn && (react_1.default.createElement(VirtuosoToTopBtn_1.VirtuosoToTopBtn, { virtuoso: virtuoso }))));
+        virtuosoToTopBtnInitialize.isShowBtn && (react_1.default.createElement(modules_1.VirtuosoToTopBtn, { virtuoso: virtuoso }))));
 };
 exports.VirtuosoPageBuilder = VirtuosoPageBuilder;
 var templateObject_1;

package/dist/modules/virtuoso/useVirtuosoData.d.ts

@@ -1,4 +1,3 @@
-import { TVirtuosoData } from '@/modules/virtuoso/types';
 import { TActiveTab } from '@/system/Tabs/TabsNav/type';
 export declare const useVirtuosoData: <TData>({ activeTab, creations, isMobile, isThreeColumn, isProfileCards, }: {
     activeTab: TActiveTab;

package/dist/store/media/index.d.ts

@@ -1,2 +1 @@
-import { IMediaStore } from '@/store/media/types';
 export declare const useMediaStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<IMediaStore>>;