@selfcommunity/react-ui 0.7.0-alpha.98 → 0.7.0

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

@@ -1,234 +1,87 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
-const CardContent_1 = __importDefault(require("@mui/material/CardContent"));
+const CardContent_1 = tslib_1.__importDefault(require("@mui/material/CardContent"));
 const material_1 = require("@mui/material");
-const Skeleton_1 = __importDefault(require("./Skeleton"));
-const DateTimeAgo_1 = __importDefault(require("../../shared/DateTimeAgo"));
-const Bullet_1 = __importDefault(require("../../shared/Bullet"));
-const Tags_1 = __importDefault(require("../../shared/Tags"));
-const MediasPreview_1 = __importDefault(require("../../shared/MediasPreview"));
-const Actions_1 = __importDefault(require("./Actions"));
-const Icon_1 = __importDefault(require("@mui/material/Icon"));
+const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
+const DateTimeAgo_1 = tslib_1.__importDefault(require("../../shared/DateTimeAgo"));
+const Bullet_1 = tslib_1.__importDefault(require("../../shared/Bullet"));
+const Tags_1 = tslib_1.__importDefault(require("../../shared/Tags"));
+const Actions_1 = tslib_1.__importDefault(require("./Actions"));
+const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const react_intl_1 = require("react-intl");
-const Poll_1 = __importDefault(require("./Poll"));
-const Contributors_1 = __importDefault(require("./Contributors"));
-const Composer_1 = __importDefault(require("../Composer"));
+const Poll_1 = tslib_1.__importDefault(require("./Poll"));
+const Contributors_1 = tslib_1.__importDefault(require("./Contributors"));
 const feedObject_1 = require("../../types/feedObject");
