@ludo.ninja/components 2.2.36 → 2.2.37

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;

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.js

@@ -5,11 +5,13 @@ 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 +19,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 +28,44 @@ 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') {
+        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.getItemType() + "." + creation.getCreationId()}`
                         : creation.getCreationId(),
                 ], 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
+                await addLikeToCard(creation instanceof CollectionCreationEntity_1.default && creation.getItemType() !== types_1.LabelKeys.collection
                     ? creation.getCollectionCreationId()
                     : creation.getItemId());
             }
             else {
-                await deleteLikeFromCard(creation instanceof CollectionCreationEntity_1.default &&
-                    creation.getItemType() !== ItemType_1.LabelKeys.collection
+                await deleteLikeFromCard(creation instanceof CollectionCreationEntity_1.default && creation.getItemType() !== types_1.LabelKeys.collection
                     ? creation.getCollectionCreationId()
                     : creation.getItemId());
             }
         }
     };
     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.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, {}) }));
         }
     };
     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.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()] }))] }));
 };
 exports.CardHead = CardHead;

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

@@ -1,9 +1,9 @@
-import GalleryEntityV2 from '../../../dto/GalleryEntityV2';
+import { TGallery } from '../../../entities/gallery/types';
 import { TCreationAndCollection } from '../../../modules/virtuoso/types';
 import { searchSchema as schema } from "@ludo.ninja/api";
 import { ReactNode } from "react";
 export type RemoveToolsType = {
-    gallery?: GalleryEntityV2;
+    gallery?: TGallery;
     removeFn: (itemType: "asset" | "collection") => void;
 };
 export interface ICheckboxState {

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

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreationCard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ItemType_1 = require("../../../dto/common/ItemType");
+const types_1 = require("../../../entities/labelCreationType/types");
 const likes_1 = __importDefault(require("../../../hooks/likes"));
 const env_1 = require("../../../store/env");
 const ScreenWidth_1 = require("../../../styles/ScreenWidth");
@@ -109,11 +109,11 @@ const CreationCard = ({ creationName, creation, isNeedHeight, likesDynamicInfo,
     const isHideProd = isProd();
     const HideLink = isHideProd ? react_1.default.Fragment : link_1.default;
     const getLink = (href) => {
-        if (creation.getItemType() === ItemType_1.LabelKeys.asset) {
-            return `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["asset"]}/${href.replace(`/${ItemType_1.LabelKeys.asset}/`, "")}`;
+        if (creation.getItemType() === types_1.LabelKeys.asset) {
+            return `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["asset"]}/${href.replace(`/${types_1.LabelKeys.asset}/`, "")}`;
         }
-        if (creation.getItemType() === ItemType_1.LabelKeys.collection) {
-            return `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["collections"]}/${href.replace(`/${ItemType_1.LabelKeys.collection}/`, "")}`;
+        if (creation.getItemType() === types_1.LabelKeys.collection) {
+            return `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["collections"]}/${href.replace(`/${types_1.LabelKeys.collection}/`, "")}`;
         }
         return href;
     };

package/build/system/Cards/MultiMediaCard/index.d.ts

@@ -1,8 +1,8 @@
 import CollectionCreationEntity from '../../../dto/Collection/CollectionCreationEntity';
 import CreationEntity from '../../../dto/CreationEntity';
-import GalleryEntityV2 from '../../../dto/GalleryEntityV2';
+import { TGallery } from '../../../entities/gallery/types';
 declare const MultiMediaCard: ({ gallery, assets, collections, }: {
-    gallery: GalleryEntityV2;
+    gallery: TGallery;
     assets: CreationEntity[] | null;
     collections: CollectionCreationEntity[] | null;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/system/Cards/MultiMediaCard/index.js

@@ -96,7 +96,7 @@ const MultiMediaCard = ({ gallery, assets, collections, }) => {
         //   (!collections || collections.length === 0)
         // )
         //   return null;
-        const galleryCreationIds = gallery.getGalleryCreationIds();
+        const galleryCreationIds = gallery.creationIds;
         const cardsMedia = [];
         for (let i = 0; i < 4; i++) {
             const creationId = galleryCreationIds[i];
@@ -116,10 +116,10 @@ const MultiMediaCard = ({ gallery, assets, collections, }) => {
         }
         return cardsMedia;
     };
-    const secondName = gallery.getGalleryUsername() !== "" ? gallery.getGalleryUsername() : "";
+    const secondName = gallery.username !== "" ? gallery.username : "";
     // const userCreationAddresses = gallery?.getGalleryCreations()[0]?.getOwnersAddresses();
     const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
-    return ((0, jsx_runtime_1.jsx)(StyledMultiCard, { children: (0, jsx_runtime_1.jsxs)(link_1.default, { href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}${gallery.getCreationLink()}`, children: [(0, jsx_runtime_1.jsx)(MultiHead_1.default, { children: renderMedia() }), (0, jsx_runtime_1.jsx)(CardContent_1.default, { firstName: gallery.getGalleryName(), secondName: secondName, wallets: gallery.getGalleryUserWallets(), isNeedShowMoreButton: false, itemId: gallery.getGalleryId(), children: (0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "flex-end", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(CardCategory_1.default, { label: gallery.getLabel() }), (0, jsx_runtime_1.jsx)(CardLikes_1.default, { isLiked: false, likes: 0 })] }) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(StyledMultiCard, { children: (0, jsx_runtime_1.jsxs)(link_1.default, { href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}${gallery.creationLink}`, children: [(0, jsx_runtime_1.jsx)(MultiHead_1.default, { children: renderMedia() }), (0, jsx_runtime_1.jsx)(CardContent_1.default, { firstName: gallery.name, secondName: secondName, wallets: gallery.userWallets, isNeedShowMoreButton: false, itemId: gallery.galleryId, children: (0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "flex-end", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(CardCategory_1.default, { label: gallery.label }), (0, jsx_runtime_1.jsx)(CardLikes_1.default, { isLiked: false, likes: 0 })] }) })] }) }));
 };
 // Export
 exports.default = MultiMediaCard;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.2.36",
+  "version": "2.2.37",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",