@ludo.ninja/components 2.0.1 → 2.0.3

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

@@ -0,0 +1,192 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+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 store_1 = require("@/modules/gallery/store");
+const ui_1 = require("@/store/ui");
+const useEditGallery_1 = __importDefault(require("@/api/server-galleries/mutations/useEditGallery"));
+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 Forms_1 = require("@/system/Forms");
+const Messages_1 = __importDefault(require("@/system/Forms/Messages"));
+// Styles
+const StyledCreateForm = styled_components_1.default.div `
+  min-width: 344px;
+  min-height: calc(460px - 24px);
+  position: relative;
+
+  .head {
+    margin-bottom: 20px;
+
+    .tittle {
+      ${typography_1.FH3};
+      color: ${colors_1.BlackColor};
+      margin: 0;
+    }
+  }
+
+  .content {
+    margin-bottom: 60px;
+
+    .input_group {
+      position: relative;
+      margin-bottom: 16px;
+    }
+  }
+
+  .btns {
+    margin-top: 16px;
+    display: flex;
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    gap: 16px;
+
+    .add {
+      width: 100%;
+
+      & button {
+        font-size: 15px;
+        font-weight: 500;
+        line-height: 1.47;
+
+        @media (max-width: 767px) {
+          font-size: 14px;
+          line-height: 1.43;
+        }
+      }
+    }
+
+    .cancel {
+      width: 100%;
+    }
+
+    & button {
+      width: 100%;
+      padding: 9px 0;
+    }
+  }
+
+  @media (max-width: 767px) {
+    margin-right: 0;
+    .content {
+      width: auto;
+    }
+
+    .btns {
+      position: static;
+      justify-content: center;
+    }
+
+    .add,
+    .cancel {
+      max-width: 140px;
+    }
+  }
+
+  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+    min-width: ${(0, _4k_1.adaptiveValueCalc)(344)};
+    min-height: calc(${(0, _4k_1.adaptiveValueCalc)(460)} - ${(0, _4k_1.adaptiveValueCalc)(24)});
+
+    .head {
+      margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(20)};
+    }
+
+    .content {
+      margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(60)};
+
+      .input_group {
+        margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(16)};
+      }
+    }
+
+    .btns {
+      margin-top: ${(0, _4k_1.adaptiveValueCalc)(16)};
+      gap: ${(0, _4k_1.adaptiveValueCalc)(16)};
+
+      .add {
+        & button {
+          font-size: ${(0, _4k_1.adaptiveValueCalc)(15)};
+        }
+      }
+
+      & button {
+        padding: ${(0, _4k_1.adaptiveValueCalc)(9)} 0;
+      }
+    }
+  }
+`;
+// Component
+const EditGalleryForm = ({ title, inputPlaceHolderText, galleryId, name, description, }) => {
+    const updateGalleryInfo = (0, store_1.useGalleryStore)((state) => state.updateGalleryInfo);
+    const { editGallery } = (0, useEditGallery_1.default)();
+    const { register, handleSubmit, formState: { errors }, reset, } = (0, react_hook_form_1.useForm)({
+        mode: 'all',
+    });
+    (0, react_1.useEffect)(() => {
+        const defaultValues = {
+            galleryName: name,
+            galleryDescription: description,
+        };
+        reset({ ...defaultValues });
+    }, [name, description]);
+    const openAlert = (0, ui_1.useUiStore)((state) => state.openAlert);
+    const closeModalSidebar = (0, ui_1.useUiStore)((state) => state.closeModalSidebar);
+    const dataForgalleryName = {
+        labelText: 'galleryName',
+        name: 'galleryName',
+        placeHolder: inputPlaceHolderText,
+    };
+    const dataForBio = {
+        labelText: 'Bio',
+        name: 'galleryDescription',
+        placeHolder: 'Description (tags and hashtags are supported)',
+    };
+    const registergalleryName = register('galleryName', Messages_1.default[dataForgalleryName.name]);
+    const registergalleryDescription = register('galleryDescription', Messages_1.default[dataForBio.name]);
+    const errorGalleryName = {
+        isNeedShowError: Boolean(errors?.galleryName),
+        message: errors?.galleryName && errors?.galleryName.message,
+    };
+    const errorGalleryDescription = {
+        isNeedShowError: Boolean(errors?.galleryDescription),
+        message: errors?.galleryDescription && errors?.galleryDescription.message,
+    };
+    const onSubmit = async ({ galleryName, galleryDescription }) => {
+        try {
+            const data = await editGallery({
+                galleryId,
+                name: galleryName,
+                description: galleryDescription,
+            });
+            if (data.data.editGallery) {
+                updateGalleryInfo({
+                    galleryName,
+                    galleryDescription,
+                });
+            }
+            closeModalSidebar();
+        }
+        catch (error) {
+            openAlert({
+                type: type_1.alertVariants.error,
+                caption: error?.message,
+            });
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(StyledCreateForm, { 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)("form", { onSubmit: handleSubmit(onSubmit), children: [(0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [(0, jsx_runtime_1.jsx)("div", { className: "input_group", children: (0, jsx_runtime_1.jsx)(Forms_1.Input, { register: registergalleryName, error: errorGalleryName, data: dataForgalleryName }) }), (0, jsx_runtime_1.jsx)("div", { className: "input_group", children: (0, jsx_runtime_1.jsx)(Forms_1.BasicTextArea, { register: registergalleryDescription, 
+                                    // counter={0}
+                                    isNeedBiggerArea: false, error: errorGalleryDescription, data: dataForBio }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "btns", children: [(0, jsx_runtime_1.jsx)("div", { className: 'add', children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { text: 'Save', type: 'submit', variant: "primaryL", onClick: () => null }) }), (0, jsx_runtime_1.jsx)("div", { className: 'cancel', children: (0, jsx_runtime_1.jsx)(MainButton_1.default, { text: 'Cancel', variant: "outline", onClick: closeModalSidebar }) })] })] })] }));
+};
+// Export
+exports.default = EditGalleryForm;

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

@@ -0,0 +1,20 @@
+import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
+import CreationEntity from '@/dto/CreationEntity';
+import { TVirtuosoData } from '@/modules/virtuoso/types';
+export declare const useVirtuosoData: <TData>({ creations, isMobile, }: {
+    isMobile: boolean;
+    creations: TData[];
+}) => {
+    virtuosoData: TVirtuosoData<TData>;
+    placeholderData: number[][];
+};
+declare const ItemsPreview: ({ creations, deleteMethod, title, loadMore, isLoading, isNextLoading, allCount, }: {
+    creations: (CreationEntity | CollectionCreationEntity)[];
+    deleteMethod: (itemId: string) => void;
+    title: string;
+    loadMore?: (() => void) | undefined;
+    isLoading?: boolean | undefined;
+    isNextLoading?: boolean | undefined;
+    allCount?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ItemsPreview;

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

@@ -0,0 +1,279 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVirtuosoData = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
+const react_virtuoso_1 = require("react-virtuoso");
+const styled_components_1 = __importDefault(require("styled-components"));
+const ScreenWidth_1 = require("@ludo.ninja/ui/build/styles/ScreenWidth");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const CollectionCreationEntity_1 = __importDefault(require("@/dto/Collection/CollectionCreationEntity"));
+const ScreenWidth_2 = require("@/styles/ScreenWidth");
+const colors_1 = require("@/styles/colors");
+const typography_1 = require("@/styles/typography");
+const CardImage_1 = __importDefault(require("@/system/Cards/CardMedia/CardImage"));
+const CardsHolderLoader_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolderLoader"));
+const check4k_1 = require("@/utils/adaptive/check4k");
+const screen_1 = require("@/utils/screen");
+// import DeleteIcon from '@/public/gallery/delete.svg';
+// Styles
+const StyledItemsPreview = styled_components_1.default.div `
+  margin-right: 40px;
+
+  .head {
+    margin-bottom: 20px;
+
+    .tittle {
+      ${typography_1.FH3};
+      color: ${colors_1.BlackColor};
+      margin: 0;
+    }
+  }
+
+  .content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 8px;
+    max-height: 302px;
+    min-width: 168px;
+    overflow-x: auto;
+  }
+
+  .content-item {
+    position: relative;
+    width: 80px;
+    height: 80px;
+    cursor: pointer;
+    transition: transform 0.2s;
+    transform: scale(1);
+    will-change: transform;
+
+    > img,
+    video {
+      border-radius: 6px;
+    }
+
+    .content-item-gallery-pic {
+      border-radius: 6px;
+      width: 100%;
+      height: 100%;
+    }
+
+    .content-item-gallery-deleteIcon {
+      position: absolute;
+      right: 4px;
+      bottom: 4px;
+      transition: transform 0.2s;
+      transform: scale(1);
+
+      :hover {
+        transform: scale(1.15);
+        transition: transform 0.2s;
+      }
+    }
+
+    &:hover {
+      .content-item-gallery-deleteIcon {
+        transform: scale(1.15);
+        transition: transform 0.2s;
+      }
+    }
+  }
+
+  @media (max-width: 767px) {
+    margin-right: 0;
+    margin-bottom: 32px;
+
+    .content-item {
+      width: 68px;
+      height: 68px;
+    }
+
+    .content {
+      height: 144px;
+      grid-template-columns: 1fr 1fr 1fr 1fr;
+    }
+  }
+
+  ${ScreenWidth_2.mediaQuery.minWidthFourK} {
+    margin-right: ${(0, _4k_1.adaptiveValueCalc)(40)};
+
+    .head {
+      margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(20)};
+    }
+
+    .content {
+      gap: ${(0, _4k_1.adaptiveValueCalc)(8)};
+      max-height: ${(0, _4k_1.adaptiveValueCalc)(302)};
+      min-width: ${(0, _4k_1.adaptiveValueCalc)(168)};
+    }
+
+    .content-item {
+      width: ${(0, _4k_1.adaptiveValueCalc)(80)};
+      height: ${(0, _4k_1.adaptiveValueCalc)(80)};
+
+      > img,
+      video {
+        border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
+      }
+
+      .content-item-gallery-pic {
+        border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
+      }
+
+      .content-item-gallery-deleteIcon {
+        right: ${(0, _4k_1.adaptiveValueCalc)(4)};
+        bottom: ${(0, _4k_1.adaptiveValueCalc)(4)};
+        width: ${(0, _4k_1.adaptiveValueCalc)(24)};
+        height: ${(0, _4k_1.adaptiveValueCalc)(24)};
+      }
+    }
+  }
+`;
+const SCardsRow = styled_components_1.default.div `
+  display: flex;
+  justify-content: space-between;
+`;
+// Component
+const useVirtuosoData = ({ creations, isMobile, }) => {
+    const virtuosoData = (0, react_1.useMemo)(() => {
+        const columnCount = isMobile ? 4 : 2;
+        const creationPacks = [];
+        let indexPack = 0;
+        creations.forEach((creation) => {
+            if (!creationPacks[indexPack]) {
+                creationPacks[indexPack] = [];
+            }
+            creationPacks[indexPack].push(creation);
+            if (creationPacks[indexPack].length >= columnCount) {
+                indexPack++;
+            }
+        });
+        return { creationPacks, creations };
+    }, [isMobile, creations]);
+    const placeholderData = (0, react_1.useMemo)(() => {
+        const columnCount = isMobile ? 4 : 2;
+        const creationPacks = [[]];
+        let indexPack = 0;
+        Array.from({
+            length: 12,
+        }).forEach((_, index) => {
+            if (!creationPacks[indexPack]) {
+                creationPacks[indexPack] = [];
+            }
+            creationPacks[indexPack].push(index);
+            if (creationPacks[indexPack].length >= columnCount) {
+                indexPack++;
+            }
+        });
+        return creationPacks;
+    }, [isMobile]);
+    return {
+        virtuosoData,
+        placeholderData,
+    };
+};
+exports.useVirtuosoData = useVirtuosoData;
+const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isNextLoading, allCount, }) => {
+    const { isMobile, windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
+    const { virtuosoData, placeholderData } = (0, exports.useVirtuosoData)({
+        creations,
+        isMobile,
+    });
+    const virtuosoBody = (() => {
+        const getGapCards = () => {
+            if (windowDimensions &&
+                windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+                return (0, _4k_1.getAdaptiveValue)({
+                    currentSize: 8,
+                    windowWidth: windowDimensions.windowWidth,
+                });
+            }
+            return 8;
+        };
+        if (isLoading) {
+            return {
+                totalCount: placeholderData.length,
+                itemContent: (index) => {
+                    return ((0, jsx_runtime_1.jsx)(SCardsRow, { style: {
+                            paddingBottom: (() => {
+                                if (index === virtuosoData.creationPacks.length - 1) {
+                                    return 0;
+                                }
+                                return getGapCards();
+                            })(),
+                            gap: getGapCards(),
+                        }, children: placeholderData[index].map((_, ind) => ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: isMobile
+                                ? 68
+                                : (0, check4k_1.getAdaptiveValueWithCheck4k)({
+                                    currentSize: 80,
+                                    windowDimensions,
+                                }), width: isMobile
+                                ? 68
+                                : (0, check4k_1.getAdaptiveValueWithCheck4k)({
+                                    currentSize: 80,
+                                    windowDimensions,
+                                }) }, ind))) }));
+                },
+            };
+        }
+        // if (error) {
+        //   return {
+        //     totalCount: 1,
+        //     itemContent: () => {
+        //       return <CardsError refetch={refetchQuery}/>;
+        //     },
+        //   };
+        // }
+        return {
+            totalCount: virtuosoData.creationPacks.length,
+            itemContent: (index) => {
+                const data = virtuosoData.creationPacks[index];
+                return ((0, jsx_runtime_1.jsx)(SCardsRow, { style: {
+                        paddingBottom: (() => {
+                            if (index === virtuosoData.creationPacks.length - 1) {
+                                return 0;
+                            }
+                            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: '/noContent/noContent.svg' })) : (creation.detectMediaType().displaySingleMedia()), (0, jsx_runtime_1.jsx)("img", { src: "/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()))) }));
+            },
+        };
+    })();
+    return ((0, jsx_runtime_1.jsxs)(StyledItemsPreview, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'head', children: (0, jsx_runtime_1.jsx)("h3", { className: 'tittle', children: `${title} (${allCount || creations?.length})` }) }), (0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { style: {
+                    height: isMobile
+                        ? 144
+                        : (() => {
+                            if (windowDimensions &&
+                                windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+                                return (0, _4k_1.getAdaptiveValue)({
+                                    currentSize: 302,
+                                    windowWidth: windowDimensions.windowWidth,
+                                });
+                            }
+                            return 302;
+                        })(),
+                    minWidth: (() => {
+                        if (windowDimensions &&
+                            windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
+                            return (0, _4k_1.getAdaptiveValue)({
+                                currentSize: 168,
+                                windowWidth: windowDimensions.windowWidth,
+                            });
+                        }
+                        return 168;
+                    })(),
+                }, totalCount: virtuosoBody.totalCount, endReached: loadMore, overscan: 200, itemContent: virtuosoBody.itemContent, components: {
+                    Footer: () => (isNextLoading ? (0, jsx_runtime_1.jsx)(CardsHolderLoader_1.default, {}) : null),
+                } })] }));
+};
+// Export
+exports.default = ItemsPreview;

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

