@selfcommunity/react-ui 0.7.56-alpha.0 → 0.8.0-alpha.1

package/lib/esm/shared/ContributionActionsMenu/index.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useContext, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext, useMemo, useRef, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import Popper from '@mui/material/Popper';
@@ -16,7 +17,7 @@ import { MODERATION_CONTRIBUTION_STATE_DELETED, MODERATION_CONTRIBUTION_STATE_HI
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { SCContext, SCUserContext, UserUtils, useSCFetchCommentObject, useSCFetchFeedObject, useSCRouting } from '@selfcommunity/react-core';
 import { SCContributionType } from '@selfcommunity/types';
-import { DELETE_CONTRIBUTION, DELETE_CONTRIBUTION_SECTION, EDIT_CONTRIBUTION, FLAG_CONTRIBUTION_SECTION, GENERAL_SECTION, GET_CONTRIBUTION_PERMALINK, HIDE_CONTRIBUTION_SECTION, MODERATE_CONTRIBUTION_DELETED, MODERATE_CONTRIBUTION_HIDDEN, RESTORE_CONTRIBUTION, SUSPEND_NOTIFICATION_CONTRIBUTION } from '../../constants/ContributionsActionsMenu';
+import { DELETE_CONTRIBUTION, DELETE_CONTRIBUTION_SECTION, EDIT_CONTRIBUTION, FLAG_CONTRIBUTION_SECTION, GENERAL_SECTION, GET_CONTRIBUTION_PERMALINK, HIDE_CONTRIBUTION_SECTION, MODERATE_CONTRIBUTION_DELETED, MODERATE_CONTRIBUTION_HIDDEN, RESTORE_CONTRIBUTION, SUSPEND_NOTIFICATION_CONTRIBUTION, SUSPEND_NOTIFICATION_EVENT } from '../../constants/ContributionsActionsMenu';
 const PREFIX = 'SCContributionActionsMenu';
 const classes = {
     root: `${PREFIX}-root`,
@@ -74,8 +75,9 @@ const messages = defineMessages({
     }
 });
 export default function ContributionActionsMenu(props) {
+    var _a, _b, _c;
     // PROPS
-    const { className, feedObjectId, feedObject, feedObjectType = SCContributionType.POST, commentObjectId, commentObject, onFlagContribution, onEditContribution, onHideContribution, onDeleteContribution, onRestoreContribution, onSuspendNotificationContribution, PopperProps = {} } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "commentObjectId", "commentObject", "onFlagContribution", "onEditContribution", "onHideContribution", "onDeleteContribution", "onRestoreContribution", "onSuspendNotificationContribution", "PopperProps"]);
+    const { className, feedObjectId, feedObject, feedObjectType = SCContributionType.POST, commentObjectId, commentObject, onFlagContribution, onEditContribution, onHideContribution, onDeleteContribution, onRestoreContribution, onSuspendNotificationContribution, onSuspendNotificationEvent, PopperProps = {} } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "commentObjectId", "commentObject", "onFlagContribution", "onEditContribution", "onHideContribution", "onDeleteContribution", "onRestoreContribution", "onSuspendNotificationContribution", "onSuspendNotificationEvent", "PopperProps"]);
     // INTL
     const intl = useIntl();
     // CONTEXT
@@ -170,7 +172,7 @@ export default function ContributionActionsMenu(props) {
         }
     }
     /**
-     * Performs  notification suspension
+     * Performs notification suspension
      */
     const performSuspendNotification = useMemo(() => () => {
         return http
@@ -185,14 +187,30 @@ export default function ContributionActionsMenu(props) {
             return Promise.resolve(res.data);
         });
     }, [contributionObj]);
