@selfcommunity/react-ui 0.7.50-events.40 → 0.7.50-events.43

package/lib/cjs/components/UserConnectionsWidget/UserConnectionsWidget.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const List_1 = tslib_1.__importDefault(require("@mui/material/List"));
@@ -171,25 +172,12 @@ function UserConnectionsWidget(inProps) {
     };
     // RENDER
     if (followEnabled || (autoHide && !state.count && state.initialized) || (!contentAvailability && !scUserContext.user) || !scUser) {
-        return react_1.default.createElement(HiddenPlaceholder_1.default, null);
+        return (0, jsx_runtime_1.jsx)(HiddenPlaceholder_1.default, {});
     }
     if (!state.initialized) {
-        return react_1.default.createElement(Skeleton_1.default, null);
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
-    const content = (react_1.default.createElement(material_1.CardContent, null,
-        react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userConnectionsWidget.title", defaultMessage: "ui.userConnectionsWidget.title", values: { total: scUser.connections_counter } })),
-        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userConnectionsWidget.subtitle.noResults", defaultMessage: "" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(List_1.default, null, state.results.slice(0, state.visibleItems).map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
-                react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: user, followConnectUserButtonProps: { followConnectUserButtonProps: { onChangeConnectionStatus: handleChangeConnectionStatus } } }, UserProps)))))),
-            state.count > state.visibleItems && (react_1.default.createElement(material_1.Button, { className: classes.showMore, onClick: handleToggleDialogOpen },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userConnectionsWidget.button.showAll", defaultMessage: "ui.userConnectionsWidget.button.showAll" }))))),
-        openDialog && (react_1.default.createElement(DialogRoot, Object.assign({ className: classes.dialogRoot, title: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userConnectionsWidget.title", id: "ui.userConnectionsWidget.title", values: { total: scUser.connections_counter } }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps),
-            react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(User_1.UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: react_1.default.createElement(material_1.Typography, { className: classes.endMessage },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userConnectionsWidget.noMoreResults", defaultMessage: "ui.userConnectionsWidget.noMoreResults" })) },
-                react_1.default.createElement(List_1.default, null, state.results.map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
-                    react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: user, followConnectUserButtonProps: { followConnectUserButtonProps: { onChangeConnectionStatus: handleChangeConnectionStatus } } }, UserProps)))))))))));
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), content));
+    const content = ((0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.title, variant: "h5" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userConnectionsWidget.title", defaultMessage: "ui.userConnectionsWidget.title", values: { total: scUser.connections_counter } }) })), !state.count ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.noResults, variant: "body2" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userConnectionsWidget.subtitle.noResults", defaultMessage: "" }) }))) : ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(List_1.default, { children: state.results.slice(0, state.visibleItems).map((user) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, Object.assign({ elevation: 0, user: user, followConnectUserButtonProps: { followConnectUserButtonProps: { onChangeConnectionStatus: handleChangeConnectionStatus } } }, UserProps)) }, user.id))) }), state.count > state.visibleItems && ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.showMore, onClick: handleToggleDialogOpen }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userConnectionsWidget.button.showAll", defaultMessage: "ui.userConnectionsWidget.button.showAll" }) })))] })), openDialog && ((0, jsx_runtime_1.jsx)(DialogRoot, Object.assign({ className: classes.dialogRoot, title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.userConnectionsWidget.title", id: "ui.userConnectionsWidget.title", values: { total: scUser.connections_counter } }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps, { children: (0, jsx_runtime_1.jsx)(InfiniteScroll_1.default, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: (0, jsx_runtime_1.jsx)(User_1.UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.endMessage }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userConnectionsWidget.noMoreResults", defaultMessage: "ui.userConnectionsWidget.noMoreResults" }) })) }, { children: (0, jsx_runtime_1.jsx)(List_1.default, { children: state.results.map((user) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, Object.assign({ elevation: 0, user: user, followConnectUserButtonProps: { followConnectUserButtonProps: { onChangeConnectionStatus: handleChangeConnectionStatus } } }, UserProps)) }, user.id))) }) })) })))] }));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: content })));
 }
 exports.default = UserConnectionsWidget;

package/lib/cjs/components/UserCounters/UserCounters.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
@@ -87,36 +88,26 @@ function UserCounters(inProps) {
     if (scUserContext.user === undefined || !scUser) {
         return null;
     }
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
-        followEnabled ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Button, { className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWINGS_ROUTE_NAME, scUser) },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userCounters.followings", defaultMessage: "ui.userCounters.followings", values: {
-                        count: scUser === null || scUser === void 0 ? void 0 : scUser.followings_counter,
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [followEnabled ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWINGS_ROUTE_NAME, scUser) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userCounters.followings", defaultMessage: "ui.userCounters.followings", values: {
+                                count: scUser === null || scUser === void 0 ? void 0 : scUser.followings_counter,
+                                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                                // @ts-ignore
+                                b: (chunks) => (0, jsx_runtime_1.jsx)("strong", { children: chunks })
+                            } }) })), (0, jsx_runtime_1.jsx)(Bullet_1.default, {}), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWERS_ROUTE_NAME, scUser) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userCounters.followers", defaultMessage: "ui.userCounters.followers", values: {
+                                count: scUser === null || scUser === void 0 ? void 0 : scUser.followers_counter,
+                                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                                // @ts-ignore
+                                b: (chunks) => (0, jsx_runtime_1.jsx)("strong", { children: chunks })
+                            } }) }))] })) : ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_CONNECTIONS_ROUTE_NAME, scUser) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userCounters.connections", defaultMessage: "ui.userCounters.connections", values: {
+                        count: scUser === null || scUser === void 0 ? void 0 : scUser.connections_counter,
                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                         // @ts-ignore
