@selfcommunity/react-ui 0.7.50-event.30 → 0.7.50-events.101

package/lib/cjs/components/FeedObject/Actions/Follow/Follow.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_intl_1 = require("react-intl");
 const LoadingButton_1 = tslib_1.__importDefault(require("@mui/lab/LoadingButton"));
@@ -73,7 +74,7 @@ function Follow(props) {
                 .catch((error) => {
                 utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
                 if (!(0, errors_1.catchUnauthorizedActionByBlockedUser)(error, scUserContext.managers.blockedUsers.isBlocked(obj.author), enqueueSnackbar)) {
-                    enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
+                    enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
                         variant: 'error',
                         autoHideDuration: 3000
                     });
@@ -87,16 +88,15 @@ function Follow(props) {
      * @return {JSX.Element}
      */
     function renderFollowButton() {
-        let btnLabel = react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.follow", defaultMessage: "ui.feedObject.follow" });
+        let btnLabel = (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feedObject.follow", defaultMessage: "ui.feedObject.follow" });
         if (obj.followed) {
-            btnLabel = react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.unfollow", defaultMessage: "ui.feedObject.unfollow" });
+            btnLabel = (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feedObject.unfollow", defaultMessage: "ui.feedObject.unfollow" });
         }
-        return (react_1.default.createElement(react_1.default.Fragment, null, scUserContext.user && obj.author.id !== scUserContext.user.id && !obj.deleted && (react_1.default.createElement(material_1.Tooltip, { title: btnLabel },
-            react_1.default.createElement(LoadingButton_1.default, { className: (0, classnames_1.default)(classes.button, { [classes.iconized]: iconized, [classes.followed]: obj.followed }), loading: isFollowing, variant: iconized ? 'text' : 'contained', disabled: isFollowing, onClick: follow }, iconized ? react_1.default.createElement(Icon_1.default, null, obj.followed ? 'bookmark_added' : 'bookmark_border') : btnLabel)))));
+        return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: scUserContext.user && obj.author.id !== scUserContext.user.id && !obj.deleted && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: btnLabel }, { children: (0, jsx_runtime_1.jsx)(LoadingButton_1.default, Object.assign({ className: (0, classnames_1.default)(classes.button, { [classes.iconized]: iconized, [classes.followed]: obj.followed }), loading: isFollowing, variant: iconized ? 'text' : 'contained', disabled: isFollowing, onClick: follow }, { children: iconized ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: obj.followed ? 'bookmark_added' : 'bookmark_border' }) : btnLabel })) }))) }));
     }
     /**
      * Renders share action
      */
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), renderFollowButton()));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: renderFollowButton() })));
 }
 exports.default = Follow;

package/lib/cjs/components/FeedObject/Actions/Share/Share.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_intl_1 = require("react-intl");
 const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