+    /**
+     * Performs notification suspension of event embedded
+     */
+    const performSuspendNotificationEvent = useMemo(() => () => {
+        const _endpoint = contributionObj.event.show_on_feed ? Endpoints.HideEvent : Endpoints.ShowEvent;
+        return http
+            .request({
+            url: _endpoint.url({ id: contributionObj.event.id }),
+            method: _endpoint.method
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            return Promise.resolve(res.data);
+        });
+    }, [contributionObj]);
     /**
      * Handles stop notification for contributionObj
-     * @param contribution
      */
     function handleSuspendContentNotification() {
         setCurrentActionLoading(SUSPEND_NOTIFICATION_CONTRIBUTION);
         performSuspendNotification()
-            .then((data) => {
+            .then(() => {
             const _feedObj = Object.assign({}, feedObj, { suspended: !feedObj.suspended });
             setFeedObj(_feedObj);
             onSuspendNotificationContribution && onSuspendNotificationContribution(_feedObj);
@@ -202,7 +220,30 @@ export default function ContributionActionsMenu(props) {
             Logger.error(SCOPE_SC_UI, error);
             setCurrentAction(null);
             setCurrentActionLoading(null);
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
+                variant: 'error',
+                autoHideDuration: 3000
+            });
+        });
+    }
+    /**
+     * Handles stop notification for event embedded in contributionObj
+     */
+    function handleSuspendEventNotification() {
+        setCurrentActionLoading(SUSPEND_NOTIFICATION_EVENT);
+        performSuspendNotificationEvent()
+            .then(() => {
+            const _eventObj = Object.assign({}, feedObj.event, { show_on_feed: !feedObj.event.show_on_feed });
+            const _feedObj = Object.assign({}, feedObj, { event: _eventObj });
+            setFeedObj(_feedObj);
+            onSuspendNotificationEvent && onSuspendNotificationEvent(_feedObj);
+            setCurrentActionLoading(null);
+        })
+            .catch((error) => {
+            Logger.error(SCOPE_SC_UI, error);
+            setCurrentAction(null);
+            setCurrentActionLoading(null);
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
                 variant: 'error',
                 autoHideDuration: 3000
             });
@@ -344,7 +385,7 @@ export default function ContributionActionsMenu(props) {
      */
     function handleFlagContribution(type) {
         if (UserUtils.isBlocked(scUserContext.user)) {
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
@@ -352,14 +393,14 @@ export default function ContributionActionsMenu(props) {
         else if (contributionObj && !isLoading && !isFlagging && type !== 'undefined') {
             setIsFlagging(true);
             performFlag(type)
-                .then((data) => {
+                .then(() => {
                 setFlagType(flagType === type ? null : type);
                 setIsFlagging(false);
                 onFlagContribution && onFlagContribution(contributionObj, type, flagType !== type);
             })
                 .catch((error) => {
                 Logger.error(SCOPE_SC_UI, error);
-                enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
+                enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
                     variant: 'error',
                     autoHideDuration: 3000
                 });
@@ -406,7 +447,7 @@ export default function ContributionActionsMenu(props) {
         if (UserUtils.isBlocked(scUserContext.user) &&
             [EDIT_CONTRIBUTION, MODERATE_CONTRIBUTION_HIDDEN, MODERATE_CONTRIBUTION_DELETED].includes(action)) {
             // if user is blocked, deny edit and moderate
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
@@ -415,7 +456,7 @@ export default function ContributionActionsMenu(props) {
         if (action === GET_CONTRIBUTION_PERMALINK) {
             copyTextToClipboard(`${location.protocol}//${location.host}${scRoutingContext.url(getContributionRouteName(contributionObj), getRouteData(contributionObj))}`).then(() => {
                 setOpen(false);
-                enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.permanentLinkCopied", defaultMessage: "ui.common.permanentLinkCopied" }), {
+                enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.permanentLinkCopied", defaultMessage: "ui.common.permanentLinkCopied" }), {
                     variant: 'success',
                     autoHideDuration: 3000
                 });
@@ -440,6 +481,10 @@ export default function ContributionActionsMenu(props) {
             setCurrentAction(SUSPEND_NOTIFICATION_CONTRIBUTION);
             handleSuspendContentNotification();
         }
+        else if (action === SUSPEND_NOTIFICATION_EVENT) {
+            setCurrentAction(SUSPEND_NOTIFICATION_EVENT);
+            handleSuspendEventNotification();
+        }
         else if (action === MODERATE_CONTRIBUTION_HIDDEN) {
             setCurrentAction(MODERATE_CONTRIBUTION_HIDDEN);
             setOpenConfirmDialog(true);
@@ -472,14 +517,14 @@ export default function ContributionActionsMenu(props) {
             setCurrentActionLoading(null);
             setCurrentAction(null);
             setOpenConfirmDialog(false);
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.actionSuccess", defaultMessage: "ui.contributionActionMenu.actionSuccess" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.contributionActionMenu.actionSuccess", defaultMessage: "ui.contributionActionMenu.actionSuccess" }), {
                 variant: 'success',
                 autoHideDuration: 3000
             });
         }
         else {
             setCurrentActionLoading(null);
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
                 variant: 'error',
                 autoHideDuration: 3000
             });
@@ -493,7 +538,7 @@ export default function ContributionActionsMenu(props) {
             if (currentAction === DELETE_CONTRIBUTION) {
                 setCurrentActionLoading(DELETE_CONTRIBUTION);
                 performDeleteContribution()
-                    .then((data) => {
+                    .then(() => {
                     const _contributionObj = Object.assign({}, contributionObj, { deleted: true });
                     onDeleteContribution && onDeleteContribution(_contributionObj);
                     performPostConfirmAction(true);
@@ -506,7 +551,7 @@ export default function ContributionActionsMenu(props) {
             else if (currentAction === RESTORE_CONTRIBUTION) {
                 setCurrentActionLoading(RESTORE_CONTRIBUTION);
                 performRestoreContribution()
-                    .then((data) => {
+                    .then(() => {
                     const _contributionObj = Object.assign({}, contributionObj, { deleted: false });
                     onRestoreContribution && onRestoreContribution(_contributionObj);
                     performPostConfirmAction(true);
@@ -519,7 +564,7 @@ export default function ContributionActionsMenu(props) {
             else if (currentAction === MODERATE_CONTRIBUTION_HIDDEN) {
                 setCurrentActionLoading(MODERATE_CONTRIBUTION_HIDDEN);
                 performModerationContribution(MODERATION_TYPE_ACTION_HIDE, hideFlagType)
-                    .then((data) => {
+                    .then(() => {
                     const _contributionObj = Object.assign({}, contributionObj, { collapsed: !contributionObj.collapsed });
                     setHideType(hideType === hideFlagType ? null : hideFlagType);
                     setHideFlagType(null);
@@ -534,7 +579,7 @@ export default function ContributionActionsMenu(props) {
             else if (currentAction === MODERATE_CONTRIBUTION_DELETED) {
                 setCurrentActionLoading(MODERATE_CONTRIBUTION_DELETED);
                 performModerationContribution(MODERATION_TYPE_ACTION_DELETE, deleteFlagType)
-                    .then((data) => {
+                    .then(() => {
                     const _contributionObj = Object.assign({}, contributionObj, { deleted: !contributionObj.deleted });
                     setDeleteType(deleteType === deleteFlagType ? null : deleteFlagType);
                     setDeleteFlagType(null);
@@ -577,9 +622,9 @@ export default function ContributionActionsMenu(props) {
         return name;
     }
     /**
-     * action
-     * @param actionId
-     */
+       * action
+       * @param sectionId
+       */
     function handleOpenSection(sectionId) {
         if (sectionId) {
             if (sectionId === openSection) {
@@ -605,9 +650,7 @@ export default function ContributionActionsMenu(props) {
                 : handleDeleteContribution;
         let value = section === FLAG_CONTRIBUTION_SECTION ? flagType : section === HIDE_CONTRIBUTION_SECTION ? hideType : deleteType;
         return REPORTS.map((report, index) => {
-            return (React.createElement(MenuItem, { key: `${section}_${index}`, className: classes.subItem, disabled: isFlagging },
-                React.createElement(ListItemIcon, { classes: { root: classes.selectedIcon } }, value === report && React.createElement(Icon, { color: "secondary" }, "check")),
-                React.createElement(ListItemText, { primary: getReportName(report), onClick: () => handlerFunc(report), classes: { root: classes.subItemText } })));
+            return (_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, Object.assign({ classes: { root: classes.selectedIcon } }, { children: value === report && _jsx(Icon, Object.assign({ color: "secondary" }, { children: "check" })) })), _jsx(ListItemText, { primary: getReportName(report), onClick: () => handlerFunc(report), classes: { root: classes.subItemText } })] }), `${section}_${index}`));
         });
     }
     /**
@@ -615,59 +658,21 @@ export default function ContributionActionsMenu(props) {
      */
     function renderFlagContributionSection() {
         const open = openSection === FLAG_CONTRIBUTION_SECTION;
-        return (React.createElement(Box, null, !contributionObj.deleted && !contributionObj.collapsed && (React.createElement(Box, null,
-            React.createElement(MenuItem, { className: classes.subItem, disabled: isFlagging, onClick: () => handleOpenSection(FLAG_CONTRIBUTION_SECTION) },
-                React.createElement(ListItemIcon, null, flagType !== undefined && flagType !== null ? (React.createElement(Badge, { classes: { badge: classes.sectionBadge }, badgeContent: React.createElement(Icon, { className: classes.sectionWithSelectionIcon }, "check"), color: "primary" },
-                    React.createElement(Icon, null, "outlined_flag"))) : (React.createElement(Icon, null, "outlined_flag"))),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.flagContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.flagContributionWithMotivation" }) }),
-                open ? React.createElement(Icon, null, "expand_less") : React.createElement(Icon, null, "expand_more")),
-            React.createElement(Collapse, { in: open, timeout: "auto", unmountOnExit: true },
-                renderReports(FLAG_CONTRIBUTION_SECTION),
-                React.createElement(Typography, { variant: 'caption', component: "div", className: classes.footerSubItems }, intl.formatMessage(messages.footer)))))));
+        return (_jsx(Box, { children: !contributionObj.deleted && !contributionObj.collapsed && (_jsxs(Box, { children: [_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging, onClick: () => handleOpenSection(FLAG_CONTRIBUTION_SECTION) }, { children: [_jsx(ListItemIcon, { children: flagType !== undefined && flagType !== null ? (_jsx(Badge, Object.assign({ classes: { badge: classes.sectionBadge }, badgeContent: _jsx(Icon, Object.assign({ className: classes.sectionWithSelectionIcon }, { children: "check" })), color: "primary" }, { children: _jsx(Icon, { children: "outlined_flag" }) }))) : (_jsx(Icon, { children: "outlined_flag" })) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.flagContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.flagContributionWithMotivation" }) }), open ? _jsx(Icon, { children: "expand_less" }) : _jsx(Icon, { children: "expand_more" })] })), _jsxs(Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: [renderReports(FLAG_CONTRIBUTION_SECTION), _jsx(Typography, Object.assign({ variant: 'caption', component: "div", className: classes.footerSubItems }, { children: intl.formatMessage(messages.footer) }))] }))] })) }));
     }
     /**
      * Renders section hide actions
      */
     function renderHideContributionSection() {
         const open = openSection === HIDE_CONTRIBUTION_SECTION;
-        return (React.createElement(Box, { key: HIDE_CONTRIBUTION_SECTION }, !contributionObj.deleted && (React.createElement(Box, null, hideType !== undefined && hideType !== null ? (React.createElement(React.Fragment, null,
-            React.createElement(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(MODERATE_CONTRIBUTION_HIDDEN) },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "restore")),
-                React.createElement(ListItemText, { primary: React.createElement(React.Fragment, null,
-                        React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.restoreFromHidden", defaultMessage: "ui.contributionActionMenu.restoreFromHidden" }),
-                        ' ',
-                        "(",
-                        getReportName(hideType),
-                        ")") })))) : (React.createElement(React.Fragment, null,
-            React.createElement(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(HIDE_CONTRIBUTION_SECTION) },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "hide_image")),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.hideContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.hideContributionWithMotivation" }) }),
-                open ? React.createElement(Icon, null, "expand_less") : React.createElement(Icon, null, "expand_more")),
-            React.createElement(Collapse, { in: open, timeout: "auto", unmountOnExit: true }, renderReports(HIDE_CONTRIBUTION_SECTION))))))));
+        return (_jsx(Box, { children: !contributionObj.deleted && (_jsx(Box, { children: hideType !== undefined && hideType !== null ? (_jsx(_Fragment, { children: _jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(MODERATE_CONTRIBUTION_HIDDEN) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "restore" }) }), _jsx(ListItemText, { primary: _jsxs(_Fragment, { children: [_jsx(FormattedMessage, { id: "ui.contributionActionMenu.restoreFromHidden", defaultMessage: "ui.contributionActionMenu.restoreFromHidden" }), ' ', "(", getReportName(hideType), ")"] }) })] })) })) : (_jsxs(_Fragment, { children: [_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(HIDE_CONTRIBUTION_SECTION) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "hide_image" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.hideContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.hideContributionWithMotivation" }) }), open ? _jsx(Icon, { children: "expand_less" }) : _jsx(Icon, { children: "expand_more" })] })), _jsx(Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: renderReports(HIDE_CONTRIBUTION_SECTION) }))] })) })) }, HIDE_CONTRIBUTION_SECTION));
     }
     /**
      * Renders section hidden actions
      */
     function renderDeleteContributionSection() {
         const open = openSection === DELETE_CONTRIBUTION_SECTION;
-        return (React.createElement(Box, { key: DELETE_CONTRIBUTION_SECTION }, !contributionObj.collapsed && !(contributionObj.deleted && !deleteType) && (React.createElement(Box, null, deleteType !== undefined && deleteType !== null ? (React.createElement(React.Fragment, null,
-            React.createElement(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(MODERATE_CONTRIBUTION_DELETED) },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "restore_from_trash")),
-                React.createElement(ListItemText, { primary: React.createElement(React.Fragment, null,
-                        React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.restoreFromDeleted", defaultMessage: "ui.contributionActionMenu.restoreFromDeleted" }),
-                        ' ',
-                        "(",
-                        getReportName(deleteType),
-                        ")") })))) : (React.createElement(React.Fragment, null,
-            React.createElement(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(DELETE_CONTRIBUTION_SECTION) },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "delete")),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.deleteContributionWithMotivation" }) }),
-                open ? React.createElement(Icon, null, "expand_less") : React.createElement(Icon, null, "expand_more")),
-            React.createElement(Collapse, { in: open, timeout: "auto", unmountOnExit: true }, renderReports(DELETE_CONTRIBUTION_SECTION))))))));
+        return (_jsx(Box, { children: !contributionObj.collapsed && !(contributionObj.deleted && !deleteType) && (_jsx(Box, { children: deleteType !== undefined && deleteType !== null ? (_jsx(_Fragment, { children: _jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(MODERATE_CONTRIBUTION_DELETED) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "restore_from_trash" }) }), _jsx(ListItemText, { primary: _jsxs(_Fragment, { children: [_jsx(FormattedMessage, { id: "ui.contributionActionMenu.restoreFromDeleted", defaultMessage: "ui.contributionActionMenu.restoreFromDeleted" }), ' ', "(", getReportName(deleteType), ")"] }) })] })) })) : (_jsxs(_Fragment, { children: [_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(DELETE_CONTRIBUTION_SECTION) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "delete" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.deleteContributionWithMotivation" }) }), open ? _jsx(Icon, { children: "expand_less" }) : _jsx(Icon, { children: "expand_more" })] })), _jsx(Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: renderReports(DELETE_CONTRIBUTION_SECTION) }))] })) })) }, DELETE_CONTRIBUTION_SECTION));
     }
     /**
      * Can authenticated user modify the contribution
@@ -690,50 +695,42 @@ export default function ContributionActionsMenu(props) {
             contributionObj &&
             contributionObj.type !== SCContributionType.COMMENT);
     }
+    /**
+     * Can authenticated user suspend notification for the event related to the contribution
+     */
+    function canSuspendNotificationEvent() {
+        return (scUserContext.user &&
+            scUserContext.user.id !== contributionObj.author.id &&
+            contributionObj &&
+            contributionObj.type !== SCContributionType.COMMENT &&
+            Boolean(contributionObj.event));
+    }
     /**
      * Renders section general
      */
     function renderGeneralSection() {
-        return (React.createElement(Box, { key: GENERAL_SECTION },
-            React.createElement(MenuItem, { className: classes.subItem, disabled: isFlagging },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "link")),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.permanentLink", defaultMessage: "ui.contributionActionMenu.permanentLink" }), onClick: () => handleAction(GET_CONTRIBUTION_PERMALINK), classes: { root: classes.itemText } })),
-            canModifyContribution() && (React.createElement(MenuItem, { className: classes.subItem, disabled: isFlagging },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "edit")),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.editContribution", defaultMessage: "ui.contributionActionMenu.editContribution" }), onClick: () => handleAction(EDIT_CONTRIBUTION), classes: { root: classes.itemText } }))),
-            canDeleteContribution() && (React.createElement(MenuItem, { className: classes.subItem, disabled: isFlagging },
-                React.createElement(ListItemIcon, null, currentActionLoading === DELETE_CONTRIBUTION || currentActionLoading === RESTORE_CONTRIBUTION ? (React.createElement(CircularProgress, { size: 20 })) : (React.createElement(Icon, null, "delete"))),
-                contributionObj.deleted ? (React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.restoreContribution", defaultMessage: "ui.contributionActionMenu.restoreContribution" }), onClick: () => handleAction(RESTORE_CONTRIBUTION), classes: { root: classes.itemText } })) : (React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.deleteContribution", defaultMessage: "ui.contributionActionMenu.deleteContribution" }), onClick: () => handleAction(DELETE_CONTRIBUTION), classes: { root: classes.itemText } })))),
-            canSuspendNotificationContribution() && (React.createElement(MenuItem, { className: classes.subItem, disabled: isFlagging },
-                React.createElement(ListItemIcon, null, currentActionLoading === SUSPEND_NOTIFICATION_CONTRIBUTION ? (React.createElement(CircularProgress, { size: 20 })) : contributionObj['suspended'] ? (React.createElement(Icon, null, "notifications_active")) : (React.createElement(Icon, null, "notifications_off"))),
-                React.createElement(ListItemText, { primary: contributionObj['suspended'] ? (React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.enableNotificationContribution", defaultMessage: "ui.contributionActionMenu.enableNotificationContribution" })) : (React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.suspendNotificationContribution", defaultMessage: "ui.contributionActionMenu.suspendNotificationContribution" })), onClick: () => handleAction(SUSPEND_NOTIFICATION_CONTRIBUTION), classes: { root: classes.itemText } })))));
+        return (_jsxs(Box, { children: [_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "link" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.permanentLink", defaultMessage: "ui.contributionActionMenu.permanentLink" }), onClick: () => handleAction(GET_CONTRIBUTION_PERMALINK), classes: { root: classes.itemText } })] })), canModifyContribution() && (_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "edit" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.editContribution", defaultMessage: "ui.contributionActionMenu.editContribution" }), onClick: () => handleAction(EDIT_CONTRIBUTION), classes: { root: classes.itemText } })] }))), canDeleteContribution() && (_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, { children: currentActionLoading === DELETE_CONTRIBUTION || currentActionLoading === RESTORE_CONTRIBUTION ? (_jsx(CircularProgress, { size: 20 })) : (_jsx(Icon, { children: "delete" })) }), contributionObj.deleted ? (_jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.restoreContribution", defaultMessage: "ui.contributionActionMenu.restoreContribution" }), onClick: () => handleAction(RESTORE_CONTRIBUTION), classes: { root: classes.itemText } })) : (_jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.deleteContribution", defaultMessage: "ui.contributionActionMenu.deleteContribution" }), onClick: () => handleAction(DELETE_CONTRIBUTION), classes: { root: classes.itemText } }))] }))), canSuspendNotificationContribution() && (_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, { children: currentActionLoading === SUSPEND_NOTIFICATION_CONTRIBUTION ? (_jsx(CircularProgress, { size: 20 })) : contributionObj['suspended'] ? (_jsx(Icon, { children: "notifications_active" })) : (_jsx(Icon, { children: "notifications_off" })) }), _jsx(ListItemText, { primary: contributionObj['suspended'] ? (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.enableNotificationContribution", defaultMessage: "ui.contributionActionMenu.enableNotificationContribution" })) : (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.suspendNotificationContribution", defaultMessage: "ui.contributionActionMenu.suspendNotificationContribution" })), onClick: () => handleAction(SUSPEND_NOTIFICATION_CONTRIBUTION), classes: { root: classes.itemText } })] }))), canSuspendNotificationEvent() && (_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, { children: currentActionLoading === SUSPEND_NOTIFICATION_EVENT ? (_jsx(CircularProgress, { size: 20 })) : contributionObj.event['show_on_feed'] ? (_jsx(Icon, { children: "notifications_active" })) : (_jsx(Icon, { children: "notifications_off" })) }), _jsx(ListItemText, { primary: !contributionObj.event['show_on_feed'] ? (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.enableNotificationContribution", defaultMessage: "ui.contributionActionMenu.enableNotificationContribution" })) : (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.suspendNotificationContribution", defaultMessage: "ui.contributionActionMenu.suspendNotificationContribution" })), onClick: () => handleAction(SUSPEND_NOTIFICATION_EVENT), classes: { root: classes.itemText } })] })))] }, GENERAL_SECTION));
     }
     /**
      * Renders contribution menu content
      */
     function renderContent() {
-        return (React.createElement(Box, null, isLoading || (!feedObj && !commentObj) ? (React.createElement(CentralProgress, { size: 30 })) : (React.createElement(MenuList, null,
-            renderGeneralSection(),
-            Boolean(extraSections.length) && React.createElement(Divider, null),
-            extraSections.map((s, i) => (React.createElement(Box, { key: `es_${i}` }, extraSectionsRenders[s]())))))));
+        return (_jsx(Box, { children: isLoading || (!feedObj && !commentObj) ? (_jsx(CentralProgress, { size: 30 })) : (_jsxs(MenuList, { children: [renderGeneralSection(), Boolean(extraSections.length) && _jsx(Divider, {}), extraSections.map((s, i) => (_jsx(Box, { children: extraSectionsRenders[s]() }, `es_${i}`)))] })) }));
     }
     /**
      * Renders component
      */