-const MarkRead_1 = __importDefault(require("../../shared/MarkRead"));
-const classnames_1 = __importDefault(require("classnames"));
-const ContributionActionsMenu_1 = __importDefault(require("../../shared/ContributionActionsMenu"));
+const MarkRead_1 = tslib_1.__importDefault(require("../../shared/MarkRead"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const ContributionActionsMenu_1 = tslib_1.__importDefault(require("../../shared/ContributionActionsMenu"));
 const contribution_1 = require("../../utils/contribution");
-const Follow_1 = __importDefault(require("./Actions/Follow"));
-const Widget_1 = __importDefault(require("../Widget"));
+const Follow_1 = tslib_1.__importDefault(require("./Actions/Follow"));
+const Widget_1 = tslib_1.__importDefault(require("../Widget"));
 const system_1 = require("@mui/system");
-const BaseItem_1 = __importDefault(require("../../shared/BaseItem"));
-const Activities_1 = __importDefault(require("./Activities"));
-const ReplyComment_1 = __importDefault(require("../CommentObject/ReplyComment"));
+const BaseItem_1 = tslib_1.__importDefault(require("../../shared/BaseItem"));
+const Activities_1 = tslib_1.__importDefault(require("./Activities"));
+const CommentObjectReply_1 = tslib_1.__importDefault(require("../CommentObjectReply"));
 const Errors_1 = require("../../constants/Errors");
 const notistack_1 = require("notistack");
 const types_1 = require("@selfcommunity/types");
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
+const errors_1 = require("../../utils/errors");
 const react_core_1 = require("@selfcommunity/react-core");
+const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../shared/UserDeletedSnackBar"));
+const UserAvatar_1 = tslib_1.__importDefault(require("../../shared/UserAvatar"));
+const Feed_1 = require("../../constants/Feed");
+const Composer_1 = tslib_1.__importDefault(require("../Composer"));
+const FeedObjectMediaPreview_1 = tslib_1.__importDefault(require("../FeedObjectMediaPreview"));
+const constants_1 = require("./constants");
 const messages = (0, react_intl_1.defineMessages)({
     visibleToAll: {
         id: 'ui.feedObject.visibleToAll',
         defaultMessage: 'ui.feedObject.visibleToAll'
     }
 });
-const PREFIX = 'SCFeedObject';
 const classes = {
-    root: `${PREFIX}-root`,
-    deleted: `${PREFIX}-deleted`,
-    header: `${PREFIX}-header`,
-    category: `${PREFIX}-category`,
-    avatar: `${PREFIX}-avatar`,
-    username: `${PREFIX}-username`,
-    activityAt: `${PREFIX}-activity-at`,
-    tag: `${PREFIX}-tag`,
-    content: `${PREFIX}-content`,
-    titleSection: `${PREFIX}-title-section`,
-    title: `${PREFIX}-title`,
-    textSection: `${PREFIX}-text-section`,
-    text: `${PREFIX}-text`,
-    snippet: `${PREFIX}-snippet`,
-    snippetContent: `${PREFIX}-snippet-content`,
-    mediasSection: `${PREFIX}-medias-section`,
-    pollsSection: `${PREFIX}-polls-section`,
-    infoSection: `${PREFIX}-info-section`,
-    actionsSection: `${PREFIX}-actions-section`,
-    replyContent: `${PREFIX}-reply-content`,
-    activitiesSection: `${PREFIX}-activities-section`,
-    activitiesContent: `${PREFIX}-activities-content`,
-    followButton: `${PREFIX}-follow-button`
+    root: `${constants_1.PREFIX}-root`,
+    deleted: `${constants_1.PREFIX}-deleted`,
+    header: `${constants_1.PREFIX}-header`,
+    category: `${constants_1.PREFIX}-category`,
+    avatar: `${constants_1.PREFIX}-avatar`,
+    username: `${constants_1.PREFIX}-username`,
+    activityAt: `${constants_1.PREFIX}-activity-at`,
+    tag: `${constants_1.PREFIX}-tag`,
+    location: `${constants_1.PREFIX}-location`,
+    content: `${constants_1.PREFIX}-content`,
+    showMore: `${constants_1.PREFIX}-show-more`,
+    error: `${constants_1.PREFIX}-error`,
+    titleSection: `${constants_1.PREFIX}-title-section`,
+    title: `${constants_1.PREFIX}-title`,
+    textSection: `${constants_1.PREFIX}-text-section`,
+    text: `${constants_1.PREFIX}-text`,
+    snippet: `${constants_1.PREFIX}-snippet`,
+    snippetContent: `${constants_1.PREFIX}-snippet-content`,
+    mediasSection: `${constants_1.PREFIX}-medias-section`,
+    pollsSection: `${constants_1.PREFIX}-polls-section`,
+    infoSection: `${constants_1.PREFIX}-info-section`,
+    actionsSection: `${constants_1.PREFIX}-actions-section`,
+    replyContent: `${constants_1.PREFIX}-reply-content`,
+    activitiesSection: `${constants_1.PREFIX}-activities-section`,
+    activitiesContent: `${constants_1.PREFIX}-activities-content`,
+    followButton: `${constants_1.PREFIX}-follow-button`
 };
 const Root = (0, styles_1.styled)(Widget_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`&.${classes.root}`]: {
-        width: '100%',
-        paddingBottom: 5
-    },
-    [`& .${classes.titleSection}`]: {
-        '& a': {
-            textDecoration: 'none'
-        },
-        '& a:hover': {
-            textDecoration: 'underline'
-        }
-    },
-    [`& .${classes.title}`]: {
-        fontWeight: 600,
-        color: '#3e3e3e',
-        padding: `0px ${theme.spacing(2)}`
-    },
-    [`& .${classes.username}`]: {
-        color: '#000',
-        fontWeight: 600,
-        textDecoration: 'none'
-    },
-    [`& .${classes.avatar}`]: {
-        width: theme.selfcommunity.user.avatar.sizeMedium,
-        height: theme.selfcommunity.user.avatar.sizeMedium
-    },
-    [`& .${classes.header}`]: {
-        paddingBottom: 0,
-        '& .MuiCardHeader-subheader': {
-            display: 'flex',
-            alignItems: 'center'
-        }
-    },
-    [`& .${classes.category}`]: {
-        textAlign: 'center',
-        color: '#939598',
-        borderBottom: '1px solid rgba(0, 0, 0, 0.12)',
-        '& a': {
-            textDecoration: 'none',
-            color: '#3e3e3e'
-        },
-        '& a::after': {
-            content: '"\\2022"',
-            padding: theme.spacing()
-        },
-        '& a:last-child::after': {
-            display: 'none'
-        },
-        '& span': {
-            textTransform: 'initial'
-        }
-    },
-    [`& .${classes.content}`]: {
-        padding: `${theme.spacing()} 0px`
-    },
-    [`& .${classes.textSection}`]: {
-        '& >:first-child': {
-            padding: `${theme.spacing(2)}`,
-            display: 'block'
-        },
-        '& a': {
-            color: theme.palette.text.primary,
-            textDecoration: 'none'
-        },
-        '& img': {
-            maxWidth: '100%'
-        }
-    },
-    [`& .${classes.text}`]: {
-        marginBottom: 0,
-        '& a': {
-            color: theme.palette.text.primary
-        }
-    },
-    [`& .${classes.snippet}`]: {
-        '& > div': {
-            alignItems: 'flex-start'
-        },
-        '& .SCBaseItem-text': {
-            marginTop: 0
-        }
-    },
-    [`& .${classes.snippetContent} a`]: {
-        textDecoration: 'none',
-        color: '#3e3e3e'
-    },
-    [`& .${classes.tag}`]: {
-        display: 'inline-flex'
-    },
-    [`& .${classes.actionsSection}`]: {
-        padding: 0,
-        display: 'flex',
-        flexDirection: 'column'
-    },
-    [`& .${classes.replyContent}`]: {
-        width: '100%',
-        boxSizing: 'border-box',
-        margin: 0,
-        padding: theme.spacing(2)
-    },
-    [`& .${classes.activitiesContent}`]: {
-        paddingTop: 3,
-        '&:last-child': {
-            paddingBottom: 5
-        }
-    },
-    [`& .${classes.infoSection}`]: {
-        padding: `0px ${theme.spacing(2)}`
-    },
-    [`& .${classes.activityAt}`]: {
-        textDecoration: 'none',
-        color: 'inherit',
-        marginTop: 3
-    },
-    [`& .${classes.deleted}`]: {
-        opacity: 0.3,
-        '&:hover': {
-            opacity: 1
-        }
-    }
-}));
+    name: constants_1.PREFIX,
+    slot: 'Root'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Feed Object component. Learn about the available props and the CSS API.
+ *
+ *
+ * This component renders a feed object item (post, discussion or status).
+ * Take a look at our <strong>demo</strong> component [here](/docs/sdk/community-js/react-ui/Components/FeedObject)
 
  #### Import
 
@@ -246,13 +99,18 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCFeedObject-root|Styles applied to the root element.|
+ |deleted|.SCFeedObject-deleted|Styles applied to the feed obj when is deleted (visible only for admin and moderator).|
  |header|.SCFeedObject-header|Styles applied to the header of the card.|