@@ -115,13 +116,14 @@ function Share(props) {
         if (shareMedias.length) {
             sharedObjectId = shareMedias[0].embed.metadata.id;
         }
+        const isMediaEvent = obj.medias.some((media) => media.embed.embed_type === Media_1.MEDIA_EMBED_SC_SHARED_EVENT);
         return api_services_1.http
             .request({
             url: api_services_1.Endpoints.ComposerMediaCreate.url(),
             method: api_services_1.Endpoints.ComposerMediaCreate.method,
             data: {
                 type: Media_1.MEDIA_TYPE_SHARE,
-                shared_object: sharedObjectId
+                [isMediaEvent ? 'event_object' : 'shared_object']: sharedObjectId
             }
         })
             .then((res) => {
@@ -132,7 +134,7 @@ function Share(props) {
         });
     }, [obj]);
     /**
-     * Performs the contribute sharing
+     * Performs the contribution sharing
      */
     function share(inCategories) {
         if (!scUserContext.user) {
@@ -140,7 +142,7 @@ function Share(props) {
         }
         else {
             if (react_core_1.UserUtils.isBlocked(scUserContext.user)) {
-                enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+                enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                     variant: 'warning',
                     autoHideDuration: 3000
                 });
@@ -164,7 +166,7 @@ function Share(props) {
      */
     function getPermalink() {
         (0, utils_1.copyTextToClipboard)(url).then(() => {
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.permanentLinkCopied", defaultMessage: "ui.common.permanentLinkCopied" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.permanentLinkCopied", defaultMessage: "ui.common.permanentLinkCopied" }), {
                 variant: 'success',
                 autoHideDuration: 3000
             });
@@ -179,80 +181,48 @@ function Share(props) {
         let audience;
         if (withAudience) {
             if (!obj) {
-                audience = (react_1.default.createElement(material_1.Button, { variant: "text", size: "small", disabled: true, color: "inherit" },
-                    react_1.default.createElement(Skeleton_1.default, { animation: "wave", height: 18, width: 50 })));
+                audience = ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "text", size: "small", disabled: true, color: "inherit" }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", height: 18, width: 50 }) })));
             }
             else {
-                audience = (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(material_1.Button, { variant: "text", size: "small", onClick: handleToggleSharesDialog, disabled: sharesCount < 1, classes: { root: classes.viewAudienceButton } }, `${intl.formatMessage(messages.shares, { total: sharesCount })}`),
-                    openSharesDialog && sharesCount > 0 && (react_1.default.createElement(SharesDialog_1.default, { feedObject: obj, feedObjectType: obj.type, open: openSharesDialog, onClose: handleToggleSharesDialog }))));
+                audience = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "text", size: "small", onClick: handleToggleSharesDialog, disabled: sharesCount < 1, classes: { root: classes.viewAudienceButton } }, { children: `${intl.formatMessage(messages.shares, { total: sharesCount })}` })), openSharesDialog && sharesCount > 0 && ((0, jsx_runtime_1.jsx)(SharesDialog_1.default, { feedObject: obj, feedObjectType: obj.type, open: openSharesDialog, onClose: handleToggleSharesDialog }))] }));
             }
         }
         return audience;
     }
     function renderShareMenuItems() {
-        return (react_1.default.createElement(material_1.Box, null,
-            (!feedObject.group || isGroupPublic) && (react_1.default.createElement(react_1.default.Fragment, null,
-                showShareAction && (react_1.default.createElement(MenuItem_1.default, { onClick: () => share(false) },
-                    react_1.default.createElement(ListItemIcon_1.default, null,
-                        react_1.default.createElement(Icon_1.default, null, "redo")),
-                    react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.shareNow", defaultMessage: "ui.feedObject.share.shareNow" }) }))),
-                facebookShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.FACEBOOK_SHARE + url, 'facebook-share-dialog', 'width=626,height=436') },
-                    react_1.default.createElement(ListItemIcon_1.default, null,
-                        react_1.default.createElement(Icon_1.default, null, "facebook")),
-                    react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.facebook", defaultMessage: "ui.feedObject.share.facebook" }) }))),
-                xShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.X_SHARE + url, 'x-share-dialog', 'width=626,height=436') },
-                    react_1.default.createElement(ListItemIcon_1.default, null,
-                        react_1.default.createElement(Icon_1.default, null, "twitter")),
-                    react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.x", defaultMessage: "ui.feedObject.share.x" }) }))),
-                linkedinShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.LINKEDIN_SHARE + url, 'linkedin-share-dialog', 'width=626,height=436') },
-                    react_1.default.createElement(ListItemIcon_1.default, null,
-                        react_1.default.createElement(Icon_1.default, null, "linkedin")),
-                    react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.linkedin", defaultMessage: "ui.feedObject.share.linkedin" }) }))))),
-            react_1.default.createElement(MenuItem_1.default, null,
-                react_1.default.createElement(ListItemIcon_1.default, null,
-                    react_1.default.createElement(Icon_1.default, null, "link")),
-                react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.permanentLink", defaultMessage: "ui.feedObject.share.permanentLink" }), onClick: () => getPermalink() }))));
+        return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(!feedObject.group || isGroupPublic) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showShareAction && ((0, jsx_runtime_1.jsxs)(MenuItem_1.default, Object.assign({ onClick: () => share(false) }, { children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.default, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "redo" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.shareNow", defaultMessage: "ui.feedObject.share.shareNow" }) })] }))), facebookShareEnabled && ((0, jsx_runtime_1.jsxs)(MenuItem_1.default, Object.assign({ onClick: () => window.open(SocialShare_1.FACEBOOK_SHARE + url, 'facebook-share-dialog', 'width=626,height=436') }, { children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.default, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "facebook" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.facebook", defaultMessage: "ui.feedObject.share.facebook" }) })] }))), xShareEnabled && ((0, jsx_runtime_1.jsxs)(MenuItem_1.default, Object.assign({ onClick: () => window.open(SocialShare_1.X_SHARE + url, 'x-share-dialog', 'width=626,height=436') }, { children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.default, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "twitter" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.x", defaultMessage: "ui.feedObject.share.x" }) })] }))), linkedinShareEnabled && ((0, jsx_runtime_1.jsxs)(MenuItem_1.default, Object.assign({ onClick: () => window.open(SocialShare_1.LINKEDIN_SHARE + url, 'linkedin-share-dialog', 'width=626,height=436') }, { children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.default, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "linkedin" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.linkedin", defaultMessage: "ui.feedObject.share.linkedin" }) })] })))] })), (0, jsx_runtime_1.jsxs)(MenuItem_1.default, { children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.default, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "link" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.permanentLink", defaultMessage: "ui.feedObject.share.permanentLink" }), onClick: () => getPermalink() })] })] }));
     }
     /**
      * Renders vote action if withAction==true
      * @return {JSX.Element}
      */
     function renderShareBtn() {
-        return (react_1.default.createElement(react_1.default.Fragment, null, withAction && (react_1.default.createElement(react_1.default.Fragment, null,
-            !inlineAction && withAudience && react_1.default.createElement(material_1.Divider, { className: classes.divider }),
-            react_1.default.createElement(material_1.Tooltip, { title: `${intl.formatMessage(messages.share)}` },
-                react_1.default.createElement(LoadingButton_1.default, { loading: isSharing, onClick: handleOpenShareMenu, className: classes.button },
-                    react_1.default.createElement(Icon_1.default, null, "share"))),
-            react_1.default.createElement(react_1.default.Fragment, null, !isMobile ? (react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, onClick: handleClose, slotProps: {
-                    paper: {
-                        elevation: 0,
-                        sx: {
-                            overflow: 'visible',
-                            filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
-                            mt: 1.5,
-                            '&:before': {
-                                content: '""',
-                                display: 'block',
-                                position: 'absolute',
-                                top: 0,
-                                right: 14,
-                                width: 10,
-                                height: 10,
-                                bgcolor: 'background.paper',
-                                transform: 'translateY(-50%) rotate(45deg)',
-                                zIndex: 0
-                            }
-                        }
-                    }
-                }, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } }, renderShareMenuItems())) : (react_1.default.createElement(material_1.SwipeableDrawer, { open: Boolean(anchorEl), onClick: handleClose, onClose: handleClose, onOpen: handleOpenShareMenu, anchor: "bottom", disableSwipeToOpen: true }, renderShareMenuItems()))),
-            isComposerOpen && (react_1.default.createElement(Composer_1.default, { open: isComposerOpen, defaultValue: composerShareProps, onClose: handleComposerOnClose, onSuccess: handleComposerOnSuccess, maxWidth: "sm", fullWidth: true }))))));
+        return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: withAction && ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [!inlineAction && withAudience && (0, jsx_runtime_1.jsx)(material_1.Divider, { className: classes.divider }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: `${intl.formatMessage(messages.share)}` }, { children: (0, jsx_runtime_1.jsx)(LoadingButton_1.default, Object.assign({ loading: isSharing, onClick: handleOpenShareMenu, className: classes.button }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "share" }) })) })), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !isMobile ? ((0, jsx_runtime_1.jsx)(material_1.Menu, Object.assign({ anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, onClick: handleClose, slotProps: {
+                                paper: {
+                                    elevation: 0,
+                                    sx: {
+                                        overflow: 'visible',
+                                        filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
+                                        mt: 1.5,
+                                        '&:before': {
+                                            content: '""',
+                                            display: 'block',
+                                            position: 'absolute',
+                                            top: 0,
+                                            right: 14,
+                                            width: 10,
+                                            height: 10,
+                                            bgcolor: 'background.paper',
+                                            transform: 'translateY(-50%) rotate(45deg)',
+                                            zIndex: 0
+                                        }
+                                    }
+                                }
+                            }, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } }, { children: renderShareMenuItems() }))) : ((0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ open: Boolean(anchorEl), onClick: handleClose, onClose: handleClose, onOpen: handleOpenShareMenu, anchor: "bottom", disableSwipeToOpen: true }, { children: renderShareMenuItems() }))) }), isComposerOpen && ((0, jsx_runtime_1.jsx)(Composer_1.default, { open: isComposerOpen, defaultValue: composerShareProps, onClose: handleComposerOnClose, onSuccess: handleComposerOnSuccess, maxWidth: "sm", fullWidth: true }))] })) }));
     }
     /**
      * Renders share action
      */
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className, { [classes.inline]: inlineAction }) }, rest),
-        renderAudience(),
-        renderShareBtn()));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className, { [classes.inline]: inlineAction }) }, rest, { children: [renderAudience(), renderShareBtn()] })));
 }
 exports.default = Share;

