@ludo.ninja/components 2.2.35 → 2.2.37

package/build/modules/gallery/api/useGetAssetsAndCollectionForFavorite.js

@@ -4,17 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGetAssetsAndCollectionForFavorite = void 0;
-const react_1 = require("react");
-const client_1 = require("@apollo/client");
-const api_1 = require("@ludo.ninja/api");
-const api_2 = require("@ludo.ninja/api");
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
 const CollectionCreationEntity_1 = __importDefault(require("../../../dto/Collection/CollectionCreationEntity"));
 const CreationEntity_1 = __importDefault(require("../../../dto/CreationEntity"));
+const store_1 = require("../store");
 const ui_1 = require("../../../store/ui");
 const extractItemIds_1 = require("../../../utils/extractItemIds");
 const getPageSizeAssets_1 = require("../../../utils/getPageSizeAssets");
-const store_1 = require("../store");
+const client_1 = require("@apollo/client");
+const api_1 = require("@ludo.ninja/api");
+const api_2 = require("@ludo.ninja/api");
+const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
+const react_1 = require("react");
 const limit = 40;
 const useGetAssetsAndCollectionForFavorite = ({ gallery, activeTab, fetchLikes, }) => {
     const [assets, setAssets] = (0, react_1.useState)([]);
@@ -36,25 +36,23 @@ const useGetAssetsAndCollectionForFavorite = ({ gallery, activeTab, fetchLikes,
             })
             : limit;
         const totalLength = size !== limit ? size : false;
-        const creationIds = gallery.getGalleryCreationIds();
+        const creationIds = gallery.creationIds;
         const startIndex = (currentPageRef.current - 1) * limit;
         const endIndex = totalLength ? totalLength : startIndex + limit;
         for (let i = startIndex; i < endIndex && i < creationIds.length; i++) {
-            const elements = creationIds[i].split('.');
-            const id = elements.splice(1, creationIds[i].length).join('.');
-            if (elements[0] === 'asset') {
+            const elements = creationIds[i].split(".");
+            const id = elements.splice(1, creationIds[i].length).join(".");
+            if (elements[0] === "asset") {
                 assetArray.push(id);
             }
-            else if (elements[0] === 'collection') {
+            else if (elements[0] === "collection") {
                 collectionsArray.push(id);
             }
-            else if (elements[0] === 'opportunity') {
+            else if (elements[0] === "opportunity") {
                 opportunitiesArray.push(id);
             }
         }
-        const assetPromise = assetArray.length > 0
-            ? fetchAssets({ variables: { assetIds: assetArray } })
-            : Promise.resolve();
+        const assetPromise = assetArray.length > 0 ? fetchAssets({ variables: { assetIds: assetArray } }) : Promise.resolve();
         const collectionsPromise = collectionsArray.length > 0
             ? fetchCollections({ variables: { collectionIds: collectionsArray } })
             : Promise.resolve();
@@ -81,7 +79,7 @@ const useGetAssetsAndCollectionForFavorite = ({ gallery, activeTab, fetchLikes,
     };
     const [fetchAssets, { error: assetsError, refetch: refetchAssets }] = (0, client_1.useLazyQuery)(api_2.searchSchema.FetchAssetsDocument, {
         context: { uri: api_1.hosts.searchHost },
-        fetchPolicy: 'no-cache',
+        fetchPolicy: "no-cache",
         onCompleted: ({ fetchAssets: data }) => {
             setAssets((prevAssets) => {
                 const results = [
@@ -90,63 +88,60 @@ const useGetAssetsAndCollectionForFavorite = ({ gallery, activeTab, fetchLikes,
                         asset.assetId,
                         new CreationEntity_1.default({
                             ...asset,
-                            itemType: 'asset',
+                            itemType: "asset",
                             itemId: asset.assetId,
                         }),
                     ]),
                 ];
-                getLikesForAllCreations(results.map((el) => el[1]), 'asset');
+                getLikesForAllCreations(results.map((el) => el[1]), "asset");
                 return results;
             });
         },
         onError: () => {
             openAlert({
                 type: type_1.alertVariants.error,
-                caption: 'Oops, something went wrong.',
+                caption: "Oops, something went wrong.",
             });
             setAssets([]);
         },
     });
-    const [fetchCollections, { error: collectionsError, refetch: refetchCollections },] = (0, client_1.useLazyQuery)(api_2.searchSchema.FetchCollectionsByIdsDocument, {
+    const [fetchCollections, { error: collectionsError, refetch: refetchCollections }] = (0, client_1.useLazyQuery)(api_2.searchSchema.FetchCollectionsByIdsDocument, {
         context: { uri: api_1.hosts.searchHost },
-        fetchPolicy: 'no-cache',
+        fetchPolicy: "no-cache",
         onCompleted: ({ fetchCollectionsByIds: data }) => {
             setCollections((prevCollections) => {
                 const results = [
                     ...(prevCollections || []),
                     ...data.map((collection) => [
                         collection.collectionId,
-                        new CollectionCreationEntity_1.default(collection, 'collection'),
+                        new CollectionCreationEntity_1.default(collection, "collection"),
                     ]),
                 ];
-                getLikesForAllCreations(results.map((el) => el[1]), 'collection');
+                getLikesForAllCreations(results.map((el) => el[1]), "collection");
                 return results;
             });
         },
         onError: () => {
             openAlert({
                 type: type_1.alertVariants.error,
-                caption: 'Oops, something went wrong.',
+                caption: "Oops, something went wrong.",
             });
             setCollections([]);
         },
     });
-    const [fetchOpportunities, { error: opportunitiesError, refetch: refetchOpportunities },] = api_1.opportunitiesSchema.useFetchOpportunitiesByIdsLazyQuery({
+    const [fetchOpportunities, { error: opportunitiesError, refetch: refetchOpportunities }] = api_1.opportunitiesSchema.useFetchOpportunitiesByIdsLazyQuery({
         context: { uri: api_1.hosts.opportunitiesHost },
-        fetchPolicy: 'no-cache',
+        fetchPolicy: "no-cache",
         onCompleted: ({ fetchOpportunitiesByIds: data }) => {
             setOpportunities((prev) => [
                 ...(prev || []),
-                ...data.map((opportunity) => [
-                    opportunity.opportunityId,
-                    opportunity,
-                ]),
+                ...data.map((opportunity) => [opportunity.opportunityId, opportunity]),
             ]);
         },
         onError: () => {
             openAlert({
                 type: type_1.alertVariants.error,
-                caption: 'Oops, something went wrong.',
+                caption: "Oops, something went wrong.",
             });
             setOpportunities([]);
         },
@@ -166,22 +161,22 @@ const useGetAssetsAndCollectionForFavorite = ({ gallery, activeTab, fetchLikes,
         });
     };
     const creations = (0, react_1.useMemo)(() => {
-        const creationIds = gallery.getGalleryCreationIds();
+        const creationIds = gallery.creationIds;
         const mapAssets = new Map(assets);
         const collectionAssets = new Map(collections);
         const opportunityAssets = new Map(opportunities);
         return creationIds
             .map((id) => {
-            const idSplit = id.split('.');
+            const idSplit = id.split(".");
             const idType = idSplit[0];
-            const idElement = idSplit.slice(1).join('.');
-            if (idType === 'asset') {
+            const idElement = idSplit.slice(1).join(".");
+            if (idType === "asset") {
                 return mapAssets.get(idElement);
             }
-            if (idType === 'collection') {
+            if (idType === "collection") {
                 return collectionAssets.get(idElement);
             }
-            if (idType === 'opportunity') {
+            if (idType === "opportunity") {
                 return opportunityAssets.get(idElement);
             }
         })
@@ -206,13 +201,13 @@ const useGetAssetsAndCollectionForFavorite = ({ gallery, activeTab, fetchLikes,
             }
         },
         removeCreation: (creationIdToRemove, itemType) => {
-            if (itemType === 'asset') {
+            if (itemType === "asset") {
                 setAssets((items) => items.filter((item) => item[0] !== creationIdToRemove));
             }
-            if (itemType === 'collection') {
+            if (itemType === "collection") {
                 setCollections((items) => items.filter((item) => item[0] !== creationIdToRemove));
             }
-            if (itemType === 'opportunity') {
+            if (itemType === "opportunity") {
                 setOpportunities((items) => items.filter((item) => item[0] !== creationIdToRemove));
             }
         },

package/build/modules/gallery/store.d.ts

@@ -1,5 +1,5 @@
-import { galleriesSchema as schema } from '@ludo.ninja/api';
-import GalleryEntityV2 from '../../dto/GalleryEntityV2';
+import { TGallery } from '../../entities/gallery/types';
+import { galleriesSchema as schema } from "@ludo.ninja/api";
 type UserFields = {
     galleryName: string;
     galleryDescription: string;
@@ -9,7 +9,7 @@ export interface HTMLInputEvent extends Event {
 }
 interface IFavoriteStore {
     fetchGalleryV2: schema.IGalleryV2 | null;
-    gallery: GalleryEntityV2 | null;
+    gallery: TGallery | null;
     setGallery: (gallery: schema.IGalleryV2 | null) => void;
     updateGalleryInfo: (data: UserFields) => void;
     updateGalleryBanner: (banner: string | null) => void;

package/build/modules/gallery/store.js

@@ -1,13 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGalleryStore = void 0;
+const builder_1 = require("../../entities/gallery/builder");
 const getDimensionsImage_1 = require("../../utils/getDimensionsImage");
 const shallow_1 = require("zustand/shallow");
 const traditional_1 = require("zustand/traditional");
-const GalleryEntityV2_1 = __importDefault(require("../../dto/GalleryEntityV2"));
 const initialState = {
     gallery: null,
     fetchGalleryV2: null,
@@ -20,7 +17,7 @@ exports.useGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState, g
     setGallery: (gallery) => {
         if (gallery) {
             setState({
-                gallery: new GalleryEntityV2_1.default(gallery),
+                gallery: (0, builder_1.buildGallery)(gallery),
                 fetchGalleryV2: gallery,
             });
         }
@@ -37,7 +34,7 @@ exports.useGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState, g
             };
             return {
                 fetchGalleryV2: newGallery,
-                gallery: new GalleryEntityV2_1.default(newGallery),
+                gallery: (0, builder_1.buildGallery)(newGallery),
             };
         });
     },
@@ -49,11 +46,11 @@ exports.useGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState, g
             };
             return {
                 fetchGalleryV2: newGallery,
-                gallery: new GalleryEntityV2_1.default(newGallery),
+                gallery: (0, builder_1.buildGallery)(newGallery),
             };
         });
     },
-    fileGallery: '',
+    fileGallery: "",
     isErrorFileGallery: initialState.isErrorFileGallery,
     addFileGalleryWithValidation: async (e) => {
         const fileTarget = e.target.files?.[0];
@@ -68,8 +65,7 @@ exports.useGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState, g
         }
         else {
             const dimensions = await (0, getDimensionsImage_1.getDimensionsImage)(fileTarget);
-            const isErrorNew = !!(dimensions &&
-                (dimensions.width > 1200 || dimensions.height > 1200));
+            const isErrorNew = !!(dimensions && (dimensions.width > 1200 || dimensions.height > 1200));
             setState({ isErrorFileGallery: isErrorNew });
             if (isErrorNew) {
                 return;
@@ -84,7 +80,7 @@ exports.useGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState, g
         const fileGallery = getState().fileGallery;
         if (fileGallery) {
             URL.revokeObjectURL(fileGallery);
-            setState({ fileGallery: '' });
+            setState({ fileGallery: "" });
         }
     },
     allResults: initialState.allResults,

package/build/modules/gallery/ui/EditGallery.d.ts

@@ -1,6 +1,6 @@
-import GalleryEntityV2 from '../../../dto/GalleryEntityV2';
+import { TGallery } from '../../../entities/gallery/types';
 export declare const EditGallery: ({ galleryId, handleRemoveAsset, gallery, titleAssets, titleForm, inputPlaceHolderText, }: {
-    gallery: GalleryEntityV2;
+    gallery: TGallery;
     galleryId: string;
     handleRemoveAsset: (creationIdToRemove: string) => (itemType: "asset" | "collection") => void;
     titleAssets: string;

package/build/modules/gallery/ui/EditGallery.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditGallery = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
+const editGalleryForm_1 = __importDefault(require("./editGalleryForm"));
+const useRemoveAssetFromGallery_1 = require("../../../api/server-galleries/mutations/useRemoveAssetFromGallery");
+const useRemoveCollectionFromGallery_1 = require("../../../api/server-galleries/mutations/useRemoveCollectionFromGallery");
 const useGetAssetsAndCollectionForFavorite_1 = require("../api/useGetAssetsAndCollectionForFavorite");
 const store_1 = require("../store");
 const itemsPreview_1 = __importDefault(require("./itemsPreview"));
-const useRemoveAssetFromGallery_1 = require("../../../api/server-galleries/mutations/useRemoveAssetFromGallery");
-const useRemoveCollectionFromGallery_1 = require("../../../api/server-galleries/mutations/useRemoveCollectionFromGallery");
-const editGalleryForm_1 = __importDefault(require("./editGalleryForm"));
+const styled_components_1 = __importDefault(require("styled-components"));
 const StyledAddFavlist = styled_components_1.default.div `
   display: flex;
 
@@ -27,25 +27,25 @@ const EditGallery = ({ galleryId, handleRemoveAsset, gallery, titleAssets, title
     const { removeAssetFromGallery } = (0, useRemoveAssetFromGallery_1.useRemoveAssetFromGalleryV2)();
     const { removeCollectionFromGallery } = (0, useRemoveCollectionFromGallery_1.useRemoveCollectionFromGalleryV2)();
     const handleDeleteCreation = async (itemId) => {
-        const id = itemId.split('.').splice(1).join('.');
-        if (itemId.split('.')[0] === 'collection') {
+        const id = itemId.split(".").splice(1).join(".");
+        if (itemId.split(".")[0] === "collection") {
             await removeCollectionFromGallery({
                 galleryId,
                 collectionId: id,
             });
-            handleRemoveAsset(id)('collection');
-            removeCreation(id, 'collection');
+            handleRemoveAsset(id)("collection");
+            removeCreation(id, "collection");
         }
         else {
             await removeAssetFromGallery({
                 galleryId,
                 assetId: id,
             });
-            handleRemoveAsset(id)('asset');
-            removeCreation(id, 'asset');
+            handleRemoveAsset(id)("asset");
+            removeCreation(id, "asset");
         }
     };
     const allResults = (0, store_1.useGalleryStore)((state) => state.allResults);
-    return ((0, jsx_runtime_1.jsxs)(StyledAddFavlist, { children: [(0, jsx_runtime_1.jsx)(itemsPreview_1.default, { creations: creationsList, title: titleAssets, deleteMethod: handleDeleteCreation, isLoading: isLoading, loadMore: loadMore, isNextLoading: isNextLoading, allCount: allResults }), (0, jsx_runtime_1.jsx)(editGalleryForm_1.default, { name: gallery.getGalleryName(), description: gallery.getGalleryDescription(), title: titleForm, inputPlaceHolderText: inputPlaceHolderText, galleryId: galleryId })] }));
+    return ((0, jsx_runtime_1.jsxs)(StyledAddFavlist, { children: [(0, jsx_runtime_1.jsx)(itemsPreview_1.default, { creations: creationsList, title: titleAssets, deleteMethod: handleDeleteCreation, isLoading: isLoading, loadMore: loadMore, isNextLoading: isNextLoading, allCount: allResults }), (0, jsx_runtime_1.jsx)(editGalleryForm_1.default, { name: gallery.name, description: gallery.description, title: titleForm, inputPlaceHolderText: inputPlaceHolderText, galleryId: galleryId })] }));
 };
 exports.EditGallery = EditGallery;

package/build/modules/gallery/ui/chooseGalleryItems/chooseGalleryItem/index.d.ts

@@ -1,7 +1,7 @@
-import GalleryEntityV2 from '../../../../../dto/GalleryEntityV2';
+import { TGallery } from '../../../../../entities/gallery/types';
 declare const ChooseItem: ({ galleryItem, handleIsSelected, isSelected, }: {
-    galleryItem: GalleryEntityV2;
-    handleIsSelected: (arg: GalleryEntityV2) => void;
+    galleryItem: TGallery;
+    handleIsSelected: (arg: TGallery) => void;
     isSelected: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ChooseItem;

package/build/modules/gallery/ui/chooseGalleryItems/chooseGalleryItem/index.js

@@ -92,6 +92,6 @@ const StyledChooseItem = styled_components_1.default.div `
   }
 `;
 // Component
-const ChooseItem = ({ galleryItem, handleIsSelected, isSelected, }) => ((0, jsx_runtime_1.jsx)(StyledChooseItem, { isSelected: isSelected, onClick: () => handleIsSelected(galleryItem), children: (0, jsx_runtime_1.jsxs)("div", { className: "content-item-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "content-item-gallery-pic-default", children: (0, jsx_runtime_1.jsx)("div", { className: "image" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "content-item-gallery-name", children: [(0, jsx_runtime_1.jsx)("p", { className: "name", children: galleryItem.getGalleryName() }), (0, jsx_runtime_1.jsx)("span", { className: `items-count`, children: galleryItem.getGalleryItemsCount() })] })] }) }));
+const ChooseItem = ({ galleryItem, handleIsSelected, isSelected, }) => ((0, jsx_runtime_1.jsx)(StyledChooseItem, { isSelected: isSelected, onClick: () => handleIsSelected(galleryItem), children: (0, jsx_runtime_1.jsxs)("div", { className: "content-item-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "content-item-gallery-pic-default", children: (0, jsx_runtime_1.jsx)("div", { className: "image" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "content-item-gallery-name", children: [(0, jsx_runtime_1.jsx)("p", { className: "name", children: galleryItem.name }), (0, jsx_runtime_1.jsx)("span", { className: `items-count`, children: galleryItem.itemsCount })] })] }) }));
 // Export
 exports.default = ChooseItem;

package/build/modules/gallery/ui/chooseGalleryItems/index.d.ts

@@ -1,4 +1,4 @@
-import { ApolloError } from '@apollo/client';
+import { ApolloError } from "@apollo/client";
 interface IGalleryItems {
     setAddGallery: (value: boolean) => void;
     addMethod: (galleryId: string, ids: string[]) => void;

package/build/modules/gallery/ui/chooseGalleryItems/index.js

@@ -4,21 +4,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_virtuoso_1 = require("react-virtuoso");
-const styled_components_1 = __importDefault(require("styled-components"));
-const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const useFetchMyFavorites_1 = require("../../../../api/server-galleries/queries/useFetchMyFavorites");
+const useFetchMyGalleries_1 = require("../../../../api/server-galleries/queries/useFetchMyGalleries");
 const PlaceholderItemsGallery_1 = require("../PlaceholderItemsGallery");
 const chooseGalleryItem_1 = __importDefault(require("./chooseGalleryItem"));
 const ui_1 = require("../../../../store/ui");
-const useFetchMyFavorites_1 = require("../../../../api/server-galleries/queries/useFetchMyFavorites");
-const useFetchMyGalleries_1 = require("../../../../api/server-galleries/queries/useFetchMyGalleries");
 const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
 const colors_1 = require("../../../../styles/colors");
 const typography_1 = require("../../../../styles/typography");
 const MainButton_1 = __importDefault(require("../../../../system/Buttons/MainButton"));
 const CardsHolderLoader_1 = __importDefault(require("../../../../system/CardsHolderWithSkeleton/CardsHolderLoader"));
+const type_1 = require("@ludo.ninja/ui/build/system/Alert/type");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const react_1 = require("react");
+const react_virtuoso_1 = require("react-virtuoso");
+const styled_components_1 = __importDefault(require("styled-components"));
 // Styles
 const StyledChooseGalleryItems = styled_components_1.default.div `
   min-height: calc(460px - 24px);
@@ -111,8 +111,8 @@ const GalleryItems = ({ galleryItems, loadMore, isNextLoading, isAdded, titleBtn
             setSelectedItem(null);
             openAlert({
                 type: type_1.alertVariants.success,
-                caption: 'NFT successfully added!',
-                text: '',
+                caption: "NFT successfully added!",
+                text: "",
             });
         }
     }, [isAdded]);
@@ -122,7 +122,7 @@ const GalleryItems = ({ galleryItems, loadMore, isNextLoading, isAdded, titleBtn
             openAlert({
                 type: type_1.alertVariants.error,
                 caption: error.message,
-                text: '',
+                text: "",
             });
         }
     }, [error]);
@@ -130,14 +130,13 @@ const GalleryItems = ({ galleryItems, loadMore, isNextLoading, isAdded, titleBtn
         setSelectedItem(newGallery);
     };
     const renderItems = galleryItems
-        ?.filter((gallery) => gallery.getGalleryType() !== 'likelist' &&
-        gallery.getGalleryId() !== currentMyGalleryId)
-        .map((galleryItem) => ((0, jsx_runtime_1.jsx)(chooseGalleryItem_1.default, { galleryItem: galleryItem, isSelected: galleryItem.getGalleryId() === selectedItem?.getGalleryId(), handleIsSelected: handleIsSelected }, galleryItem.getGalleryId())));
-    return ((0, jsx_runtime_1.jsxs)(StyledChooseGalleryItems, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'head', children: (0, jsx_runtime_1.jsx)("h3", { className: 'tittle', children: title }) }), (0, jsx_runtime_1.jsxs)("div", { className: "content", children: [!isLoading && galleryItems && ((0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { totalCount: renderItems.length, itemContent: (index) => renderItems[index], endReached: loadMore, overscan: 200, components: {
+        ?.filter((gallery) => gallery.galleryType !== "likelist" && gallery.galleryId !== currentMyGalleryId)
+        .map((galleryItem) => ((0, jsx_runtime_1.jsx)(chooseGalleryItem_1.default, { galleryItem: galleryItem, isSelected: galleryItem.galleryId === selectedItem?.galleryId, handleIsSelected: handleIsSelected }, galleryItem.galleryId)));
+    return ((0, jsx_runtime_1.jsxs)(StyledChooseGalleryItems, { children: [(0, jsx_runtime_1.jsx)("div", { className: "head", children: (0, jsx_runtime_1.jsx)("h3", { className: "tittle", children: title }) }), (0, jsx_runtime_1.jsxs)("div", { className: "content", children: [!isLoading && galleryItems && ((0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { totalCount: renderItems.length, itemContent: (index) => renderItems[index], endReached: loadMore, overscan: 200, components: {
                             Footer: () => (isNextLoading ? (0, jsx_runtime_1.jsx)(CardsHolderLoader_1.default, {}) : null),
-                        } })), isLoading && ((0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { totalCount: 20, itemContent: () => (0, jsx_runtime_1.jsx)(PlaceholderItemsGallery_1.PlaceholderItemsGallery, {}) }))] }), (0, jsx_runtime_1.jsx)("div", { className: "favoriteBtn", children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { text: titleBtn, variant: "outline", onClick: () => setAddGallery(true) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "btns", children: [(0, jsx_runtime_1.jsx)(MainButton_1.default, { text: 'Add', variant: "primaryM", disabled: !selectedItem || !ids, onClick: () => {
-                            addMethod(selectedItem?.getGalleryId(), ids);
-                        } }), (0, jsx_runtime_1.jsx)(MainButton_1.default, { text: 'Cancel', variant: "secondary", onClick: () => {
+                        } })), isLoading && (0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { totalCount: 20, itemContent: () => (0, jsx_runtime_1.jsx)(PlaceholderItemsGallery_1.PlaceholderItemsGallery, {}) })] }), (0, jsx_runtime_1.jsx)("div", { className: "favoriteBtn", children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { text: titleBtn, variant: "outline", onClick: () => setAddGallery(true) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "btns", children: [(0, jsx_runtime_1.jsx)(MainButton_1.default, { text: "Add", variant: "primaryM", disabled: !selectedItem || !ids, onClick: () => {
+                            addMethod(selectedItem?.galleryId, ids);
+                        } }), (0, jsx_runtime_1.jsx)(MainButton_1.default, { text: "Cancel", variant: "secondary", onClick: () => {
                             closeModalSidebarPortal();
                             closeModalSidebar();
                         } })] })] }));
@@ -145,17 +144,17 @@ const GalleryItems = ({ galleryItems, loadMore, isNextLoading, isAdded, titleBtn
 const GalleryItemsMyGallery = (props) => {
     const { galleryItems, loadMore, isNextLoading, load, isLoading } = (0, useFetchMyGalleries_1.useFetchMyGalleriesV2)();
     (0, react_1.useEffect)(() => {
-        load({ pageSize: 100, pageToken: '' });
+        load({ pageSize: 100, pageToken: "" });
     }, []);
     return ((0, jsx_runtime_1.jsx)(GalleryItems, { ...props, galleryItems: galleryItems, loadMore: loadMore, isNextLoading: isNextLoading, isLoading: isLoading }));
 };
 const GalleryItemsMyFavorite = (props) => {
     const { galleryItems, loadMore, isNextLoading, load, isLoading } = (0, useFetchMyFavorites_1.useFetchMyFavoritesV2)();
     (0, react_1.useEffect)(() => {
-        load({ pageSize: 100, pageToken: '' });
+        load({ pageSize: 100, pageToken: "" });
     }, []);
     return ((0, jsx_runtime_1.jsx)(GalleryItems, { ...props, galleryItems: galleryItems, loadMore: loadMore, isNextLoading: isNextLoading, isLoading: isLoading }));
 };
-const ChooseGalleryItems = ({ isGetMyGalleries, ...props }) => isGetMyGalleries ? ((0, jsx_runtime_1.jsx)(GalleryItemsMyGallery, { ...props })) : ((0, jsx_runtime_1.jsx)(GalleryItemsMyFavorite, { ...props }));
+const ChooseGalleryItems = ({ isGetMyGalleries, ...props }) => (isGetMyGalleries ? (0, jsx_runtime_1.jsx)(GalleryItemsMyGallery, { ...props }) : (0, jsx_runtime_1.jsx)(GalleryItemsMyFavorite, { ...props }));
 // Export
 exports.default = ChooseGalleryItems;

package/build/modules/opportunity/OpportunityCard.js

@@ -5,37 +5,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpportunityCard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const moment_1 = __importDefault(require("moment/moment"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
-const boxShadow_1 = __importDefault(require("@ludo.ninja/ui/build/styles/mixins/boxShadow"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const data_1 = __importDefault(require("../../dto/common/ItemType/data"));
+const useDislikeOpportunity_1 = require("../../api/server-opportunities/mutations/useDislikeOpportunity");
+const useLikeOpportunity_1 = require("../../api/server-opportunities/mutations/useLikeOpportunity");
+const useOpenOpportunity_1 = __importDefault(require("../../api/server-opportunities/mutations/useOpenOpportunity"));
+const data_1 = __importDefault(require("../../entities/labelCreationType/data"));
+const vars_1 = require("../../fonts/vars");
+const OpportunityDropDown_1 = require("./OpportunityDropDown");
+const ShareIcon_1 = require("./ShareIcon");
+const OpportunityMenu_1 = require("./popup/OpportunityMenu");
 const store_1 = require("../user/store");
+const heart_svg_1 = __importDefault(require("../../public/cards/heart"));
 const env_1 = require("../../store/env");
 const ui_1 = require("../../store/ui");
 const ScreenWidth_1 = require("../../styles/ScreenWidth");
-const colors_2 = require("../../styles/colors");
+const colors_1 = require("../../styles/colors");
 const boxTransform_1 = __importDefault(require("../../styles/mixins/boxTransform"));
 const typography_1 = require("../../styles/typography");
-const index_1 = require("../../system/index");
 const CardCategory_1 = __importDefault(require("../../system/Cards/CardContent/CardCategory"));
 const Headicons_1 = __importDefault(require("../../system/Cards/Styles/Headicons"));
 const ImageInterceptor_1 = require("../../system/Img/ImageInterceptor");
+const index_1 = require("../../system/index");
 const screen_1 = require("../../utils/screen");
-const OpportunityDropDown_1 = require("./OpportunityDropDown");
-const ShareIcon_1 = require("./ShareIcon");
-const OpportunityMenu_1 = require("./popup/OpportunityMenu");
-const useDislikeOpportunity_1 = require("../../api/server-opportunities/mutations/useDislikeOpportunity");
-const useLikeOpportunity_1 = require("../../api/server-opportunities/mutations/useLikeOpportunity");
-const vars_1 = require("../../fonts/vars");
-const heart_svg_1 = __importDefault(require("../../public/cards/heart"));
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
-const useOpenOpportunity_1 = __importDefault(require("../../api/server-opportunities/mutations/useOpenOpportunity"));
+const colors_2 = require("@ludo.ninja/ui/build/styles/colors");
+const boxShadow_1 = __importDefault(require("@ludo.ninja/ui/build/styles/mixins/boxShadow"));
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const moment_1 = __importDefault(require("moment/moment"));
+const react_1 = require("react");
+const styled_components_1 = __importDefault(require("styled-components"));
 const SWrapperLink = styled_components_1.default.a `
   position: relative;
-  background-color: ${colors_1.WhiteColor};
+  background-color: ${colors_2.WhiteColor};
   border-radius: 6px;
   ${boxShadow_1.default};
   ${boxTransform_1.default};
@@ -114,7 +114,7 @@ const StyledCardContent = styled_components_1.default.div `
       .mainName {
         font-family: ${vars_1.dmsansFontVarCss.css};
         ${typography_1.TextSmall};
-        color: ${colors_2.TextGrayColor};
+        color: ${colors_1.TextGrayColor};
         font-size: 13px;
         flex: 1;
         -webkit-line-clamp: 6;
@@ -126,7 +126,7 @@ const StyledCardContent = styled_components_1.default.div `
       .secondName {
         font-family: ${vars_1.poppinsFontVarCss.css};
         ${typography_1.FH5};
-        color: ${colors_2.BlackColor};
+        color: ${colors_1.BlackColor};
         font-size: 15px;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -144,7 +144,6 @@ const StyledCardContent = styled_components_1.default.div `
     }
   }
 
-
   .date {
     color: #b0b2c0;
     font-size: 12px;
@@ -233,8 +232,7 @@ const OpportunityCard = ({ opportunity, toolsForRemove, }) => {
     }));
     const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
     const { openOpportunityAction } = (0, useOpenOpportunity_1.default)();
-    const isMobile = !!(windowDimensions?.windowWidth &&
-        windowDimensions.windowWidth <= ScreenWidth_1.ScreenWidth.DESKTOP);
+    const isMobile = !!(windowDimensions?.windowWidth && windowDimensions.windowWidth <= ScreenWidth_1.ScreenWidth.DESKTOP);
     const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);
     const { openModalSidebarPortal, closeModalSidebarPortal } = (0, ui_1.useUiStore)((state) => ({
         openModalSidebarPortal: state.openModalSidebarPortal,
@@ -242,10 +240,10 @@ const OpportunityCard = ({ opportunity, toolsForRemove, }) => {
     }));
     const getMediaENVDomain = (0, env_1.useEnvStore)((state) => state.getMediaDomain);
     const isProd = (0, env_1.useEnvStore)((state) => state.isProd);
-    const opportunityLink = opportunity.opportunityType === 'TOKEN_AIRDROP' ? `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]['app']}/brand/${opportunity.opportunityId}` : (opportunity.projectUrl || opportunity.shareLink || "");
-    return ((0, jsx_runtime_1.jsxs)(SWrapperLink, { href: opportunityLink, target: "_blank", onClick: () => openOpportunityAction({ opportunityId: opportunity.opportunityId }), children: [(0, jsx_runtime_1.jsxs)(StyledCardHead, { children: [(0, jsx_runtime_1.jsx)(OpportunityImage, { alt: opportunity.name, src: opportunity.media
-                            ? `${getMediaENVDomain()}/opportunity-medias/${opportunity.media}`
-                            : "" }), (0, jsx_runtime_1.jsx)(Headicons_1.default, { isMobile: isMobile, onClick: (e) => {
+    const opportunityLink = opportunity.opportunityType === "TOKEN_AIRDROP"
+        ? `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/brand/${opportunity.opportunityId}`
+        : opportunity.projectUrl || opportunity.shareLink || "";
+    return ((0, jsx_runtime_1.jsxs)(SWrapperLink, { href: opportunityLink, target: "_blank", onClick: () => openOpportunityAction({ opportunityId: opportunity.opportunityId }), children: [(0, jsx_runtime_1.jsxs)(StyledCardHead, { children: [(0, jsx_runtime_1.jsx)(OpportunityImage, { alt: opportunity.name, src: opportunity.media ? `${getMediaENVDomain()}/opportunity-medias/${opportunity.media}` : "" }), (0, jsx_runtime_1.jsx)(Headicons_1.default, { isMobile: isMobile, onClick: (e) => {
                             e.stopPropagation();
                             e.preventDefault();
                         }, children: (0, jsx_runtime_1.jsxs)("div", { className: "icons", children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", onClick: () => {

package/build/system/Cards/CardContent/CardCategory/CardCategory.test.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+import "@testing-library/jest-dom/extend-expect";

package/build/system/Cards/CardContent/CardCategory/CardCategory.test.js

@@ -4,24 +4,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+const index_1 = __importDefault(require("./index"));
+const types_1 = require("../../../../entities/labelCreationType/types");
 require("@testing-library/jest-dom/extend-expect");
 const react_1 = require("@testing-library/react");
-const ItemType_1 = require("../../../../dto/common/ItemType");
-const index_1 = __importDefault(require("./index"));
-describe('CardCategory Component', () => {
+describe("CardCategory Component", () => {
     const labelMock = {
-        text: ItemType_1.LabelText.opportunity,
-        backgroundColor: ItemType_1.LabelBackground.opportunity,
-        color: ItemType_1.LabelColor.opportunity,
+        text: types_1.LabelText.opportunity,
+        backgroundColor: types_1.LabelBackground.opportunity,
+        color: types_1.LabelColor.opportunity,
     };
-    test('renders the component with the provided label', () => {
+    test("renders the component with the provided label", () => {
         (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { label: labelMock }));
-        const labelElement = react_1.screen.getByText(ItemType_1.LabelText.opportunity);
+        const labelElement = react_1.screen.getByText(types_1.LabelText.opportunity);
         expect(labelElement).toBeInTheDocument();
         expect(labelElement).toHaveStyle(`background: ${labelMock.backgroundColor}`);
         expect(labelElement).toHaveStyle(`color: ${labelMock.color}`);
     });
-    test('does not render the component when no label is provided', () => {
+    test("does not render the component when no label is provided", () => {
         const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { label: undefined }));
         expect(container.firstChild).toBeNull();
     });

package/build/system/Cards/CardContent/CardCategory/index.d.ts

@@ -1,4 +1,4 @@
-import { LabelType } from '../../../../dto/common/ItemType';
+import { LabelType } from '../../../../entities/labelCreationType/types';
 declare const CardCategory: ({ label }: {
     label: LabelType | undefined;
 }) => import("react/jsx-runtime").JSX.Element | null;