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

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

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PointElement = void 0;
 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 react_core_1 = require("@selfcommunity/react-core");
 const material_1 = require("@mui/material");
@@ -25,13 +26,7 @@ const classes = {
 };
 function PointElement({ message, points }) {
     if (points > 0) {
-        return (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 12, md: 6 },
-            react_1.default.createElement(material_1.Typography, { component: "div", className: classes.element },
-                react_1.default.createElement(material_1.Typography, null, message),
-                react_1.default.createElement(material_1.Typography, null,
-                    "+",
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points", defaultMessage: "templates.loyaltyProgramDetail.points", values: { total: points } }))),
-            react_1.default.createElement(material_1.Divider, null)));
+        return ((0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 12, md: 6 }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ component: "div", className: classes.element }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: message }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ["+", (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points", defaultMessage: "templates.loyaltyProgramDetail.points", values: { total: points } })] })] })), (0, jsx_runtime_1.jsx)(material_1.Divider, {})] })));
     }
 }
 exports.PointElement = PointElement;
@@ -57,14 +52,6 @@ function PointsList(props) {
     /**
      * Renders the component (if not hidden by autoHide prop)
      */
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), container: true, spacing: 2 }, rest),
-        preferences[react_core_1.SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED].value && (react_1.default.createElement(PointElement, { message: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.post", defaultMessage: "templates.loyaltyProgramDetail.points.post" }), points: _preferences[react_core_1.SCPreferences.POINTS_MAKE_POST] })),
-        preferences[react_core_1.SCPreferences.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED].value && (react_1.default.createElement(PointElement, { message: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.discussion", defaultMessage: "templates.loyaltyProgramDetail.points.discussion" }), points: _preferences[react_core_1.SCPreferences.POINTS_MAKE_DISCUSSION] })),
-        react_1.default.createElement(PointElement, { message: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.comment", defaultMessage: "templates.loyaltyProgramDetail.points.comment" }), points: _preferences[react_core_1.SCPreferences.POINTS_MAKE_COMMENT] }),
-        react_1.default.createElement(PointElement, { message: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.appreciation", defaultMessage: "templates.loyaltyProgramDetail.points.appreciation" }), points: _preferences[react_core_1.SCPreferences.POINTS_RECEIVE_VOTE] }),
-        react_1.default.createElement(PointElement, { message: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.follower", defaultMessage: "templates.loyaltyProgramDetail.points.follower" }), points: _preferences[react_core_1.SCPreferences.POINTS_CONNECTION_OR_FOLLOWER] }),
-        react_1.default.createElement(PointElement, { message: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.share", defaultMessage: "templates.loyaltyProgramDetail.points.share" }), points: _preferences[react_core_1.SCPreferences.POINTS_SOCIAL_SHARE] }),
-        react_1.default.createElement(PointElement, { message: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.app", defaultMessage: "templates.loyaltyProgramDetail.points.app" }), points: _preferences[react_core_1.SCPreferences.POINTS_APP_USED] }),
-        react_1.default.createElement(PointElement, { message: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.visit", defaultMessage: "templates.loyaltyProgramDetail.points.visit" }), points: _preferences[react_core_1.SCPreferences.POINTS_DAILY_VISIT] })));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), container: true, spacing: 2 }, rest, { children: [preferences[react_core_1.SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED].value && ((0, jsx_runtime_1.jsx)(PointElement, { message: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.post", defaultMessage: "templates.loyaltyProgramDetail.points.post" }), points: _preferences[react_core_1.SCPreferences.POINTS_MAKE_POST] })), preferences[react_core_1.SCPreferences.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED].value && ((0, jsx_runtime_1.jsx)(PointElement, { message: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.discussion", defaultMessage: "templates.loyaltyProgramDetail.points.discussion" }), points: _preferences[react_core_1.SCPreferences.POINTS_MAKE_DISCUSSION] })), (0, jsx_runtime_1.jsx)(PointElement, { message: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.comment", defaultMessage: "templates.loyaltyProgramDetail.points.comment" }), points: _preferences[react_core_1.SCPreferences.POINTS_MAKE_COMMENT] }), (0, jsx_runtime_1.jsx)(PointElement, { message: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.appreciation", defaultMessage: "templates.loyaltyProgramDetail.points.appreciation" }), points: _preferences[react_core_1.SCPreferences.POINTS_RECEIVE_VOTE] }), (0, jsx_runtime_1.jsx)(PointElement, { message: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.follower", defaultMessage: "templates.loyaltyProgramDetail.points.follower" }), points: _preferences[react_core_1.SCPreferences.POINTS_CONNECTION_OR_FOLLOWER] }), (0, jsx_runtime_1.jsx)(PointElement, { message: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.share", defaultMessage: "templates.loyaltyProgramDetail.points.share" }), points: _preferences[react_core_1.SCPreferences.POINTS_SOCIAL_SHARE] }), (0, jsx_runtime_1.jsx)(PointElement, { message: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.app", defaultMessage: "templates.loyaltyProgramDetail.points.app" }), points: _preferences[react_core_1.SCPreferences.POINTS_APP_USED] }), (0, jsx_runtime_1.jsx)(PointElement, { message: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.loyaltyProgramDetail.points.visit", defaultMessage: "templates.loyaltyProgramDetail.points.visit" }), points: _preferences[react_core_1.SCPreferences.POINTS_DAILY_VISIT] })] })));
 }
 exports.default = PointsList;

package/lib/cjs/components/LoyaltyProgramDetail/PrizeItemSkeleton.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 styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_ui_1 = require("@selfcommunity/react-ui");
@@ -32,17 +31,6 @@ const Root = (0, styles_1.styled)(react_ui_1.Widget, {
  *
  */
 function PrizeItemSkeleton() {
-    return (react_1.default.createElement(Root, { className: classes.root },
-        react_1.default.createElement(material_1.CardMedia, null,
-            react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "rectangular", width: "100%", height: 137 })),
-        react_1.default.createElement(material_1.CardContent, null,
-            react_1.default.createElement(material_1.Typography, { className: classes.content },
-                react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: "80%", variant: "text" }),
-                react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text", style: { marginTop: 8 } }))),
-        react_1.default.createElement(material_1.CardActions, { className: classes.actions },
-            react_1.default.createElement(material_1.Button, { disabled: true, variant: 'outlined', size: 'small' },
-                react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: 50, variant: "text" })),
-            react_1.default.createElement(material_1.Button, { disabled: true, variant: 'text', size: 'small' },
-                react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: 70, variant: "text" })))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: classes.root }, { children: [(0, jsx_runtime_1.jsx)(material_1.CardMedia, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", variant: "rectangular", width: "100%", height: 137 }) }), (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.content }, { children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 20, width: "80%", variant: "text" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text", style: { marginTop: 8 } })] })) }), (0, jsx_runtime_1.jsxs)(material_1.CardActions, Object.assign({ className: classes.actions }, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ disabled: true, variant: 'outlined', size: 'small' }, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 10, width: 50, variant: "text" }) })), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ disabled: true, variant: 'text', size: 'small' }, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 20, width: 70, variant: "text" }) }))] }))] })));
 }
 exports.default = PrizeItemSkeleton;