package/lib/cjs/components/FeedObject/Actions/Share/SharesDialog/SharesDialog.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_intl_1 = require("react-intl");
 const material_1 = require("@mui/material");
 const InfiniteScroll_1 = tslib_1.__importDefault(require("../../../../../shared/InfiniteScroll"));
@@ -57,9 +58,6 @@ function SharesDialog(props) {
     /**
      * Renders shares dialog
      */
-    return (react_1.default.createElement(BaseDialog_1.default, Object.assign({ title: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.feedObject.sharesDialog.title", id: "ui.feedObject.sharesDialog.title" }), onClose: onClose, open: open }, rest), isLoading ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: shares.length, next: fetchShares, hasMoreNext: next !== null, loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: react_1.default.createElement(Typography_1.default, { variant: "body2", align: "center", fontWeight: "bold" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.sharesDialog.noOtherLikes", defaultMessage: "ui.feedObject.sharesDialog.noOtherLikes" })) },
-        react_1.default.createElement(material_1.List, null, shares.slice(0, 4).map((user, index) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
-            react_1.default.createElement(User_1.default, { elevation: 0, user: user, key: index })))))))));
+    return ((0, jsx_runtime_1.jsx)(BaseDialog_1.default, Object.assign({ title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.feedObject.sharesDialog.title", id: "ui.feedObject.sharesDialog.title" }), onClose: onClose, open: open }, rest, { children: isLoading ? ((0, jsx_runtime_1.jsx)(CentralProgress_1.default, { size: 50 })) : ((0, jsx_runtime_1.jsx)(InfiniteScroll_1.default, Object.assign({ dataLength: shares.length, next: fetchShares, hasMoreNext: next !== null, loaderNext: (0, jsx_runtime_1.jsx)(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: (0, jsx_runtime_1.jsx)(Typography_1.default, Object.assign({ variant: "body2", align: "center", fontWeight: "bold" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feedObject.sharesDialog.noOtherLikes", defaultMessage: "ui.feedObject.sharesDialog.noOtherLikes" }) })) }, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: shares.slice(0, 4).map((user, index) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, { elevation: 0, user: user }, index) }, user.id))) }) }))) })));
 }
 exports.default = SharesDialog;

