@ludo.ninja/components 2.3.83 → 2.3.85

package/build/api/server-experiences/queries/useFetchMyActivityStreak/index.js

@@ -34,7 +34,8 @@ const useFetchMyActivityStreak = () => {
             });
         },
         onError: (err) => {
-            if (err.cause?.extensions?.classification !== 'NOT_FOUND') {
+            const error = err;
+            if (error.cause?.extensions?.classification !== 'NOT_FOUND') {
                 openAlert((0, getErrorAlertProps_1.getErrorAlertProps)(err));
             }
             resetUserStreak();

package/build/api/server-opportunities/queries/useGetOpportunities.d.ts

@@ -1,4 +1,4 @@
 export declare const useGetOpportunities: (availableProfileId: string) => {
-    opportunities: import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").Maybe<Pick<import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").IOpportunityV2, "name" | "views" | "createdAt" | "shareLink" | "blockchain" | "description" | "collection" | "liked" | "opportunityId" | "projectId" | "categoryId" | "opportunityStatus" | "opportunityType" | "notificationType" | "projectBlockchain" | "projectContract" | "projectName" | "projectSlug" | "categoryName" | "ludoUrl" | "projectUrl" | "activeFrom" | "activeUntil" | "minXpLevel" | "maxXpLevel" | "minRank" | "maxRank" | "media" | "reportLink" | "clicks" | "blockchains" | "minWalletValue" | "maxWalletValue" | "geolocations" | "subscribed" | "participantsLimit" | "availablePlacesForAirdrop" | "slug">>[];
+    opportunities: import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").Maybe<Pick<import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").IOpportunityV2, "views" | "createdAt" | "shareLink" | "blockchain" | "name" | "description" | "collection" | "liked" | "opportunityId" | "projectId" | "categoryId" | "opportunityStatus" | "opportunityType" | "notificationType" | "projectBlockchain" | "projectContract" | "projectName" | "projectSlug" | "categoryName" | "ludoUrl" | "projectUrl" | "activeFrom" | "activeUntil" | "minXpLevel" | "maxXpLevel" | "minRank" | "maxRank" | "media" | "reportLink" | "clicks" | "blockchains" | "minWalletValue" | "maxWalletValue" | "geolocations" | "subscribed" | "participantsLimit" | "availablePlacesForAirdrop" | "slug">>[];
     isLoadingOpportunities: boolean;
 };

package/build/modules/opportunity/OpportunityDropDown.js