-                        b: (chunks) => react_1.default.createElement("strong", null, chunks)
-                    } })),
-            react_1.default.createElement(Bullet_1.default, null),
-            react_1.default.createElement(material_1.Button, { className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWERS_ROUTE_NAME, scUser) },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userCounters.followers", defaultMessage: "ui.userCounters.followers", values: {
-                        count: scUser === null || scUser === void 0 ? void 0 : scUser.followers_counter,
+                        b: (chunks) => (0, jsx_runtime_1.jsx)("strong", { children: chunks })
+                    } }) }))), (0, jsx_runtime_1.jsx)(Bullet_1.default, {}), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_CATEGORIES_ROUTE_NAME, scUser) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userCounters.categories", defaultMessage: "ui.userCounters.categories", values: {
+                        count: scUser === null || scUser === void 0 ? void 0 : scUser.categories_counter,
                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                         // @ts-ignore
-                        b: (chunks) => react_1.default.createElement("strong", null, chunks)
-                    } })))) : (react_1.default.createElement(material_1.Button, { className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_CONNECTIONS_ROUTE_NAME, scUser) },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userCounters.connections", defaultMessage: "ui.userCounters.connections", values: {
-                    count: scUser === null || scUser === void 0 ? void 0 : scUser.connections_counter,
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                    // @ts-ignore
-                    b: (chunks) => react_1.default.createElement("strong", null, chunks)
-                } }))),
-        react_1.default.createElement(Bullet_1.default, null),
-        react_1.default.createElement(material_1.Button, { className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_CATEGORIES_ROUTE_NAME, scUser) },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userCounters.categories", defaultMessage: "ui.userCounters.categories", values: {
-                    count: scUser === null || scUser === void 0 ? void 0 : scUser.categories_counter,
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                    // @ts-ignore
-                    b: (chunks) => react_1.default.createElement("strong", null, chunks)
-                } }))));
+                        b: (chunks) => (0, jsx_runtime_1.jsx)("strong", { children: chunks })
+                    } }) }))] })));
 }
 exports.default = UserCounters;

package/lib/cjs/components/UserFollowedCategoriesWidget/Skeleton.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Skeleton_1 = tslib_1.__importDefault(require("../CategoriesSuggestionWidget/Skeleton"));
 const styles_1 = require("@mui/material/styles");
 const PREFIX = 'SCUserFollowedCategoriesWidgetSkeleton';
@@ -33,6 +33,6 @@ const Root = (0, styles_1.styled)(Skeleton_1.default, {
  *
  */
 function UserFollowedCategoriesWidgetSkeleton(props) {
-    return react_1.default.createElement(Root, Object.assign({ className: classes.root }, props));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root }, props));
 }
 exports.default = UserFollowedCategoriesWidgetSkeleton;

package/lib/cjs/components/UserFollowedCategoriesWidget/UserFollowedCategoriesWidget.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const List_1 = tslib_1.__importDefault(require("@mui/material/List"));
@@ -153,28 +154,12 @@ function UserFollowedCategoriesWidget(inProps) {
     };
     // RENDER
     if ((autoHide && !state.count && state.initialized) || !userId) {
-        return react_1.default.createElement(HiddenPlaceholder_1.default, null);
+        return (0, jsx_runtime_1.jsx)(HiddenPlaceholder_1.default, {});
     }
     if (!state.initialized) {
-        return react_1.default.createElement(Skeleton_1.default, null);
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
-    const content = (react_1.default.createElement(material_1.CardContent, null,
-        react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowedCategoriesWidget.title", defaultMessage: "ui.userFollowedCategoriesWidget.title", values: { total: isMe ? state.results.filter((c) => c.followed).length : state.count } })),
-        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowedCategoriesWidget.subtitle.noResults", defaultMessage: "ui.userFollowedCategoriesWidget.subtitle.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(List_1.default, null, state.results.slice(0, limit).map((category) => (react_1.default.createElement(material_1.ListItem, { key: category.id },
-                react_1.default.createElement(Category_1.default, Object.assign({ elevation: 0, category: category, categoryFollowButtonProps: { onFollow: handleOnFollowCategory } }, CategoryProps)))))),
-            limit < state.count && (react_1.default.createElement(material_1.Button, { className: classes.showMore, onClick: handleToggleDialogOpen },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowedCategoriesWidget.button.showAll", defaultMessage: "ui.userFollowedCategoriesWidget.button.showAll" }))),
-            openDialog && (react_1.default.createElement(DialogRoot, Object.assign({ className: classes.dialogRoot, title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowedCategoriesWidget.title", defaultMessage: "ui.userFollowedCategoriesWidget.title", values: { total: state.count } }), onClose: handleToggleDialogOpen, open: openDialog, scroll: "paper" }, DialogProps),
-                react_1.default.createElement(List_1.default, null,
-                    state.results.map((c) => (react_1.default.createElement(material_1.ListItem, { key: c.id },
-                        react_1.default.createElement(Category_1.default, Object.assign({ elevation: 0, category: c, categoryFollowButtonProps: { onFollow: handleOnFollowCategory } }, CategoryProps))))),
-                    state.isLoadingNext && (react_1.default.createElement(material_1.ListItem, null,
-                        react_1.default.createElement(Category_1.CategorySkeleton, Object.assign({ elevation: 0 }, CategoryProps))))),
-                react_1.default.createElement(material_1.Typography, { className: classes.endMessage },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowedCategoriesWidget.noMoreResults", defaultMessage: "ui.userFollowedCategoriesWidget.noMoreResults" }))))))));
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), content));
+    const content = ((0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.title, variant: "h5" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowedCategoriesWidget.title", defaultMessage: "ui.userFollowedCategoriesWidget.title", values: { total: isMe ? state.results.filter((c) => c.followed).length : state.count } }) })), !state.count ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.noResults, variant: "body2" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowedCategoriesWidget.subtitle.noResults", defaultMessage: "ui.userFollowedCategoriesWidget.subtitle.noResults" }) }))) : ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(List_1.default, { children: state.results.slice(0, limit).map((category) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(Category_1.default, Object.assign({ elevation: 0, category: category, categoryFollowButtonProps: { onFollow: handleOnFollowCategory } }, CategoryProps)) }, category.id))) }), limit < state.count && ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.showMore, onClick: handleToggleDialogOpen }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowedCategoriesWidget.button.showAll", defaultMessage: "ui.userFollowedCategoriesWidget.button.showAll" }) }))), openDialog && ((0, jsx_runtime_1.jsxs)(DialogRoot, Object.assign({ className: classes.dialogRoot, title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowedCategoriesWidget.title", defaultMessage: "ui.userFollowedCategoriesWidget.title", values: { total: state.count } }), onClose: handleToggleDialogOpen, open: openDialog, scroll: "paper" }, DialogProps, { children: [(0, jsx_runtime_1.jsxs)(List_1.default, { children: [state.results.map((c) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(Category_1.default, Object.assign({ elevation: 0, category: c, categoryFollowButtonProps: { onFollow: handleOnFollowCategory } }, CategoryProps)) }, c.id))), state.isLoadingNext && ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(Category_1.CategorySkeleton, Object.assign({ elevation: 0 }, CategoryProps)) }))] }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.endMessage }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowedCategoriesWidget.noMoreResults", defaultMessage: "ui.userFollowedCategoriesWidget.noMoreResults" }) }))] })))] }))] }));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: content })));
 }
 exports.default = UserFollowedCategoriesWidget;