package/lib/cjs/components/FeedObject/Actions/Vote/Vote.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importDefault(require("react"));
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
@@ -23,10 +24,6 @@ function Vote(props) {
     // PROPS
     const { className = null, feedObjectId = null, feedObject = null, feedObjectType = null, withAudience = true, withAction = true, inlineAction = false, onVoteAction = () => null } = props, rest = tslib_1.__rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "withAudience", "withAction", "inlineAction", "onVoteAction"]);
     // RENDER
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className, { [classes.inline]: inlineAction }) }, rest),
-        withAudience && (react_1.default.createElement(VoteAudienceButton_1.default, { className: classes.viewAudienceButton, contributionId: feedObjectId, contributionType: feedObjectType, contribution: feedObject, variant: "text", size: "small" })),
-        withAction && (react_1.default.createElement(react_1.default.Fragment, null,
-            !inlineAction && withAudience && react_1.default.createElement(material_1.Divider, { className: classes.divider }),
-            react_1.default.createElement(VoteButton_1.default, { className: classes.button, contributionId: feedObjectId, contributionType: feedObjectType, contribution: feedObject, onVote: onVoteAction })))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className, { [classes.inline]: inlineAction }) }, rest, { children: [withAudience && ((0, jsx_runtime_1.jsx)(VoteAudienceButton_1.default, { className: classes.viewAudienceButton, contributionId: feedObjectId, contributionType: feedObjectType, contribution: feedObject, variant: "text", size: "small" })), withAction && ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [!inlineAction && withAudience && (0, jsx_runtime_1.jsx)(material_1.Divider, { className: classes.divider }), (0, jsx_runtime_1.jsx)(VoteButton_1.default, { className: classes.button, contributionId: feedObjectId, contributionType: feedObjectType, contribution: feedObject, onVote: onVoteAction })] }))] })));
 }
 exports.default = Vote;

package/lib/cjs/components/FeedObject/Activities/Activities.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const comments_1 = require("../../../types/comments");
@@ -70,7 +71,7 @@ function Activities(props) {
      * Render latest activities of feedObject
      */
     function renderRelevantActivities() {
-        return react_1.default.createElement(RelevantActivities_1.default, { activities: feedObjectActivities });
+        return (0, jsx_runtime_1.jsx)(RelevantActivities_1.default, { activities: feedObjectActivities });
     }
     /**
      * Load comments
@@ -82,17 +83,15 @@ function Activities(props) {
      * Render comments of feedObject
      */
     function renderComments() {
-        return (react_1.default.createElement(react_1.default.Fragment, null, (commentsObject.feedObject.comment_count > 0 || comments.length > 0) && (react_1.default.createElement(CommentsObject_1.default, Object.assign({ feedObject: commentsObject.feedObject, comments: commentsObject.comments, startComments: comments, next: commentsObject.next, isLoadingNext: commentsObject.isLoadingNext, handleNext: handleNext, totalLoadedComments: commentsObject.comments.length + comments.length, totalComments: commentsObject.feedObject.comment_count, hideAdvertising: true }, CommentsObjectProps, { cacheStrategy: cacheStrategy, CommentsObjectSkeletonProps: { count: skeletonsCount }, CommentComponentProps: Object.assign(Object.assign(Object.assign(Object.assign({}, (CommentsObjectProps.CommentComponentProps ? CommentsObjectProps.CommentComponentProps : {})), { truncateContent: true }), CommentComponentProps), { cacheStrategy }), inPlaceLoadMoreContents: false })))));
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (commentsObject.feedObject.comment_count > 0 || comments.length > 0) && ((0, jsx_runtime_1.jsx)(CommentsObject_1.default, Object.assign({ feedObject: commentsObject.feedObject, comments: commentsObject.comments, startComments: comments, next: commentsObject.next, isLoadingNext: commentsObject.isLoadingNext, handleNext: handleNext, totalLoadedComments: commentsObject.comments.length + comments.length, totalComments: commentsObject.feedObject.comment_count, hideAdvertising: true }, CommentsObjectProps, { cacheStrategy: cacheStrategy, CommentsObjectSkeletonProps: { count: skeletonsCount }, CommentComponentProps: Object.assign(Object.assign(Object.assign(Object.assign({}, (CommentsObjectProps.CommentComponentProps ? CommentsObjectProps.CommentComponentProps : {})), { truncateContent: true }), CommentComponentProps), { cacheStrategy }), inPlaceLoadMoreContents: false }))) }));
     }
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, rest, { ref: ref }), commentsObject.feedObject &&
-        (Boolean(commentsObject.feedObject.comment_count) ||
-            (feedObjectActivities && feedObjectActivities.length > 0) ||
-            comments.length > 0 ||
-            (feedObject && feedObject.comment_count > 0)) ? (react_1.default.createElement(material_1.Box, Object.assign({ className: classes.activities }, (existFeedObjectActivities ? {} : { style: { minHeight: `${Math.min(skeletonsCount, feedObject.comment_count) * 80}px` } })),
-        react_1.default.createElement(ActivitiesMenu_1.default, { selectedActivities: selectedActivities, hideRelevantActivitiesItem: !existFeedObjectActivities, onChange: handleSelectActivitiesType }),
-        selectedActivities === feedObject_1.SCFeedObjectActivitiesType.RELEVANCE_ACTIVITIES ? renderRelevantActivities() : renderComments())) : null));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, rest, { ref: ref }, { children: commentsObject.feedObject &&
+            (Boolean(commentsObject.feedObject.comment_count) ||
+                (feedObjectActivities && feedObjectActivities.length > 0) ||
+                comments.length > 0 ||
+                (feedObject && feedObject.comment_count > 0)) ? ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.activities }, (existFeedObjectActivities ? {} : { style: { minHeight: `${Math.min(skeletonsCount, feedObject.comment_count) * 80}px` } }), { children: [(0, jsx_runtime_1.jsx)(ActivitiesMenu_1.default, { selectedActivities: selectedActivities, hideRelevantActivitiesItem: !existFeedObjectActivities, onChange: handleSelectActivitiesType }), selectedActivities === feedObject_1.SCFeedObjectActivitiesType.RELEVANCE_ACTIVITIES ? renderRelevantActivities() : renderComments()] }))) : null })));
 }
 exports.default = Activities;