+ |category|.SCFeedObject-category|Styles applied to the category element.|
+ |avatar|.SCFeedObject-avatar|Styles applied to the avatar element.|
+ |username|.SCFeedObject-username|Styles applied to the username element.|
+ |activityAt|.SCFeedObject-activity-at|Styles applied to the activity at section.|
  |tag|.SCFeedObject-tag|Styles applied to the tag element.|
+ |location|.SCFeedObject-location|Styles applied to the location element.|
+ |content|.SCFeedObject-content|Styles applied to the content section. Content section include: title-section, text-section, snippetContent, subContent, medias-section, polls-section, info-section.|
+ |error|.SCFeedObject-error|Styles applied to the error element.|
  |title-section|.SCFeedObject-title-section|Styles applied to the title section.|
  |title|.SCFeedObject-title|Styles applied to the title element.|
- |username|.SCFeedObject-username|Styles applied to the username element.|
- |category|.SCFeedObject-category|Styles applied to the category element.|
- |content|.SCFeedObject-content|Styles applied to the content section. Content section include: title-section, text-section, snippetContent, subContent, medias-section, polls-section, info-section.|
  |text-section|.SCFeedObject-text-section|Styles applied to the text section.|
  |text|.SCFeedObject-text|Styles applied to the text element.|
  |snippet|.SCFeedObject-snippet|Styles applied to snippet element.|
@@ -260,43 +118,44 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
  |medias-section|.SCFeedObject-medias-section|Styles applied to the medias section.|
  |polls-section|.SCFeedObject-polls-section|Styles applied to the polls section.|
  |info-section|.SCFeedObject-info-section|Styles applied to the info section.|
- |subContent|.SCFeedObject-sub-content|Styles applied to the sub content (container placed immediately after the content, similar to a footer). Wrap the contributors and the follow button.|
  |actions-section|.SCFeedObject-actions-section|Styles applied to the actions container.|
  |reply-content|.SCFeedObject-reply-content|Styles applied to the reply box.|
  |activitiesSection|.SCFeedObject-activities-section|Styles applied to the activities section element.|
  |activitiesContent|.SCFeedObject-activities-content|Styles applied to the activities content element.|
- |activityAt|.SCFeedObject-activity-at|Styles applied to the activity at section.|
- |deleted|.SCFeedObject-deleted|Styles applied to the feed obj when is deleted (visible only for admin and moderator).|
+ |followButton|.SCFeedObject-follow-button|Styles applied to the follow button element.|
 
  * @param inProps
  */
 function FeedObject(inProps) {
+    var _a;
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
-    const { id = `feed_object_${props.feedObjectId ? props.feedObjectId : props.feedObject ? props.feedObject.id : ''}`, className = null, feedObjectId = null, feedObject = null, feedObjectType = types_1.SCFeedObjectTypologyType.DISCUSSION, feedObjectActivities = null, cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST, markRead = false, template = feedObject_1.SCFeedObjectTemplateType.PREVIEW, hideFollowAction = false, activitiesExpanded = true, activitiesExpandedType, hideParticipantsPreview = false, FollowButtonProps = {}, FeedObjectSkeletonProps = { elevation: 0 }, ActionsProps = {}, ReplyCommentComponent = ReplyComment_1.default, ReplyCommentComponentProps = { WidgetProps: { variant: 'outlined' } }, CommentComponentProps = { variant: 'outlined' }, CommentObjectSkeletonProps = { elevation: 0, WidgetProps: { variant: 'outlined' } }, ContributionActionsMenuProps = {}, MediasPreviewProps = {}, ActivitiesProps = { cacheStrategy }, PollObjectProps = { elevation: 0 }, ContributorsFeedObjectProps = {}, onReply, onHeightChange, onStateChange, search } = props, rest = __rest(props, ["id", "className", "feedObjectId", "feedObject", "feedObjectType", "feedObjectActivities", "cacheStrategy", "markRead", "template", "hideFollowAction", "activitiesExpanded", "activitiesExpandedType", "hideParticipantsPreview", "FollowButtonProps", "FeedObjectSkeletonProps", "ActionsProps", "ReplyCommentComponent", "ReplyCommentComponentProps", "CommentComponentProps", "CommentObjectSkeletonProps", "ContributionActionsMenuProps", "MediasPreviewProps", "ActivitiesProps", "PollObjectProps", "ContributorsFeedObjectProps", "onReply", "onHeightChange", "onStateChange", "search"]);
+    const { id = `feed_object_${props.feedObjectId ? props.feedObjectId : props.feedObject ? props.feedObject.id : ''}`, className = null, feedObjectId = null, feedObject = null, feedObjectType = null, feedObjectActivities = null, cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST, markRead = false, template = feedObject_1.SCFeedObjectTemplateType.PREVIEW, hideFollowAction = false, summaryExpanded = false, activitiesExpanded = true, activitiesExpandedType, hideParticipantsPreview = false, pollVisible = false, FollowButtonProps = {}, FeedObjectSkeletonProps = { elevation: 0 }, ActionsProps = {}, CommentObjectReplyComponent = CommentObjectReply_1.default, CommentObjectReplyComponentProps = { WidgetProps: { variant: 'outlined' } }, CommentComponentProps = { variant: 'outlined' }, CommentObjectSkeletonProps = { elevation: 0, WidgetProps: { variant: 'outlined' } }, ContributionActionsMenuProps = {}, FeedObjectMediaPreviewProps = {}, ActivitiesProps = { cacheStrategy }, PollObjectProps = { elevation: 0 }, ContributorsFeedObjectProps = {}, onReply, onHeightChange, onStateChange } = props, rest = tslib_1.__rest(props, ["id", "className", "feedObjectId", "feedObject", "feedObjectType", "feedObjectActivities", "cacheStrategy", "markRead", "template", "hideFollowAction", "summaryExpanded", "activitiesExpanded", "activitiesExpandedType", "hideParticipantsPreview", "pollVisible", "FollowButtonProps", "FeedObjectSkeletonProps", "ActionsProps", "CommentObjectReplyComponent", "CommentObjectReplyComponentProps", "CommentComponentProps", "CommentObjectSkeletonProps", "ContributionActionsMenuProps", "FeedObjectMediaPreviewProps", "ActivitiesProps", "PollObjectProps", "ContributorsFeedObjectProps", "onReply", "onHeightChange", "onStateChange"]);
     // CONTEXT
     const scContext = (0, react_core_1.useSCContext)();
     const scRoutingContext = (0, react_core_1.useSCRouting)();
     const scUserContext = (0, react_core_1.useSCUser)();
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     // OBJECTS
-    const { obj, setObj } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType, cacheStrategy });
+    const { obj, setObj, error } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType, cacheStrategy });
     const objId = obj ? obj.id : null;