package/lib/cjs/components/LoyaltyProgramDetail/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 styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const PrizeItemSkeleton_1 = tslib_1.__importDefault(require("./PrizeItemSkeleton"));
@@ -46,20 +46,6 @@ const Root = (0, styles_1.styled)(material_1.Box, {
 function LoyaltyProgramDetailSkeleton() {
     const theme = (0, material_1.useTheme)();
     const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
-    return (react_1.default.createElement(Root, { className: classes.root },
-        react_1.default.createElement(material_1.Typography, { className: classes.title, component: 'div' },
-            !isMobile && react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 30, width: 140, variant: "text" }),
-            react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "circular", width: 172, height: 30, className: classes.chip })),
-        react_1.default.createElement(material_1.Typography, { className: classes.sectionTitle },
-            react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: '50%', variant: "text" }),
-            react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 17, width: '80%', variant: "text", className: classes.subTitle })),
-        react_1.default.createElement(material_1.Typography, { className: classes.sectionTitle },
-            react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: 146 })),
-        react_1.default.createElement(material_1.Grid, { container: true, spacing: 2, className: classes.pointsList }, [...Array(8)].map((prize, index) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 12, md: 6, key: index },
-            react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 15, width: "100%" }))))),
-        react_1.default.createElement(material_1.Typography, { className: classes.sectionTitle },
-            react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: 140, variant: "text" })),
-        react_1.default.createElement(material_1.Grid, { container: true, spacing: isMobile ? 3 : 6 }, [...Array(6)].map((prize, index) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 12, md: 6, lg: 4, key: index },
-            react_1.default.createElement(PrizeItemSkeleton_1.default, null)))))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: classes.root }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.title, component: 'div' }, { children: [!isMobile && (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 30, width: 140, variant: "text" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", variant: "circular", width: 172, height: 30, className: classes.chip })] })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.sectionTitle }, { children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 20, width: '50%', variant: "text" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 17, width: '80%', variant: "text", className: classes.subTitle })] })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.sectionTitle }, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 20, width: 146 }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, spacing: 2, className: classes.pointsList }, { children: [...Array(8)].map((prize, index) => ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 12, md: 6 }, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 15, width: "100%" }) }), index))) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.sectionTitle }, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 20, width: 140, variant: "text" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, spacing: isMobile ? 3 : 6 }, { children: [...Array(6)].map((prize, index) => ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 12, md: 6, lg: 4 }, { children: (0, jsx_runtime_1.jsx)(PrizeItemSkeleton_1.default, {}) }), index))) }))] })));
 }
 exports.default = LoyaltyProgramDetailSkeleton;

package/lib/cjs/components/MainFeed/MainFeed.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 react_ui_1 = require("@selfcommunity/react-ui");
 const api_services_1 = require("@selfcommunity/api-services");
@@ -93,7 +94,7 @@ function MainFeed(inProps) {
     }
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
-        enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
+        enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
             variant: 'success',
             autoHideDuration: 3000
         });