package/lib/cjs/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
 const Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
@@ -72,47 +73,32 @@ function ActivitiesMenu(props) {
         };
     };
     function renderMenuContent() {
-        return (React.createElement(Box_1.default, null,
-            !hideRelevantActivitiesItem && (React.createElement(material_1.ListItemButton, { selected: selectedActivities === feedObject_1.SCFeedObjectActivitiesType.RELEVANCE_ACTIVITIES, onClick: handleChangeActivitiesType(feedObject_1.SCFeedObjectActivitiesType.RELEVANCE_ACTIVITIES) },
-                React.createElement(material_1.ListItemText, { primary: React.createElement("b", null, intl.formatMessage(messages.relevantActivities)), secondary: React.createElement(react_intl_1.FormattedMessage, { id: 'ui.feedObject.activitiesMenu.relevantActivitiesDesc', defaultMessage: 'ui.feedObject.activitiesMenu.relevantActivitiesDesc' }) }))),
-            React.createElement(material_1.ListItemButton, { selected: selectedActivities === feedObject_1.SCFeedObjectActivitiesType.RECENT_COMMENTS, onClick: handleChangeActivitiesType(feedObject_1.SCFeedObjectActivitiesType.RECENT_COMMENTS) },
-                React.createElement(material_1.ListItemText, { primary: React.createElement("b", null, intl.formatMessage(messages.recentComments)), secondary: React.createElement(react_intl_1.FormattedMessage, { id: 'ui.feedObject.activitiesMenu.recentCommentsDesc', defaultMessage: 'ui.feedObject.activitiesMenu.recentCommentsDesc' }) })),
-            React.createElement(material_1.ListItemButton, { selected: selectedActivities === feedObject_1.SCFeedObjectActivitiesType.FIRST_COMMENTS, onClick: handleChangeActivitiesType(feedObject_1.SCFeedObjectActivitiesType.FIRST_COMMENTS) },
-                React.createElement(material_1.ListItemText, { primary: React.createElement("b", null, intl.formatMessage(messages.firstComments)), secondary: React.createElement(react_intl_1.FormattedMessage, { id: 'ui.feedObject.activitiesMenu.firstCommentsDesc', defaultMessage: 'ui.feedObject.activitiesMenu.firstCommentsDesc' }) })),
-            scUserContext.user && (React.createElement(material_1.ListItemButton, { selected: selectedActivities === feedObject_1.SCFeedObjectActivitiesType.CONNECTIONS_COMMENTS, onClick: handleChangeActivitiesType(feedObject_1.SCFeedObjectActivitiesType.CONNECTIONS_COMMENTS) },
-                React.createElement(material_1.ListItemText, { primary: React.createElement("b", null, followEnabled ? intl.formatMessage(messages.followedComments) : intl.formatMessage(messages.connectionsComments)), secondary: followEnabled ? (React.createElement(react_intl_1.FormattedMessage, { id: 'ui.feedObject.activitiesMenu.followedCommentsDesc', defaultMessage: 'ui.feedObject.activitiesMenu.followedCommentsDesc' })) : (React.createElement(react_intl_1.FormattedMessage, { id: 'ui.feedObject.activitiesMenu.connectionsCommentsDesc', defaultMessage: 'ui.feedObject.activitiesMenu.connectionsCommentsDesc' })) })))));
+        return ((0, jsx_runtime_1.jsxs)(Box_1.default, { children: [!hideRelevantActivitiesItem && ((0, jsx_runtime_1.jsx)(material_1.ListItemButton, Object.assign({ selected: selectedActivities === feedObject_1.SCFeedObjectActivitiesType.RELEVANCE_ACTIVITIES, onClick: handleChangeActivitiesType(feedObject_1.SCFeedObjectActivitiesType.RELEVANCE_ACTIVITIES) }, { children: (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)("b", { children: intl.formatMessage(messages.relevantActivities) }), secondary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'ui.feedObject.activitiesMenu.relevantActivitiesDesc', defaultMessage: 'ui.feedObject.activitiesMenu.relevantActivitiesDesc' }) }) }))), (0, jsx_runtime_1.jsx)(material_1.ListItemButton, Object.assign({ selected: selectedActivities === feedObject_1.SCFeedObjectActivitiesType.RECENT_COMMENTS, onClick: handleChangeActivitiesType(feedObject_1.SCFeedObjectActivitiesType.RECENT_COMMENTS) }, { children: (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)("b", { children: intl.formatMessage(messages.recentComments) }), secondary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'ui.feedObject.activitiesMenu.recentCommentsDesc', defaultMessage: 'ui.feedObject.activitiesMenu.recentCommentsDesc' }) }) })), (0, jsx_runtime_1.jsx)(material_1.ListItemButton, Object.assign({ selected: selectedActivities === feedObject_1.SCFeedObjectActivitiesType.FIRST_COMMENTS, onClick: handleChangeActivitiesType(feedObject_1.SCFeedObjectActivitiesType.FIRST_COMMENTS) }, { children: (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)("b", { children: intl.formatMessage(messages.firstComments) }), secondary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'ui.feedObject.activitiesMenu.firstCommentsDesc', defaultMessage: 'ui.feedObject.activitiesMenu.firstCommentsDesc' }) }) })), scUserContext.user && ((0, jsx_runtime_1.jsx)(material_1.ListItemButton, Object.assign({ selected: selectedActivities === feedObject_1.SCFeedObjectActivitiesType.CONNECTIONS_COMMENTS, onClick: handleChangeActivitiesType(feedObject_1.SCFeedObjectActivitiesType.CONNECTIONS_COMMENTS) }, { children: (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)("b", { children: followEnabled ? intl.formatMessage(messages.followedComments) : intl.formatMessage(messages.connectionsComments) }), secondary: followEnabled ? ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'ui.feedObject.activitiesMenu.followedCommentsDesc', defaultMessage: 'ui.feedObject.activitiesMenu.followedCommentsDesc' })) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'ui.feedObject.activitiesMenu.connectionsCommentsDesc', defaultMessage: 'ui.feedObject.activitiesMenu.connectionsCommentsDesc' })) }) })))] }));
     }
     /**
      * Renders root object
      */