@@ -0,0 +1,18 @@
+import { TCreationAndCollection } from '@/modules/virtuoso/types';
+interface IGalleryAsset {
+    isActiveGalleryMode: boolean;
+    activateGalleryMode: () => void;
+    disableGalleryMode: () => void;
+    creationsToGallery: TCreationAndCollection[];
+    toggleCreationToGallery: (creation: TCreationAndCollection) => void;
+    addCreationToGallery: (creation: TCreationAndCollection) => 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 useToGalleryStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<IGalleryAsset>>;
+export declare const useInitializeToGalleryAsset: () => {
+    handleAddToGallery: () => void;
+};
+export {};

package/build/modules/gallery/useToGalleryAsset.js

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInitializeToGalleryAsset = exports.useToGalleryStore = exports.getIsActiveCreation = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+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());
+exports.getIsActiveCreation = getIsActiveCreation;
+exports.useToGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState, getState) => ({
+    isActiveGalleryMode: false,
+    activateGalleryMode: () => {
+        setState({
+            isActiveGalleryMode: true,
+        });
+    },
+    disableGalleryMode: () => {
+        setState({
+            isActiveGalleryMode: false,
+        });
+    },
+    creationsToGallery: [],
+    addCreationToGallery: (creation) => {
+        setState((prev) => ({
+            ...prev,
+            creationsToGallery: [...prev.creationsToGallery, creation],
+        }));
+    },
+    removeCreationFromGallery: (itemId) => {
+        setState((prev) => ({
+            ...prev,
+            creationsToGallery: prev.creationsToGallery.filter((pCreation) => pCreation.getCreationId() !== itemId),
+        }));
+    },
+    removeCreationFromGalleryWithCallback: (itemId, closeCallback) => {
+        setState((prev) => {
+            const newCreations = prev.creationsToGallery.filter((pCreation) => pCreation.getCreationId() !== itemId);
+            if (!newCreations.length) {
+                closeCallback();
+                return {
+                    creationsToGallery: newCreations,
+                    isActiveGalleryMode: false,
+                };
+            }
+            return {
+                creationsToGallery: newCreations,
+            };
+        });
+    },
+    toggleCreationToGallery: (creation) => {
+        const { removeCreationFromGallery, addCreationToGallery, creationsToGallery, } = getState();
+        if ((0, exports.getIsActiveCreation)(creationsToGallery, creation)) {
+            removeCreationFromGallery(creation.getCreationId());
+        }
+        else {
+            addCreationToGallery(creation);
+        }
+    },
+    resetCreationsInGallery: () => {
+        setState({
+            creationsToGallery: [],
+            isActiveGalleryMode: false,
+        });
+    },
+}), shallow_1.shallow);
+const useInitializeToGalleryAsset = () => {
+    const openModalSidebarPortal = (0, ui_1.useUiStore)((state) => state.openModalSidebarPortal);
+    const { resetCreationsInGallery } = (0, exports.useToGalleryStore)((state) => ({
+        resetCreationsInGallery: state.resetCreationsInGallery,
+    }));
+    (0, react_1.useEffect)(() => {
+        return () => {
+            resetCreationsInGallery();
+        };
+    }, []);
+    const handleAddToGallery = () => {
+        openModalSidebarPortal((0, jsx_runtime_1.jsx)(addCreationToGallery_1.default, {}));
+    };
+    return {
+        handleAddToGallery,
+    };
+};
+exports.useInitializeToGalleryAsset = useInitializeToGalleryAsset;

