@selfcommunity/react-templates 0.5.0-alpha.2 → 0.5.0-alpha.21

package/lib/esm/components/ExploreFeed/ExploreFeed.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useMemo, useRef } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { CategoriesPopularWidget, Feed, FeedObject, FeedObjectSkeleton, SCFeedObjectTemplateType, InlineComposerWidget, LoyaltyProgramWidget, UserSuggestionWidget, PlatformWidget, OnBoardingWidget } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
 import { useThemeProps } from '@mui/system';
@@ -87,7 +87,8 @@ export default function ExploreFeed(inProps) {
     const feedRef = useRef();
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
-        enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
+        const messageId = feedObject.scheduled_at ? 'ui.composer.scheduled.success' : 'ui.inlineComposerWidget.success';
+        enqueueSnackbar(_jsx(FormattedMessage, { id: messageId, defaultMessage: messageId }), {
             variant: 'success',
             autoHideDuration: 3000
         });
@@ -95,10 +96,10 @@ export default function ExploreFeed(inProps) {
         const feedUnit = {
             type: feedObject.type,
             [feedObject.type]: feedObject,
-            seen_by_id: [],
+            seen: false,
             has_boost: false
         };
-        feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
+        !feedObject.draft && feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
     };
     const handleAddGenerationContent = (feedObjects) => {
         if (feedRef && feedRef.current) {
@@ -108,7 +109,7 @@ export default function ExploreFeed(inProps) {
                     const feedUnit = {
                         type: feedObject.type,
                         [feedObject.type]: feedObject,
-                        seen_by_id: [],
+                        seen: false,
                         has_boost: false
                     };
                     feedRef.current.addFeedData(feedUnit, true);
@@ -124,7 +125,7 @@ export default function ExploreFeed(inProps) {
             feedObject: item[item.type],
             feedObjectType: item.type,
             feedObjectActivities: item.activities ? item.activities : null,
-            markRead: scUser ? !item.seen_by_id.includes(scUser.id) : null
+            markRead: scUser ? !item.seen : null
         }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: FeedObjectSkeleton, ItemSkeletonProps: {
             template: SCFeedObjectTemplateType.PREVIEW
         }, HeaderComponent: _jsxs(_Fragment, { children: [_jsx(InlineComposerWidget, { onSuccess: handleComposerSuccess }), UserUtils.isAdmin(scUserContext.user) && _jsx(OnBoardingWidget, { onGeneratedContent: handleAddGenerationContent })] }), FeedSidebarProps: FeedSidebarProps, enabledCustomAdvPositions: [

package/lib/esm/components/ExploreFeed/Skeleton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { FeedObjectSkeleton, SCFeedObjectTemplateType, FeedSkeleton, GenericSkeleton, InlineComposerWidgetSkeleton } from '@selfcommunity/react-ui';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/FeedObjectDetail/FeedObjectDetail.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Grid, Hidden } from '@mui/material';
+import { Box, Grid, Hidden, styled } from '@mui/material';
 import { CommentsFeedObject, CustomAdv, FeedObject, RelatedFeedObjectsWidget, SCFeedObjectTemplateType, StickyBox } from '@selfcommunity/react-ui';
 import FeedObjectDetailSkeleton from './Skeleton';
 import { useThemeProps } from '@mui/system';
@@ -54,8 +53,10 @@ export default function FeedObjectDetail(inProps) {
     const scUserContext = useSCUser();
     const scPreferences = useSCPreferences();
     // RETRIVE OBJECTS
-    const { obj, setObj, error } = useSCFetchFeedObject({ id: feedObjectId, feedObject, feedObjectType });
+    const { obj, error } = useSCFetchFeedObject({ id: feedObjectId, feedObject, feedObjectType });
     const [comments, setComments] = useState([]);
+    const commentsEnabled = SCPreferences.CONFIGURATIONS_COMMENTS_ENABLED in scPreferences.preferences &&
+        scPreferences.preferences[SCPreferences.CONFIGURATIONS_COMMENTS_ENABLED].value;
     /**
      * Compute preferences
      */
@@ -94,5 +95,5 @@ export default function FeedObjectDetail(inProps) {
     if (!obj) {
         return _jsx(FeedObjectDetailSkeleton, {});
     }
-    return (_jsx(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, { children: _jsxs(Grid, Object.assign({ container: true, spacing: 2 }, { children: [_jsxs(Grid, Object.assign({ item: true, xs: 12, md: 7 }, { children: [_jsx(FeedObject, Object.assign({}, FeedObjectProps, { feedObject: obj, template: SCFeedObjectTemplateType.DETAIL, onReply: handleReply })), renderAdvertising(), _jsx(CommentsFeedObject, Object.assign({ showTitle: true, feedObject: obj, comments: comments }, CommentsFeedObjectProps), `comments_${obj.id}`)] })), _jsx(Grid, Object.assign({ item: true, xs: 12, md: 5 }, { children: _jsx(Hidden, Object.assign({ mdDown: true }, { children: _jsx(StickyBox, Object.assign({}, FeedSidebarProps, { children: _jsx(RelatedFeedObjectsWidget, Object.assign({ feedObject: obj, feedObjectId: obj.id }, RelatedFeedObjectProps), `related_${obj.id}`) })) })) }))] })) })));
+    return (_jsx(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, { children: _jsxs(Grid, Object.assign({ container: true, spacing: 2 }, { children: [_jsxs(Grid, Object.assign({ item: true, xs: 12, md: 7 }, { children: [_jsx(FeedObject, Object.assign({}, FeedObjectProps, { feedObject: obj, template: SCFeedObjectTemplateType.DETAIL, onReply: handleReply })), renderAdvertising(), commentsEnabled && (_jsx(CommentsFeedObject, Object.assign({ showTitle: true, feedObject: obj, comments: comments }, CommentsFeedObjectProps), `comments_${obj.id}`))] })), _jsx(Grid, Object.assign({ item: true, xs: 12, md: 5 }, { children: _jsx(Hidden, Object.assign({ mdDown: true }, { children: _jsx(StickyBox, Object.assign({}, FeedSidebarProps, { children: _jsx(RelatedFeedObjectsWidget, Object.assign({ feedObject: obj, feedObjectId: obj.id }, RelatedFeedObjectProps), `related_${obj.id}`) })) })) }))] })) })));
 }

package/lib/esm/components/FeedObjectDetail/Skeleton.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CommentsFeedObjectSkeleton, FeedObjectSkeleton, SCFeedObjectTemplateType, RelatedFeedObjectsWidgetSkeleton } from '@selfcommunity/react-ui';
-import { Box, Grid } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, Grid, styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

package/lib/esm/components/Group/Group.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Box } from '@mui/material';
+import { Box, styled } from '@mui/material';
 import { GroupHeader } from '@selfcommunity/react-ui';
 import { useSCFetchGroup } from '@selfcommunity/react-core';
 import GroupSkeletonTemplate from './Skeleton';

package/lib/esm/components/Group/Skeleton.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, styled } from '@mui/material';
 import GroupFeedSkeleton from '../GroupFeed/Skeleton';
 import { GroupHeaderSkeleton } from '@selfcommunity/react-ui';
 import { PREFIX } from './constants';

