@selfcommunity/react-ui 0.7.9-alpha.29 → 0.7.9-alpha.30

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

@@ -27,15 +27,27 @@ const Root = (0, styles_1.styled)(material_1.Box, {
     slot: 'ActionFollowRoot'
 })(() => ({}));
 function Follow(props) {
+    var _a;
     // PROPS
     const { className = null, feedObjectId = null, feedObject = null, feedObjectType = types_1.SCContributionType.POST, handleFollow, iconized = true } = props, rest = tslib_1.__rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "handleFollow", "iconized"]);
     // STATE
     const { obj, setObj } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType });
     const [isFollowing, setIsFollowing] = (0, react_1.useState)(false);
+    const [status, setStatus] = (0, react_1.useState)(null);
     // CONTEXT
     const scContext = (0, react_core_1.useSCContext)();
     const scUserContext = (0, react_core_1.useSCUser)();
+    const scGroupsManager = scUserContext.managers.groups;
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
+    /**
+     * If the obj has a group, checks the subscription status for the authenticated user
+     */
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) && (obj === null || obj === void 0 ? void 0 : obj.group)) {
+            setStatus(scGroupsManager.subscriptionStatus(obj === null || obj === void 0 ? void 0 : obj.group));
+        }
+    }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id, scGroupsManager.subscriptionStatus, obj === null || obj === void 0 ? void 0 : obj.group]);
     /**
      * Perform follow/unfollow
      * Post, Discussion, Status
@@ -61,6 +73,12 @@ function Follow(props) {
         if (!scUserContext.user) {
             scContext.settings.handleAnonymousAction();
         }
+        else if ((obj === null || obj === void 0 ? void 0 : obj.group) && status !== types_1.SCGroupSubscriptionStatusType.SUBSCRIBED) {
+            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.group.actions.unsubscribed", defaultMessage: "ui.common.group.actions.unsubscribed" }), {
+                variant: 'warning',
+                autoHideDuration: 3000
+            });
+        }
         else {
             setIsFollowing(true);
             performFollow()

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

@@ -45,6 +45,7 @@ const Root = (0, styles_1.styled)(material_1.Box, {
     slot: 'ActionShareRoot'
 })(() => ({}));
 function Share(props) {
+    var _a;
     // PROPS
     const { className = null, feedObjectId = null, feedObject = null, feedObjectType = types_1.SCContributionType.POST, withAction = true, withAudience = true, inlineAction = false } = props, rest = tslib_1.__rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "withAction", "withAudience", "inlineAction"]);
     // STATE
@@ -56,6 +57,7 @@ function Share(props) {
     const [composerShareProps, setComposerShareProps] = (0, react_1.useState)(null);
     const [openSharesDialog, setOpenSharesDialog] = (0, react_1.useState)(false);
     const [anchorEl, setAnchorEl] = react_1.default.useState(null);
+    const [status, setStatus] = (0, react_1.useState)(null);
     // CONTEXT
     const scContext = (0, react_core_1.useSCContext)();
     const scRoutingContext = (0, react_core_1.useSCRouting)();
@@ -67,6 +69,7 @@ function Share(props) {
     const linkedinShareEnabled = react_core_1.SCPreferences.ADDONS_SHARE_POST_ON_LINKEDIN_ENABLED in scPreferencesContext.preferences &&
         scPreferencesContext.preferences[react_core_1.SCPreferences.ADDONS_SHARE_POST_ON_LINKEDIN_ENABLED].value;
     const scUserContext = (0, react_core_1.useSCUser)();
+    const scGroupsManager = scUserContext.managers.groups;
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     const domain = typeof location !== 'undefined' && location.origin ? location.origin : '';
     const url = domain + scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj));
@@ -99,6 +102,15 @@ function Share(props) {
         setObj(Object.assign({}, obj, { share_count: obj.share_count + 1 }));
         handleComposerOnClose();
     }
+    /**
+     * If the obj has a group, checks the subscription status for the authenticated user
+     */
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) && (obj === null || obj === void 0 ? void 0 : obj.group)) {
+            setStatus(scGroupsManager.subscriptionStatus(obj === null || obj === void 0 ? void 0 : obj.group));
+        }
+    }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id, scGroupsManager.subscriptionStatus, obj === null || obj === void 0 ? void 0 : obj.group]);
     /**
      * Performs follow/unfollow
      * Post, Discussion, Status
@@ -141,6 +153,12 @@ function Share(props) {
                     autoHideDuration: 3000
                 });
             }
+            else if ((obj === null || obj === void 0 ? void 0 : obj.group) && status !== types_1.SCGroupSubscriptionStatusType.SUBSCRIBED) {
+                enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.group.actions.unsubscribed", defaultMessage: "ui.common.group.actions.unsubscribed" }), {
+                    variant: 'warning',
+                    autoHideDuration: 3000
+                });
+            }
             else {
                 setIsSharing(true);
                 performCreateMediaShare()

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

@@ -133,7 +133,7 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
  * @param inProps
  */
 function FeedObject(inProps) {
-    var _a;
+    var _a, _b;
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
@@ -144,6 +144,7 @@ function FeedObject(inProps) {
     const scContext = (0, react_core_1.useSCContext)();
     const scRoutingContext = (0, react_core_1.useSCRouting)();
     const scUserContext = (0, react_core_1.useSCUser)();
+    const scGroupsManager = scUserContext.managers.groups;
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     // OBJECTS
     const { obj, setObj, error } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType, cacheStrategy });