package/build/modules/notifications/CreatorNotifications.d.ts

@@ -0,0 +1 @@
+export declare const CreatorNotifications: () => import("react/jsx-runtime").JSX.Element;

package/build/modules/notifications/CreatorNotifications.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreatorNotifications = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const dynamic_1 = __importDefault(require("next/dynamic"));
+const useIsOpenNotifications_1 = require("@ludo.ninja/ui/build/modules/notifications/useIsOpenNotifications");
+const ui_1 = require("@/store/ui");
+const Notifications = (0, dynamic_1.default)(() => Promise.resolve().then(() => __importStar(require('@ludo.ninja/ui/build/modules/notifications'))).then((_) => _.Notifications));
+const CreatorNotifications = () => {
+    const notifications = (0, ui_1.useUiStore)((state) => state.notifications);
+    const removeNotification = (0, ui_1.useUiStore)((state) => state.removeNotification);
+    const isOpen = (0, useIsOpenNotifications_1.useIsOpenNotifications)({ notifications });
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isOpen && ((0, jsx_runtime_1.jsx)(Notifications, { notifications: notifications, removeNotification: removeNotification })) }));
+};
+exports.CreatorNotifications = CreatorNotifications;

package/build/modules/notifications/index.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export type { TNotificationData, TNotifications, } from '@ludo.ninja/ui/build/modules/notifications/types';
+export declare const createXpNotification: (arg: {
+    xpsIncrement: string | number;
+    description?: string | undefined;
+    onClick?: (() => void) | undefined;
+}) => {
+    icon: import("react").ReactNode;
+    title: string;
+    description: string;
+    onClick?: (() => void) | undefined;
+};
+export declare const createInviteNotification: (arg: {
+    inviteCode: string;
+    description?: string | undefined;
+    onClick?: (() => void) | undefined;
+}) => {
+    icon: import("react").ReactNode;
+    title: string;
+    description: string;
+    onClick?: (() => void) | undefined;
+};

package/build/modules/notifications/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInviteNotification = exports.createXpNotification = void 0;
+const variants_1 = require("@ludo.ninja/ui/build/modules/notifications/variants");
+exports.createXpNotification = variants_1.createNotificationVariants.newXp;
+exports.createInviteNotification = variants_1.createNotificationVariants.inviteCode;

package/build/modules/opportunity/OpportunityCard.d.ts

@@ -0,0 +1,5 @@
+import { TOpportunity } from '@/modules/opportunity/type';
+export declare const OpportunityCard: ({ opportunity, toolsForRemove, }: {
+    opportunity: TOpportunity;
+    toolsForRemove?: ((itemType: 'asset' | 'collection' | 'opportunity') => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;