@selfcommunity/react-templates 0.3.55 → 0.4.0-alpha.0

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

@@ -1,4 +1,4 @@
-import React from 'react';
+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 PrizeItemSkeleton from './PrizeItemSkeleton';
@@ -43,19 +43,5 @@ const Root = styled(Box, {
 export default function LoyaltyProgramDetailSkeleton() {
     const theme = useTheme();
     const isMobile = useMediaQuery(theme.breakpoints.down('md'));
-    return (React.createElement(Root, { className: classes.root },
-        React.createElement(Typography, { className: classes.title, component: 'div' },
-            !isMobile && React.createElement(Skeleton, { animation: "wave", height: 30, width: 140, variant: "text" }),
-            React.createElement(Skeleton, { animation: "wave", variant: "circular", width: 172, height: 30, className: classes.chip })),
-        React.createElement(Typography, { className: classes.sectionTitle },
-            React.createElement(Skeleton, { animation: "wave", height: 20, width: '50%', variant: "text" }),
-            React.createElement(Skeleton, { animation: "wave", height: 17, width: '80%', variant: "text", className: classes.subTitle })),
-        React.createElement(Typography, { className: classes.sectionTitle },
-            React.createElement(Skeleton, { animation: "wave", height: 20, width: 146 })),
-        React.createElement(Grid, { container: true, spacing: 2, className: classes.pointsList }, [...Array(8)].map((prize, index) => (React.createElement(Grid, { item: true, xs: 12, sm: 12, md: 6, key: index },
-            React.createElement(Skeleton, { animation: "wave", height: 15, width: "100%" }))))),
-        React.createElement(Typography, { className: classes.sectionTitle },
-            React.createElement(Skeleton, { animation: "wave", height: 20, width: 140, variant: "text" })),
-        React.createElement(Grid, { container: true, spacing: isMobile ? 3 : 6 }, [...Array(6)].map((prize, index) => (React.createElement(Grid, { item: true, xs: 12, sm: 12, md: 6, lg: 4, key: index },
-            React.createElement(PrizeItemSkeleton, null)))))));
+    return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [_jsxs(Typography, Object.assign({ className: classes.title, component: 'div' }, { children: [!isMobile && _jsx(Skeleton, { animation: "wave", height: 30, width: 140, variant: "text" }), _jsx(Skeleton, { animation: "wave", variant: "circular", width: 172, height: 30, className: classes.chip })] })), _jsxs(Typography, Object.assign({ className: classes.sectionTitle }, { children: [_jsx(Skeleton, { animation: "wave", height: 20, width: '50%', variant: "text" }), _jsx(Skeleton, { animation: "wave", height: 17, width: '80%', variant: "text", className: classes.subTitle })] })), _jsx(Typography, Object.assign({ className: classes.sectionTitle }, { children: _jsx(Skeleton, { animation: "wave", height: 20, width: 146 }) })), _jsx(Grid, Object.assign({ container: true, spacing: 2, className: classes.pointsList }, { children: [...Array(8)].map((prize, index) => (_jsx(Grid, Object.assign({ item: true, xs: 12, sm: 12, md: 6 }, { children: _jsx(Skeleton, { animation: "wave", height: 15, width: "100%" }) }), index))) })), _jsx(Typography, Object.assign({ className: classes.sectionTitle }, { children: _jsx(Skeleton, { animation: "wave", height: 20, width: 140, variant: "text" }) })), _jsx(Grid, Object.assign({ container: true, spacing: isMobile ? 3 : 6 }, { children: [...Array(6)].map((prize, index) => (_jsx(Grid, Object.assign({ item: true, xs: 12, sm: 12, md: 6, lg: 4 }, { children: _jsx(PrizeItemSkeleton, {}) }), index))) }))] })));
 }

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