-    return (React.createElement(Root, { className: classNames(classes.root, className) },
-        React.createElement(IconButton, { ref: (ref) => {
-                popperRef.current = ref;
-            }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? (React.createElement("span", { className: classes.visibilityIcons },
-            contributionObj.collapsed ? React.createElement(Icon, null, "visibility_off") : React.createElement(Icon, null, "delete"),
-            React.createElement(Icon, null, "expand_more"))) : (React.createElement(Icon, null, "more_vert"))),
-        isMobile ? (React.createElement(SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, renderContent())) : (React.createElement(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }), ({ TransitionProps, placement }) => (React.createElement(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }),
-            React.createElement(Paper, { variant: 'outlined', className: classes.paper },
-                React.createElement(ClickAwayListener, { onClickAway: handleClose }, renderContent())))))),
-        openConfirmDialog && (React.createElement(ConfirmDialog, Object.assign({ open: openConfirmDialog }, (currentAction === DELETE_CONTRIBUTION
-            ? {
-                content: (React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionInfo", defaultMessage: "ui.contributionActionMenu.deleteContributionInfo" }))
-            }
-            : {}), { onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) })))));
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(IconButton
+            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+            // @ts-ignore
+            , Object.assign({ 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                // @ts-ignore
+                disabled: contributionObj && ((_a = contributionObj === null || contributionObj === void 0 ? void 0 : contributionObj.medias) === null || _a === void 0 ? void 0 : _a.length) && !((_c = (_b = contributionObj.medias[0].embed) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.active), ref: (ref) => {
+                    popperRef.current = ref;
+                }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, { children: contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? (_jsxs("span", Object.assign({ className: classes.visibilityIcons }, { children: [contributionObj.collapsed ? _jsx(Icon, { children: "visibility_off" }) : _jsx(Icon, { children: "delete" }), _jsx(Icon, { children: "expand_more" })] }))) : (_jsx(Icon, { children: "more_vert" })) })), isMobile ? (_jsx(SwipeableDrawer, Object.assign({ open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, { children: renderContent() }))) : (_jsx(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }, { children: ({ TransitionProps, placement }) => (_jsx(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: _jsx(Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: _jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: renderContent() })) })) }))) }))), openConfirmDialog && (_jsx(ConfirmDialog, Object.assign({ open: openConfirmDialog }, (currentAction === DELETE_CONTRIBUTION
+                ? {
+                    content: (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionInfo", defaultMessage: "ui.contributionActionMenu.deleteContributionInfo" }))
+                }
+                : {}), { onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) })))] })));
 }