+    const [openAlert, setOpenAlert] = (0, react_1.useState)(false);
     /**
-     * Get initial expanded activities
+     * Get initial expanded activities type
      */
-    function geExpandedActivities() {
+    const geExpandedActivities = () => {
         return obj && activitiesExpanded && (obj.comment_count > 0 || (feedObjectActivities && feedObjectActivities.length > 0));
-    }
+    };
     // STATE
     const [composerOpen, setComposerOpen] = (0, react_1.useState)(false);
     const [expandedActivities, setExpandedActivities] = (0, react_1.useState)(geExpandedActivities());
     const [comments, setComments] = (0, react_1.useState)([]);
     const [isReplying, setIsReplying] = (0, react_1.useState)(false);
     const [selectedActivities, setSelectedActivities] = (0, react_1.useState)(getInitialSelectedActivitiesType());
+    const [expanded, setExpanded] = (0, react_1.useState)(summaryExpanded);
     // INTL
     const intl = (0, react_intl_1.useIntl)();
     /**
@@ -312,11 +171,10 @@ function FeedObject(inProps) {
      * Update state object
      * @param obj
      */
-    function updateObject(newObj) {
-        utils_1.LRUCache.set(react_core_1.SCCache.getFeedObjectCacheKey(obj.id, obj.type), newObj);
+    const updateObject = (newObj) => {
         setObj(newObj);
         notifyFeedChanges();
-    }
+    };
     /**
      * Get initial selected activities section
      */
@@ -341,39 +199,63 @@ function FeedObject(inProps) {
      * Handle change/update poll: votes
      */
     const handleChangePoll = (0, react_1.useCallback)((pollObject) => {
-        updateObject(Object.assign(obj, { poll: pollObject }));
+        updateObject(Object.assign({}, obj, { poll: pollObject }));
     }, [obj]);
+    /**
+     * Handle change poll visibility
+     */
+    const handleTogglePollVisibility = (0, react_1.useCallback)((visible) => {
+        notifyFeedChanges({ pollVisible: visible });
+    }, [pollVisible, notifyFeedChanges]);
+    /**
+     * Handle toggle summary
+     */
+    const handleToggleSummary = (0, react_1.useCallback)(() => {
+        setExpanded(!expanded);
+        notifyFeedChanges({ summaryExpanded: !expanded });
+    }, [expanded, notifyFeedChanges]);
     /**
      * Render header action
      * if author = authenticated user -> render edit action
      * else render ContributionActionsMenu
      */
-    function renderHeaderAction() {
-        return (react_1.default.createElement(ContributionActionsMenu_1.default, Object.assign({ feedObject: obj, feedObjectType: feedObjectType, onEditContribution: handleToggleEdit, onHideContribution: handleHide, onDeleteContribution: handleDelete, onRestoreContribution: handleRestore, onSuspendNotificationContribution: handleSuspendNotification }, ContributionActionsMenuProps)));
-    }
+    const renderHeaderAction = () => {
+        return (react_1.default.createElement(ContributionActionsMenu_1.default, Object.assign({ feedObject: obj, feedObjectType: feedObjectType, onEditContribution: handleToggleEdit, onHideContribution: handleHide, onDeleteContribution: handleDelete, onRestoreContribution: handleRestore, onSuspendNotificationContribution: handleSuspendNotification, onFlagContribution: handleFlag }, ContributionActionsMenuProps)));
+    };
+    /**
+     * Handle flag obj
+     */
+    const handleFlag = (0, react_1.useCallback)((obj, type, flagged) => {
+        enqueueSnackbar(flagged ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.flagSent", defaultMessage: "ui.feedObject.flagSent" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.flagRemoved", defaultMessage: "ui.feedObject.flagRemoved" })), {
+            autoHideDuration: 3000
+        });
+    }, []);
     /**
      * Handle restore obj
      */
     const handleRestore = (0, react_1.useCallback)(() => {
-        updateObject(Object.assign(obj, { deleted: false }));
+        updateObject(Object.assign({}, obj, { deleted: false }));
     }, [obj]);
     /**
      * Handle restore obj
      */
     const handleHide = (0, react_1.useCallback)(() => {
-        updateObject(Object.assign(obj, { collapsed: !obj.collapsed }));
+        updateObject(Object.assign({}, obj, { collapsed: !obj.collapsed }));
     }, [obj]);
     /**
      * Handle delete obj
      */
     const handleDelete = (0, react_1.useCallback)(() => {
-        updateObject(Object.assign(obj, { deleted: !obj.deleted }));
+        updateObject(Object.assign({}, obj, { deleted: !obj.deleted }));
     }, [obj]);
     /**
      * Handle suspend notification obj
      */
     const handleSuspendNotification = (0, react_1.useCallback)(() => {
-        updateObject(Object.assign(obj, { suspended: !obj.suspended }));
+        updateObject(Object.assign({}, obj, { suspended: !obj.suspended }));
+        enqueueSnackbar(obj.suspended ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.notificationsEnabled", defaultMessage: "ui.feedObject.notificationsEnabled" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.notificationsDisabled", defaultMessage: "ui.feedObject.notificationsDisabled" })), {
+            autoHideDuration: 3000
+        });
     }, [obj]);
     /**
      * Handle initial edit
@@ -393,7 +275,7 @@ function FeedObject(inProps) {
      * handle vote
      */
     const handleVoteSuccess = (0, react_1.useCallback)((data) => {
-        updateObject(Object.assign(obj, { voted: data.voted, vote_count: data.vote_count }));
+        updateObject(Object.assign({}, obj, { voted: data.voted, vote_count: data.vote_count, reactions_count: data.reactions_count, reaction: data.reaction }));
     }, [obj]);
     /**
      * Expand activities if the user is logged
@@ -452,7 +334,7 @@ function FeedObject(inProps) {
     /**
      * Handle comment
      */
