@selfcommunity/react-templates 0.5.0-alpha.3 → 0.5.0-alpha.30

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,7 +1,7 @@
 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 { CategoriesSuggestionWidget, Feed, FeedObject, FeedObjectSkeleton, SCFeedObjectTemplateType, InlineComposerWidget, LoyaltyProgramWidget, UserSuggestionWidget, PlatformWidget, OnBoardingWidget } from '@selfcommunity/react-ui';
+import { styled } from '@mui/material';
+import { CategoriesSuggestionWidget, Feed, FeedObject, FeedObjectSkeleton, SCFeedObjectTemplateType, InlineComposerWidget, LoyaltyProgramWidget, UserSuggestionWidget, PlatformWidget, OnBoardingWidget, FooterWidget } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
 import { SCUserContext, UserUtils } from '@selfcommunity/react-core';
 import { useThemeProps } from '@mui/system';
@@ -21,31 +21,38 @@ const Root = styled(Feed, {
 const WIDGETS = [
     {
         type: 'widget',
-        component: PlatformWidget,
+        component: FooterWidget,
         componentProps: {},
         column: 'right',
         position: 0
     },
     {
         type: 'widget',
-        component: LoyaltyProgramWidget,
+        component: PlatformWidget,
         componentProps: {},
         column: 'right',
         position: 1
     },
     {
         type: 'widget',
-        component: CategoriesSuggestionWidget,
+        component: LoyaltyProgramWidget,
         componentProps: {},
         column: 'right',
         position: 2
     },
     {
         type: 'widget',
-        component: UserSuggestionWidget,
+        component: CategoriesSuggestionWidget,
         componentProps: {},
         column: 'right',
         position: 3
+    },
+    {
+        type: 'widget',
+        component: UserSuggestionWidget,
+        componentProps: {},
+        column: 'right',
+        position: 4
     }
 ];
 /**
@@ -91,7 +98,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 +107,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 +120,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 +132,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,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext } from 'react';
-import { styled } from '@mui/material/styles';
-import { BroadcastMessages, CategoriesSuggestionWidget, Feed, SCFeedObjectTemplateType, FeedUpdatesWidget, LoyaltyProgramWidget, Notification, NotificationSkeleton, UserSuggestionWidget, PlatformWidget, getUnseenNotificationCounter } from '@selfcommunity/react-ui';
+import { styled } from '@mui/material';
+import { BroadcastMessages, CategoriesSuggestionWidget, Feed, SCFeedObjectTemplateType, FeedUpdatesWidget, LoyaltyProgramWidget, Notification, NotificationSkeleton, UserSuggestionWidget, PlatformWidget, getUnseenNotificationCounter, FooterWidget } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
 import { SCUserContext } from '@selfcommunity/react-core';
 import { SCNotificationTopicType } from '@selfcommunity/types';
@@ -34,31 +34,38 @@ const WIDGETS = [
     },
     {
         type: 'widget',
-        component: PlatformWidget,
+        component: FooterWidget,
         componentProps: {},
         column: 'right',
         position: 0
     },
     {
         type: 'widget',
-        component: LoyaltyProgramWidget,
+        component: PlatformWidget,
         componentProps: {},
         column: 'right',
         position: 1
     },
     {
         type: 'widget',
-        component: CategoriesSuggestionWidget,
+        component: LoyaltyProgramWidget,
         componentProps: {},
         column: 'right',
         position: 2
     },
     {
         type: 'widget',
-        component: UserSuggestionWidget,
+        component: CategoriesSuggestionWidget,
         componentProps: {},
         column: 'right',
         position: 3
+    },
+    {
+        type: 'widget',
+        component: UserSuggestionWidget,
+        componentProps: {},
+        column: 'right',
+        position: 4
     }
 ];
 /**

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,9 +1,9 @@
 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';
+import { Feed, FeedObject, FeedObjectSkeleton, FooterWidget, InlineComposerWidget, SCFeedObjectTemplateType, UserFollowedCategoriesWidget, UserFollowedUsersWidget, UserFollowersWidget, UserLiveStreamWidget } from '@selfcommunity/react-ui';
 import { UserFeedSkeleton } from './index';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
@@ -21,31 +21,38 @@ const Root = styled(Feed, {
 const WIDGETS = [
     {
         type: 'widget',
-        component: UserLiveStreamWidget,
+        component: FooterWidget,
         componentProps: {},
         column: 'right',
         position: 0
     },
     {
         type: 'widget',
-        component: UserFollowedCategoriesWidget,
+        component: UserLiveStreamWidget,
         componentProps: {},
         column: 'right',
         position: 1
     },
     {
         type: 'widget',
-        component: UserFollowedUsersWidget,
+        component: UserFollowedCategoriesWidget,
         componentProps: {},
         column: 'right',
         position: 2
     },
     {
         type: 'widget',
-        component: UserFollowersWidget,
+        component: UserFollowedUsersWidget,
         componentProps: {},
         column: 'right',
         position: 3
+    },
+    {
+        type: 'widget',
+        component: UserFollowersWidget,
+        componentProps: {},
+        column: 'right',
+        position: 4
     }
 ];
 /**
@@ -89,7 +96,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 +105,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) => {
@@ -109,7 +117,7 @@ export default function UserFeed(inProps) {
     if (scUser === null) {
         return _jsx(UserFeedSkeleton, {});
     }
-    return (_jsx(Root, Object.assign({ id: id, className: classNames(classes.root, className), ref: feedRef, endpoint: Object.assign(Object.assign({}, Endpoints.UserFeed), { url: () => Endpoints.UserFeed.url({ id: scUser.id }) }), widgets: _widgets, ItemComponent: FeedObject, itemPropsGenerator: (scUser, item) => ({
+    return (_jsx(Root, Object.assign({ id: id, className: classNames(classes.root, className), ref: feedRef, endpoint: Object.assign(Object.assign({}, Endpoints.UserFeed), { url: () => Endpoints.UserFeed.url({ id: scUser.id }) }), widgets: _widgets, ItemComponent: FeedObject, itemPropsGenerator: (_scUser, item) => ({
             feedObject: item[item.type],
             feedObjectType: item.type,
             feedObjectActivities: item.activities ? item.activities : null

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 = [];