-    return (React.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
-        React.createElement(Box_1.default, { className: classes.selector },
-            React.createElement(Tooltip_1.default, { title: React.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.activitiesMenu.tooltipTitle", defaultMessage: "ui.feedObject.activitiesMenu.tooltipTitle" }) },
-                React.createElement(material_1.Button, { variant: "text", size: "small", onClick: handleOpen },
-                    selectedActivities === feedObject_1.SCFeedObjectActivitiesType.CONNECTIONS_COMMENTS && followEnabled
-                        ? intl.formatMessage(messages.followedComments)
-                        : intl.formatMessage(messages[`${(0, utils_1.camelCase)(selectedActivities)}`]),
-                    "\u00A0 ",
-                    React.createElement(Icon_1.default, null, "expand_more")))),
-        isMobile ? (React.createElement(material_1.SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, renderMenuContent())) : (React.createElement(Menu_1.default, { anchorEl: anchorEl, open: open, onClose: handleClose, onClick: handleClose, PaperProps: {
-                elevation: 0,
-                sx: {
-                    overflow: 'visible',
-                    filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
-                    mt: 1.5,
-                    '&:before': {
-                        content: '""',
-                        display: 'block',
-                        position: 'absolute',
-                        top: 0,
-                        right: 14,
-                        width: 10,
-                        height: 10,
-                        bgcolor: 'background.paper',
-                        transform: 'translateY(-50%) rotate(45deg)',
-                        zIndex: 0
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ className: classes.selector }, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, Object.assign({ title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feedObject.activitiesMenu.tooltipTitle", defaultMessage: "ui.feedObject.activitiesMenu.tooltipTitle" }) }, { children: (0, jsx_runtime_1.jsxs)(material_1.Button, Object.assign({ variant: "text", size: "small", onClick: handleOpen }, { children: [selectedActivities === feedObject_1.SCFeedObjectActivitiesType.CONNECTIONS_COMMENTS && followEnabled
+                                ? intl.formatMessage(messages.followedComments)
+                                : intl.formatMessage(messages[`${(0, utils_1.camelCase)(selectedActivities)}`]), "\u00A0 ", (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "expand_more" })] })) })) })), isMobile ? ((0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, { children: renderMenuContent() }))) : ((0, jsx_runtime_1.jsx)(Menu_1.default, Object.assign({ anchorEl: anchorEl, open: open, onClose: handleClose, onClick: handleClose, PaperProps: {
+                    elevation: 0,
+                    sx: {
+                        overflow: 'visible',
+                        filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
+                        mt: 1.5,
+                        '&:before': {
+                            content: '""',
+                            display: 'block',
+                            position: 'absolute',
+                            top: 0,
+                            right: 14,
+                            width: 10,
+                            height: 10,
+                            bgcolor: 'background.paper',
+                            transform: 'translateY(-50%) rotate(45deg)',
+                            zIndex: 0
+                        }
                     }
-                }
-            }, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } }, renderMenuContent()))));
+                }, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } }, { children: renderMenuContent() })))] })));
 }
 exports.default = ActivitiesMenu;