@@ -162,6 +163,7 @@ function FeedObject(inProps) {
     const [isReplying, setIsReplying] = (0, react_1.useState)(false);
     const [selectedActivities, setSelectedActivities] = (0, react_1.useState)(getInitialSelectedActivitiesType());
     const [expanded, setExpanded] = (0, react_1.useState)(summaryExpanded);
+    const [status, setStatus] = (0, react_1.useState)(null);
     // INTL
     const intl = (0, react_intl_1.useIntl)();
     /**
@@ -193,6 +195,15 @@ function FeedObject(inProps) {
         }
         return feedObject_1.SCFeedObjectActivitiesType.RECENT_COMMENTS;
     }
+    /**
+     * If the obj has a group, checks the subscription status for the authenticated user
+     */
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) && (feedObject === null || feedObject === void 0 ? void 0 : feedObject.group)) {
+            setStatus(scGroupsManager.subscriptionStatus(feedObject === null || feedObject === void 0 ? void 0 : feedObject.group));
+        }
+    }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id, scGroupsManager.subscriptionStatus, feedObject === null || feedObject === void 0 ? void 0 : feedObject.group]);
     /**
      * Open expanded activities
      */
@@ -350,6 +361,12 @@ function FeedObject(inProps) {
                 autoHideDuration: 3000
             });
         }
+        else if ((feedObject === null || feedObject === void 0 ? void 0 : feedObject.group) && status !== types_1.SCGroupSubscriptionStatusType.SUBSCRIBED) {
+            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.group.actions.unsubscribed", defaultMessage: "ui.common.group.actions.unsubscribed" }), {
+                variant: 'warning',
+                autoHideDuration: 3000
+            });
+        }
         else {
             setIsReplying(true);
             performReply(comment)
@@ -447,8 +464,8 @@ function FeedObject(inProps) {
                     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(Icon_1.default, null, "add_location_alt"), (_b = obj.location) === null || _b === void 0 ? void 0 :
+                            _b.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 } })) : obj.group ? (react_1.default.createElement(material_1.Tooltip, { title: `${intl.formatMessage(messages.visibleToGroup, { group: obj.group.name })}` },
                         react_1.default.createElement(Icon_1.default, { color: "disabled", fontSize: "small" }, "groups"))) : (react_1.default.createElement(material_1.Tooltip, { title: `${intl.formatMessage(messages.visibleToAll)}` },

package/lib/cjs/components/Notification/PrivateMessage/PrivateMessage.js

@@ -41,6 +41,7 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
  * @param props
  */
 function PrivateMessageNotification(props) {
+    var _a, _b, _c, _d, _e;
     // PROPS
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = types_1.SCNotificationObjectTemplateType.DETAIL } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
@@ -91,7 +92,9 @@ function PrivateMessageNotification(props) {
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'ui.userToastNotifications.privateMessage.sentMessage', defaultMessage: 'ui.userToastNotifications.privateMessage.sentMessage' }),
                     ":",
                     react_1.default.createElement(material_1.Box, { className: classes.messageWrap },
-                        react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.message },
+                        react_1.default.createElement(react_core_1.Link, { to: ((_a = notificationObject.message) === null || _a === void 0 ? void 0 : _a.group)
+                                ? scRoutingContext.url(react_core_1.SCRoutes.GROUP_MESSAGES_ROUTE_NAME, notificationObject.message.group)
+                                : scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.message },
                             react_1.default.createElement(material_1.Typography, { variant: "body2", dangerouslySetInnerHTML: { __html: notificationObject.message.message } }))))),
                 isSnippetTemplate && (react_1.default.createElement(material_1.Box, null,
                     react_1.default.createElement(material_1.Typography, { component: "div", color: "inherit" },
@@ -99,13 +102,17 @@ function PrivateMessageNotification(props) {
                             to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject.message.sender)
                         }), { onClick: notificationObject.message.sender.deleted ? () => setOpenAlert(true) : null, className: classes.username }), notificationObject.message.sender.username),
                         ' ',