package/lib/cjs/components/UserFollowedUsersWidget/Skeleton.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const CategoryTrendingUsersWidget_1 = require("../CategoryTrendingUsersWidget");
 const styles_1 = require("@mui/material/styles");
 const constants_1 = require("./constants");
@@ -33,6 +32,6 @@ const Root = (0, styles_1.styled)(CategoryTrendingUsersWidget_1.CategoryTrending
  *
  */
 function UserFollowedUsersWidgetSkeleton(props) {
-    return react_1.default.createElement(Root, Object.assign({ className: classes.root }, props));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root }, props));
 }
 exports.default = UserFollowedUsersWidgetSkeleton;

package/lib/cjs/components/UserFollowedUsersWidget/UserFollowedUsersWidget.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const List_1 = tslib_1.__importDefault(require("@mui/material/List"));
@@ -179,25 +180,12 @@ function UserFollowedUsersWidget(inProps) {
     };
     // RENDER
     if (!followEnabled || (autoHide && !state.count && state.initialized) || (!contentAvailability && !scUserContext.user) || !scUser) {
-        return react_1.default.createElement(HiddenPlaceholder_1.default, null);
+        return (0, jsx_runtime_1.jsx)(HiddenPlaceholder_1.default, {});
     }
     if (!state.initialized) {
-        return react_1.default.createElement(Skeleton_1.default, null);
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
-    const content = (react_1.default.createElement(material_1.CardContent, null,
-        react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowedUsersWidget.title", defaultMessage: "ui.userFollowedUsersWidget.title", values: { total: scUser.followings_counter } })),
-        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowedUsersWidget.subtitle.noResults", defaultMessage: "" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(List_1.default, null, state.results.slice(0, state.visibleItems).map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
-                react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)))))),
-            state.count > state.visibleItems && (react_1.default.createElement(material_1.Button, { className: classes.showMore, onClick: handleToggleDialogOpen },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowedUsersWidget.button.showAll", defaultMessage: "ui.userFollowedUsersWidget.button.showAll" }))))),
-        openDialog && (react_1.default.createElement(DialogRoot, Object.assign({ className: classes.dialogRoot, title: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userFollowedUsersWidget.title", id: "ui.userFollowedUsersWidget.title", values: { total: scUser.followings_counter } }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps),
-            react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(User_1.UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: react_1.default.createElement(material_1.Typography, { className: classes.endMessage },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowedUsersWidget.noMoreResults", defaultMessage: "ui.userFollowedUsersWidget.noMoreResults" })) },
-                react_1.default.createElement(List_1.default, null, state.results.map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
-                    react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)))))))))));
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), content));
+    const content = ((0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.title, variant: "h5" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowedUsersWidget.title", defaultMessage: "ui.userFollowedUsersWidget.title", values: { total: scUser.followings_counter } }) })), !state.count ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.noResults, variant: "body2" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowedUsersWidget.subtitle.noResults", defaultMessage: "" }) }))) : ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(List_1.default, { children: state.results.slice(0, state.visibleItems).map((user) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)) }, user.id))) }), state.count > state.visibleItems && ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.showMore, onClick: handleToggleDialogOpen }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowedUsersWidget.button.showAll", defaultMessage: "ui.userFollowedUsersWidget.button.showAll" }) })))] })), openDialog && ((0, jsx_runtime_1.jsx)(DialogRoot, Object.assign({ className: classes.dialogRoot, title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.userFollowedUsersWidget.title", id: "ui.userFollowedUsersWidget.title", values: { total: scUser.followings_counter } }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps, { children: (0, jsx_runtime_1.jsx)(InfiniteScroll_1.default, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: (0, jsx_runtime_1.jsx)(User_1.UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.endMessage }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowedUsersWidget.noMoreResults", defaultMessage: "ui.userFollowedUsersWidget.noMoreResults" }) })) }, { children: (0, jsx_runtime_1.jsx)(List_1.default, { children: state.results.map((user) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)) }, user.id))) }) })) })))] }));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: content })));
 }
 exports.default = UserFollowedUsersWidget;

package/lib/cjs/components/UserFollowersWidget/Skeleton.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const CategoryTrendingUsersWidget_1 = require("../CategoryTrendingUsersWidget");
 const styles_1 = require("@mui/material/styles");
 const constants_1 = require("./constants");
@@ -33,6 +32,6 @@ const Root = (0, styles_1.styled)(CategoryTrendingUsersWidget_1.CategoryTrending
  *
  */
 function UserFollowersSkeleton(props) {
-    return react_1.default.createElement(Root, Object.assign({ className: classes.root }, props));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root }, props));
 }
 exports.default = UserFollowersSkeleton;