package/lib/cjs/components/FeedObject/Activities/RelevantActivities/CommentActivity/CommentActivity.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -44,24 +45,21 @@ function CommentRelevantActivity(props) {
     //     : activityObject.comment.html.length >= MAX_SUMMARY_LENGTH;
     // const commentHtml = 'summary_html' in activityObject.comment ? activityObject.comment.summary_html : activityObject.comment.summary;
     // const summaryHtml = getContributionHtml(commentHtml, scRoutingContext.url);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className), image: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }),
-                react_1.default.createElement(material_1.Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: react_1.default.createElement(react_1.default.Fragment, null, intl.formatMessage(messages.comment, {
-                username: (react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), activityObject.author.username)),
-                link: (...chunks) => react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.COMMENT_ROUTE_NAME, (0, contribution_1.getRouteData)(activityObject.comment)) }, chunks)
-                // comment: (
-                //   <>
-                //     <Typography variant="body2" gutterBottom dangerouslySetInnerHTML={{__html: summaryHtml}} />
-                //     {summaryHtmlTruncated && (
-                //       <Link
-                //         to={scRoutingContext.url(SCRoutes.COMMENT_ROUTE_NAME, getRouteData(activityObject.comment))}
-                //         className={classes.showMoreContent}>
-                //         <FormattedMessage id="ui.commentObject.showMore" defaultMessage="ui.commentObject.showMore" />
-                //       </Link>
-                //     )}
-                //   </>
-                // )
-            })), secondary: react_1.default.createElement(DateTimeAgo_1.default, { date: activityObject.active_at }) })),
-        openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className), image: (0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar }) })), primary: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: intl.formatMessage(messages.comment, {
+                        username: ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }, { children: activityObject.author.username }))),
+                        link: (...chunks) => (0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes.COMMENT_ROUTE_NAME, (0, contribution_1.getRouteData)(activityObject.comment)) }, { children: chunks }))
+                        // comment: (
+                        //   <>
+                        //     <Typography variant="body2" gutterBottom dangerouslySetInnerHTML={{__html: summaryHtml}} />
+                        //     {summaryHtmlTruncated && (
+                        //       <Link
+                        //         to={scRoutingContext.url(SCRoutes.COMMENT_ROUTE_NAME, getRouteData(activityObject.comment))}
+                        //         className={classes.showMoreContent}>
+                        //         <FormattedMessage id="ui.commentObject.showMore" defaultMessage="ui.commentObject.showMore" />
+                        //       </Link>
+                        //     )}
+                        //   </>
+                        // )
+                    }) }), secondary: (0, jsx_runtime_1.jsx)(DateTimeAgo_1.default, { date: activityObject.active_at }) })), openAlert && (0, jsx_runtime_1.jsx)(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })] }));
 }
 exports.default = CommentRelevantActivity;

package/lib/cjs/components/FeedObject/Activities/RelevantActivities/FollowActivity/FollowActivity.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -41,11 +42,8 @@ function FollowRelevantActivity(inProps) {
     // INTL
     const intl = (0, react_intl_1.useIntl)();
     // RENDER
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className), image: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }),
-                react_1.default.createElement(material_1.Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: react_1.default.createElement(react_1.default.Fragment, null, intl.formatMessage(messages.follow, {
-                username: (react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), activityObject.author.username))
-            })), secondary: react_1.default.createElement(DateTimeAgo_1.default, { date: activityObject.active_at }) })),
-        openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className), image: (0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar }) })), primary: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: intl.formatMessage(messages.follow, {
+                        username: ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }, { children: activityObject.author.username })))
+                    }) }), secondary: (0, jsx_runtime_1.jsx)(DateTimeAgo_1.default, { date: activityObject.active_at }) })), openAlert && (0, jsx_runtime_1.jsx)(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })] }));
 }
 exports.default = FollowRelevantActivity;

package/lib/cjs/components/FeedObject/Activities/RelevantActivities/PollVoteActivity/PollVoteActivity.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -36,11 +37,8 @@ function PollVoteRelevantActivity(props) {
     // INTL
     const intl = (0, react_intl_1.useIntl)();
     // RENDER
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className), image: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }),
-                react_1.default.createElement(material_1.Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: react_1.default.createElement(react_1.default.Fragment, null, intl.formatMessage(messages.pollVote, {
-                username: (react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), activityObject.author.username))
-            })), secondary: react_1.default.createElement(DateTimeAgo_1.default, { date: activityObject.active_at }) })),
-        openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className), image: (0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar }) })), primary: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: intl.formatMessage(messages.pollVote, {
+                        username: ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }, { children: activityObject.author.username })))
+                    }) }), secondary: (0, jsx_runtime_1.jsx)(DateTimeAgo_1.default, { date: activityObject.active_at }) })), openAlert && (0, jsx_runtime_1.jsx)(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })] }));
 }
 exports.default = PollVoteRelevantActivity;