-    function handleReply(comment) {
+    const handleReply = (comment) => {
         if (!scUserContext.user) {
             scContext.settings.handleAnonymousAction();
         }
@@ -466,15 +348,18 @@ function FeedObject(inProps) {
             setIsReplying(true);
             performReply(comment)
                 .then((data) => {
+                // if add a comment -> the comment must be untruncated
+                const _data = data;
+                _data.summary_truncated = false;
                 if (selectedActivities !== feedObject_1.SCFeedObjectActivitiesType.RECENT_COMMENTS) {
                     setComments([]);
                     setSelectedActivities(feedObject_1.SCFeedObjectActivitiesType.RECENT_COMMENTS);
                 }
                 else {
-                    setComments([...[data], ...comments]);
+                    setComments([...[_data], ...comments]);
                 }
                 setIsReplying(false);
-                const newObj = Object.assign(obj, { comment_count: obj.comment_count + 1 });
+                const newObj = Object.assign({}, obj, { comment_count: obj.comment_count + 1 });
                 updateObject(newObj);
                 utils_1.LRUCache.deleteKeysWithPrefix(react_core_1.SCCache.getCommentObjectsCachePrefixKeys(obj.id, obj.type));
                 onReply && onReply(data);
@@ -485,79 +370,125 @@ function FeedObject(inProps) {
             })
                 .catch((error) => {
                 utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
-                enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
-                    variant: 'error',
-                    autoHideDuration: 3000
-                });
+                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" }), {
+                        variant: 'error',
+                        autoHideDuration: 3000
+                    });
+                }
             });
         }