package/lib/cjs/components/UserFollowersWidget/UserFollowersWidget.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const List_1 = tslib_1.__importDefault(require("@mui/material/List"));
@@ -177,25 +178,12 @@ function UserFollowersWidget(inProps) {
     };
     // RENDER
     if (!followEnabled || (autoHide && !state.count && state.initialized) || (!contentAvailability && !scUserContext.user) || !scUser) {
-        return react_1.default.createElement(HiddenPlaceholder_1.default, null);
+        return (0, jsx_runtime_1.jsx)(HiddenPlaceholder_1.default, {});
     }
     if (!state.initialized) {
-        return react_1.default.createElement(Skeleton_1.default, null);
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
-    const content = (react_1.default.createElement(material_1.CardContent, null,
-        react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowersWidget.title", defaultMessage: "ui.userFollowersWidget.title", values: { total: scUser.followers_counter } })),
-        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowersWidget.subtitle.noResults", defaultMessage: "" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(List_1.default, null, state.results.slice(0, state.visibleItems).map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
-                react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)))))),
-            state.count > state.visibleItems && (react_1.default.createElement(material_1.Button, { className: classes.showMore, onClick: handleToggleDialogOpen },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowersWidget.button.showAll", defaultMessage: "ui.userFollowersWidget.button.showAll" }))))),
-        openDialog && (react_1.default.createElement(DialogRoot, Object.assign({ className: classes.dialogRoot, title: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userFollowersWidget.title", id: "ui.userFollowersWidget.title", values: { total: scUser.followers_counter } }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps),
-            react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(User_1.UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: react_1.default.createElement(material_1.Typography, { className: classes.endMessage },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userFollowersWidget.noMoreResults", defaultMessage: "ui.userFollowersWidget.noMoreResults" })) },
-                react_1.default.createElement(List_1.default, null, state.results.map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
-                    react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)))))))))));
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), content));
+    const content = ((0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.title, variant: "h5" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowersWidget.title", defaultMessage: "ui.userFollowersWidget.title", values: { total: scUser.followers_counter } }) })), !state.count ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.noResults, variant: "body2" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowersWidget.subtitle.noResults", defaultMessage: "" }) }))) : ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(List_1.default, { children: state.results.slice(0, state.visibleItems).map((user) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)) }, user.id))) }), state.count > state.visibleItems && ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.showMore, onClick: handleToggleDialogOpen }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowersWidget.button.showAll", defaultMessage: "ui.userFollowersWidget.button.showAll" }) })))] })), openDialog && ((0, jsx_runtime_1.jsx)(DialogRoot, Object.assign({ className: classes.dialogRoot, title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.userFollowersWidget.title", id: "ui.userFollowersWidget.title", values: { total: scUser.followers_counter } }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps, { children: (0, jsx_runtime_1.jsx)(InfiniteScroll_1.default, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: (0, jsx_runtime_1.jsx)(User_1.UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.endMessage }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userFollowersWidget.noMoreResults", defaultMessage: "ui.userFollowersWidget.noMoreResults" }) })) }, { children: (0, jsx_runtime_1.jsx)(List_1.default, { children: state.results.map((user) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)) }, user.id))) }) })) })))] }));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: content })));
 }
 exports.default = UserFollowersWidget;

package/lib/cjs/components/UserInfo/Skeleton.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
 const Skeleton_1 = tslib_1.__importDefault(require("@mui/material/Skeleton"));
@@ -35,10 +35,6 @@ const Root = (0, styles_1.styled)(material_1.Box, {
  *
  */
 function UserProfileInfoSkeleton() {
-    return (react_1.default.createElement(Root, { className: classes.root }, Array.from({ length: 3 }).map((v, i) => (react_1.default.createElement(material_1.Box, { className: classes.field, key: i },
-        react_1.default.createElement(material_1.Typography, { variant: "h6" },
-            react_1.default.createElement(Skeleton_1.default, { animation: "wave", sx: { height: 20, width: '50%' } })),
-        react_1.default.createElement(material_1.Typography, { variant: "body2" },
-            react_1.default.createElement(Skeleton_1.default, { animation: "wave", sx: { height: 20, width: '80%' } })))))));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root }, { children: Array.from({ length: 3 }).map((v, i) => ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.field }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6" }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", sx: { height: 20, width: '50%' } }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2" }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", sx: { height: 20, width: '80%' } }) }))] }), i))) })));
 }
 exports.default = UserProfileInfoSkeleton;