package/lib/cjs/components/FeedObject/Activities/RelevantActivities/RelevantActivities.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
@@ -33,28 +34,22 @@ function RelevantActivities(props) {
      */
     function renderActivity(a, i) {
         if (a.type === types_1.SCFeedUnitActivityTypologyType.COMMENT) {
-            return react_1.default.createElement(CommentActivity_1.default, { activityObject: a, key: i, elevation: 0 });
+            return (0, jsx_runtime_1.jsx)(CommentActivity_1.default, { activityObject: a, elevation: 0 }, i);
         }
         else if (a.type === types_1.SCFeedUnitActivityTypologyType.FOLLOW) {
-            return react_1.default.createElement(FollowActivity_1.default, { activityObject: a, key: i, elevation: 0 });
+            return (0, jsx_runtime_1.jsx)(FollowActivity_1.default, { activityObject: a, elevation: 0 }, i);
         }
         else if (a.type === types_1.SCFeedUnitActivityTypologyType.VOTE) {
-            return react_1.default.createElement(VoteUpActivity_1.default, { activityObject: a, key: i, elevation: 0 });
+            return (0, jsx_runtime_1.jsx)(VoteUpActivity_1.default, { activityObject: a, elevation: 0 }, i);
         }
         else if (a.type === types_1.SCFeedUnitActivityTypologyType.POLLVOTE) {
-            return react_1.default.createElement(PollVoteActivity_1.default, { activityObject: a, key: i, elevation: 0 });
+            return (0, jsx_runtime_1.jsx)(PollVoteActivity_1.default, { activityObject: a, elevation: 0 }, i);
         }
         return null;
     }
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), activities.length <= 0 ? (react_1.default.createElement(material_1.Typography, { variant: "body2" },
-        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.relevantActivities.noResults", defaultMessage: "ui.feedObject.relevantActivities.noResults" }))) : (react_1.default.createElement(material_1.List, null,
-        activities.slice(0, showMaxRelevantActivities).map((a, i) => (react_1.default.createElement(material_1.ListItem, { className: classes.activity, key: i }, renderActivity(a, i)))),
-        !openOtherActivities && activities.length > showMaxRelevantActivities && (react_1.default.createElement(material_1.ListItemButton, { onClick: () => setOpenOtherActivities((prev) => !prev) },
-            react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'ui.feedObject.relevantActivities.showOthers', defaultMessage: 'ui.feedObject.relevantActivities.showOthers' }) }),
-            openOtherActivities ? react_1.default.createElement(Icon_1.default, null, "expand_less") : react_1.default.createElement(Icon_1.default, null, "expand_more"))),
-        react_1.default.createElement(material_1.Collapse, { in: openOtherActivities, timeout: "auto", unmountOnExit: true }, activities.slice(showMaxRelevantActivities).map((a, i) => (react_1.default.createElement(material_1.ListItem, { className: classes.activity, key: i }, renderActivity(a, i)))))))));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: activities.length <= 0 ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feedObject.relevantActivities.noResults", defaultMessage: "ui.feedObject.relevantActivities.noResults" }) }))) : ((0, jsx_runtime_1.jsxs)(material_1.List, { children: [activities.slice(0, showMaxRelevantActivities).map((a, i) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({ className: classes.activity }, { children: renderActivity(a, i) }), i))), !openOtherActivities && activities.length > showMaxRelevantActivities && ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, Object.assign({ onClick: () => setOpenOtherActivities((prev) => !prev) }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'ui.feedObject.relevantActivities.showOthers', defaultMessage: 'ui.feedObject.relevantActivities.showOthers' }) }), openOtherActivities ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "expand_less" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "expand_more" })] }))), (0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: openOtherActivities, timeout: "auto", unmountOnExit: true }, { children: activities.slice(showMaxRelevantActivities).map((a, i) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({ className: classes.activity }, { children: renderActivity(a, i) }), i))) }))] })) })));
 }
 exports.default = RelevantActivities;

package/lib/cjs/components/FeedObject/Activities/RelevantActivities/VoteUpActivity/VoteUpActivity.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -36,11 +37,8 @@ function VoteUpRelevantActivity(props) {
     // INTL
     const intl = (0, react_intl_1.useIntl)();
     // RENDER
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className), image: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }),
-                react_1.default.createElement(material_1.Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: react_1.default.createElement(react_1.default.Fragment, null, intl.formatMessage(messages.vote, {
-                username: (react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { className: classes.username, onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }), activityObject.author.username))
-            })), secondary: react_1.default.createElement(DateTimeAgo_1.default, { date: activityObject.active_at }) })),
-        openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className), image: (0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar }) })), primary: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: intl.formatMessage(messages.vote, {
+                        username: ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { className: classes.username, onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }, { children: activityObject.author.username })))
+                    }) }), secondary: (0, jsx_runtime_1.jsx)(DateTimeAgo_1.default, { date: activityObject.active_at }) })), openAlert && (0, jsx_runtime_1.jsx)(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })] }));
 }
 exports.default = VoteUpRelevantActivity;