-    }
+    };
+    /**
+     * Get contribution summary
+     */
+    const getContributionSummary = (0, react_1.useCallback)((obj, template) => {
+        const contributionHtml = 'summary_html' in obj ? obj.summary_html : obj.summary;
+        const summaryHtmlTruncated = 'summary_truncated' in obj ? obj.summary_truncated : obj.html.length >= Feed_1.MAX_SUMMARY_LENGTH;
+        const summaryHtml = expanded || template === feedObject_1.SCFeedObjectTemplateType.DETAIL
+            ? (0, contribution_1.getContributionHtml)(obj.html, scRoutingContext.url)
+            : (0, contribution_1.getContributionHtml)(contributionHtml, scRoutingContext.url);
+        if (template === feedObject_1.SCFeedObjectTemplateType.SHARE) {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)), className: classes.text },
+                    react_1.default.createElement(material_1.Typography, { component: "div", className: classes.text, variant: "body2", gutterBottom: true, dangerouslySetInnerHTML: {
+                            __html: summaryHtml
+                        } })),
+                !expanded && summaryHtmlTruncated && (react_1.default.createElement(material_1.Button, { size: "small", variant: "text", color: "inherit", className: classes.showMore, onClick: handleToggleSummary },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.content.showMore", defaultMessage: "ui.feedObject.content.showMore" })))));
+        }
+        else if (template === feedObject_1.SCFeedObjectTemplateType.DETAIL) {
+            return (react_1.default.createElement(material_1.Typography, { component: "div", gutterBottom: true, className: classes.text, dangerouslySetInnerHTML: {
+                    __html: summaryHtml
+                } }));
+        }
+        else {
+            return (react_1.default.createElement(material_1.Typography, { component: "div", gutterBottom: true, className: classes.text },
+                react_1.default.createElement(material_1.Typography, { component: "span", dangerouslySetInnerHTML: {
+                        __html: summaryHtml
+                    } }),
+                !expanded && summaryHtmlTruncated && (react_1.default.createElement(material_1.Button, { size: "small", variant: "text", color: "inherit", className: classes.showMore, onClick: handleToggleSummary },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.content.showMore", defaultMessage: "ui.feedObject.content.showMore" })))));
+        }
+    }, [obj, template, expanded]);
     /**
      * Render the obj object
      * Manage variants:
-     * SNIPPET, PREVIEW, DETAIL
+     * SNIPPET, PREVIEW, DETAIL, SEARCH, SHARE
      */
     let objElement;
-    if (template === feedObject_1.SCFeedObjectTemplateType.PREVIEW || template === feedObject_1.SCFeedObjectTemplateType.DETAIL) {
+    if ((!obj && error) ||
+        ((obj === null || obj === void 0 ? void 0 : obj.deleted) && !scUserContext.user && !(react_core_1.UserUtils.isAdmin(scUserContext.user) || react_core_1.UserUtils.isModerator(scUserContext.user)))) {
+        objElement = (react_1.default.createElement(CardContent_1.default, { className: (0, classnames_1.default)(classes.error, classes.content) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.error", defaultMessage: "ui.feedObject.error" })));
+    }
+    else if (template === feedObject_1.SCFeedObjectTemplateType.PREVIEW ||
+        template === feedObject_1.SCFeedObjectTemplateType.DETAIL ||
+        template === feedObject_1.SCFeedObjectTemplateType.SEARCH) {
         objElement = (react_1.default.createElement(react_1.default.Fragment, null, obj ? (react_1.default.createElement(material_1.Box, { className: (0, classnames_1.default)({ [classes.deleted]: obj && obj.deleted }) },
             obj.categories.length > 0 && (react_1.default.createElement("div", { className: classes.category }, obj.categories.map((c) => (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.CATEGORY_ROUTE_NAME, c), key: c.id },
                 react_1.default.createElement(material_1.Typography, { variant: "overline" }, c.name)))))),
-            react_1.default.createElement(material_1.CardHeader, { classes: { root: classes.header }, avatar: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) },
-                    react_1.default.createElement(material_1.Avatar, { "aria-label": "recipe", src: obj.author.avatar, className: classes.avatar }, obj.author.username)), title: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author), className: classes.username }, obj.author.username), subheader: react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.CardHeader, { className: classes.header, avatar: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!obj.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) }), { onClick: obj.author.deleted ? () => setOpenAlert(true) : null }),
+                    react_1.default.createElement(UserAvatar_1.default, { hide: !obj.author.community_badge },
+                        react_1.default.createElement(material_1.Avatar, { "aria-label": "recipe", src: obj.author.avatar, className: classes.avatar }, obj.author.username))), title: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!obj.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) }), { onClick: obj.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), obj.author.username), subheader: react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)), className: classes.activityAt },
                         react_1.default.createElement(DateTimeAgo_1.default, { component: 'span', date: obj.added_at })),
+                    obj.location && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(Bullet_1.default, null),
+                        react_1.default.createElement(material_1.Box, { className: classes.location },
+                            react_1.default.createElement(Icon_1.default, null, "add_location_alt"), (_a = obj.location) === null || _a === void 0 ? void 0 :
+                            _a.location))),
                     react_1.default.createElement(Bullet_1.default, null),
                     react_1.default.createElement(material_1.Box, { className: classes.tag }, obj.addressing.length > 0 ? (react_1.default.createElement(Tags_1.default, { tags: obj.addressing, TagChipProps: { disposable: false, clickable: false } })) : (react_1.default.createElement(material_1.Tooltip, { title: `${intl.formatMessage(messages.visibleToAll)}` },
                         react_1.default.createElement(Icon_1.default, { color: "disabled", fontSize: "small" }, "public"))))), action: renderHeaderAction() }),
             react_1.default.createElement(CardContent_1.default, { classes: { root: classes.content } },
                 react_1.default.createElement(material_1.Box, { className: classes.titleSection }, 'title' in obj && (react_1.default.createElement(react_1.default.Fragment, null, template === feedObject_1.SCFeedObjectTemplateType.DETAIL ? (react_1.default.createElement(material_1.Typography, { variant: "body1", gutterBottom: true, className: classes.title }, obj.title)) : (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)) },
                     react_1.default.createElement(material_1.Typography, { variant: "body1", gutterBottom: true, className: classes.title }, obj.title)))))),