-                        react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.messageLabel }, intl.formatMessage(messages.receivePrivateMessage, {
+                        react_1.default.createElement(react_core_1.Link, { to: ((_b = notificationObject.message) === null || _b === void 0 ? void 0 : _b.group)
+                                ? scRoutingContext.url(react_core_1.SCRoutes.GROUP_MESSAGES_ROUTE_NAME, notificationObject.message.group)
+                                : scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.messageLabel }, intl.formatMessage(messages.receivePrivateMessage, {
                             total: 1,
                             b: (...chunks) => react_1.default.createElement("strong", null, chunks)
                         })))))), footer: isToastTemplate && (react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
                 react_1.default.createElement(DateTimeAgo_1.default, { date: notificationObject.active_at }),
                 react_1.default.createElement(material_1.Typography, { color: "primary" },
-                    react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userToastNotifications.replyMessage", defaultMessage: 'ui.userToastNotifications.replyMessage' })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userToastNotifications.viewMessage", defaultMessage: 'ui.userToastNotifications.viewMessage' })))))) }, rest)));
+                    react_1.default.createElement(react_core_1.Link, { to: ((_c = notificationObject.message) === null || _c === void 0 ? void 0 : _c.group)
+                            ? scRoutingContext.url(react_core_1.SCRoutes.GROUP_MESSAGES_ROUTE_NAME, notificationObject.message.group)
+                            : scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userToastNotifications.replyMessage", defaultMessage: 'ui.userToastNotifications.replyMessage' })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userToastNotifications.viewMessage", defaultMessage: 'ui.userToastNotifications.viewMessage' })))))) }, rest)));
     }
     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}`), template: template, isNew: notificationObject.is_new, disableTypography: true, actions: react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
@@ -114,8 +121,12 @@ function PrivateMessageNotification(props) {
                         ? null
                         : scUserContext.user
                             ? follower === null || manager.isLoading(notificationObject.message.sender)
-                            : null, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.privateMessage.btnReplyLabel", defaultMessage: "ui.notification.privateMessage.btnReplyLabel" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.privateMessage.btnViewLabel", defaultMessage: "ui.notification.privateMessage.btnViewLabel" })))), primary: react_1.default.createElement(material_1.Box, { className: classes.messageWrap },
-                react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.message },
+                            : null, to: ((_d = notificationObject.message) === null || _d === void 0 ? void 0 : _d.group)
+                        ? scRoutingContext.url(react_core_1.SCRoutes.GROUP_MESSAGES_ROUTE_NAME, notificationObject.message.group)
+                        : scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.privateMessage.btnReplyLabel", defaultMessage: "ui.notification.privateMessage.btnReplyLabel" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.privateMessage.btnViewLabel", defaultMessage: "ui.notification.privateMessage.btnViewLabel" })))), primary: react_1.default.createElement(material_1.Box, { className: classes.messageWrap },
+                react_1.default.createElement(react_core_1.Link, { to: ((_e = notificationObject.message) === null || _e === void 0 ? void 0 : _e.group)
+                        ? scRoutingContext.url(react_core_1.SCRoutes.GROUP_MESSAGES_ROUTE_NAME, notificationObject.message.group)
+                        : scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.message },
                     react_1.default.createElement(material_1.Typography, { variant: "body2", dangerouslySetInnerHTML: { __html: notificationObject.message.message } }))) }, rest)),
         openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }

package/lib/cjs/components/VoteButton/VoteButton.js

@@ -5,6 +5,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const lab_1 = require("@mui/lab");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const types_1 = require("@selfcommunity/types");
 const system_1 = require("@mui/system");
 const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const material_1 = require("@mui/material");
@@ -54,6 +55,7 @@ const PopperRoot = (0, styles_1.styled)(material_1.Popper, {
  * @param inProps
  */
 function VoteButton(inProps) {
+    var _a;
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
@@ -62,11 +64,13 @@ function VoteButton(inProps) {
     const { className, contributionId, contributionType, contribution = null, onVote } = props, rest = tslib_1.__rest(props, ["className", "contributionId", "contributionType", "contribution", "onVote"]);
     // STATE
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const [status, setStatus] = (0, react_1.useState)(null);
     // REF
     const timeoutRef = (0, react_1.useRef)(null);
     // CONTEXT
     const scContext = (0, react_core_1.useSCContext)();
     const scUserContext = (0, react_core_1.useSCUser)();
+    const scGroupsManager = scUserContext.managers.groups;
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     // HANDLERS
     const handleMouseEnter = (event) => {
@@ -81,6 +85,15 @@ function VoteButton(inProps) {
         timeoutRef.current && clearTimeout(timeoutRef.current);
         timeoutRef.current = null;
     };
+    /**
+     * If the obj has a group, checks the subscription status for the authenticated user
+     */
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) && (contribution === null || contribution === void 0 ? void 0 : contribution.group)) {
+            setStatus(scGroupsManager.subscriptionStatus(contribution === null || contribution === void 0 ? void 0 : contribution.group));
+        }
+    }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id, scGroupsManager.subscriptionStatus, contribution === null || contribution === void 0 ? void 0 : contribution.group]);
     /**
      * Perform vote action
      * @param reaction
@@ -95,6 +108,12 @@ function VoteButton(inProps) {
                 autoHideDuration: 3000
             });
         }
+        else if ((contribution === null || contribution === void 0 ? void 0 : contribution.group) && status !== types_1.SCGroupSubscriptionStatusType.SUBSCRIBED) {
+            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.group.actions.unsubscribed", defaultMessage: "ui.common.group.actions.unsubscribed" }), {
+                variant: 'warning',
+                autoHideDuration: 3000
+            });
+        }
         else {
             handleVote(reaction);
         }

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

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React, { useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import LoadingButton from '@mui/lab/LoadingButton';
 import { styled } from '@mui/material/styles';
@@ -8,7 +8,7 @@ import { SCOPE_SC_UI } from '../../../../constants/Errors';
 import classNames from 'classnames';
 import { useSnackbar } from 'notistack';
 import Icon from '@mui/material/Icon';
-import { SCContributionType } from '@selfcommunity/types';
+import { SCContributionType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
 import { useSCContext, useSCFetchFeedObject, useSCUser } from '@selfcommunity/react-core';
@@ -25,15 +25,27 @@ const Root = styled(Box, {
     slot: 'ActionFollowRoot'
 })(() => ({}));
 export default function Follow(props) {
+    var _a;
     // PROPS
     const { className = null, feedObjectId = null, feedObject = null, feedObjectType = SCContributionType.POST, handleFollow, iconized = true } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "handleFollow", "iconized"]);
     // STATE
     const { obj, setObj } = useSCFetchFeedObject({ id: feedObjectId, feedObject, feedObjectType });
     const [isFollowing, setIsFollowing] = useState(false);
+    const [status, setStatus] = useState(null);
     // CONTEXT
     const scContext = useSCContext();
     const scUserContext = useSCUser();
+    const scGroupsManager = scUserContext.managers.groups;
     const { enqueueSnackbar } = useSnackbar();
+    /**
+     * If the obj has a group, checks the subscription status for the authenticated user
+     */
+    useEffect(() => {
+        var _a;
+        if (((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) && (obj === null || obj === void 0 ? void 0 : obj.group)) {
+            setStatus(scGroupsManager.subscriptionStatus(obj === null || obj === void 0 ? void 0 : obj.group));
+        }
+    }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id, scGroupsManager.subscriptionStatus, obj === null || obj === void 0 ? void 0 : obj.group]);
     /**
      * Perform follow/unfollow
      * Post, Discussion, Status
@@ -59,6 +71,12 @@ export default function Follow(props) {
         if (!scUserContext.user) {
             scContext.settings.handleAnonymousAction();
         }
+        else if ((obj === null || obj === void 0 ? void 0 : obj.group) && status !== SCGroupSubscriptionStatusType.SUBSCRIBED) {
+            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.group.actions.unsubscribed", defaultMessage: "ui.common.group.actions.unsubscribed" }), {
+                variant: 'warning',
+                autoHideDuration: 3000
+            });
+        }
         else {
             setIsFollowing(true);
             performFollow()

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

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React, { useContext, useMemo, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import Icon from '@mui/material/Icon';
 import LoadingButton from '@mui/lab/LoadingButton';
@@ -13,7 +13,7 @@ import { SCOPE_SC_UI } from '../../../../constants/Errors';
 import classNames from 'classnames';
 import { useSnackbar } from 'notistack';
 import Skeleton from '@mui/material/Skeleton';
-import { SCContributionType } from '@selfcommunity/types';
+import { SCContributionType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { copyTextToClipboard, Logger } from '@selfcommunity/utils';
 import { SCPreferences, SCPreferencesContext, UserUtils, useSCContext, useSCFetchFeedObject, useSCRouting, useSCUser } from '@selfcommunity/react-core';
@@ -43,6 +43,7 @@ const Root = styled(Box, {
     slot: 'ActionShareRoot'
 })(() => ({}));
 export default function Share(props) {
+    var _a;
     // PROPS
     const { className = null, feedObjectId = null, feedObject = null, feedObjectType = SCContributionType.POST, withAction = true, withAudience = true, inlineAction = false } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "withAction", "withAudience", "inlineAction"]);
     // STATE
@@ -54,6 +55,7 @@ export default function Share(props) {
     const [composerShareProps, setComposerShareProps] = useState(null);
     const [openSharesDialog, setOpenSharesDialog] = useState(false);
     const [anchorEl, setAnchorEl] = React.useState(null);
+    const [status, setStatus] = useState(null);
     // CONTEXT
     const scContext = useSCContext();
     const scRoutingContext = useSCRouting();
@@ -65,6 +67,7 @@ export default function Share(props) {
     const linkedinShareEnabled = SCPreferences.ADDONS_SHARE_POST_ON_LINKEDIN_ENABLED in scPreferencesContext.preferences &&
         scPreferencesContext.preferences[SCPreferences.ADDONS_SHARE_POST_ON_LINKEDIN_ENABLED].value;
     const scUserContext = useSCUser();
+    const scGroupsManager = scUserContext.managers.groups;
     const { enqueueSnackbar } = useSnackbar();
     const domain = typeof location !== 'undefined' && location.origin ? location.origin : '';
     const url = domain + scRoutingContext.url(getContributionRouteName(obj), getRouteData(obj));
@@ -97,6 +100,15 @@ export default function Share(props) {
         setObj(Object.assign({}, obj, { share_count: obj.share_count + 1 }));
         handleComposerOnClose();
     }
+    /**
+     * If the obj has a group, checks the subscription status for the authenticated user
+     */
+    useEffect(() => {
+        var _a;
+        if (((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) && (obj === null || obj === void 0 ? void 0 : obj.group)) {
+            setStatus(scGroupsManager.subscriptionStatus(obj === null || obj === void 0 ? void 0 : obj.group));
+        }
+    }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id, scGroupsManager.subscriptionStatus, obj === null || obj === void 0 ? void 0 : obj.group]);
     /**
      * Performs follow/unfollow
      * Post, Discussion, Status
@@ -139,6 +151,12 @@ export default function Share(props) {
                     autoHideDuration: 3000
                 });
             }
+            else if ((obj === null || obj === void 0 ? void 0 : obj.group) && status !== SCGroupSubscriptionStatusType.SUBSCRIBED) {
+                enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.group.actions.unsubscribed", defaultMessage: "ui.common.group.actions.unsubscribed" }), {
+                    variant: 'warning',
+                    autoHideDuration: 3000
+                });
+            }
             else {
                 setIsSharing(true);
                 performCreateMediaShare()

package/lib/esm/components/FeedObject/FeedObject.js

@@ -25,7 +25,7 @@ import Activities from './Activities';
 import CommentObjectReply from '../CommentObjectReply';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { useSnackbar } from 'notistack';
-import { SCContributionType } from '@selfcommunity/types';
+import { SCContributionType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger, LRUCache } from '@selfcommunity/utils';
 import { catchUnauthorizedActionByBlockedUser } from '../../utils/errors';
@@ -131,7 +131,7 @@ const Root = styled(Widget, {
  * @param inProps
  */
 export default function FeedObject(inProps) {
-    var _a;
+    var _a, _b;
     // PROPS
     const props = useThemeProps({
         props: inProps,
@@ -142,6 +142,7 @@ export default function FeedObject(inProps) {
     const scContext = useSCContext();
     const scRoutingContext = useSCRouting();
     const scUserContext = useSCUser();
+    const scGroupsManager = scUserContext.managers.groups;
     const { enqueueSnackbar } = useSnackbar();
     // OBJECTS
     const { obj, setObj, error } = useSCFetchFeedObject({ id: feedObjectId, feedObject, feedObjectType, cacheStrategy });
@@ -160,6 +161,7 @@ export default function FeedObject(inProps) {
     const [isReplying, setIsReplying] = useState(false);
     const [selectedActivities, setSelectedActivities] = useState(getInitialSelectedActivitiesType());
     const [expanded, setExpanded] = useState(summaryExpanded);
+    const [status, setStatus] = useState(null);
     // INTL
     const intl = useIntl();
     /**
@@ -191,6 +193,15 @@ export default function FeedObject(inProps) {
         }
         return SCFeedObjectActivitiesType.RECENT_COMMENTS;
     }
+    /**
+     * If the obj has a group, checks the subscription status for the authenticated user
+     */
+    useEffect(() => {
+        var _a;
+        if (((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) && (feedObject === null || feedObject === void 0 ? void 0 : feedObject.group)) {
+            setStatus(scGroupsManager.subscriptionStatus(feedObject === null || feedObject === void 0 ? void 0 : feedObject.group));
+        }
+    }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id, scGroupsManager.subscriptionStatus, feedObject === null || feedObject === void 0 ? void 0 : feedObject.group]);
     /**
      * Open expanded activities
      */
@@ -348,6 +359,12 @@ export default function FeedObject(inProps) {
                 autoHideDuration: 3000
             });
         }
+        else if ((feedObject === null || feedObject === void 0 ? void 0 : feedObject.group) && status !== SCGroupSubscriptionStatusType.SUBSCRIBED) {
+            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.group.actions.unsubscribed", defaultMessage: "ui.common.group.actions.unsubscribed" }), {
+                variant: 'warning',
+                autoHideDuration: 3000
+            });
+        }
         else {
             setIsReplying(true);
             performReply(comment)
@@ -445,8 +462,8 @@ export default function FeedObject(inProps) {
                     obj.location && (React.createElement(React.Fragment, null,
                         React.createElement(Bullet, null),
                         React.createElement(Box, { className: classes.location },
-                            React.createElement(Icon, null, "add_location_alt"), (_a = obj.location) === null || _a === void 0 ? void 0 :
-                            _a.location))),
+                            React.createElement(Icon, null, "add_location_alt"), (_b = obj.location) === null || _b === void 0 ? void 0 :
+                            _b.location))),
                     React.createElement(Bullet, null),
                     React.createElement(Box, { className: classes.tag }, obj.addressing.length > 0 ? (React.createElement(Tags, { tags: obj.addressing, TagChipProps: { disposable: false, clickable: false } })) : obj.group ? (React.createElement(Tooltip, { title: `${intl.formatMessage(messages.visibleToGroup, { group: obj.group.name })}` },
                         React.createElement(Icon, { color: "disabled", fontSize: "small" }, "groups"))) : (React.createElement(Tooltip, { title: `${intl.formatMessage(messages.visibleToAll)}` },

package/lib/esm/components/Notification/PrivateMessage/PrivateMessage.js

@@ -39,6 +39,7 @@ const Root = styled(NotificationItem, {
  * @param props
  */
 export default function PrivateMessageNotification(props) {
+    var _a, _b, _c, _d, _e;
     // PROPS
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = SCNotificationObjectTemplateType.DETAIL } = props, rest = __rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
@@ -89,7 +90,9 @@ export default function PrivateMessageNotification(props) {
                     React.createElement(FormattedMessage, { id: 'ui.userToastNotifications.privateMessage.sentMessage', defaultMessage: 'ui.userToastNotifications.privateMessage.sentMessage' }),
                     ":",
                     React.createElement(Box, { className: classes.messageWrap },
-                        React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.message },
+                        React.createElement(Link, { to: ((_a = notificationObject.message) === null || _a === void 0 ? void 0 : _a.group)
+                                ? scRoutingContext.url(SCRoutes.GROUP_MESSAGES_ROUTE_NAME, notificationObject.message.group)
+                                : scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.message },
                             React.createElement(Typography, { variant: "body2", dangerouslySetInnerHTML: { __html: notificationObject.message.message } }))))),
                 isSnippetTemplate && (React.createElement(Box, null,
                     React.createElement(Typography, { component: "div", color: "inherit" },
@@ -97,13 +100,17 @@ export default function PrivateMessageNotification(props) {
                             to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject.message.sender)
                         }), { onClick: notificationObject.message.sender.deleted ? () => setOpenAlert(true) : null, className: classes.username }), notificationObject.message.sender.username),
                         ' ',
-                        React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.messageLabel }, intl.formatMessage(messages.receivePrivateMessage, {
+                        React.createElement(Link, { to: ((_b = notificationObject.message) === null || _b === void 0 ? void 0 : _b.group)
+                                ? scRoutingContext.url(SCRoutes.GROUP_MESSAGES_ROUTE_NAME, notificationObject.message.group)
+                                : scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.messageLabel }, intl.formatMessage(messages.receivePrivateMessage, {
                             total: 1,
                             b: (...chunks) => React.createElement("strong", null, chunks)
                         })))))), footer: isToastTemplate && (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
                 React.createElement(DateTimeAgo, { date: notificationObject.active_at }),
                 React.createElement(Typography, { color: "primary" },
-                    React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (React.createElement(FormattedMessage, { id: "ui.userToastNotifications.replyMessage", defaultMessage: 'ui.userToastNotifications.replyMessage' })) : (React.createElement(FormattedMessage, { id: "ui.userToastNotifications.viewMessage", defaultMessage: 'ui.userToastNotifications.viewMessage' })))))) }, rest)));
+                    React.createElement(Link, { to: ((_c = notificationObject.message) === null || _c === void 0 ? void 0 : _c.group)
+                            ? scRoutingContext.url(SCRoutes.GROUP_MESSAGES_ROUTE_NAME, notificationObject.message.group)
+                            : scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (React.createElement(FormattedMessage, { id: "ui.userToastNotifications.replyMessage", defaultMessage: 'ui.userToastNotifications.replyMessage' })) : (React.createElement(FormattedMessage, { id: "ui.userToastNotifications.viewMessage", defaultMessage: 'ui.userToastNotifications.viewMessage' })))))) }, rest)));
     }
     return (React.createElement(React.Fragment, null,
         React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className, `${PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, actions: React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
@@ -112,8 +119,12 @@ export default function PrivateMessageNotification(props) {
                         ? null
                         : scUserContext.user
                             ? follower === null || manager.isLoading(notificationObject.message.sender)
-                            : null, to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (React.createElement(FormattedMessage, { id: "ui.notification.privateMessage.btnReplyLabel", defaultMessage: "ui.notification.privateMessage.btnReplyLabel" })) : (React.createElement(FormattedMessage, { id: "ui.notification.privateMessage.btnViewLabel", defaultMessage: "ui.notification.privateMessage.btnViewLabel" })))), primary: React.createElement(Box, { className: classes.messageWrap },
-                React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.message },
+                            : null, to: ((_d = notificationObject.message) === null || _d === void 0 ? void 0 : _d.group)
+                        ? scRoutingContext.url(SCRoutes.GROUP_MESSAGES_ROUTE_NAME, notificationObject.message.group)
+                        : scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (React.createElement(FormattedMessage, { id: "ui.notification.privateMessage.btnReplyLabel", defaultMessage: "ui.notification.privateMessage.btnReplyLabel" })) : (React.createElement(FormattedMessage, { id: "ui.notification.privateMessage.btnViewLabel", defaultMessage: "ui.notification.privateMessage.btnViewLabel" })))), primary: React.createElement(Box, { className: classes.messageWrap },
+                React.createElement(Link, { to: ((_e = notificationObject.message) === null || _e === void 0 ? void 0 : _e.group)
+                        ? scRoutingContext.url(SCRoutes.GROUP_MESSAGES_ROUTE_NAME, notificationObject.message.group)
+                        : scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.message },
                     React.createElement(Typography, { variant: "body2", dangerouslySetInnerHTML: { __html: notificationObject.message.message } }))) }, rest)),
         openAlert && React.createElement(UserDeletedSnackBar, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }

