@ludo.ninja/components 2.2.36 → 2.2.38

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/gallery/ui/itemsPreview/index.d.ts

@@ -1,5 +1,4 @@
-import CollectionCreationEntity from '../../../../dto/Collection/CollectionCreationEntity';
-import CreationEntity from '../../../../dto/CreationEntity';
+import { TCreation } from '../../../../entities/creation/types';
 import { TVirtuosoData } from '../../../virtuoso/types';
 export declare const useVirtuosoData: <TData>({ creations, isMobile }: {
     isMobile: boolean;
@@ -9,7 +8,7 @@ export declare const useVirtuosoData: <TData>({ creations, isMobile }: {
     placeholderData: number[][];
 };
 declare const ItemsPreview: ({ creations, deleteMethod, title, loadMore, isLoading, isNextLoading, allCount, }: {
-    creations: (CreationEntity | CollectionCreationEntity)[];
+    creations: TCreation[];
     deleteMethod: (itemId: string) => void;
     title: string;
     loadMore?: () => void;

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

@@ -5,7 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVirtuosoData = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const CollectionCreationEntity_1 = __importDefault(require("../../../../dto/Collection/CollectionCreationEntity"));
+const CreationMediaView_1 = require("../../../../entities/creation/CreationMediaView");
+const types_1 = require("../../../../entities/labelCreationType/types");
 const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
 const colors_1 = require("../../../../styles/colors");
 const typography_1 = require("../../../../styles/typography");
@@ -239,9 +240,13 @@ const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isN
                             }
                             return getGapCards();
                         })(),
-                    }, children: data.map((creation) => ((0, jsx_runtime_1.jsxs)("div", { className: "content-item", children: [creation instanceof CollectionCreationEntity_1.default ? ((0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: `${creation.getName()} ${creation.getAddress() || ""}`, imgSrc: creation.getOriginalUrls()?.[0] ?? "", errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg` })) : (creation.detectMediaType().displaySingleMedia()), (0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/gallery/delete.svg`, alt: "delete", width: 24, height: 24, className: "content-item-gallery-deleteIcon", onClick: () => deleteMethod(creation instanceof CollectionCreationEntity_1.default
-                                    ? `${creation.getItemType() + "." + creation.getCreationId()}`
-                                    : creation.getCreationId()) })] }, creation.getCreationId()))) }));
+                    }, children: data.map((creation) => ((0, jsx_runtime_1.jsxs)("div", { className: "content-item", children: [creation.itemType === types_1.LabelKeys.collection ? ((0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: `${creation.name} ${creation.address || ""}`, imgSrc: creation.originalUrls?.[0] ?? "", errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg` })) : ((0, jsx_runtime_1.jsx)(CreationMediaView_1.CreationMediaView, { media: creation.media })), (0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/gallery/delete.svg`, alt: "delete", width: 24, height: 24, className: "content-item-gallery-deleteIcon", onClick: () => 
+                                // deleteMethod(
+                                //   creation instanceof CollectionCreationEntity
+                                //     ? `${creation.getItemType() + "." + creation.getCreationId()}`
+                                //     : creation.getCreationId(),
+                                // )
+                                deleteMethod(creation.creationId) })] }, creation.creationId))) }));
             },
         };
     })();

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

@@ -1,16 +1,16 @@
-import { TCreationAndCollection } from '../virtuoso/types';
+import { TCreation } from '../../entities/creation/types';
 interface IGalleryAsset {
     isActiveGalleryMode: boolean;
     activateGalleryMode: () => void;
     disableGalleryMode: () => void;
-    creationsToGallery: TCreationAndCollection[];
-    toggleCreationToGallery: (creation: TCreationAndCollection) => void;
-    addCreationToGallery: (creation: TCreationAndCollection) => void;
+    creationsToGallery: TCreation[];
+    toggleCreationToGallery: (creation: TCreation) => void;
+    addCreationToGallery: (creation: TCreation) => void;
     removeCreationFromGallery: (itemId: string) => void;
     removeCreationFromGalleryWithCallback: (itemId: string, closeCallback: () => void) => void;
     resetCreationsInGallery: () => void;
 }