package/lib/cjs/components/UserInfo/UserInfo.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
@@ -122,29 +123,27 @@ function UserInfo(inProps) {
             case types_1.SCUserProfileFields.DATE_OF_BIRTH:
                 return `${intl.formatDate(user[field], { year: 'numeric', month: 'numeric', day: 'numeric' })}`;
             case types_1.SCUserProfileFields.TAGS:
-                return (react_1.default.createElement(Tags_1.default, { tags: user.tags.filter((t) => t.visible), type: Tags_1.TagsComponentType.LIST, direction: 'row', TagChipProps: { clickable: false, disposable: false } }));
+                return ((0, jsx_runtime_1.jsx)(Tags_1.default, { tags: user.tags.filter((t) => t.visible), type: Tags_1.TagsComponentType.LIST, direction: 'row', TagChipProps: { clickable: false, disposable: false } }));
             case types_1.SCUserProfileFields.WEBSITE:
-                return (react_1.default.createElement("a", { href: user[field], target: '_blank' }, user[field]));
+                return ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: user[field], target: '_blank' }, { children: user[field] })));
             default:
                 return user[field];
         }
     };
     if (!scUser || !metadataDefinitions) {
-        return react_1.default.createElement(Skeleton_1.default, null);
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
     if (_fields.length === 0) {
         return null;
     }
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), _fields.map((field) => {
-        if (scUser[field]) {
-            if (field === types_1.SCUserProfileFields.TAGS) {
-                return scUser[field].length > 0 ? (react_1.default.createElement(material_1.Box, { key: field, className: classes.field }, renderField(scUser, field))) : null;
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: _fields.map((field) => {
+            if (scUser[field]) {
+                if (field === types_1.SCUserProfileFields.TAGS) {
+                    return scUser[field].length > 0 ? ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.field }, { children: renderField(scUser, field) }), field)) : null;
+                }
+                return ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.field }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6" }, { children: metadataDefinitions[field] ? metadataDefinitions[field].label : intl.formatMessage(messages[(0, utils_1.camelCase)(field)]) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2" }, { children: renderField(scUser, field) }))] }), field));
             }
-            return (react_1.default.createElement(material_1.Box, { key: field, className: classes.field },
-                react_1.default.createElement(material_1.Typography, { variant: "h6" }, metadataDefinitions[field] ? metadataDefinitions[field].label : intl.formatMessage(messages[(0, utils_1.camelCase)(field)])),
-                react_1.default.createElement(material_1.Typography, { variant: "body2" }, renderField(scUser, field))));
-        }
-        return null;
-    })));
+            return null;
+        }) })));
 }
 exports.default = UserInfo;

package/lib/cjs/components/UserInfoDialog/UserInfoDialog.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const react_1 = tslib_1.__importDefault(require("react"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const system_1 = require("@mui/system");
 const UserInfo_1 = tslib_1.__importStar(require("../UserInfo"));
@@ -30,9 +30,7 @@ function UserInfoDialog(inProps) {
     // HOOKS
     const { scUser } = (0, react_core_1.useSCFetchUser)({ id: userId, user });
     // RENDER
-    const subtitle = (react_1.default.createElement(material_1.Box, { className: classes.caption },
-        react_1.default.createElement(material_1.Avatar, { className: classes.avatar, src: scUser === null || scUser === void 0 ? void 0 : scUser.avatar }),
-        react_1.default.createElement(material_1.Typography, { className: classes.username, variant: "h6" }, (scUser === null || scUser === void 0 ? void 0 : scUser.real_name) ? scUser === null || scUser === void 0 ? void 0 : scUser.real_name : scUser === null || scUser === void 0 ? void 0 : scUser.username)));
-    return (react_1.default.createElement(Root, Object.assign({ title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userInfoDialog.title", defaultMessage: "ui.userInfoDialog.title" }), subtitle: subtitle, className: (0, classnames_1.default)(classes.root, className) }, rest), scUser ? react_1.default.createElement(UserInfo_1.default, Object.assign({}, UserInfoProps, { userId: userId, user: scUser })) : react_1.default.createElement(UserInfo_1.UserInfoSkeleton, null)));
+    const subtitle = ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.caption }, { children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, { className: classes.avatar, src: scUser === null || scUser === void 0 ? void 0 : scUser.avatar }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.username, variant: "h6" }, { children: (scUser === null || scUser === void 0 ? void 0 : scUser.real_name) ? scUser === null || scUser === void 0 ? void 0 : scUser.real_name : scUser === null || scUser === void 0 ? void 0 : scUser.username }))] })));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userInfoDialog.title", defaultMessage: "ui.userInfoDialog.title" }), subtitle: subtitle, className: (0, classnames_1.default)(classes.root, className) }, rest, { children: scUser ? (0, jsx_runtime_1.jsx)(UserInfo_1.default, Object.assign({}, UserInfoProps, { userId: userId, user: scUser })) : (0, jsx_runtime_1.jsx)(UserInfo_1.UserInfoSkeleton, {}) })));
 }
 exports.default = UserInfoDialog;