package/lib/esm/components/GroupFeed/GroupFeed.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useRef } from 'react';
-import { styled } from '@mui/material/styles';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { styled } from '@mui/material';
 import { ContributionUtils, Feed, FeedObject, FeedObjectSkeleton, GroupInfoWidget, GroupMembersWidget, InlineComposerWidget, SCFeedObjectTemplateType } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
-import { Link, SCRoutes, useSCFetchGroup, useSCRouting } from '@selfcommunity/react-core';
+import { Link, SCRoutes, useSCFetchGroup, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import { SCCustomAdvPosition, SCFeedTypologyType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
@@ -66,18 +66,33 @@ export default function GroupFeed(inProps) {
         name: PREFIX
     });
     const { id = 'group_feed', className, group, groupId, widgets = WIDGETS, FeedObjectProps = {}, FeedSidebarProps = null, FeedProps = {} } = props;
+    // STATUS
+    const [status, setStatus] = useState(undefined);
     // CONTEXT
     const scRoutingContext = useSCRouting();
+    const scUserContext = useSCUser();
+    const scGroupsManager = scUserContext.managers.groups;
     const { enqueueSnackbar } = useSnackbar();
+    const { scGroup } = useSCFetchGroup({ id: groupId, group });
     // REF
     const feedRef = useRef();
-    // Hooks
-    const { scGroup, setSCGroup } = useSCFetchGroup({ id: groupId, group });
+    // CONST
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
+    useEffect(() => {
+        /**
+         * Call scGroupsManager.subscriptionStatus inside an effect
+         * to avoid warning rendering child during update parent state
+         */
+        if (authUserId) {
+            setStatus(scGroupsManager.subscriptionStatus(scGroup));
+        }
+    }, [authUserId, scGroupsManager.subscriptionStatus, scGroup]);
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
         var _a;
-        enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.composerIconButton.composer.success", defaultMessage: "ui.composerIconButton.composer.success" }), {
-            action: (snackbarId) => (_jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], ContributionUtils.getRouteData(feedObject)) }, { children: _jsx(FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }) }))),
+        const messageId = feedObject.scheduled_at ? 'ui.composer.scheduled.success' : 'ui.composerIconButton.composer.success';
+        enqueueSnackbar(_jsx(FormattedMessage, { id: messageId, defaultMessage: messageId }), {
+            action: () => (_jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], ContributionUtils.getRouteData(feedObject)) }, { children: _jsx(FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }) }))),
             variant: 'success',
             autoHideDuration: 7000
         });