-                react_1.default.createElement(material_1.Box, { className: classes.textSection }, template === feedObject_1.SCFeedObjectTemplateType.DETAIL ? (react_1.default.createElement(material_1.Typography, { component: "div", gutterBottom: true, className: classes.text, dangerouslySetInnerHTML: {
-                        __html: (0, contribution_1.getContributionHtml)(obj, scRoutingContext.url)
-                    } })) : (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)) },
-                    react_1.default.createElement(material_1.Typography, { component: "div", gutterBottom: true, className: classes.text, dangerouslySetInnerHTML: { __html: obj.summary } })))),
+                react_1.default.createElement(material_1.Box, { className: classes.textSection }, getContributionSummary(obj, template)),
                 react_1.default.createElement(material_1.Box, { className: classes.mediasSection },
-                    react_1.default.createElement(MediasPreview_1.default, Object.assign({ medias: obj.medias }, MediasPreviewProps))),
-                react_1.default.createElement(material_1.Box, { className: classes.pollsSection }, obj['poll'] && react_1.default.createElement(Poll_1.default, Object.assign({ feedObject: obj, pollObject: obj['poll'], onChange: handleChangePoll }, PollObjectProps))),
+                    react_1.default.createElement(FeedObjectMediaPreview_1.default, Object.assign({ medias: obj.medias }, FeedObjectMediaPreviewProps))),
+                react_1.default.createElement(material_1.Box, { className: classes.pollsSection }, obj['poll'] && (react_1.default.createElement(Poll_1.default, Object.assign({ visible: pollVisible ||
+                        template === feedObject_1.SCFeedObjectTemplateType.DETAIL ||
+                        Boolean(obj.type !== types_1.SCContributionType.DISCUSSION && !obj.html && !obj.medias.length), feedObject: obj, pollObject: obj['poll'], onChange: handleChangePoll, onToggleVisibility: handleTogglePollVisibility }, PollObjectProps)))),
                 react_1.default.createElement(material_1.Box, { className: classes.infoSection },
                     react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
                         !hideParticipantsPreview && (react_1.default.createElement(Contributors_1.default, Object.assign({ feedObject: obj, feedObjectType: obj.type }, ContributorsFeedObjectProps, { cacheStrategy: cacheStrategy }))),
                         !hideFollowAction && react_1.default.createElement(Follow_1.default, Object.assign({ feedObject: obj, feedObjectType: obj.type, handleFollow: handleFollow }, FollowButtonProps))))),
             react_1.default.createElement(material_1.CardActions, { className: classes.actionsSection },
-                react_1.default.createElement(Actions_1.default, Object.assign({ feedObject: obj, hideCommentAction: template === feedObject_1.SCFeedObjectTemplateType.DETAIL, handleExpandActivities: handleExpandActivities, VoteActionProps: { onVoteAction: handleVoteSuccess } }, ActionsProps)),
+                react_1.default.createElement(Actions_1.default, Object.assign({ feedObjectId: feedObjectId, feedObjectType: feedObjectType, feedObject: obj, hideCommentAction: template === feedObject_1.SCFeedObjectTemplateType.DETAIL, handleExpandActivities: template === feedObject_1.SCFeedObjectTemplateType.PREVIEW ? handleExpandActivities : null, VoteActionProps: { onVoteAction: handleVoteSuccess } }, ActionsProps)),
                 (template === feedObject_1.SCFeedObjectTemplateType.DETAIL || expandedActivities) && (react_1.default.createElement(material_1.Box, { className: classes.replyContent },
-                    react_1.default.createElement(ReplyCommentComponent, Object.assign({ onReply: handleReply, editable: !isReplying || Boolean(obj), key: Number(isReplying) }, ReplyCommentComponentProps))))),
-            template === feedObject_1.SCFeedObjectTemplateType.PREVIEW && (react_1.default.createElement(material_1.Collapse, { in: expandedActivities, timeout: "auto", classes: { root: classes.activitiesSection } },
+                    react_1.default.createElement(CommentObjectReplyComponent, Object.assign({ id: `reply-feedObject-${obj.id}`, onReply: handleReply, editable: !isReplying || Boolean(obj), key: Number(isReplying) }, CommentObjectReplyComponentProps))))),
+            template === feedObject_1.SCFeedObjectTemplateType.PREVIEW && (obj.comment_count > 0 || (feedObjectActivities && feedObjectActivities.length > 0)) && (react_1.default.createElement(material_1.Collapse, { in: expandedActivities, timeout: "auto", classes: { root: classes.activitiesSection } },
                 react_1.default.createElement(CardContent_1.default, { className: classes.activitiesContent },
                     react_1.default.createElement(Activities_1.default, Object.assign({ feedObject: obj, key: selectedActivities, feedObjectActivities: feedObjectActivities, activitiesType: selectedActivities, onSetSelectedActivities: handleSelectedActivities, comments: comments, CommentsObjectProps: {
-                            CommentComponentProps: Object.assign({ onDelete: handleDeleteComment }, CommentComponentProps),
+                            CommentComponentProps: Object.assign({ onDelete: handleDeleteComment, truncateContent: true, CommentsObjectComponentProps: { inPlaceLoadMoreContents: false } }, CommentComponentProps),
                             CommentObjectSkeletonProps: CommentObjectSkeletonProps
                         }, cacheStrategy: cacheStrategy }, ActivitiesProps))))),
-            composerOpen && (react_1.default.createElement(Composer_1.default, { open: composerOpen, feedObject: obj, onClose: handleToggleEdit, onSuccess: handleEditSuccess, maxWidth: "sm", fullWidth: true, scroll: "body" })))) : (react_1.default.createElement(Skeleton_1.default, Object.assign({ template: template }, FeedObjectSkeletonProps)))));
+            composerOpen && (react_1.default.createElement(Composer_1.default, { open: composerOpen, feedObject: obj, onClose: handleToggleEdit, onSuccess: handleEditSuccess, maxWidth: "sm", fullWidth: true })))) : (react_1.default.createElement(Skeleton_1.default, Object.assign({ template: template }, FeedObjectSkeletonProps)))));
     }
     else if (template === feedObject_1.SCFeedObjectTemplateType.SHARE) {
         objElement = (react_1.default.createElement(react_1.default.Fragment, null, obj ? (react_1.default.createElement(react_1.default.Fragment, null,
             obj.categories.length > 0 && (react_1.default.createElement("div", { className: classes.category }, obj.categories.map((c) => (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.CATEGORY_ROUTE_NAME, c), key: c.id },
                 react_1.default.createElement(material_1.Typography, { variant: "overline" }, c.name)))))),
-            react_1.default.createElement(material_1.CardHeader, { classes: { root: classes.header }, avatar: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author), className: classes.username },
-                    react_1.default.createElement(material_1.Avatar, { "aria-label": "recipe", src: obj.author.avatar, className: classes.avatar }, obj.author.username)), title: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author), className: classes.username }, obj.author.username), subheader: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)), className: classes.activityAt },
+            react_1.default.createElement(material_1.CardHeader, { classes: { root: classes.header }, avatar: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!obj.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) }), { onClick: obj.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }),
+                    react_1.default.createElement(UserAvatar_1.default, { hide: !obj.author.community_badge },
+                        react_1.default.createElement(material_1.Avatar, { "aria-label": "recipe", src: obj.author.avatar, className: classes.avatar }, obj.author.username))), title: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!obj.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) }), { onClick: obj.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), obj.author.username), subheader: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)), className: classes.activityAt },
                     react_1.default.createElement(DateTimeAgo_1.default, { date: obj.added_at })) }),
             react_1.default.createElement(CardContent_1.default, { classes: { root: classes.content } },
                 react_1.default.createElement(material_1.Box, { className: classes.titleSection }, 'title' in obj && (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)) },
                     react_1.default.createElement(material_1.Typography, { variant: "body1", gutterBottom: true, className: classes.title }, obj.title)))),