package/lib/esm/shared/CustomSnackMessage/index.js

@@ -1,4 +1,5 @@
-import React, { forwardRef, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback } from 'react';
 import { useSnackbar, SnackbarContent } from 'notistack';
 import { styled } from '@mui/material/styles';
 import { CardContent, IconButton } from '@mui/material';
@@ -29,11 +30,6 @@ const CustomSnackMessage = forwardRef((props, ref) => {
     const handleDismiss = useCallback(() => {
         closeSnackbar(props.id);
     }, [props.id, closeSnackbar]);
-    return (React.createElement(Root, { ref: ref, className: classes.root, key: props.id },
-        React.createElement(Widget, { className: classes.card },
-            React.createElement(CardContent, { className: classes.content },
-                React.createElement(IconButton, { className: classes.close, onClick: handleDismiss },
-                    React.createElement(Icon, null, "close")),
-                props.message))));
+    return (_jsx(Root, Object.assign({ ref: ref, className: classes.root }, { children: _jsx(Widget, Object.assign({ className: classes.card }, { children: _jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(IconButton, Object.assign({ className: classes.close, onClick: handleDismiss }, { children: _jsx(Icon, { children: "close" }) })), props.message] })) })) }), props.id));
 });
 export default CustomSnackMessage;

package/lib/esm/shared/DateTimeAgo/index.js

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 import { Box, Tooltip, Typography } from '@mui/material';
 import Icon from '@mui/material/Icon';