@@ -86,10 +101,10 @@ export default function GroupFeed(inProps) {
             const feedUnit = {
                 type: feedObject.type,
                 [feedObject.type]: feedObject,
-                seen_by_id: [],
+                seen: false,
                 has_boost: false
             };
-            feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
+            !feedObject.draft && feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
         }
     };
     // WIDGETS
@@ -102,18 +117,15 @@ export default function GroupFeed(inProps) {
     if (!scGroup) {
         return _jsx(GroupFeedSkeleton, {});
     }
-    else if (scGroup && scGroup.subscription_status !== SCGroupSubscriptionStatusType.SUBSCRIBED) {
+    else if (scGroup && status !== SCGroupSubscriptionStatusType.SUBSCRIBED) {
         return _jsx(GroupInfoWidget, { className: classes.root, groupId: scGroup === null || scGroup === void 0 ? void 0 : scGroup.id });
     }
-    return (_jsx(Root, Object.assign({ className: classNames(classes.root, className), id: id, ref: feedRef, endpoint: Object.assign(Object.assign({}, Endpoints.GetGroupFeed), { url: () => Endpoints.GetGroupFeed.url({ id: scGroup.id }) }), widgets: _widgets, ItemComponent: FeedObject, itemPropsGenerator: (scUser, item) => {
-            var _a;
-            return ({
-                feedObject: item[item.type],
-                feedObjectType: item.type,
-                feedObjectActivities: item.activities ? item.activities : null,
-                markRead: scUser ? !((_a = item === null || item === void 0 ? void 0 : item.seen_by_id) === null || _a === void 0 ? void 0 : _a.includes(scUser.id)) : null
-            });
-        }, itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: FeedObjectSkeleton, ItemSkeletonProps: {
+    return (_jsx(Root, Object.assign({ className: classNames(classes.root, className), id: id, ref: feedRef, endpoint: Object.assign(Object.assign({}, Endpoints.GetGroupFeed), { url: () => Endpoints.GetGroupFeed.url({ id: scGroup.id }) }), widgets: _widgets, ItemComponent: FeedObject, itemPropsGenerator: (scUser, item) => ({
+            feedObject: item[item.type],
+            feedObjectType: item.type,
+            feedObjectActivities: item.activities ? item.activities : null,
+            markRead: scUser ? !(item === null || item === void 0 ? void 0 : item.seen) : null
+        }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: FeedObjectSkeleton, ItemSkeletonProps: {
             template: SCFeedObjectTemplateType.PREVIEW
         }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: scGroup &&
             scGroup.subscription_status === SCGroupSubscriptionStatusType.SUBSCRIBED && (_jsx(InlineComposerWidget, { onSuccess: handleComposerSuccess, defaultValue: { group: scGroup }, label: _jsx(FormattedMessage, { id: "templates.groupFeed.composer.label", defaultMessage: "templates.groupFeed.composer.label" }), feedType: SCFeedTypologyType.GROUP })), CustomAdvProps: { position: SCCustomAdvPosition.POSITION_FEED, groupsId: [scGroup.id] }, enabledCustomAdvPositions: [

package/lib/esm/components/GroupFeed/Skeleton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { FeedObjectSkeleton, SCFeedObjectTemplateType, FeedSkeleton, GenericSkeleton, InlineComposerWidgetSkeleton } from '@selfcommunity/react-ui';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/Lesson/Lesson.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
-import { Box, Icon, IconButton, Typography, useMediaQuery, useTheme, Alert } from '@mui/material';
+import { Box, Icon, IconButton, Typography, useMediaQuery, useTheme, Alert, styled } from '@mui/material';
 import { PREFIX } from './constants';
 import { SCCourseJoinStatusType, SCCourseLessonCompletionStatusType } from '@selfcommunity/types';
 import { SCRoutes, useSCFetchCourse, useSCFetchLesson, useSCRouting, Link } from '@selfcommunity/react-core';

package/lib/esm/components/LoyaltyProgramDetail/LoyaltyProgramDetail.js

@@ -1,12 +1,10 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext, useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { http, Endpoints, UserService, LoyaltyService } from '@selfcommunity/api-services';
 import { SCUserContext } from '@selfcommunity/react-core';
-import { Box, Button, Card, CardActions, CardContent, CardMedia, Grid, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Box, Button, Card, CardActions, CardContent, CardMedia, Grid, Typography, useMediaQuery, useTheme, styled, Chip } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
-import Chip from '@mui/material/Chip';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import Skeleton from './Skeleton';

package/lib/esm/components/LoyaltyProgramDetail/PointsList.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
 import { SCPreferences, useSCPreferences } from '@selfcommunity/react-core';
-import { Divider, Grid, Typography } from '@mui/material';
+import { Divider, Grid, Typography, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
 const PREFERENCES = [

package/lib/esm/components/LoyaltyProgramDetail/PrizeItemSkeleton.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Typography, CardContent, Skeleton, CardActions, CardMedia, Button } from '@mui/material';
+import { Typography, CardContent, Skeleton, CardActions, CardMedia, Button, styled } from '@mui/material';
 import { Widget } from '@selfcommunity/react-ui';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/LoyaltyProgramDetail/Skeleton.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Typography, Grid, Skeleton, Box, useTheme, useMediaQuery } from '@mui/material';
+import { Typography, Grid, Skeleton, Box, useTheme, useMediaQuery, styled } from '@mui/material';
 import PrizeItemSkeleton from './PrizeItemSkeleton';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/MainFeed/MainFeed.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useRef } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { CategoriesSuggestionWidget, Feed, FeedObject, FeedObjectSkeleton, SCFeedObjectTemplateType, InlineComposerWidget, LoyaltyProgramWidget, UserSuggestionWidget, PlatformWidget, OnBoardingWidget } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
 import { SCUserContext, UserUtils } from '@selfcommunity/react-core';
@@ -91,7 +91,8 @@ export default function MainFeed(inProps) {
     }
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
-        enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
+        const messageId = feedObject.scheduled_at ? 'ui.composer.scheduled.success' : 'ui.inlineComposerWidget.success';
+        enqueueSnackbar(_jsx(FormattedMessage, { id: messageId, defaultMessage: messageId }), {
             variant: 'success',
             autoHideDuration: 3000
         });
@@ -99,10 +100,10 @@ export default function MainFeed(inProps) {
         const feedUnit = {
             type: feedObject.type,
             [feedObject.type]: feedObject,
-            seen_by_id: [],
+            seen: false,
             has_boost: false
         };
-        feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
+        !feedObject.draft && feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
     };
     const handleAddGenerationContent = (feedObjects) => {
         if (feedRef && feedRef.current) {
@@ -112,7 +113,7 @@ export default function MainFeed(inProps) {
                     const feedUnit = {
                         type: feedObject.type,
                         [feedObject.type]: feedObject,
-                        seen_by_id: [],
+                        seen: false,
                         has_boost: false
                     };
                     feedRef.current.addFeedData(feedUnit, true);
@@ -124,7 +125,7 @@ export default function MainFeed(inProps) {
             feedObject: item[item.type],
             feedObjectType: item.type,
             feedObjectActivities: item.activities ? item.activities : null,
-            markRead: scUser ? !item.seen_by_id.includes(scUser.id) : null
+            markRead: scUser ? !item.seen : null
         }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: FeedObjectSkeleton, ItemSkeletonProps: {
             template: SCFeedObjectTemplateType.PREVIEW
         }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: _jsxs(_Fragment, { children: [_jsx(InlineComposerWidget, { onSuccess: handleComposerSuccess }), UserUtils.isAdmin(scUserContext.user) && _jsx(OnBoardingWidget, { onGeneratedContent: handleAddGenerationContent })] }), requireAuthentication: true, disablePaginationLinks: true, enabledCustomAdvPositions: [

package/lib/esm/components/MainFeed/Skeleton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { FeedObjectSkeleton, SCFeedObjectTemplateType, FeedSkeleton, GenericSkeleton, InlineComposerWidgetSkeleton } from '@selfcommunity/react-ui';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/NotificationFeed/NotificationFeed.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { BroadcastMessages, CategoriesSuggestionWidget, Feed, SCFeedObjectTemplateType, FeedUpdatesWidget, LoyaltyProgramWidget, Notification, NotificationSkeleton, UserSuggestionWidget, PlatformWidget, getUnseenNotificationCounter } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
 import { SCUserContext } from '@selfcommunity/react-core';

package/lib/esm/components/NotificationFeed/Skeleton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { FeedSkeleton, GenericSkeleton, NotificationSkeleton } from '@selfcommunity/react-ui';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/UserFeed/Skeleton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { FeedObjectSkeleton, SCFeedObjectTemplateType, FeedSkeleton, GenericSkeleton, InlineComposerWidgetSkeleton } from '@selfcommunity/react-ui';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/UserFeed/UserFeed.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { Endpoints } from '@selfcommunity/api-services';
 import { useSCFetchUser, useSCUser } from '@selfcommunity/react-core';
 import { Feed, FeedObject, FeedObjectSkeleton, InlineComposerWidget, SCFeedObjectTemplateType, UserFollowedCategoriesWidget, UserFollowedUsersWidget, UserFollowersWidget, UserLiveStreamWidget } from '@selfcommunity/react-ui';
@@ -89,7 +89,8 @@ export default function UserFeed(inProps) {
     const feedRef = useRef();
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
-        enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
+        const messageId = feedObject.scheduled_at ? 'ui.composer.scheduled.success' : 'ui.inlineComposerWidget.success';
+        enqueueSnackbar(_jsx(FormattedMessage, { id: messageId, defaultMessage: messageId }), {
             variant: 'success',
             autoHideDuration: 3000
         });
@@ -97,10 +98,10 @@ export default function UserFeed(inProps) {
         const feedUnit = {
             type: feedObject.type,
             [feedObject.type]: feedObject,
-            seen_by_id: [],
+            seen: false,
             has_boost: false
         };
-        feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
+        !feedObject.draft && feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
     };
     // WIDGETS
     const _widgets = useMemo(() => widgets.map((w) => {

package/lib/esm/components/UserProfile/Skeleton.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, styled } from '@mui/material';
 import { UserProfileHeaderSkeleton } from '@selfcommunity/react-ui';
 import UserFeedSkeleton from '../UserFeed/Skeleton';
 import { PREFIX } from './constants';

package/lib/esm/components/UserProfile/UserProfile.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Button, Icon, Stack, Typography } from '@mui/material';
+import { Box, Button, Icon, Stack, Typography, styled } from '@mui/material';
 import { ConnectionUserButton, LoyaltyProgramWidget, TagChip, UserActionIconButton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsWidget, UserConnectionsWidget, UserCounters, UserCreatedCoursesWidget, UserFollowedCategoriesWidget, UserFollowedUsersWidget, UserFollowersWidget, UserLiveStreamWidget, UserProfileBlocked, UserProfileHeader, UserSubscribedGroupsWidget } from '@selfcommunity/react-ui';
 import UserFeed from '../UserFeed';
 import { SCPreferences, SCRoutes, useSCFetchUser, useSCPreferences, useSCRouting, useSCUser, useSCFetchUserBlockedBy } from '@selfcommunity/react-core';
@@ -183,13 +182,16 @@ export default function UserProfile(inProps) {
     const isMe = useMemo(() => scUserContext.user && (scUser === null || scUser === void 0 ? void 0 : scUser.id) === scUserContext.user.id, [scUserContext.user, scUser]);
     const followEnabled = useMemo(() => SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED in scPreferencesContext.preferences &&
         scPreferencesContext.preferences[SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED].value, [scPreferencesContext.preferences]);
-    const privateMessagingEnabled = useMemo(() => features.includes(SCFeatureName.PRIVATE_MESSAGING), [features]);
+    const connectionEnabled = SCPreferences.CONFIGURATIONS_CONNECTION_ENABLED in scPreferencesContext.preferences &&
+        scPreferencesContext.preferences[SCPreferences.CONFIGURATIONS_CONNECTION_ENABLED].value;
+    const privateMessagingEnabled = useMemo(() => SCPreferences.ADDONS_PRIVATE_MESSAGES_ENABLED in scPreferencesContext.preferences &&
+        scPreferencesContext.preferences[SCPreferences.ADDONS_PRIVATE_MESSAGES_ENABLED].value, [scPreferencesContext.preferences]);
     const _widgets = useMemo(() => {
         var _a, _b;
         if (widgets !== null) {
             return widgets;
         }
-        if (!scUser) {
+        if (!scUser || (!followEnabled && !connectionEnabled)) {
             return [];
         }
         let _widgets = [];