@selfcommunity/react-templates 0.3.50-events.41 → 0.3.50-events.44

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}`)] })) })) }))] })));
 }