@@ -106,14 +107,14 @@ function MainFeed(inProps) {
         };
         feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
     };
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className), ref: feedRef, endpoint: api_services_1.Endpoints.MainFeed, widgets: widgets, ItemComponent: react_ui_1.FeedObject, itemPropsGenerator: (scUser, item) => ({
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className), ref: feedRef, endpoint: api_services_1.Endpoints.MainFeed, widgets: widgets, ItemComponent: react_ui_1.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: react_ui_1.FeedObjectSkeleton, ItemSkeletonProps: {
             template: react_ui_1.SCFeedObjectTemplateType.PREVIEW
-        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: react_1.default.createElement(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess }), requireAuthentication: true, disablePaginationLinks: true, enabledCustomAdvPositions: [
+        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: (0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess }), requireAuthentication: true, disablePaginationLinks: true, enabledCustomAdvPositions: [
             types_1.SCCustomAdvPosition.POSITION_FEED_SIDEBAR,
             types_1.SCCustomAdvPosition.POSITION_FEED,
             types_1.SCCustomAdvPosition.POSITION_BELOW_TOPBAR

package/lib/cjs/components/MainFeed/Skeleton.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.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
 const react_ui_1 = require("@selfcommunity/react-ui");
@@ -33,10 +34,6 @@ const Root = (0, styles_1.styled)(react_ui_1.FeedSkeleton, {
  *
  */
 function MainFeedSkeleton() {
-    return (react_1.default.createElement(Root, { className: classes.root, sidebar: react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(react_ui_1.GenericSkeleton, { sx: { mb: 2 } }),
-            react_1.default.createElement(react_ui_1.GenericSkeleton, { sx: { mb: 2 } })) },
-        react_1.default.createElement(react_ui_1.InlineComposerWidgetSkeleton, null),
-        Array.from({ length: 5 }).map((e, i) => (react_1.default.createElement(react_ui_1.FeedObjectSkeleton, { key: i, template: react_ui_1.SCFeedObjectTemplateType.DETAIL })))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: classes.root, sidebar: (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.GenericSkeleton, { sx: { mb: 2 } }), (0, jsx_runtime_1.jsx)(react_ui_1.GenericSkeleton, { sx: { mb: 2 } })] }) }, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidgetSkeleton, {}), Array.from({ length: 5 }).map((e, i) => ((0, jsx_runtime_1.jsx)(react_ui_1.FeedObjectSkeleton, { template: react_ui_1.SCFeedObjectTemplateType.DETAIL }, i)))] })));
 }
 exports.default = MainFeedSkeleton;

package/lib/cjs/components/NotificationFeed/NotificationFeed.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 react_ui_1 = require("@selfcommunity/react-ui");
 const api_services_1 = require("@selfcommunity/api-services");