@@ -34,7 +34,7 @@ const OpportunityDropDown = ({ opportunity }) => {
     // };
     const onShareClick = (event) => {
         event.preventDefault();
-        openModalSidebarPortal((0, jsx_runtime_1.jsx)(OpportunityMenu_1.OpportunityMenu, { opportunity: opportunity, onClose: closeModalSidebarPortal }));
+        openModalSidebarPortal((0, jsx_runtime_1.jsx)(OpportunityMenu_1.OpportunityMenu, { opportunity: opportunity, onClose: closeModalSidebarPortal }), true);
     };
     const onReportClick = () => {
         const opportunityId = opportunity.opportunityId ? `ID: ${opportunity.opportunityId}` : "";

package/build/store/ui/index.js

@@ -101,6 +101,7 @@ exports.useUiStore = (0, traditional_1.createWithEqualityFn)()((setState) => ({
     //modals
     contentModals: null,
     stylesModals: null,
+    modalWithoutCloseIcon: false,
     addStylesModals: (styles) => {
         setState({ stylesModals: styles });
     },

package/build/store/ui/types.d.ts

@@ -24,12 +24,13 @@ export interface IUiStore {
     stylesModals: null | CSSProperties;
     addStylesModals: (styles: CSSProperties) => void;
     isModalOpen: boolean;
-    openModal: (component: JSX.Element) => void;
+    openModal: (component: JSX.Element, withoutCloseIcon?: boolean) => void;
     closeModal: () => void;
     isModalSidebarOpen: boolean;
-    openModalSidebar: (component: JSX.Element) => void;
+    openModalSidebar: (component: JSX.Element, withoutCloseIcon?: boolean) => void;
     closeModalSidebar: () => void;
     isOpenModalSidebarPortal: boolean;
-    openModalSidebarPortal: (component: JSX.Element) => void;
+    modalWithoutCloseIcon: boolean;
+    openModalSidebarPortal: (component: JSX.Element, withoutCloseIcon?: boolean) => void;
     closeModalSidebarPortal: () => void;
 }

package/build/store/ui/utils.js

@@ -4,12 +4,13 @@ exports.builderModal = void 0;
 const utils_1 = require("@ludo.ninja/utils");
 const builderModal = (fields, setState) => ({
     [fields.trigger]: false,
-    [fields.opener]: (component) => {
+    [fields.opener]: (component, withoutCloseIcon) => {
         (0, utils_1.rootAddOverflow)();
         setState({
             contentModals: component,
             isOverlayActive: true,
             [fields.trigger]: true,
+            modalWithoutCloseIcon: Boolean(withoutCloseIcon)
         });
     },
     [fields.closer]: () => {

package/build/system/Modals/Modal/index.js

@@ -36,10 +36,15 @@ const StyledModal = styled_components_1.default.div `
     .modalContent {
       max-height: calc(var(--app-height) - 20px - 16px - 16px - 24px);
       overflow-y: auto;
+      margin-top: 14px !important
+    }
+    .modalCloseIcon {
+      display: inline-block !important;
     }
   }
 
   .modalCloseIcon {
+    display: ${({ withoutCloseIcon }) => withoutCloseIcon ? 'none' : 'inline-block'};
     position: absolute;
     top: 16px;
     right: 16px;
@@ -47,7 +52,7 @@ const StyledModal = styled_components_1.default.div `
   }
 
   .modalContent {
-    margin-top: 24px;
+    margin-top: ${({ withoutCloseIcon }) => withoutCloseIcon ? 'unset' : '24px'};
   }
 
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
@@ -69,14 +74,15 @@ const StyledModal = styled_components_1.default.div `
   }
 `;
 const Modal = () => {
-    const { contentModals, isModalOpen, closeModal, stylesModals } = (0, ui_1.useUiStore)((state) => ({
+    const { contentModals, isModalOpen, closeModal, stylesModals, withoutCloseIcon } = (0, ui_1.useUiStore)((state) => ({
         contentModals: state.contentModals,
         stylesModals: state.stylesModals,
         isModalOpen: state.isModalOpen,
         closeModal: state.closeModal,
+        withoutCloseIcon: state.modalWithoutCloseIcon,
     }));
     if (!isModalOpen)
         return null;
-    return ((0, jsx_runtime_1.jsxs)(StyledModal, { style: stylesModals ? stylesModals : undefined, children: [(0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/modal/close.svg`, alt: "close", width: 24, height: 24, className: "modalCloseIcon", onClick: closeModal }), (0, jsx_runtime_1.jsx)("div", { className: "modalContent", children: contentModals })] }));
+    return ((0, jsx_runtime_1.jsxs)(StyledModal, { style: stylesModals ? stylesModals : undefined, withoutCloseIcon: withoutCloseIcon, children: [(0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/modal/close.svg`, alt: "close", width: 24, height: 24, className: "modalCloseIcon", onClick: closeModal }), (0, jsx_runtime_1.jsx)("div", { className: "modalContent", children: contentModals })] }));
 };
 exports.default = Modal;

package/build/system/Modals/ModalSidebar/CreatorModalSidebarPortal.js

@@ -34,14 +34,15 @@ const ui_1 = require("../../../store/ui");
 const ModalSidebarPortal = (0, dynamic_1.default)(() => Promise.resolve().then(() => __importStar(require('./ModalSidebarPortal'))).then((_) => _.ModalSidebarPortal));
 // minimize dom tree for optimize virtualization
 const CreatorModalSidebarPortal = () => {
-    const { isOpenModalSidebarPortal, closeModalSidebarPortal, contentModals } = (0, ui_1.useUiStore)((state) => ({
+    const { isOpenModalSidebarPortal, closeModalSidebarPortal, contentModals, withoutCloseIcon } = (0, ui_1.useUiStore)((state) => ({
         isOpenModalSidebarPortal: state.isOpenModalSidebarPortal,
         closeModalSidebarPortal: state.closeModalSidebarPortal,
         contentModals: state.contentModals,
+        withoutCloseIcon: state.modalWithoutCloseIcon,
     }));
     if (!isOpenModalSidebarPortal) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(ModalSidebarPortal, { closeModal: closeModalSidebarPortal, component: contentModals }));
+    return ((0, jsx_runtime_1.jsx)(ModalSidebarPortal, { closeModal: closeModalSidebarPortal, component: contentModals, withoutCloseIcon: withoutCloseIcon }));
 };
 exports.CreatorModalSidebarPortal = CreatorModalSidebarPortal;

package/build/system/Modals/ModalSidebar/ModalSidebarPortal.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from "react";
-export declare const ModalSidebarPortal: ({ component, closeModal }: {
+export declare const ModalSidebarPortal: ({ component, closeModal, withoutCloseIcon, }: {
     component: ReactNode;
     closeModal: () => void;
+    withoutCloseIcon?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/system/Modals/ModalSidebar/ModalSidebarPortal.js

@@ -6,5 +6,5 @@ const index_1 = require("./index");
 const constants_1 = require("@ludo.ninja/core/build/constants");
 const utils_1 = require("@ludo.ninja/utils");
 // minimize dom tree for optimize virtualization
-const ModalSidebarPortal = ({ component, closeModal }) => ((0, jsx_runtime_1.jsx)(utils_1.PortalCreator, { children: (0, jsx_runtime_1.jsxs)(index_1.StyledModalSidebar, { children: [(0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/modal/close.svg`, alt: "close", width: 24, height: 24, className: "modalCloseIcon", onClick: closeModal }), (0, jsx_runtime_1.jsx)("div", { className: "modalContent", children: component })] }) }));
+const ModalSidebarPortal = ({ component, closeModal, withoutCloseIcon, }) => ((0, jsx_runtime_1.jsx)(utils_1.PortalCreator, { children: (0, jsx_runtime_1.jsxs)(index_1.StyledModalSidebar, { withoutCloseIcon: withoutCloseIcon, children: [(0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/modal/close.svg`, alt: "close", width: 24, height: 24, className: "modalCloseIcon", onClick: closeModal }), (0, jsx_runtime_1.jsx)("div", { className: "modalContent", children: component })] }) }));
 exports.ModalSidebarPortal = ModalSidebarPortal;

package/build/system/Modals/ModalSidebar/index.d.ts

@@ -1,3 +1,5 @@
-export declare const StyledModalSidebar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalSidebar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    withoutCloseIcon?: boolean;
+}, never>;
 declare const ModalSidebar: () => import("react/jsx-runtime").JSX.Element | null;
 export default ModalSidebar;

package/build/system/Modals/ModalSidebar/index.js

@@ -33,9 +33,16 @@ exports.StyledModalSidebar = styled_components_1.default.div `
     right: 0;
     bottom: 0;
     transform: none;
+    .modalCloseIcon {
+      display: inline-block !important;
+    }
+    .modalContent {
+        margin-top: 14px !important;};
+    }
   }
 
   .modalCloseIcon {
+    display: ${({ withoutCloseIcon }) => withoutCloseIcon ? 'none' : 'inline-block'};
     position: absolute;
     top: 16px;
     right: 16px;
@@ -43,7 +50,7 @@ exports.StyledModalSidebar = styled_components_1.default.div `
   }
 
   .modalContent {
-    margin-top: 24px;
+    margin-top: ${({ withoutCloseIcon }) => withoutCloseIcon ? 'unset' : '24px'};
   }
 
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
@@ -63,13 +70,14 @@ exports.StyledModalSidebar = styled_components_1.default.div `
   }
 `;
 const ModalSidebar = () => {
-    const { contentModals, isModalSidebarOpen, closeModalSidebar } = (0, ui_1.useUiStore)((state) => ({
+    const { contentModals, isModalSidebarOpen, closeModalSidebar, withoutCloseIcon } = (0, ui_1.useUiStore)((state) => ({
         contentModals: state.contentModals,
         isModalSidebarOpen: state.isModalSidebarOpen,
         closeModalSidebar: state.closeModalSidebar,
+        withoutCloseIcon: state.modalWithoutCloseIcon,
     }));
     if (!isModalSidebarOpen)
         return null;
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledModalSidebar, { children: [(0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/modal/close.svg`, alt: "close", width: 24, height: 24, className: "modalCloseIcon", onClick: closeModalSidebar }), (0, jsx_runtime_1.jsx)("div", { className: "modalContent", children: contentModals })] }));
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledModalSidebar, { withoutCloseIcon: withoutCloseIcon, children: [(0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/modal/close.svg`, alt: "close", width: 24, height: 24, className: "modalCloseIcon", onClick: closeModalSidebar }), (0, jsx_runtime_1.jsx)("div", { className: "modalContent", children: contentModals })] }));
 };
 exports.default = ModalSidebar;

package/build/utils/copyBtn/index.js

@@ -8,7 +8,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ScreenWidth_1 = require("../../styles/ScreenWidth");
 const colors_1 = require("../../styles/colors");
-const scale_1 = require("../adaptive/scale");
 const screen_1 = require("../screen");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
@@ -22,6 +21,8 @@ const SWrapperIcon = styled_components_1.default.div `
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 20px;
+  height: 20px;
 
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
     margin-left: ${(0, _4k_1.adaptiveValueCalc)(5)};
@@ -41,6 +42,6 @@ const CopyButton = ({ value, style, children, }) => {
     const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
     if (!value)
         return (0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.BlackColor, children: "Unknown" });
-    return ((0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "center", onClick: handleCopy, style: style, children: [children, (0, jsx_runtime_1.jsx)(SWrapperIcon, { children: !isCopied ? ((0, jsx_runtime_1.jsx)(copy_icon_new_svg_1.default, { width: 20, height: 20, style: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }) })) : ((0, jsx_runtime_1.jsx)(copied_svg_1.default, { width: 20, height: 20, style: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }) })) })] }));
+    return ((0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "center", onClick: handleCopy, style: style, children: [children, (0, jsx_runtime_1.jsx)(SWrapperIcon, { children: !isCopied ? ((0, jsx_runtime_1.jsx)(copy_icon_new_svg_1.default, { width: '100%', height: '100%' })) : ((0, jsx_runtime_1.jsx)(copied_svg_1.default, { width: '100%', height: '100%' })) })] }));
 };
 exports.CopyButton = CopyButton;

package/build/utils/getErrorAlertProps/index.js

@@ -13,7 +13,8 @@ var ServerErrorType;
     ServerErrorType["INTERNAL_ERROR"] = "INTERNAL_ERROR";
 })(ServerErrorType || (exports.ServerErrorType = ServerErrorType = {}));
 const getErrorAlertProps = (error) => {
-    const errorExtensions = error.cause?.extensions;
+    const err = error;
+    const errorExtensions = err.cause?.extensions;
     switch (errorExtensions?.classification) {
         case ServerErrorType.BAD_REQUEST:
         case ServerErrorType.UNAUTHORIZED:
@@ -21,13 +22,13 @@ const getErrorAlertProps = (error) => {
         case ServerErrorType.NOT_FOUND:
             return {
                 type: type_1.alertVariants.warning,
-                caption: error.cause?.message || error.message,
+                caption: err.cause?.message || error.message,
             };
         case ServerErrorType.INTERNAL_ERROR:
         default:
             return !(0, env_1.isProdFromEnvForServer)() ? {
                 type: type_1.alertVariants.error,
-                caption: error.cause?.message || error.message,
+                caption: err.cause?.message || error.message,
             } : {
                 type: type_1.alertVariants.error,
                 caption: 'Internal server error',

package/package.json

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