package/lib/cjs/components/UserProfileBlocked/UserProfileBlocked.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
@@ -70,7 +71,7 @@ function UserProfileBlocked(inProps) {
     const handleBlock = (0, react_1.useMemo)(() => () => {
         scUserContext.managers.blockedUsers.block(scUser).catch((error) => {
             utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
                 variant: 'error',
                 autoHideDuration: 3000
             });
@@ -79,14 +80,6 @@ function UserProfileBlocked(inProps) {
     if (!scUser || !scUserContext.user || loadingBlockedBy) {
         return null;
     }
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
-        react_1.default.createElement(material_1.Divider, null),
-        !isMe && blockedBy && (react_1.default.createElement(material_1.Typography, { variant: "body1", className: classes.info },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileBlocked.blockedUserBy", defaultMessage: "ui.userProfileBlocked.blockedUserBy" }))),
-        !isMe && scUserContext.managers.blockedUsers.isBlocked(scUser) && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Typography, { variant: "body1", className: classes.info },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileBlocked.blockedUser", defaultMessage: "ui.userProfileBlocked.blockedUser" })),
-            react_1.default.createElement(lab_1.LoadingButton, { variant: "contained", className: classes.button, loading: scUserContext.managers.blockedUsers.loading, disabled: scUserContext.managers.blockedUsers.loading, onClick: handleBlock },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileBlocked.unBlockUser", defaultMessage: "ui.userProfileBlocked.unBlockUser" }))))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Divider, {}), !isMe && blockedBy && ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", className: classes.info }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileBlocked.blockedUserBy", defaultMessage: "ui.userProfileBlocked.blockedUserBy" }) }))), !isMe && scUserContext.managers.blockedUsers.isBlocked(scUser) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", className: classes.info }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileBlocked.blockedUser", defaultMessage: "ui.userProfileBlocked.blockedUser" }) })), (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, Object.assign({ variant: "contained", className: classes.button, loading: scUserContext.managers.blockedUsers.loading, disabled: scUserContext.managers.blockedUsers.loading, onClick: handleBlock }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileBlocked.unBlockUser", defaultMessage: "ui.userProfileBlocked.unBlockUser" }) }))] }))] })));
 }
 exports.default = UserProfileBlocked;