@@ -116,7 +117,7 @@ function NotificationFeed(inProps) {
             void scUserContext.refreshCounters();
         }
     };
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className), endpoint: api_services_1.Endpoints.UserNotificationList, widgets: widgets, ItemComponent: react_ui_1.Notification, itemPropsGenerator: (scUser, item) => ({
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className), endpoint: api_services_1.Endpoints.UserNotificationList, widgets: widgets, ItemComponent: react_ui_1.Notification, itemPropsGenerator: (scUser, item) => ({
             notificationObject: item
         }), itemIdGenerator: (item) => item.sid, ItemProps: NotificationProps, ItemSkeleton: react_ui_1.NotificationSkeleton, ItemSkeletonProps: {
             template: react_ui_1.SCFeedObjectTemplateType.PREVIEW

package/lib/cjs/components/NotificationFeed/Skeleton.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.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
 const react_ui_1 = require("@selfcommunity/react-ui");
@@ -33,8 +34,6 @@ const Root = (0, styles_1.styled)(react_ui_1.FeedSkeleton, {
  *
  */
 function NotificationFeedSkeleton() {
-    return (react_1.default.createElement(Root, { className: classes.root, sidebar: react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(react_ui_1.GenericSkeleton, { sx: { mb: 2 } }),
-            react_1.default.createElement(react_ui_1.GenericSkeleton, { sx: { mb: 2 } })) }, Array.from({ length: 5 }).map((e, i) => (react_1.default.createElement(react_ui_1.NotificationSkeleton, { key: i })))));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root, sidebar: (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.GenericSkeleton, { sx: { mb: 2 } }), (0, jsx_runtime_1.jsx)(react_ui_1.GenericSkeleton, { sx: { mb: 2 } })] }) }, { children: Array.from({ length: 5 }).map((e, i) => ((0, jsx_runtime_1.jsx)(react_ui_1.NotificationSkeleton, {}, i))) })));
 }
 exports.default = NotificationFeedSkeleton;

package/lib/cjs/components/UserFeed/Skeleton.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.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
 const react_ui_1 = require("@selfcommunity/react-ui");
@@ -33,10 +34,6 @@ const Root = (0, styles_1.styled)(react_ui_1.FeedSkeleton, {
  *
  */
 function UserFeedSkeleton() {
-    return (react_1.default.createElement(Root, { className: classes.root, sidebar: react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(react_ui_1.GenericSkeleton, { sx: { mb: 2 } }),
-            react_1.default.createElement(react_ui_1.GenericSkeleton, { sx: { mb: 2 } })) },
-        react_1.default.createElement(react_ui_1.InlineComposerWidgetSkeleton, null),
-        Array.from({ length: 5 }).map((e, i) => (react_1.default.createElement(react_ui_1.FeedObjectSkeleton, { key: i, template: react_ui_1.SCFeedObjectTemplateType.DETAIL })))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: classes.root, sidebar: (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.GenericSkeleton, { sx: { mb: 2 } }), (0, jsx_runtime_1.jsx)(react_ui_1.GenericSkeleton, { sx: { mb: 2 } })] }) }, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidgetSkeleton, {}), Array.from({ length: 5 }).map((e, i) => ((0, jsx_runtime_1.jsx)(react_ui_1.FeedObjectSkeleton, { template: react_ui_1.SCFeedObjectTemplateType.DETAIL }, i)))] })));
 }
 exports.default = UserFeedSkeleton;

package/lib/cjs/components/UserFeed/UserFeed.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 api_services_1 = require("@selfcommunity/api-services");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -84,7 +85,7 @@ function UserFeed(inProps) {
     const feedRef = (0, react_1.useRef)();
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
-        enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
+        enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
             variant: 'success',
             autoHideDuration: 3000
         });
@@ -102,14 +103,14 @@ 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_1.default.createElement(index_1.UserFeedSkeleton, null);
+        return (0, jsx_runtime_1.jsx)(index_1.UserFeedSkeleton, {});
     }
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className), ref: feedRef, endpoint: Object.assign(Object.assign({}, api_services_1.Endpoints.UserFeed), { url: () => api_services_1.Endpoints.UserFeed.url({ id: scUser.id }) }), widgets: _widgets, ItemComponent: react_ui_1.FeedObject, itemPropsGenerator: (scUser, item) => ({
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className), ref: feedRef, endpoint: Object.assign(Object.assign({}, api_services_1.Endpoints.UserFeed), { url: () => api_services_1.Endpoints.UserFeed.url({ id: scUser.id }) }), widgets: _widgets, ItemComponent: react_ui_1.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: react_ui_1.FeedObjectSkeleton, ItemSkeletonProps: {
             template: react_ui_1.SCFeedObjectTemplateType.PREVIEW
-        } }, (scUserContext.user ? { HeaderComponent: react_1.default.createElement(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess }) } : {}), { FeedSidebarProps: FeedSidebarProps }, FeedProps)));
+        } }, (scUserContext.user ? { HeaderComponent: (0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess }) } : {}), { FeedSidebarProps: FeedSidebarProps }, FeedProps)));
 }
 exports.default = UserFeed;