-                react_1.default.createElement(material_1.Box, { className: classes.textSection },
-                    react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)), className: classes.text },
-                        react_1.default.createElement(material_1.Typography, { component: "div", className: classes.text, variant: "body2", gutterBottom: true, dangerouslySetInnerHTML: { __html: obj.html } }))),
+                react_1.default.createElement(material_1.Box, { className: classes.textSection }, getContributionSummary(obj, template)),
                 react_1.default.createElement(material_1.Box, { className: classes.mediasSection },
-                    react_1.default.createElement(MediasPreview_1.default, Object.assign({ medias: obj.medias }, MediasPreviewProps))),
-                react_1.default.createElement(material_1.Box, { className: classes.pollsSection }, obj['poll'] && react_1.default.createElement(Poll_1.default, Object.assign({ feedObject: obj, pollObject: obj['poll'], onChange: handleChangePoll }, PollObjectProps)))))) : (react_1.default.createElement(Skeleton_1.default, Object.assign({ template: template }, FeedObjectSkeletonProps)))));
+                    react_1.default.createElement(FeedObjectMediaPreview_1.default, Object.assign({ medias: obj.medias }, FeedObjectMediaPreviewProps))),
+                react_1.default.createElement(material_1.Box, { className: classes.pollsSection }, obj['poll'] && (react_1.default.createElement(Poll_1.default, Object.assign({ feedObject: obj, pollObject: obj['poll'], onChange: handleChangePoll, visible: Boolean(obj.type !== types_1.SCContributionType.DISCUSSION && !obj.html && !obj.medias.length) }, PollObjectProps))))))) : (react_1.default.createElement(Skeleton_1.default, Object.assign({ template: template }, FeedObjectSkeletonProps)))));
     }
     else {
-        objElement = (react_1.default.createElement(react_1.default.Fragment, null, obj ? (react_1.default.createElement(BaseItem_1.default, { elevation: 0, className: classes.snippet, image: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) },
-                react_1.default.createElement(material_1.Avatar, { alt: obj.author.username, variant: "circular", src: obj.author.avatar, className: classes.avatar })), primary: react_1.default.createElement(material_1.Box, null,
-                react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author), className: classes.username }, obj.author.username),
+        objElement = (react_1.default.createElement(react_1.default.Fragment, null, obj ? (react_1.default.createElement(BaseItem_1.default, { elevation: 0, className: classes.snippet, image: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!obj.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) }), { onClick: obj.author.deleted ? () => setOpenAlert(true) : null }),
+                react_1.default.createElement(UserAvatar_1.default, { hide: !obj.author.community_badge },
+                    react_1.default.createElement(material_1.Avatar, { alt: obj.author.username, variant: "circular", src: obj.author.avatar, className: classes.avatar }))), primary: react_1.default.createElement(material_1.Box, null,
+                react_1.default.createElement(react_core_1.Link, Object.assign({}, (!obj.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) }), { onClick: obj.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), obj.author.username),
                 react_1.default.createElement(material_1.Typography, { variant: "body2", className: classes.snippetContent },
-                    react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)) }, search && search !== '' ? (0, contribution_1.getSearchContributionSnippet)(obj, search) : (0, contribution_1.getContributionSnippet)(obj)))), disableTypography: true, secondary: react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", spacing: 2, alignItems: "center" },
+                    react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)) }, (0, contribution_1.getContributionSnippet)(obj)))), disableTypography: true, secondary: react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", spacing: 2, alignItems: "center" },
                 react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)), className: classes.activityAt },
                     react_1.default.createElement(DateTimeAgo_1.default, { component: "span", date: obj.added_at })),
                 react_1.default.createElement(material_1.Button, { component: react_core_1.Link, to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)), variant: "text", color: "secondary", size: "small" },
@@ -566,9 +497,10 @@ function FeedObject(inProps) {
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${PREFIX}-${template}`) }, rest),
-        obj && markRead && react_1.default.createElement(MarkRead_1.default, { endpoint: api_services_1.Endpoints.FeedObjectMarkRead, data: { object: [obj.id] } }),
-        objElement));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${constants_1.PREFIX}-${template}`) }, rest),
+            obj && markRead && react_1.default.createElement(MarkRead_1.default, { endpoint: api_services_1.Endpoints.FeedObjectMarkRead, data: { object: [obj.id] } }),
+            objElement),
+        openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }
 exports.default = FeedObject;
-//# sourceMappingURL=FeedObject.js.map