package/lib/cjs/components/UserProfileEdit/Section/Account.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -71,17 +72,6 @@ function Account(props) {
     if (!scUserContext.user) {
         return;
     }
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
-        startActions,
-        showCredentialsSection && react_1.default.createElement(AccountCredentials_1.default, Object.assign({ className: classes.credentials, user: scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user }, AccountCredentialProps)),
-        showLanguageSwitcher && react_1.default.createElement(LanguageSwitcher_1.default, Object.assign({ className: classes.languageSwitcher }, LanguageSwitcherProps)),
-        showSocialAccountSection && (react_1.default.createElement(UserSocialAssociation_1.default, { children: react_1.default.createElement(material_1.Typography, { variant: "body1", mb: 1, sx: { fontWeight: 'bold' } },
-                ' ',
-                intl.formatMessage(messages.socialTitle)), direction: "row", userId: scUserContext.user.id, onDeleteAssociation: handleOpenDeleteDialog, onCreateAssociation: handleAssociationCreate, deletingProvider: shouldUpdate ? provider : null })),
-        openDeleteDialog && (react_1.default.createElement(ConfirmDialog_1.default, { open: openDeleteDialog, title: intl.formatMessage(messages.dialogTitleMsg, { field: provider.provider }), btnConfirm: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccount.socialAssociations.dialog.confirm", defaultMessage: "ui.userProfileEditAccount.socialAssociations.dialog.confirm" }), onConfirm: handleDelete, onClose: () => setOpenDeleteDialog(false) })),
-        endActions,
-        react_1.default.createElement(material_1.Box, { className: classes.dangerZone },
-            react_1.default.createElement(AccountDataPortabilityButton_1.default, { fullWidth: true, variant: "outlined", color: "primary" }),
-            react_1.default.createElement(AccountDeleteButton_1.default, Object.assign({ fullWidth: true, variant: "contained", color: "secondary" }, AccountDeleteButtonProps)))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [startActions, showCredentialsSection && (0, jsx_runtime_1.jsx)(AccountCredentials_1.default, Object.assign({ className: classes.credentials, user: scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user }, AccountCredentialProps)), showLanguageSwitcher && (0, jsx_runtime_1.jsx)(LanguageSwitcher_1.default, Object.assign({ className: classes.languageSwitcher }, LanguageSwitcherProps)), showSocialAccountSection && ((0, jsx_runtime_1.jsx)(UserSocialAssociation_1.default, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "body1", mb: 1, sx: { fontWeight: 'bold' } }, { children: [' ', intl.formatMessage(messages.socialTitle)] })), direction: "row", userId: scUserContext.user.id, onDeleteAssociation: handleOpenDeleteDialog, onCreateAssociation: handleAssociationCreate, deletingProvider: shouldUpdate ? provider : null })), openDeleteDialog && ((0, jsx_runtime_1.jsx)(ConfirmDialog_1.default, { open: openDeleteDialog, title: intl.formatMessage(messages.dialogTitleMsg, { field: provider.provider }), btnConfirm: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccount.socialAssociations.dialog.confirm", defaultMessage: "ui.userProfileEditAccount.socialAssociations.dialog.confirm" }), onConfirm: handleDelete, onClose: () => setOpenDeleteDialog(false) })), endActions, (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.dangerZone }, { children: [(0, jsx_runtime_1.jsx)(AccountDataPortabilityButton_1.default, { fullWidth: true, variant: "outlined", color: "primary" }), (0, jsx_runtime_1.jsx)(AccountDeleteButton_1.default, Object.assign({ fullWidth: true, variant: "contained", color: "secondary" }, AccountDeleteButtonProps))] }))] })));
 }
 exports.default = Account;

package/lib/cjs/components/UserProfileEdit/Section/AccountCredentials.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -136,13 +137,13 @@ function AccountCredentials(props) {
             setIsEditing(false);
             setIsSubmitting(false);
             if (skipEmailValidation) {
-                enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.email.success", defaultMessage: "ui.userProfileEditAccountCredentials.email.success" }), {
+                enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.email.success", defaultMessage: "ui.userProfileEditAccountCredentials.email.success" }), {
                     variant: 'success',
                     autoHideDuration: 3000
                 });
             }
             else {
-                enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.email.successConfirm", defaultMessage: "ui.userProfileEditAccountCredentials.email.successConfirm" }), {
+                enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.email.successConfirm", defaultMessage: "ui.userProfileEditAccountCredentials.email.successConfirm" }), {
                     variant: 'warning',
                     autoHideDuration: 5000
                 });
@@ -157,39 +158,16 @@ function AccountCredentials(props) {
     if (!user) {
         return;
     }
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
-        react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Typography, { variant: "body1", className: classes.email },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.email", defaultMessage: "ui.userProfileEditAccountCredentials.email" })),
-            react_1.default.createElement(react_1.default.Fragment, null, isSubmitting ? (react_1.default.createElement(material_1.CircularProgress, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(EmailTextField_1.default, { name: "email", disabled: !isEditing || isSubmitting, size: "small", value: field.email, onChange: handleChange, onBlur: handleEmailBlur, error: Boolean(error.email), helperText: error.email && (react_1.default.createElement(react_intl_1.FormattedMessage, { id: `ui.userProfileEditAccountCredentials.email.error.${error.email}`, defaultMessage: `ui.userProfileEditAccountCredentials.email.error.${error.email}` })), InputProps: {
-                        endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" }, !isEditing ? (react_1.default.createElement(material_1.IconButton, { onClick: () => setIsEditing(true), edge: "end" },
-                            react_1.default.createElement(Icon_1.default, null, "edit"))) : error.email ? (react_1.default.createElement(Icon_1.default, { color: "error" }, "error")) : (react_1.default.createElement(material_1.IconButton, { onClick: handleSubmitEmail, edge: "end", color: "primary", disabled: !field.email || error.email },
-                            react_1.default.createElement(Icon_1.default, null, "check")))))
-                    } })))),
-            react_1.default.createElement(material_1.Typography, { variant: "body1", className: classes.password },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.passwordLabel", defaultMessage: "ui.userProfileEditAccountCredentials.passwordLabel" })),
-            react_1.default.createElement(material_1.Button, { size: "small", variant: "outlined", onClick: () => setOpenChangePasswordDialog(true), sx: { mb: 1 } },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.changePassword", defaultMessage: "ui.userProfileEditAccountCredentials.changePassword" }))),
-        openChangePasswordDialog && (react_1.default.createElement(PasswordDialogRoot, Object.assign({ className: classes.dialogRoot, title: intl.formatMessage(messages.changePasswordTitle), open: openChangePasswordDialog, onClose: handleCloseDialog }, rest),
-            react_1.default.createElement(material_1.FormGroup, { className: classes.form },
-                react_1.default.createElement(PasswordTextField_1.default, { className: classes.formField, name: "password", disabled: isSubmittingPassword, label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.password", defaultMessage: "ui.userProfileEditAccountCredentials.password" }), size: "medium", value: field.password, onChange: handleChange, error: Boolean(error.password), helperText: error.password && (react_1.default.createElement(react_intl_1.FormattedMessage, { id: `ui.userProfileEditAccountCredentials.password.error.${error.password}`, defaultMessage: `ui.userProfileEditAccountCredentials.password.error.${error.password}` })) }),
-                react_1.default.createElement(PasswordTextField_1.default, { name: "newPassword", className: classes.formField, disabled: isSubmittingPassword, label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.newPassword", defaultMessage: "ui.userProfileEditAccountCredentials.newPassword" }), size: "medium", value: field.newPassword, onChange: handleChange, error: Boolean(error.newPassword), helperText: error.newPassword && (react_1.default.createElement(react_intl_1.FormattedMessage, { id: `ui.userProfileEditAccountCredentials.newPassword.error.${error.newPassword}`, defaultMessage: `ui.userProfileEditAccountCredentials.newPassword.error.${error.newPassword}` })), InputProps: {
-                        endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                            react_1.default.createElement(material_1.IconButton, { "aria-label": "info", onClick: handlePopoverOpen, edge: "end" }, react_1.default.createElement(Icon_1.default, null, "info"))))
-                    } }),
-                react_1.default.createElement(material_1.Popover, { open: open, anchorEl: anchorEl, anchorOrigin: {
-                        vertical: 'center',
-                        horizontal: 'left'
-                    }, transformOrigin: {
-                        vertical: 'center',
-                        horizontal: 'right'
-                    }, onClose: handlePopoverClose },
-                    react_1.default.createElement(material_1.Box, { sx: { p: '10px' } },
-                        react_1.default.createElement(material_1.Typography, { component: 'span', sx: { whiteSpace: 'pre-line' } },
-                            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.newPassword.info", defaultMessage: "ui.userProfileEditAccountCredentials.newPassword.info" })))),
-                react_1.default.createElement(PasswordTextField_1.default, { name: "confirmPassword", className: classes.formField, disabled: isSubmittingPassword, label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.confirmPassword", defaultMessage: "ui.userProfileEditAccountCredentials.confirmPassword" }), size: "medium", value: field.confirmPassword, onChange: handleChange, onBlur: validateInput, error: Boolean(error.confirmPassword), helperText: error.confirmPassword })),
-            react_1.default.createElement(lab_1.LoadingButton, { className: classes.confirmChangeButton, loading: isSubmittingPassword, disabled: !field.confirmPassword || Boolean(error.confirmPassword) || Boolean(error.password) || Boolean(error.newPassword), variant: "contained", onClick: handleSubmitPassword },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.changePassword", defaultMessage: "ui.userProfileEditAccountCredentials.changePassword" }))))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [(0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", className: classes.email }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.email", defaultMessage: "ui.userProfileEditAccountCredentials.email" }) })), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isSubmitting ? ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(EmailTextField_1.default, { name: "email", disabled: !isEditing || isSubmitting, size: "small", value: field.email, onChange: handleChange, onBlur: handleEmailBlur, error: Boolean(error.email), helperText: error.email && ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.userProfileEditAccountCredentials.email.error.${error.email}`, defaultMessage: `ui.userProfileEditAccountCredentials.email.error.${error.email}` })), InputProps: {
+                                    endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, Object.assign({ position: "end" }, { children: !isEditing ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => setIsEditing(true), edge: "end" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "edit" }) }))) : error.email ? ((0, jsx_runtime_1.jsx)(Icon_1.default, Object.assign({ color: "error" }, { children: "error" }))) : ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleSubmitEmail, edge: "end", color: "primary", disabled: !field.email || error.email }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "check" }) }))) })))
+                                } }) })) }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", className: classes.password }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.passwordLabel", defaultMessage: "ui.userProfileEditAccountCredentials.passwordLabel" }) })), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", variant: "outlined", onClick: () => setOpenChangePasswordDialog(true), sx: { mb: 1 } }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.changePassword", defaultMessage: "ui.userProfileEditAccountCredentials.changePassword" }) }))] }), openChangePasswordDialog && ((0, jsx_runtime_1.jsxs)(PasswordDialogRoot, Object.assign({ className: classes.dialogRoot, title: intl.formatMessage(messages.changePasswordTitle), open: openChangePasswordDialog, onClose: handleCloseDialog }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.FormGroup, Object.assign({ className: classes.form }, { children: [(0, jsx_runtime_1.jsx)(PasswordTextField_1.default, { className: classes.formField, name: "password", disabled: isSubmittingPassword, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.password", defaultMessage: "ui.userProfileEditAccountCredentials.password" }), size: "medium", value: field.password, onChange: handleChange, error: Boolean(error.password), helperText: error.password && ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.userProfileEditAccountCredentials.password.error.${error.password}`, defaultMessage: `ui.userProfileEditAccountCredentials.password.error.${error.password}` })) }), (0, jsx_runtime_1.jsx)(PasswordTextField_1.default, { name: "newPassword", className: classes.formField, disabled: isSubmittingPassword, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.newPassword", defaultMessage: "ui.userProfileEditAccountCredentials.newPassword" }), size: "medium", value: field.newPassword, onChange: handleChange, error: Boolean(error.newPassword), helperText: error.newPassword && ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.userProfileEditAccountCredentials.newPassword.error.${error.newPassword}`, defaultMessage: `ui.userProfileEditAccountCredentials.newPassword.error.${error.newPassword}` })), InputProps: {
+                                    endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ "aria-label": "info", onClick: handlePopoverOpen, edge: "end" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "info" }) })) })))
+                                } }), (0, jsx_runtime_1.jsx)(material_1.Popover, Object.assign({ open: open, anchorEl: anchorEl, anchorOrigin: {
+                                    vertical: 'center',
+                                    horizontal: 'left'
+                                }, transformOrigin: {
+                                    vertical: 'center',
+                                    horizontal: 'right'
+                                }, onClose: handlePopoverClose }, { children: (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: { p: '10px' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: 'span', sx: { whiteSpace: 'pre-line' } }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.newPassword.info", defaultMessage: "ui.userProfileEditAccountCredentials.newPassword.info" }) })) })) })), (0, jsx_runtime_1.jsx)(PasswordTextField_1.default, { name: "confirmPassword", className: classes.formField, disabled: isSubmittingPassword, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.confirmPassword", defaultMessage: "ui.userProfileEditAccountCredentials.confirmPassword" }), size: "medium", value: field.confirmPassword, onChange: handleChange, onBlur: validateInput, error: Boolean(error.confirmPassword), helperText: error.confirmPassword })] })), (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, Object.assign({ className: classes.confirmChangeButton, loading: isSubmittingPassword, disabled: !field.confirmPassword || Boolean(error.confirmPassword) || Boolean(error.password) || Boolean(error.newPassword), variant: "contained", onClick: handleSubmitPassword }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.changePassword", defaultMessage: "ui.userProfileEditAccountCredentials.changePassword" }) }))] })))] })));
 }
 exports.default = AccountCredentials;