-export declare const getIsActiveCreation: (creations: TCreationAndCollection[], creation: TCreationAndCollection) => boolean;
+export declare const getIsActiveCreation: (creations: TCreation[], creation: TCreation) => boolean;
 export declare const useToGalleryStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<IGalleryAsset>>;
 export declare const useInitializeToGalleryAsset: () => {
     handleAddToGallery: () => void;

package/build/modules/gallery/useToGalleryAsset.js

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInitializeToGalleryAsset = exports.useToGalleryStore = exports.getIsActiveCreation = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const addCreationToGallery_1 = __importDefault(require("../../components/gallery/add/addCreationToGallery"));
+const ui_1 = require("../../store/ui");
 const react_1 = require("react");
 const shallow_1 = require("zustand/shallow");
 const traditional_1 = require("zustand/traditional");
-const addCreationToGallery_1 = __importDefault(require("../../components/gallery/add/addCreationToGallery"));
-const ui_1 = require("../../store/ui");
-const getIsActiveCreation = (creations, creation) => !!creations.find((gCreation) => gCreation.getCreationId() === creation.getCreationId());
+const getIsActiveCreation = (creations, creation) => !!creations.find((gCreation) => gCreation.creationId === creation.creationId);
 exports.getIsActiveCreation = getIsActiveCreation;
 exports.useToGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState, getState) => ({
     isActiveGalleryMode: false,
@@ -34,12 +34,12 @@ exports.useToGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState,
     removeCreationFromGallery: (itemId) => {
         setState((prev) => ({
             ...prev,
-            creationsToGallery: prev.creationsToGallery.filter((pCreation) => pCreation.getCreationId() !== itemId),
+            creationsToGallery: prev.creationsToGallery.filter((pCreation) => pCreation.creationId !== itemId),
         }));
     },
     removeCreationFromGalleryWithCallback: (itemId, closeCallback) => {
         setState((prev) => {
-            const newCreations = prev.creationsToGallery.filter((pCreation) => pCreation.getCreationId() !== itemId);
+            const newCreations = prev.creationsToGallery.filter((pCreation) => pCreation.creationId !== itemId);
             if (!newCreations.length) {
                 closeCallback();
                 return {
@@ -53,9 +53,9 @@ exports.useToGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState,
         });
     },
     toggleCreationToGallery: (creation) => {
-        const { removeCreationFromGallery, addCreationToGallery, creationsToGallery, } = getState();
+        const { removeCreationFromGallery, addCreationToGallery, creationsToGallery } = getState();
         if ((0, exports.getIsActiveCreation)(creationsToGallery, creation)) {
-            removeCreationFromGallery(creation.getCreationId());
+            removeCreationFromGallery(creation.creationId);
         }
         else {
             addCreationToGallery(creation);

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/modules/virtuoso/types.d.ts

@@ -1,6 +1,3 @@
-import CollectionCreationEntity from '../../dto/Collection/CollectionCreationEntity';
-import CreationEntity from '../../dto/CreationEntity';
-export type TCreationAndCollection = CreationEntity | CollectionCreationEntity;
 export type TVirtuosoData<TData> = {
     creationPacks: TData[][];
     creations: TData[];

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;

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

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
 const typography_1 = require("../../../../styles/typography");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const styled_components_1 = __importDefault(require("styled-components"));
 // Styles
 const StyledCardCategory = styled_components_1.default.div `
   display: flex;
@@ -48,7 +48,7 @@ const StyledCardCategory = styled_components_1.default.div `
 const CardCategory = ({ label }) => {
     if (!label)
         return null;
-    return ((0, jsx_runtime_1.jsx)(StyledCardCategory, { background: label.backgroundColor, color: label.color, children: (0, jsx_runtime_1.jsx)("div", { className: 'category', children: (0, jsx_runtime_1.jsx)("span", { className: 'label', children: label.text }) }) }));
+    return ((0, jsx_runtime_1.jsx)(StyledCardCategory, { background: label.backgroundColor, color: label.color, children: (0, jsx_runtime_1.jsx)("div", { className: "category", children: (0, jsx_runtime_1.jsx)("span", { className: "label", children: label.text }) }) }));
 };
 // Export
 exports.default = CardCategory;

package/build/system/Cards/CreationCard/CardHead.d.ts

@@ -1,7 +1,6 @@
-import CollectionCreationEntity from '../../../dto/Collection/CollectionCreationEntity';
-import CreationEntity from '../../../dto/CreationEntity';
+import { TCreation } from '../../../entities/creation/types';
 export declare const CardHead: ({ creation, isRegularCard, isIconLiked, addLikeToCard, deleteLikeFromCard, isUserProfile, isDisabled, isShowCheckbox, currentMyGalleryId, }: {
-    creation: CreationEntity | CollectionCreationEntity;
+    creation: TCreation;
     isRegularCard: boolean;
     isIconLiked: boolean;
     addLikeToCard: (id: string) => void;

package/build/system/Cards/CreationCard/CardHead.js

@@ -5,11 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardHead = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const router_1 = require("next/router");
 const addCreationToFavoriteList_1 = __importDefault(require("../../../components/favoriteList/add/addCreationToFavoriteList"));
-const CollectionCreationEntity_1 = __importDefault(require("../../../dto/Collection/CollectionCreationEntity"));
-const ItemType_1 = require("../../../dto/common/ItemType");
+const types_1 = require("../../../entities/labelCreationType/types");
 const store_1 = require("../../../modules/user/store");
+const addToFavListIcon_svg_1 = __importDefault(require("../../../public/cards/addToFavListIcon"));
+const addToGalleryIcon_svg_1 = __importDefault(require("../../../public/cards/addToGalleryIcon"));
+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");
@@ -17,9 +18,7 @@ const CardRank_1 = __importDefault(require("../CardRank"));
 const Headicons_1 = __importDefault(require("../Styles/Headicons"));
 const auth_1 = require("../../../utils/auth");
 const screen_1 = require("../../../utils/screen");
-const addToFavListIcon_svg_1 = __importDefault(require("../../../public/cards/addToFavListIcon"));
-const addToGalleryIcon_svg_1 = __importDefault(require("../../../public/cards/addToGalleryIcon"));
-const heart_svg_1 = __importDefault(require("../../../public/cards/heart"));
+const router_1 = require("next/router");
 // Component
 const CardHead = ({ creation, isRegularCard, isIconLiked, addLikeToCard, deleteLikeFromCard, isUserProfile, isDisabled, isShowCheckbox, currentMyGalleryId, }) => {
     const redirectToLoginWindow = (0, auth_1.useRedirectToLoginWindow)();
@@ -28,49 +27,36 @@ const CardHead = ({ creation, isRegularCard, isIconLiked, addLikeToCard, deleteL
     const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);
     const isLicked = isIconLiked && isSignedIn;
     const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
-    const isMobile = !!(windowDimensions?.windowWidth &&
-        windowDimensions.windowWidth <= ScreenWidth_1.ScreenWidth.DESKTOP);
+    const isMobile = !!(windowDimensions?.windowWidth && windowDimensions.windowWidth <= ScreenWidth_1.ScreenWidth.DESKTOP);
     const router = (0, router_1.useRouter)();
-    const isGallery = router.pathname.includes('gallery');
+    const isGallery = router.pathname.includes("gallery");
     const handleClick = async (e, type) => {
         e.preventDefault();
         e.stopPropagation();
         if (!isSignedIn) {
             redirectToLoginWindow();
         }
-        else if (type === 'fav-list') {
-            openModalSidebarPortal((0, jsx_runtime_1.jsx)(addCreationToFavoriteList_1.default, { ids: [
-                    creation instanceof CollectionCreationEntity_1.default
-                        ? `${creation.getItemType() + '.' + creation.getCreationId()}`
-                        : creation.getCreationId(),
-                ], currentMyGalleryId: currentMyGalleryId }));
+        else if (type === "fav-list") {
+            openModalSidebarPortal((0, jsx_runtime_1.jsx)(addCreationToFavoriteList_1.default, { ids: [creation.creationId], currentMyGalleryId: currentMyGalleryId }));
         }
-        else if (type === 'likes') {
+        else if (type === "likes") {
             if (!isLicked) {
-                await addLikeToCard(creation instanceof CollectionCreationEntity_1.default &&
-                    creation.getItemType() !== ItemType_1.LabelKeys.collection
-                    ? creation.getCollectionCreationId()
-                    : creation.getItemId());
+                await addLikeToCard(creation.itemId);
             }
             else {
-                await deleteLikeFromCard(creation instanceof CollectionCreationEntity_1.default &&
-                    creation.getItemType() !== ItemType_1.LabelKeys.collection
-                    ? creation.getCollectionCreationId()
-                    : creation.getItemId());
+                await deleteLikeFromCard(creation.itemId);
             }
         }
     };
     const renderLikeButton = () => {
-        if ([ItemType_1.LabelKeys.asset, ItemType_1.LabelKeys.collection].includes(creation.getItemType())) {
-            return ((0, jsx_runtime_1.jsx)("div", { className: `icon like ${isLicked ? 'liked' : ''}`, onClick: (e) => handleClick(e, 'likes'), children: (0, jsx_runtime_1.jsx)(heart_svg_1.default, {}) }));
+        if ([types_1.LabelKeys.asset, types_1.LabelKeys.collection].includes(creation.itemType)) {
+            return ((0, jsx_runtime_1.jsx)("div", { className: `icon like ${isLicked ? "liked" : ""}`, onClick: (e) => handleClick(e, "likes"), children: (0, jsx_runtime_1.jsx)(heart_svg_1.default, {}) }));
         }
     };
     return ((0, jsx_runtime_1.jsxs)(Headicons_1.default, { isMobile: isMobile, style: isDisabled
             ? {
-                pointerEvents: 'none',
+                pointerEvents: "none",
             }
-            : {}, children: [(0, jsx_runtime_1.jsx)("div", { className: 'rank', children: (0, jsx_runtime_1.jsx)(CardRank_1.default, { rank: creation.getRank() }) }), !isProd() && !isShowCheckbox && ((0, jsx_runtime_1.jsxs)("div", { className: "icons", children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", onClick: (e) => handleClick(e, isRegularCard || !isUserProfile || isGallery
-                            ? 'fav-list'
-                            : 'gallery'), children: isRegularCard || !isUserProfile || isGallery ? ((0, jsx_runtime_1.jsx)(addToFavListIcon_svg_1.default, {})) : ((0, jsx_runtime_1.jsx)(addToGalleryIcon_svg_1.default, {})) }), renderLikeButton()] }))] }));
+            : {}, children: [(0, jsx_runtime_1.jsx)("div", { className: "rank", children: (0, jsx_runtime_1.jsx)(CardRank_1.default, { rank: creation.rank }) }), !isProd() && !isShowCheckbox && ((0, jsx_runtime_1.jsxs)("div", { className: "icons", children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", onClick: (e) => handleClick(e, isRegularCard || !isUserProfile || isGallery ? "fav-list" : "gallery"), children: isRegularCard || !isUserProfile || isGallery ? (0, jsx_runtime_1.jsx)(addToFavListIcon_svg_1.default, {}) : (0, jsx_runtime_1.jsx)(addToGalleryIcon_svg_1.default, {}) }), renderLikeButton()] }))] }));
 };
 exports.CardHead = CardHead;