package/lib/esm/components/VoteButton/VoteButton.js

@@ -1,8 +1,9 @@
 import { __rest } from "tslib";
-import React, { useMemo, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { LoadingButton } from '@mui/lab';
 import classNames from 'classnames';
+import { SCGroupSubscriptionStatusType } from '@selfcommunity/types';
 import { useThemeProps } from '@mui/system';
 import Icon from '@mui/material/Icon';
 import { IconButton, Paper, Popper, Tooltip, useMediaQuery, useTheme } from '@mui/material';
@@ -52,6 +53,7 @@ const PopperRoot = styled(Popper, {
  * @param inProps
  */
 export default function VoteButton(inProps) {
+    var _a;
     // PROPS
     const props = useThemeProps({
         props: inProps,
@@ -60,11 +62,13 @@ export default function VoteButton(inProps) {
     const { className, contributionId, contributionType, contribution = null, onVote } = props, rest = __rest(props, ["className", "contributionId", "contributionType", "contribution", "onVote"]);
     // STATE
     const [anchorEl, setAnchorEl] = useState(null);
+    const [status, setStatus] = useState(null);
     // REF
     const timeoutRef = useRef(null);
     // CONTEXT
     const scContext = useSCContext();
     const scUserContext = useSCUser();
+    const scGroupsManager = scUserContext.managers.groups;
     const { enqueueSnackbar } = useSnackbar();
     // HANDLERS
     const handleMouseEnter = (event) => {
@@ -79,6 +83,15 @@ export default function VoteButton(inProps) {
         timeoutRef.current && clearTimeout(timeoutRef.current);
         timeoutRef.current = null;
     };
+    /**
+     * If the obj has a group, checks the subscription status for the authenticated user
+     */
+    useEffect(() => {
+        var _a;
+        if (((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) && (contribution === null || contribution === void 0 ? void 0 : contribution.group)) {
+            setStatus(scGroupsManager.subscriptionStatus(contribution === null || contribution === void 0 ? void 0 : contribution.group));
+        }
+    }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id, scGroupsManager.subscriptionStatus, contribution === null || contribution === void 0 ? void 0 : contribution.group]);
     /**
      * Perform vote action
      * @param reaction
@@ -93,6 +106,12 @@ export default function VoteButton(inProps) {
                 autoHideDuration: 3000
             });
         }
+        else if ((contribution === null || contribution === void 0 ? void 0 : contribution.group) && status !== SCGroupSubscriptionStatusType.SUBSCRIBED) {
+            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.group.actions.unsubscribed", defaultMessage: "ui.common.group.actions.unsubscribed" }), {
+                variant: 'warning',
+                autoHideDuration: 3000
+            });
+        }
         else {
             handleVote(reaction);
         }