@@ -37,11 +37,7 @@ export default function DateTimeAgo(props) {
      */
     if (date) {
         const formattedDate = getRelativeTime(date);
-        return (React.createElement(Root, Object.assign({ component: "span", className: classNames(classes.root, className) }, rest),
-            showStartIcon && React.createElement(Icon, null, "access_time"),
-            React.createElement(Tooltip, { title: `${intl.formatDate(date, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' })}`, enterTouchDelay: 0 },
-                React.createElement(Typography, { variant: 'body2', component: 'span' },
-                    React.createElement(FormattedRelativeTime, { value: -formattedDate.value, unit: formattedDate.unit, numeric: "auto" })))));
+        return (_jsxs(Root, Object.assign({ component: "span", className: classNames(classes.root, className) }, rest, { children: [showStartIcon && _jsx(Icon, { children: "access_time" }), _jsx(Tooltip, Object.assign({ title: `${intl.formatDate(date, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' })}`, enterTouchDelay: 0 }, { children: _jsx(Typography, Object.assign({ variant: 'body2', component: 'span' }, { children: _jsx(FormattedRelativeTime, { value: -formattedDate.value, unit: formattedDate.unit, numeric: "auto" }) })) }))] })));
     }
     return null;
 }

package/lib/esm/shared/EmailTextField/index.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { TextField } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
@@ -34,5 +35,5 @@ export default function PasswordTextField(props) {
         onChange && onChange(event);
     };
     // RENDER