package/lib/cjs/components/UserProfile/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 react_ui_1 = require("@selfcommunity/react-ui");
@@ -35,8 +35,6 @@ const Root = (0, styles_1.styled)(material_1.Box, {
  *
  */
 function UserProfileSkeleton() {
-    return (react_1.default.createElement(Root, { className: classes.root },
-        react_1.default.createElement(react_ui_1.UserProfileHeaderSkeleton, null),
-        react_1.default.createElement(Skeleton_1.default, null)));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: classes.root }, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.UserProfileHeaderSkeleton, {}), (0, jsx_runtime_1.jsx)(Skeleton_1.default, {})] })));
 }
 exports.default = UserProfileSkeleton;

package/lib/cjs/components/UserProfile/UserProfile.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_ui_1 = require("@selfcommunity/react-ui");
@@ -205,7 +206,7 @@ function UserProfile(inProps) {
         }
     }, [isConnection, scUserContext.managers.followers, scUserContext.managers.connections, followEnabled, isMe, user, scUserContext.user]);
     if (!scUser) {
-        return react_1.default.createElement(Skeleton_1.default, null);
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
     // HANDLERS
     const handleEdit = () => {
@@ -219,37 +220,19 @@ function UserProfile(inProps) {
     if (privateMessagingEnabled && !isMe && user && user.can_send_pm_to) {
         actionItems = [
             {
-                label: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "templates.userProfile.send.pm", id: "templates.userProfile.send.pm" }),
+                label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "templates.userProfile.send.pm", id: "templates.userProfile.send.pm" }),
                 to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, scUser)
             }
         ];
     }