@@ -1,8 +1,9 @@
-import React, { useContext, useRef } from 'react';
+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 } from '@selfcommunity/react-ui';
+import { CategoriesSuggestionWidget, Feed, FeedObject, FeedObjectSkeleton, SCFeedObjectTemplateType, InlineComposerWidget, LoyaltyProgramWidget, UserSuggestionWidget, PlatformWidget, OnBoardingWidget } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
-import { SCUserContext } from '@selfcommunity/react-core';
+import { SCUserContext, UserUtils } from '@selfcommunity/react-core';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { SCCustomAdvPosition } from '@selfcommunity/types';
@@ -90,7 +91,7 @@ export default function MainFeed(inProps) {
     }
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
-        enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
+        enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
             variant: 'success',
             autoHideDuration: 3000
         });
@@ -103,14 +104,30 @@ export default function MainFeed(inProps) {
         };
         feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
     };
-    return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className), ref: feedRef, endpoint: Endpoints.MainFeed, widgets: widgets, ItemComponent: FeedObject, itemPropsGenerator: (scUser, item) => ({
+    const handleAddGenerationContent = (feedObjects) => {
+        if (feedRef && feedRef.current) {
+            const currentFeedObjectIds = feedRef.current.getCurrentFeedObjectIds();
+            feedObjects.forEach((feedObject) => {
+                if (!currentFeedObjectIds.includes(feedObject.id)) {
+                    const feedUnit = {
+                        type: feedObject.type,
+                        [feedObject.type]: feedObject,
+                        seen_by_id: [],
+                        has_boost: false
+                    };
+                    feedRef.current.addFeedData(feedUnit, true);
+                }
+            });
+        }
+    };
+    return (_jsx(Root, Object.assign({ id: id, className: classNames(classes.root, className), ref: feedRef, endpoint: Endpoints.MainFeed, widgets: widgets, ItemComponent: FeedObject, itemPropsGenerator: (scUser, item) => ({
             feedObject: item[item.type],
             feedObjectType: item.type,
             feedObjectActivities: item.activities ? item.activities : null,
             markRead: scUser ? !item.seen_by_id.includes(scUser.id) : null
         }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: FeedObjectSkeleton, ItemSkeletonProps: {
             template: SCFeedObjectTemplateType.PREVIEW
-        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: React.createElement(InlineComposerWidget, { onSuccess: handleComposerSuccess }), requireAuthentication: true, disablePaginationLinks: true, enabledCustomAdvPositions: [
+        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: _jsxs(_Fragment, { children: [_jsx(InlineComposerWidget, { onSuccess: handleComposerSuccess }), UserUtils.isAdmin(scUserContext.user) && _jsx(OnBoardingWidget, { onGeneratedContent: handleAddGenerationContent })] }), requireAuthentication: true, disablePaginationLinks: true, enabledCustomAdvPositions: [
             SCCustomAdvPosition.POSITION_FEED_SIDEBAR,
             SCCustomAdvPosition.POSITION_FEED,
             SCCustomAdvPosition.POSITION_BELOW_TOPBAR

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import { FeedObjectSkeleton, SCFeedObjectTemplateType, FeedSkeleton, GenericSkeleton, InlineComposerWidgetSkeleton } from '@selfcommunity/react-ui';
@@ -30,9 +31,5 @@ const Root = styled(FeedSkeleton, {
  *
  */
 export default function MainFeedSkeleton() {
-    return (React.createElement(Root, { className: classes.root, sidebar: React.createElement(React.Fragment, null,
-            React.createElement(GenericSkeleton, { sx: { mb: 2 } }),
-            React.createElement(GenericSkeleton, { sx: { mb: 2 } })) },
-        React.createElement(InlineComposerWidgetSkeleton, null),
-        Array.from({ length: 5 }).map((e, i) => (React.createElement(FeedObjectSkeleton, { key: i, template: SCFeedObjectTemplateType.DETAIL })))));
+    return (_jsxs(Root, Object.assign({ className: classes.root, sidebar: _jsxs(React.Fragment, { children: [_jsx(GenericSkeleton, { sx: { mb: 2 } }), _jsx(GenericSkeleton, { sx: { mb: 2 } })] }) }, { children: [_jsx(InlineComposerWidgetSkeleton, {}), Array.from({ length: 5 }).map((e, i) => (_jsx(FeedObjectSkeleton, { template: SCFeedObjectTemplateType.DETAIL }, i)))] })));
 }

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

@@ -1,4 +1,5 @@
-import React, { useContext } from 'react';
+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 { Endpoints } from '@selfcommunity/api-services';
@@ -113,7 +114,7 @@ export default function NotificationFeed(inProps) {
             void scUserContext.refreshCounters();
         }
     };
-    return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className), endpoint: Endpoints.UserNotificationList, widgets: widgets, ItemComponent: Notification, itemPropsGenerator: (scUser, item) => ({
+    return (_jsx(Root, Object.assign({ id: id, className: classNames(classes.root, className), endpoint: Endpoints.UserNotificationList, widgets: widgets, ItemComponent: Notification, itemPropsGenerator: (scUser, item) => ({
             notificationObject: item
         }), itemIdGenerator: (item) => item.sid, ItemProps: NotificationProps, ItemSkeleton: NotificationSkeleton, ItemSkeletonProps: {
             template: SCFeedObjectTemplateType.PREVIEW

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import { FeedSkeleton, GenericSkeleton, NotificationSkeleton } from '@selfcommunity/react-ui';
@@ -30,7 +31,5 @@ const Root = styled(FeedSkeleton, {
  *
  */
 export default function NotificationFeedSkeleton() {
-    return (React.createElement(Root, { className: classes.root, sidebar: React.createElement(React.Fragment, null,
-            React.createElement(GenericSkeleton, { sx: { mb: 2 } }),
-            React.createElement(GenericSkeleton, { sx: { mb: 2 } })) }, Array.from({ length: 5 }).map((e, i) => (React.createElement(NotificationSkeleton, { key: i })))));
+    return (_jsx(Root, Object.assign({ className: classes.root, sidebar: _jsxs(React.Fragment, { children: [_jsx(GenericSkeleton, { sx: { mb: 2 } }), _jsx(GenericSkeleton, { sx: { mb: 2 } })] }) }, { children: Array.from({ length: 5 }).map((e, i) => (_jsx(NotificationSkeleton, {}, i))) })));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import { FeedObjectSkeleton, SCFeedObjectTemplateType, FeedSkeleton, GenericSkeleton, InlineComposerWidgetSkeleton } from '@selfcommunity/react-ui';
@@ -30,9 +31,5 @@ const Root = styled(FeedSkeleton, {
  *
  */
 export default function UserFeedSkeleton() {
-    return (React.createElement(Root, { className: classes.root, sidebar: React.createElement(React.Fragment, null,
-            React.createElement(GenericSkeleton, { sx: { mb: 2 } }),
-            React.createElement(GenericSkeleton, { sx: { mb: 2 } })) },
-        React.createElement(InlineComposerWidgetSkeleton, null),
-        Array.from({ length: 5 }).map((e, i) => (React.createElement(FeedObjectSkeleton, { key: i, template: SCFeedObjectTemplateType.DETAIL })))));
+    return (_jsxs(Root, Object.assign({ className: classes.root, sidebar: _jsxs(React.Fragment, { children: [_jsx(GenericSkeleton, { sx: { mb: 2 } }), _jsx(GenericSkeleton, { sx: { mb: 2 } })] }) }, { children: [_jsx(InlineComposerWidgetSkeleton, {}), Array.from({ length: 5 }).map((e, i) => (_jsx(FeedObjectSkeleton, { template: SCFeedObjectTemplateType.DETAIL }, i)))] })));
 }

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

@@ -1,4 +1,5 @@
-import React, { useMemo, useRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
 import { styled } from '@mui/material/styles';
 import { Endpoints } from '@selfcommunity/api-services';
 import { useSCFetchUser, useSCUser } from '@selfcommunity/react-core';
@@ -81,7 +82,7 @@ export default function UserFeed(inProps) {
     const feedRef = useRef();
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
-        enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
+        enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
             variant: 'success',
             autoHideDuration: 3000
         });
@@ -99,13 +100,13 @@ export default function UserFeed(inProps) {
         return Object.assign(Object.assign({}, w), { componentProps: Object.assign(Object.assign({}, w.componentProps), { userId: scUser ? scUser.id : userId }) });
     }), [scUser, widgets]);
     if (scUser === null) {
-        return React.createElement(UserFeedSkeleton, null);
+        return _jsx(UserFeedSkeleton, {});
     }
-    return (React.createElement(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
         }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: FeedObjectSkeleton, ItemSkeletonProps: {
             template: SCFeedObjectTemplateType.PREVIEW
-        } }, (scUserContext.user ? { HeaderComponent: React.createElement(InlineComposerWidget, { onSuccess: handleComposerSuccess }) } : {}), { FeedSidebarProps: FeedSidebarProps }, FeedProps)));
+        } }, (scUserContext.user ? { HeaderComponent: _jsx(InlineComposerWidget, { onSuccess: handleComposerSuccess }) } : {}), { FeedSidebarProps: FeedSidebarProps }, FeedProps)));
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import { UserProfileHeaderSkeleton } from '@selfcommunity/react-ui';
@@ -32,7 +32,5 @@ const Root = styled(Box, {
  *
  */
 export default function UserProfileSkeleton() {
-    return (React.createElement(Root, { className: classes.root },
-        React.createElement(UserProfileHeaderSkeleton, null),
-        React.createElement(UserFeedSkeleton, null)));
+    return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [_jsx(UserProfileHeaderSkeleton, {}), _jsx(UserFeedSkeleton, {})] })));
 }

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

@@ -1,4 +1,5 @@
-import React, { useEffect, useMemo, useState } from 'react';
+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 { ConnectionUserButton, LoyaltyProgramWidget, TagChip, UserActionIconButton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsWidget, UserConnectionsWidget, UserCounters, UserFollowedCategoriesWidget, UserFollowedUsersWidget, UserFollowersWidget, UserProfileBlocked, UserProfileHeader, UserSubscribedGroupsWidget, } from '@selfcommunity/react-ui';
@@ -202,7 +203,7 @@ export default function UserProfile(inProps) {
         }
     }, [isConnection, scUserContext.managers.followers, scUserContext.managers.connections, followEnabled, isMe, user, scUserContext.user]);
     if (!scUser) {
-        return React.createElement(UserProfileSkeleton, null);
+        return _jsx(UserProfileSkeleton, {});
     }
     // HANDLERS
     const handleEdit = () => {
@@ -216,36 +217,18 @@ export default function UserProfile(inProps) {
     if (privateMessagingEnabled && !isMe && user && user.can_send_pm_to) {
         actionItems = [
             {
-                label: React.createElement(FormattedMessage, { defaultMessage: "templates.userProfile.send.pm", id: "templates.userProfile.send.pm" }),
+                label: _jsx(FormattedMessage, { defaultMessage: "templates.userProfile.send.pm", id: "templates.userProfile.send.pm" }),
                 to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, scUser)
             }
         ];
     }
-    return (React.createElement(Root, { id: id, className: classNames(classes.root, className) },
-        React.createElement(UserProfileHeader, Object.assign({ user: scUser }, UserProfileHeaderProps, { actions: !isMe && scUser && Boolean((scUserContext.user && scUserContext.managers.blockedUsers.isBlocked(scUser)) || blockedBy) ? null : (React.createElement(Stack, { key: `actions_${scUser.id}`, direction: "row", spacing: 2, className: classes.actions },
-                startActions,
-                isMe ? editStartActions : viewStartActions,
-                isMe ? (React.createElement(Button, { variant: "contained", color: "secondary", onClick: handleEdit },
-                    React.createElement(FormattedMessage, { defaultMessage: "templates.userProfile.edit", id: "templates.userProfile.edit" }))) : (React.createElement(ConnectionUserButton, { user: scUser })),
-                isMe ? editEndActions : viewEndActions,
-                endActions,
-                React.createElement(UserActionIconButton, { user: scUser, items: actionItems }))) })),
-        scUserContext.user === undefined ||
-            (scUserContext.user && ((loadingBlockedBy && blockedBy === null) || scUserContext.managers.blockedUsers.isLoading())) ? (React.createElement(UserFeedSkeleton, null)) : (React.createElement(React.Fragment, null, loadingBlockedBy || (scUserContext.user && scUserContext.managers.blockedUsers.loading) ? null : (React.createElement(React.Fragment, null, !isMe && scUser && Boolean((scUserContext.user && scUserContext.managers.blockedUsers.isBlocked(scUser)) || blockedBy) ? (React.createElement(UserProfileBlocked, { user: scUser, blockedByUser: blockedBy })) : (React.createElement(React.Fragment, null,
-            React.createElement(UserCounters, { className: classes.counters, userId: userId, user: scUser }),
-            scUser.date_joined && (React.createElement(Typography, { className: classes.info },
-                React.createElement(FormattedMessage, { id: "templates.userProfile.dateJoined", defaultMessage: "templates.userProfile.dateJoined", values: {
-                        date: intl.formatDate(scUser.date_joined, {
-                            year: 'numeric',
-                            month: 'long'
-                        })
-                    } }))),
-            scUser.location && (React.createElement(Typography, { className: classes.info },
-                React.createElement(Icon, null, "add_location_alt"),
-                " ",
-                scUser.location)),
-            taggingEnabled && (React.createElement(Stack, { key: `tags_${scUser.id}`, direction: "row", spacing: 2, className: classes.tags }, scUser.tags
-                .filter((t) => t.visible)
-                .map((tag) => (React.createElement(TagChip, { key: tag.id, tag: tag, clickable: false, disposable: false }))))),
-            React.createElement(UserFeed, Object.assign({ key: `feed_${scUser.id}`, className: classes.feed, user: scUser, widgets: _widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, UserFeedProps))))))))));
+    return (_jsxs(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, { children: [_jsx(UserProfileHeader, Object.assign({ user: scUser }, UserProfileHeaderProps, { actions: !isMe && scUser && Boolean((scUserContext.user && scUserContext.managers.blockedUsers.isBlocked(scUser)) || blockedBy) ? null : (_jsxs(Stack, Object.assign({ direction: "row", spacing: 2, className: classes.actions }, { children: [startActions, isMe ? editStartActions : viewStartActions, isMe ? (_jsx(Button, Object.assign({ variant: "contained", color: "secondary", onClick: handleEdit }, { children: _jsx(FormattedMessage, { defaultMessage: "templates.userProfile.edit", id: "templates.userProfile.edit" }) }))) : (_jsx(ConnectionUserButton, { user: scUser })), isMe ? editEndActions : viewEndActions, endActions, _jsx(UserActionIconButton, { user: scUser, items: actionItems })] }), `actions_${scUser.id}`)) })), scUserContext.user === undefined ||
+                (scUserContext.user && ((loadingBlockedBy && blockedBy === null) || scUserContext.managers.blockedUsers.isLoading())) ? (_jsx(UserFeedSkeleton, {})) : (_jsx(_Fragment, { children: loadingBlockedBy || (scUserContext.user && scUserContext.managers.blockedUsers.loading) ? null : (_jsx(_Fragment, { children: !isMe && scUser && Boolean((scUserContext.user && scUserContext.managers.blockedUsers.isBlocked(scUser)) || blockedBy) ? (_jsx(UserProfileBlocked, { user: scUser, blockedByUser: blockedBy })) : (_jsxs(_Fragment, { children: [_jsx(UserCounters, { className: classes.counters, userId: userId, user: scUser }), scUser.date_joined && (_jsx(Typography, Object.assign({ className: classes.info }, { children: _jsx(FormattedMessage, { id: "templates.userProfile.dateJoined", defaultMessage: "templates.userProfile.dateJoined", values: {
+                                        date: intl.formatDate(scUser.date_joined, {
+                                            year: 'numeric',
+                                            month: 'long'
+                                        })
+                                    } }) }))), scUser.location && (_jsxs(Typography, Object.assign({ className: classes.info }, { children: [_jsx(Icon, { children: "add_location_alt" }), " ", scUser.location] }))), taggingEnabled && (_jsx(Stack, Object.assign({ direction: "row", spacing: 2, className: classes.tags }, { children: scUser.tags
+                                    .filter((t) => t.visible)
+                                    .map((tag) => (_jsx(TagChip, { tag: tag, clickable: false, disposable: false }, tag.id))) }), `tags_${scUser.id}`)), _jsx(UserFeed, Object.assign({ className: classes.feed, user: scUser, widgets: _widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, UserFeedProps), `feed_${scUser.id}`)] })) })) }))] })));
 }

package/lib/esm/index.d.ts

@@ -7,6 +7,8 @@ import NotificationFeed, { NotificationFeedProps, NotificationFeedSkeleton } fro
 import UserFeed, { UserFeedProps, UserFeedSkeleton } from './components/UserFeed';
 import UserProfile, { UserProfileProps, UserProfileSkeleton } from './components/UserProfile';
 import LoyaltyProgramDetail, { LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton } from './components/LoyaltyProgramDetail';
-import GroupFeed, { GroupFeedProps, GroupFeedSkeleton } from './components/GroupFeed';
 import Group, { GroupProps, GroupSkeleton } from './components/Group';
-export { Category, CategoryProps, CategorySkeleton, CategoryFeed, CategoryFeedProps, CategoryFeedSkeleton, ExploreFeed, ExploreFeedProps, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailProps, FeedObjectDetailSkeleton, MainFeed, MainFeedProps, MainFeedSkeleton, NotificationFeed, NotificationFeedProps, NotificationFeedSkeleton, UserFeed, UserFeedProps, UserFeedSkeleton, UserProfile, UserProfileProps, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedProps, GroupFeedSkeleton, Group, GroupProps, GroupSkeleton };
+import GroupFeed, { GroupFeedProps, GroupFeedSkeleton } from './components/GroupFeed';
+import Event, { EventProps, EventSkeleton } from './components/Event';
+import EventFeed, { EventFeedProps, EventFeedSkeleton } from './components/EventFeed';
+export { Category, CategoryProps, CategorySkeleton, CategoryFeed, CategoryFeedProps, CategoryFeedSkeleton, ExploreFeed, ExploreFeedProps, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailProps, FeedObjectDetailSkeleton, MainFeed, MainFeedProps, MainFeedSkeleton, NotificationFeed, NotificationFeedProps, NotificationFeedSkeleton, UserFeed, UserFeedProps, UserFeedSkeleton, UserProfile, UserProfileProps, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedProps, GroupFeedSkeleton, Group, GroupProps, GroupSkeleton, Event, EventProps, EventSkeleton, EventFeed, EventFeedProps, EventFeedSkeleton };

package/lib/esm/index.js

@@ -7,6 +7,8 @@ import NotificationFeed, { NotificationFeedSkeleton } from './components/Notific
 import UserFeed, { UserFeedSkeleton } from './components/UserFeed';
 import UserProfile, { UserProfileSkeleton } from './components/UserProfile';
 import LoyaltyProgramDetail, { LoyaltyProgramDetailSkeleton } from './components/LoyaltyProgramDetail';
-import GroupFeed, { GroupFeedSkeleton } from './components/GroupFeed';
 import Group, { GroupSkeleton } from './components/Group';
-export { Category, CategorySkeleton, CategoryFeed, CategoryFeedSkeleton, ExploreFeed, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailSkeleton, MainFeed, MainFeedSkeleton, NotificationFeed, NotificationFeedSkeleton, UserFeed, UserFeedSkeleton, UserProfile, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedSkeleton, Group, GroupSkeleton };
+import GroupFeed, { GroupFeedSkeleton } from './components/GroupFeed';
+import Event, { EventSkeleton } from './components/Event';
+import EventFeed, { EventFeedSkeleton } from './components/EventFeed';
+export { Category, CategorySkeleton, CategoryFeed, CategoryFeedSkeleton, ExploreFeed, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailSkeleton, MainFeed, MainFeedSkeleton, NotificationFeed, NotificationFeedSkeleton, UserFeed, UserFeedSkeleton, UserProfile, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedSkeleton, Group, GroupSkeleton, Event, EventSkeleton, EventFeed, EventFeedSkeleton };