-    return React.createElement(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
+    return _jsx(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
 }

package/lib/esm/shared/EmojiPicker/EmojiPicker.js

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 import { Box } from '@mui/material';
 import { EmojiStyle } from 'emoji-picker-react';
@@ -27,5 +27,5 @@ export default function EmojiPicker(inProps) {
         name: PREFIX
     });
     const { className = '', emojiStyle = EmojiStyle.NATIVE } = props, rest = __rest(props, ["className", "emojiStyle"]);
-    return React.createElement(Root, { className: classNames(classes.root, className) }, Picker && React.createElement(Picker, Object.assign({ emojiStyle: emojiStyle }, rest)));
+    return _jsx(Root, Object.assign({ className: classNames(classes.root, className) }, { children: Picker && _jsx(Picker, Object.assign({ emojiStyle: emojiStyle }, rest)) }));
 }

package/lib/esm/shared/EventActionsMenu/index.d.ts

@@ -0,0 +1,53 @@
+import { IconButtonProps } from '@mui/material';
+import { SCEventType } from '@selfcommunity/types';
+export interface EventActionsMenuProps extends IconButtonProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * The event
+     */
+    event: SCEventType;
+    /**
+     * The event id
+     */
+    eventId?: number;
+    /**
+     * Handles callback on delete confirm
+     */
+    onDeleteConfirm?: () => void;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+/**
+ * > API documentation for the Community-JS EventActionsMenu component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {EventActionsMenu} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCEventActionsMenu` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCEventActionsMenu-root|Styles applied to the root element.|
+ |drawerRoot|.SCEventActionsMenu-drawer-root|Styles applied to the drawer root element.|
+ |menuRoot|.SCEventActionsMenu-menu-root|Styles applied to the menu root element.|
+ |paper|.SCEventActionsMenu-paper|Styles applied to the paper element.|
+ |item|.SCEventActionsMenu-item|Styles applied to the item element.|
+
+
+ * @param inProps
+ */
+export default function EventActionsMenu(inProps: EventActionsMenuProps): JSX.Element;