-    return (react_1.default.createElement(Root, { id: id, className: (0, classnames_1.default)(classes.root, className) },
-        react_1.default.createElement(react_ui_1.UserProfileHeader, Object.assign({ user: scUser }, UserProfileHeaderProps, { actions: !isMe && scUser && Boolean((scUserContext.user && scUserContext.managers.blockedUsers.isBlocked(scUser)) || blockedBy) ? null : (react_1.default.createElement(material_1.Stack, { key: `actions_${scUser.id}`, direction: "row", spacing: 2, className: classes.actions },
-                startActions,
-                isMe ? editStartActions : viewStartActions,
-                isMe ? (react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: handleEdit },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "templates.userProfile.edit", id: "templates.userProfile.edit" }))) : (react_1.default.createElement(react_ui_1.ConnectionUserButton, { user: scUser })),
-                isMe ? editEndActions : viewEndActions,
-                endActions,
-                react_1.default.createElement(react_ui_1.UserActionIconButton, { user: scUser, items: actionItems }))) })),
-        scUserContext.user === undefined ||
-            (scUserContext.user && ((loadingBlockedBy && blockedBy === null) || scUserContext.managers.blockedUsers.isLoading())) ? (react_1.default.createElement(Skeleton_2.default, null)) : (react_1.default.createElement(react_1.default.Fragment, null, loadingBlockedBy || (scUserContext.user && scUserContext.managers.blockedUsers.loading) ? null : (react_1.default.createElement(react_1.default.Fragment, null, !isMe && scUser && Boolean((scUserContext.user && scUserContext.managers.blockedUsers.isBlocked(scUser)) || blockedBy) ? (react_1.default.createElement(react_ui_1.UserProfileBlocked, { user: scUser, blockedByUser: blockedBy })) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(react_ui_1.UserCounters, { className: classes.counters, userId: userId, user: scUser }),
-            scUser.date_joined && (react_1.default.createElement(material_1.Typography, { className: classes.info },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.userProfile.dateJoined", defaultMessage: "templates.userProfile.dateJoined", values: {
-                        date: intl.formatDate(scUser.date_joined, {
-                            year: 'numeric',
-                            month: 'long'
-                        })
-                    } }))),
-            scUser.location && (react_1.default.createElement(material_1.Typography, { className: classes.info },
-                react_1.default.createElement(material_1.Icon, null, "add_location_alt"),
-                " ",
-                scUser.location)),
-            taggingEnabled && (react_1.default.createElement(material_1.Stack, { key: `tags_${scUser.id}`, direction: "row", spacing: 2, className: classes.tags }, scUser.tags
-                .filter((t) => t.visible)
-                .map((tag) => (react_1.default.createElement(react_ui_1.TagChip, { key: tag.id, tag: tag, clickable: false, disposable: false }))))),
-            react_1.default.createElement(UserFeed_1.default, Object.assign({ key: `feed_${scUser.id}`, className: classes.feed, user: scUser, widgets: _widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, UserFeedProps))))))))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.UserProfileHeader, Object.assign({ user: scUser }, UserProfileHeaderProps, { actions: !isMe && scUser && Boolean((scUserContext.user && scUserContext.managers.blockedUsers.isBlocked(scUser)) || blockedBy) ? null : ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ direction: "row", spacing: 2, className: classes.actions }, { children: [startActions, isMe ? editStartActions : viewStartActions, isMe ? ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", color: "secondary", onClick: handleEdit }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "templates.userProfile.edit", id: "templates.userProfile.edit" }) }))) : ((0, jsx_runtime_1.jsx)(react_ui_1.ConnectionUserButton, { user: scUser })), isMe ? editEndActions : viewEndActions, endActions, (0, jsx_runtime_1.jsx)(react_ui_1.UserActionIconButton, { user: scUser, items: actionItems })] }), `actions_${scUser.id}`)) })), scUserContext.user === undefined ||
+                (scUserContext.user && ((loadingBlockedBy && blockedBy === null) || scUserContext.managers.blockedUsers.isLoading())) ? ((0, jsx_runtime_1.jsx)(Skeleton_2.default, {})) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loadingBlockedBy || (scUserContext.user && scUserContext.managers.blockedUsers.loading) ? null : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !isMe && scUser && Boolean((scUserContext.user && scUserContext.managers.blockedUsers.isBlocked(scUser)) || blockedBy) ? ((0, jsx_runtime_1.jsx)(react_ui_1.UserProfileBlocked, { user: scUser, blockedByUser: blockedBy })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.UserCounters, { className: classes.counters, userId: userId, user: scUser }), scUser.date_joined && ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.info }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.userProfile.dateJoined", defaultMessage: "templates.userProfile.dateJoined", values: {
+                                        date: intl.formatDate(scUser.date_joined, {
+                                            year: 'numeric',
+                                            month: 'long'
+                                        })
+                                    } }) }))), scUser.location && ((0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.info }, { children: [(0, jsx_runtime_1.jsx)(material_1.Icon, { children: "add_location_alt" }), " ", scUser.location] }))), taggingEnabled && ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ direction: "row", spacing: 2, className: classes.tags }, { children: scUser.tags
+                                    .filter((t) => t.visible)
+                                    .map((tag) => ((0, jsx_runtime_1.jsx)(react_ui_1.TagChip, { tag: tag, clickable: false, disposable: false }, tag.id))) }), `tags_${scUser.id}`)), (0, jsx_runtime_1.jsx)(UserFeed_1.default, Object.assign({ className: classes.feed, user: scUser, widgets: _widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, UserFeedProps), `feed_${scUser.id}`)] })) })) }))] })));
 }
 exports.default = UserProfile;

package/lib/esm/components/Category/Category.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 { Box } from '@mui/material';
 import { CategoryHeader } from '@selfcommunity/react-ui';
@@ -52,9 +52,7 @@ export default function Category(inProps) {
     // Hooks
     const { scCategory } = useSCFetchCategory({ id: categoryId, category });
     if (!scCategory) {
-        return React.createElement(CategorySkeleton, null);
+        return _jsx(CategorySkeleton, {});
     }
-    return (React.createElement(Root, { id: id, className: classNames(classes.root, className) },
-        React.createElement(CategoryHeader, { category: scCategory }),
-        React.createElement(CategoryFeed, Object.assign({ className: classes.feed, category: scCategory, widgets: widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, CategoryFeedProps))));
+    return (_jsxs(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, { children: [_jsx(CategoryHeader, { category: scCategory }), _jsx(CategoryFeed, Object.assign({ className: classes.feed, category: scCategory, widgets: widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, CategoryFeedProps))] })));
 }

package/lib/esm/components/Category/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 CategoryFeedSkeleton from '../CategoryFeed/Skeleton';
@@ -32,7 +32,5 @@ const Root = styled(Box, {
  *
  */
 export default function CategorySkeleton() {
-    return (React.createElement(Root, { className: classes.root },
-        React.createElement(CategoryHeaderSkeleton, null),
-        React.createElement(CategoryFeedSkeleton, null)));
+    return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [_jsx(CategoryHeaderSkeleton, {}), _jsx(CategoryFeedSkeleton, {})] })));
 }

package/lib/esm/components/CategoryFeed/CategoryFeed.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 { CategoryTrendingFeedWidget, CategoryTrendingUsersWidget, ContributionUtils, Feed, FeedObject, FeedObjectSkeleton, InlineComposerWidget, SCFeedObjectTemplateType } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
@@ -77,9 +78,8 @@ export default function CategoryFeed(inProps) {
     const handleComposerSuccess = (feedObject) => {
         // Not insert if the category does not match
         if (feedObject.categories.findIndex((c) => c.id === scCategory.id) === -1) {
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.composerIconButton.composer.success", defaultMessage: "ui.composerIconButton.composer.success" }), {
-                action: (snackbarId) => (React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], ContributionUtils.getRouteData(feedObject)) },
-                    React.createElement(FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }))),
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.composerIconButton.composer.success", defaultMessage: "ui.composerIconButton.composer.success" }), {
+                action: (snackbarId) => (_jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], ContributionUtils.getRouteData(feedObject)) }, { children: _jsx(FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }) }))),
                 variant: 'success',
                 autoHideDuration: 7000
             });
@@ -102,16 +102,16 @@ export default function CategoryFeed(inProps) {
         return w;
     }), [widgets, scCategory]);
     if (!scCategory) {
-        return React.createElement(CategoryFeedSkeleton, null);
+        return _jsx(CategoryFeedSkeleton, {});
     }
-    return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className), ref: feedRef, endpoint: Object.assign(Object.assign({}, Endpoints.CategoryFeed), { url: () => Endpoints.CategoryFeed.url({ id: scCategory.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.CategoryFeed), { url: () => Endpoints.CategoryFeed.url({ id: scCategory.id }) }), 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, defaultValue: { categories: [scCategory] }, feedType: SCFeedTypologyType.CATEGORY }), CustomAdvProps: { categoriesId: [scCategory.id] }, enabledCustomAdvPositions: [
+        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: _jsx(InlineComposerWidget, { onSuccess: handleComposerSuccess, defaultValue: { categories: [scCategory] }, feedType: SCFeedTypologyType.CATEGORY }), CustomAdvProps: { categoriesId: [scCategory.id] }, enabledCustomAdvPositions: [
             SCCustomAdvPosition.POSITION_FEED_SIDEBAR,
             SCCustomAdvPosition.POSITION_FEED,
             SCCustomAdvPosition.POSITION_BELOW_TOPBAR

package/lib/esm/components/CategoryFeed/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 CategoryFeedSkeleton() {
-    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/Event/Event.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 { Box } from '@mui/material';
 import { EventHeader } from '@selfcommunity/react-ui';
@@ -55,9 +55,7 @@ export default function Event(inProps) {
         setSCEvent(Object.assign({}, scEvent, { subscription_status: status }));
     };
     if (!scEvent) {
-        return React.createElement(EventSkeletonTemplate, null);
+        return _jsx(EventSkeletonTemplate, {});
     }
-    return (React.createElement(Root, { id: id, className: classNames(classes.root, className) },
-        React.createElement(EventHeader, { eventId: scEvent.id, GroupSubscribeButtonProps: { onSubscribe: handleSubscribe } }),
-        React.createElement(EventFeed, Object.assign({ className: classes.feed, event: scEvent, widgets: widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, EventFeedProps))));
+    return (_jsxs(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, { children: [_jsx(EventHeader, { eventId: scEvent.id, GroupSubscribeButtonProps: { onSubscribe: handleSubscribe } }), _jsx(EventFeed, Object.assign({ className: classes.feed, event: scEvent, widgets: widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, EventFeedProps))] })));
 }

package/lib/esm/components/Event/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 EventFeedSkeleton from '../EventFeed/Skeleton';
@@ -32,7 +32,5 @@ const Root = styled(Box, {
  *
  */
 export default function EventSkeletonTemplate() {
-    return (React.createElement(Root, { className: classes.root },
-        React.createElement(EventHeaderSkeleton, null),
-        React.createElement(EventFeedSkeleton, null)));
+    return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [_jsx(EventHeaderSkeleton, {}), _jsx(EventFeedSkeleton, {})] })));
 }

package/lib/esm/components/EventFeed/EventFeed.js

@@ -1,4 +1,5 @@
-import React, { useMemo, useRef } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
 import { styled } from '@mui/material/styles';
 import { ContributionUtils, EventInfoWidget, EventLocationWidget, Feed, FeedObject, FeedObjectSkeleton, InlineComposerWidget, SCFeedObjectTemplateType } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
@@ -68,9 +69,8 @@ export default function EventFeed(inProps) {
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
         var _a;
-        enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.composerIconButton.composer.success", defaultMessage: "ui.composerIconButton.composer.success" }), {
-            action: (snackbarId) => (React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], ContributionUtils.getRouteData(feedObject)) },
-                React.createElement(FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }))),
+        enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.composerIconButton.composer.success", defaultMessage: "ui.composerIconButton.composer.success" }), {
+            action: (snackbarId) => (_jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], ContributionUtils.getRouteData(feedObject)) }, { children: _jsx(FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }) }))),
             variant: 'success',
             autoHideDuration: 7000
         });
@@ -93,15 +93,15 @@ export default function EventFeed(inProps) {
         return w;
     }), [widgets, scEvent]);
     if (!scEvent) {
-        return React.createElement(EventFeedSkeleton, null);
+        return _jsx(EventFeedSkeleton, {});
     }
     else if (scEvent &&
         scEvent.subscription_status !== SCEventSubscriptionStatusType.SUBSCRIBED &&
         scEvent.subscription_status !== SCEventSubscriptionStatusType.GOING &&
         scEvent.subscription_status !== SCEventSubscriptionStatusType.NOT_GOING) {
-        return React.createElement(EventInfoWidget, { className: classes.root, event: scEvent });
+        return _jsx(EventInfoWidget, { className: classes.root, event: scEvent });
     }
-    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className), id: id, ref: feedRef, endpoint: Object.assign(Object.assign({}, Endpoints.GetEventFeed), { url: () => Endpoints.GetEventFeed.url({ id: scEvent.id }) }), widgets: _widgets, ItemComponent: FeedObject, itemPropsGenerator: (scUser, item) => {
+    return (_jsx(Root, Object.assign({ className: classNames(classes.root, className), id: id, ref: feedRef, endpoint: Object.assign(Object.assign({}, Endpoints.GetEventFeed), { url: () => Endpoints.GetEventFeed.url({ id: scEvent.id }) }), widgets: _widgets, ItemComponent: FeedObject, itemPropsGenerator: (scUser, item) => {
             var _a;
             return ({
                 feedObject: item[item.type],
@@ -111,11 +111,9 @@ export default function EventFeed(inProps) {
             });
         }, itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: FeedObjectSkeleton, ItemSkeletonProps: {
             template: SCFeedObjectTemplateType.PREVIEW
-        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: React.createElement(React.Fragment, null,
-            React.createElement(EventInfoWidget, { className: classes.root, event: scEvent }),
-            scEvent && scEvent.subscription_status === SCEventSubscriptionStatusType.SUBSCRIBED && (React.createElement(InlineComposerWidget, { onSuccess: handleComposerSuccess, 
-                // defaultValue={{event: scEvent}}
-                label: React.createElement(FormattedMessage, { id: "templates.eventFeed.composer.label", defaultMessage: "templates.eventFeed.composer.label" }), feedType: SCFeedTypologyType.EVENT }))), CustomAdvProps: { position: SCCustomAdvPosition.POSITION_FEED, groupsId: [scEvent.id] }, enabledCustomAdvPositions: [
+        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: _jsxs(_Fragment, { children: [_jsx(EventInfoWidget, { className: classes.root, event: scEvent }), scEvent && scEvent.subscription_status === SCEventSubscriptionStatusType.SUBSCRIBED && (_jsx(InlineComposerWidget, { onSuccess: handleComposerSuccess, 
+                    // defaultValue={{event: scEvent}}
+                    label: _jsx(FormattedMessage, { id: "templates.eventFeed.composer.label", defaultMessage: "templates.eventFeed.composer.label" }), feedType: SCFeedTypologyType.EVENT }))] }), CustomAdvProps: { position: SCCustomAdvPosition.POSITION_FEED, groupsId: [scEvent.id] }, enabledCustomAdvPositions: [
             SCCustomAdvPosition.POSITION_FEED_SIDEBAR,
             SCCustomAdvPosition.POSITION_FEED,
             SCCustomAdvPosition.POSITION_BELOW_TOPBAR

package/lib/esm/components/EventFeed/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 EventFeedSkeleton() {
-    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)))] })));
 }