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

package/lib/cjs/components/Category/Category.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 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");
 const CategoryFeed_1 = tslib_1.__importDefault(require("../CategoryFeed"));
@@ -15,7 +14,7 @@ const classes = {
     root: `${constants_1.PREFIX}-root`,
     feed: `${constants_1.PREFIX}-feed`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'Root'
 })(() => ({}));

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

@@ -3,14 +3,13 @@ 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 styles_1 = require("@mui/material/styles");
 const Skeleton_1 = tslib_1.__importDefault(require("../CategoryFeed/Skeleton"));
 const react_ui_1 = require("@selfcommunity/react-ui");
 const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-skeleton-root`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'SkeletonRoot'
 })(() => ({}));

package/lib/cjs/components/CategoryFeed/CategoryFeed.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 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");
 const api_services_1 = require("@selfcommunity/api-services");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -17,7 +17,7 @@ const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-root`
 };
-const Root = (0, styles_1.styled)(react_ui_1.Feed, {
+const Root = (0, material_1.styled)(react_ui_1.Feed, {
     name: constants_1.PREFIX,
     slot: 'Root'
 })(() => ({}));
@@ -64,6 +64,7 @@ const WIDGETS = [
  * @param inProps
  */
 function CategoryFeed(inProps) {
+    var _a;
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
@@ -73,17 +74,24 @@ function CategoryFeed(inProps) {
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();
     const scUserContext = (0, react_core_1.useSCUser)();
+    const { preferences, features } = (0, react_core_1.useSCPreferences)();
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     // REF
     const feedRef = (0, react_1.useRef)();
     // Hooks
     const { scCategory } = (0, react_core_1.useSCFetchCategory)({ id: categoryId, category });
+    const isPaymentsEnabled = (0, react_1.useMemo)(() => preferences &&
+        features &&
+        features.includes(types_1.SCFeatureName.PAYMENTS) &&
+        react_core_1.SCPreferences.CONFIGURATIONS_PAYMENTS_ENABLED in preferences &&
+        preferences[react_core_1.SCPreferences.CONFIGURATIONS_PAYMENTS_ENABLED].value, [preferences]);
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
         // Not insert if the category does not match
         if (feedObject.categories.findIndex((c) => c.id === scCategory.id) === -1) {
-            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composerIconButton.composer.success", defaultMessage: "ui.composerIconButton.composer.success" }), {
-                action: (snackbarId) => ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], react_ui_1.ContributionUtils.getRouteData(feedObject)) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }) }))),
+            const messageId = feedObject.scheduled_at ? 'ui.composer.scheduled.success' : 'ui.composerIconButton.composer.success';
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: messageId, defaultMessage: messageId }), {
+                action: () => ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], react_ui_1.ContributionUtils.getRouteData(feedObject)) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }) }))),
                 variant: 'success',
                 autoHideDuration: 7000
             });
@@ -93,10 +101,10 @@ function CategoryFeed(inProps) {
         const feedUnit = {
             type: feedObject.type,
             [feedObject.type]: feedObject,
-            seen_by_id: [],
+            seen: false,
             has_boost: false
         };
-        feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
+        !feedObject.draft && feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
     };
     // WIDGETS
     const _widgets = (0, react_1.useMemo)(() => widgets.map((w) => {
@@ -108,11 +116,14 @@ function CategoryFeed(inProps) {
     if (!scCategory) {
         return (0, jsx_runtime_1.jsx)(index_1.CategoryFeedSkeleton, {});
     }
+    else if (scCategory && isPaymentsEnabled && !scCategory.followed && !scCategory.payment_order && ((_a = scCategory.paywalls) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+        return (0, jsx_runtime_1.jsx)(react_ui_1.HiddenPurchasableContent, {});
+    }
     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.CategoryFeed), { url: () => api_services_1.Endpoints.CategoryFeed.url({ id: scCategory.id }) }), 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
+            markRead: scUser ? !item.seen : null
         }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: react_ui_1.FeedObjectSkeleton, ItemSkeletonProps: {
             template: react_ui_1.SCFeedObjectTemplateType.PREVIEW
         }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ((scCategory.content_only_staff && react_core_1.UserUtils.isStaff(scUserContext.user)) || !scCategory.content_only_staff) && ((0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess, defaultValue: { categories: [scCategory] }, feedType: types_1.SCFeedTypologyType.CATEGORY })) }), CustomAdvProps: { categoriesId: [scCategory.id] }, enabledCustomAdvPositions: [

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

@@ -3,13 +3,13 @@ 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 material_1 = require("@mui/material");
 const react_ui_1 = require("@selfcommunity/react-ui");
 const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-skeleton-root`
 };
-const Root = (0, styles_1.styled)(react_ui_1.FeedSkeleton, {
+const Root = (0, material_1.styled)(react_ui_1.FeedSkeleton, {
     name: constants_1.PREFIX,
     slot: 'SkeletonRoot'
 })(() => ({}));

package/lib/cjs/components/Event/Event.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 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");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -16,7 +15,7 @@ const classes = {
     root: `${constants_1.PREFIX}-root`,
     feed: `${constants_1.PREFIX}-feed`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'Root'
 })(() => ({}));

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

@@ -3,14 +3,13 @@ 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 styles_1 = require("@mui/material/styles");
 const Skeleton_1 = tslib_1.__importDefault(require("../EventFeed/Skeleton"));
 const react_ui_1 = require("@selfcommunity/react-ui");
 const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-skeleton-root`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'SkeletonRoot'
 })(() => ({}));

package/lib/cjs/components/EventFeed/EventFeed.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 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");
 const api_services_1 = require("@selfcommunity/api-services");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -14,11 +14,10 @@ const react_intl_1 = require("react-intl");
 const notistack_1 = require("notistack");
 const constants_1 = require("./constants");
 const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
-const material_1 = require("@mui/material");
 const classes = {
     root: `${constants_1.PREFIX}-root`
 };
-const Root = (0, styles_1.styled)(react_ui_1.Feed, {
+const Root = (0, material_1.styled)(react_ui_1.Feed, {
     name: constants_1.PREFIX,
     slot: 'Root'
 })(() => ({}));
@@ -84,18 +83,33 @@ function EventFeed(inProps) {
         name: constants_1.PREFIX
     });
     const { id = 'event_feed', className, event, eventId, widgets = WIDGETS, FeedObjectProps = {}, FeedSidebarProps = null, FeedProps = {} } = props;
+    // STATUS
+    const [status, setStatus] = (0, react_1.useState)(undefined);
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();
     const scUserContext = (0, react_core_1.useSCUser)();
+    const scEventsManager = scUserContext.managers.events;
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
+    const { scEvent } = (0, react_core_1.useSCFetchEvent)({ id: eventId, event });
     // REF
     const feedRef = (0, react_1.useRef)();
-    // Hooks
-    const { scEvent } = (0, react_core_1.useSCFetchEvent)({ id: eventId, event });
+    // CONST
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
+    (0, react_1.useEffect)(() => {
+        var _a;
+        /**
+         * Call scEventsManager.subscriptionStatus inside an effect
+         * to avoid warning rendering child during update parent state
+         */
+        if (authUserId) {
+            setStatus((_a = scEventsManager === null || scEventsManager === void 0 ? void 0 : scEventsManager.subscriptionStatus) === null || _a === void 0 ? void 0 : _a.call(scEventsManager, scEvent));
+        }
+    }, [authUserId, scEventsManager === null || scEventsManager === void 0 ? void 0 : scEventsManager.subscriptionStatus, scEvent]);
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
         var _a;
-        enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composerIconButton.composer.success", defaultMessage: "ui.composerIconButton.composer.success" }), {
+        const messageId = feedObject.scheduled_at ? 'ui.composer.scheduled.success' : 'ui.composerIconButton.composer.success';
+        enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: messageId, defaultMessage: messageId }), {
             action: () => ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], react_ui_1.ContributionUtils.getRouteData(feedObject)) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }) }))),
             variant: 'success',
             autoHideDuration: 7000
@@ -105,10 +119,10 @@ function EventFeed(inProps) {
             const feedUnit = {
                 type: feedObject.type,
                 [feedObject.type]: feedObject,
-                seen_by_id: [],
+                seen: false,
                 has_boost: false
             };
-            feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
+            !feedObject.draft && feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
         }
     };
     // WIDGETS
@@ -119,35 +133,32 @@ function EventFeed(inProps) {
         return w;
     }), [widgets, scEvent]);
     if (scUserContext.user === undefined ||
+        (scUserContext.user && status === undefined) ||
         !scEvent ||
-        (scUserContext.user &&
-            ((scEvent.privacy === types_1.SCEventPrivacyType.PUBLIC && !scEvent.subscription_status) ||
-                scEvent.subscription_status === types_1.SCEventSubscriptionStatusType.INVITED)) ||
+        (scUserContext.user && scEvent.privacy === types_1.SCEventPrivacyType.PUBLIC && !status) ||
         (scEvent && ((eventId !== undefined && scEvent.id !== eventId) || (event && scEvent.id !== event.id)))) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
     else if (scEvent.privacy === types_1.SCEventPrivacyType.PRIVATE &&
-        scEvent.subscription_status !== types_1.SCEventSubscriptionStatusType.SUBSCRIBED &&
-        scEvent.subscription_status !== types_1.SCEventSubscriptionStatusType.GOING &&
-        scEvent.subscription_status !== types_1.SCEventSubscriptionStatusType.NOT_GOING) {
+        (status === types_1.SCEventSubscriptionStatusType.INVITED ||
+            (status !== types_1.SCEventSubscriptionStatusType.SUBSCRIBED &&
+                status !== types_1.SCEventSubscriptionStatusType.GOING &&
+                status !== types_1.SCEventSubscriptionStatusType.NOT_GOING))) {
         return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ mt: 2 }, { children: (0, jsx_runtime_1.jsx)(react_ui_1.EventInfoWidget, { className: classes.root, event: scEvent }) })));
     }
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), id: id, ref: feedRef, endpoint: Object.assign(Object.assign({}, api_services_1.Endpoints.GetEventFeed), { url: () => api_services_1.Endpoints.GetEventFeed.url({ id: scEvent.id }) }), widgets: _widgets, ItemComponent: react_ui_1.FeedObject, itemPropsGenerator: (scUser, item) => {
-            var _a;
-            return ({
-                feedObject: item[item.type],
-                feedObjectType: item.type,
-                feedObjectActivities: item.activities ? item.activities : null,
-                markRead: scUser ? !((_a = item === null || item === void 0 ? void 0 : item.seen_by_id) === null || _a === void 0 ? void 0 : _a.includes(scUser.id)) : null
-            });
-        }, itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: react_ui_1.FeedObjectSkeleton, ItemSkeletonProps: {
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), id: id, ref: feedRef, endpoint: Object.assign(Object.assign({}, api_services_1.Endpoints.GetEventFeed), { url: () => api_services_1.Endpoints.GetEventFeed.url({ id: scEvent.id }) }), 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 === null || item === void 0 ? void 0 : item.seen) : null
+        }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: react_ui_1.FeedObjectSkeleton, ItemSkeletonProps: {
             template: react_ui_1.SCFeedObjectTemplateType.PREVIEW
         }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.EventInfoWidget, { className: classes.root, event: scEvent }), Boolean(scEvent &&
                     ((!scUserContext.user && scEvent.privacy === types_1.SCEventPrivacyType.PUBLIC) ||
                         (scUserContext.user &&
-                            (scEvent.subscription_status === types_1.SCEventSubscriptionStatusType.SUBSCRIBED ||
-                                scEvent.subscription_status === types_1.SCEventSubscriptionStatusType.GOING ||
-                                scEvent.subscription_status === types_1.SCEventSubscriptionStatusType.NOT_GOING)))) && ((0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess, defaultValue: { event: scEvent }, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.eventFeed.composer.label", defaultMessage: "templates.eventFeed.composer.label" }), feedType: types_1.SCFeedTypologyType.EVENT }))] }), CustomAdvProps: { position: types_1.SCCustomAdvPosition.POSITION_FEED, groupsId: [scEvent.id] }, enabledCustomAdvPositions: [
+                            (status === types_1.SCEventSubscriptionStatusType.SUBSCRIBED ||
+                                status === types_1.SCEventSubscriptionStatusType.GOING ||
+                                status === types_1.SCEventSubscriptionStatusType.NOT_GOING)))) && ((0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess, defaultValue: { event: scEvent }, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.eventFeed.composer.label", defaultMessage: "templates.eventFeed.composer.label" }), feedType: types_1.SCFeedTypologyType.EVENT }))] }), CustomAdvProps: { position: types_1.SCCustomAdvPosition.POSITION_FEED, groupsId: [scEvent.id] }, enabledCustomAdvPositions: [
             types_1.SCCustomAdvPosition.POSITION_FEED_SIDEBAR,
             types_1.SCCustomAdvPosition.POSITION_FEED,
             types_1.SCCustomAdvPosition.POSITION_BELOW_TOPBAR

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

@@ -3,13 +3,13 @@ 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 material_1 = require("@mui/material");
 const react_ui_1 = require("@selfcommunity/react-ui");
 const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-skeleton-root`
 };
-const Root = (0, styles_1.styled)(react_ui_1.FeedSkeleton, {
+const Root = (0, material_1.styled)(react_ui_1.FeedSkeleton, {
     name: constants_1.PREFIX,
     slot: 'SkeletonRoot'
 })(() => ({}));

package/lib/cjs/components/ExploreFeed/ExploreFeed.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 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");
 const api_services_1 = require("@selfcommunity/api-services");
 const system_1 = require("@mui/system");
@@ -16,7 +16,7 @@ const react_core_1 = require("@selfcommunity/react-core");
 const classes = {
     root: `${constants_1.PREFIX}-root`
 };
-const Root = (0, styles_1.styled)(react_ui_1.Feed, {
+const Root = (0, material_1.styled)(react_ui_1.Feed, {
     name: constants_1.PREFIX,
     slot: 'Root'
 })(() => ({}));
@@ -90,7 +90,8 @@ function ExploreFeed(inProps) {
     const feedRef = (0, react_1.useRef)();
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
-        enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
+        const messageId = feedObject.scheduled_at ? 'ui.composer.scheduled.success' : 'ui.inlineComposerWidget.success';
+        enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: messageId, defaultMessage: messageId }), {
             variant: 'success',
             autoHideDuration: 3000
         });
@@ -98,10 +99,10 @@ function ExploreFeed(inProps) {
         const feedUnit = {
             type: feedObject.type,
             [feedObject.type]: feedObject,
-            seen_by_id: [],
+            seen: false,
             has_boost: false
         };
-        feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
+        !feedObject.draft && feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
     };
     const handleAddGenerationContent = (feedObjects) => {
         if (feedRef && feedRef.current) {
@@ -111,7 +112,7 @@ function ExploreFeed(inProps) {
                     const feedUnit = {
                         type: feedObject.type,
                         [feedObject.type]: feedObject,
-                        seen_by_id: [],
+                        seen: false,
                         has_boost: false
                     };
                     feedRef.current.addFeedData(feedUnit, true);
@@ -127,7 +128,7 @@ function ExploreFeed(inProps) {
             feedObject: item[item.type],
             feedObjectType: item.type,
             feedObjectActivities: item.activities ? item.activities : null,
-            markRead: scUser ? !item.seen_by_id.includes(scUser.id) : null
+            markRead: scUser ? !item.seen : null
         }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: react_ui_1.FeedObjectSkeleton, ItemSkeletonProps: {
             template: react_ui_1.SCFeedObjectTemplateType.PREVIEW
         }, HeaderComponent: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess }), react_core_1.UserUtils.isAdmin(scUserContext.user) && (0, jsx_runtime_1.jsx)(react_ui_1.OnBoardingWidget, { onGeneratedContent: handleAddGenerationContent })] }), FeedSidebarProps: FeedSidebarProps, enabledCustomAdvPositions: [

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

@@ -3,13 +3,13 @@ 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 material_1 = require("@mui/material");
 const react_ui_1 = require("@selfcommunity/react-ui");
 const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-skeleton-root`
 };
-const Root = (0, styles_1.styled)(react_ui_1.FeedSkeleton, {
+const Root = (0, material_1.styled)(react_ui_1.FeedSkeleton, {
     name: constants_1.PREFIX,
     slot: 'SkeletonRoot'
 })(() => ({}));

package/lib/cjs/components/FeedObjectDetail/FeedObjectDetail.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 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");
 const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
@@ -16,7 +15,7 @@ const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-root`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'Root'
 })(() => ({}));
@@ -57,8 +56,10 @@ function FeedObjectDetail(inProps) {
     const scUserContext = (0, react_core_1.useSCUser)();
     const scPreferences = (0, react_core_1.useSCPreferences)();
     // RETRIVE OBJECTS
-    const { obj, setObj, error } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType });
+    const { obj, error } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType });
     const [comments, setComments] = (0, react_1.useState)([]);
+    const commentsEnabled = react_core_1.SCPreferences.CONFIGURATIONS_COMMENTS_ENABLED in scPreferences.preferences &&
+        scPreferences.preferences[react_core_1.SCPreferences.CONFIGURATIONS_COMMENTS_ENABLED].value;
     /**
      * Compute preferences
      */
@@ -97,6 +98,6 @@ function FeedObjectDetail(inProps) {
     if (!obj) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, spacing: 2 }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 7 }, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.FeedObject, Object.assign({}, FeedObjectProps, { feedObject: obj, template: react_ui_1.SCFeedObjectTemplateType.DETAIL, onReply: handleReply })), renderAdvertising(), (0, jsx_runtime_1.jsx)(react_ui_1.CommentsFeedObject, Object.assign({ showTitle: true, feedObject: obj, comments: comments }, CommentsFeedObjectProps), `comments_${obj.id}`)] })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Hidden, Object.assign({ mdDown: true }, { children: (0, jsx_runtime_1.jsx)(react_ui_1.StickyBox, Object.assign({}, FeedSidebarProps, { children: (0, jsx_runtime_1.jsx)(react_ui_1.RelatedFeedObjectsWidget, Object.assign({ feedObject: obj, feedObjectId: obj.id }, RelatedFeedObjectProps), `related_${obj.id}`) })) })) }))] })) })));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, spacing: 2 }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 7 }, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.FeedObject, Object.assign({}, FeedObjectProps, { feedObject: obj, template: react_ui_1.SCFeedObjectTemplateType.DETAIL, onReply: handleReply })), renderAdvertising(), commentsEnabled && ((0, jsx_runtime_1.jsx)(react_ui_1.CommentsFeedObject, Object.assign({ showTitle: true, feedObject: obj, comments: comments }, CommentsFeedObjectProps), `comments_${obj.id}`))] })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Hidden, Object.assign({ mdDown: true }, { children: (0, jsx_runtime_1.jsx)(react_ui_1.StickyBox, Object.assign({}, FeedSidebarProps, { children: (0, jsx_runtime_1.jsx)(react_ui_1.RelatedFeedObjectsWidget, Object.assign({ feedObject: obj, feedObjectId: obj.id }, RelatedFeedObjectProps), `related_${obj.id}`) })) })) }))] })) })));
 }
 exports.default = FeedObjectDetail;

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

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_ui_1 = require("@selfcommunity/react-ui");
 const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
 const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-skeleton-root`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'SkeletonRoot'
 })(() => ({}));

package/lib/cjs/components/Group/Group.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 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");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -15,7 +14,7 @@ const classes = {
     root: `${constants_1.PREFIX}-root`,
     feed: `${constants_1.PREFIX}-feed`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'Root'
 })(() => ({}));

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

@@ -3,14 +3,13 @@ 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 styles_1 = require("@mui/material/styles");
 const Skeleton_1 = tslib_1.__importDefault(require("../GroupFeed/Skeleton"));
 const react_ui_1 = require("@selfcommunity/react-ui");
 const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-skeleton-root`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'SkeletonRoot'
 })(() => ({}));

package/lib/cjs/components/GroupFeed/GroupFeed.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 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");
 const api_services_1 = require("@selfcommunity/api-services");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -17,7 +17,7 @@ const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
 const classes = {
     root: `${constants_1.PREFIX}-root`
 };
-const Root = (0, styles_1.styled)(react_ui_1.Feed, {
+const Root = (0, material_1.styled)(react_ui_1.Feed, {
     name: constants_1.PREFIX,
     slot: 'Root'
 })(() => ({}));
@@ -69,18 +69,33 @@ function GroupFeed(inProps) {
         name: constants_1.PREFIX
     });
     const { id = 'group_feed', className, group, groupId, widgets = WIDGETS, FeedObjectProps = {}, FeedSidebarProps = null, FeedProps = {} } = props;
+    // STATUS
+    const [status, setStatus] = (0, react_1.useState)(undefined);
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();
+    const scUserContext = (0, react_core_1.useSCUser)();
+    const scGroupsManager = scUserContext.managers.groups;
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
+    const { scGroup } = (0, react_core_1.useSCFetchGroup)({ id: groupId, group });
     // REF
     const feedRef = (0, react_1.useRef)();
-    // Hooks
-    const { scGroup, setSCGroup } = (0, react_core_1.useSCFetchGroup)({ id: groupId, group });
+    // CONST
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
+    (0, react_1.useEffect)(() => {
+        /**
+         * Call scGroupsManager.subscriptionStatus inside an effect
+         * to avoid warning rendering child during update parent state
+         */
+        if (authUserId) {
+            setStatus(scGroupsManager.subscriptionStatus(scGroup));
+        }
+    }, [authUserId, scGroupsManager.subscriptionStatus, scGroup]);
     // HANDLERS
     const handleComposerSuccess = (feedObject) => {
         var _a;
-        enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composerIconButton.composer.success", defaultMessage: "ui.composerIconButton.composer.success" }), {
-            action: (snackbarId) => ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], react_ui_1.ContributionUtils.getRouteData(feedObject)) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }) }))),
+        const messageId = feedObject.scheduled_at ? 'ui.composer.scheduled.success' : 'ui.composerIconButton.composer.success';
+        enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: messageId, defaultMessage: messageId }), {
+            action: () => ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes[`${feedObject.type.toUpperCase()}_ROUTE_NAME`], react_ui_1.ContributionUtils.getRouteData(feedObject)) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composerIconButton.composer.viewContribute", defaultMessage: "ui.composerIconButton.composer.viewContribute" }) }))),
             variant: 'success',
             autoHideDuration: 7000
         });
@@ -89,10 +104,10 @@ function GroupFeed(inProps) {
             const feedUnit = {
                 type: feedObject.type,
                 [feedObject.type]: feedObject,
-                seen_by_id: [],
+                seen: false,
                 has_boost: false
             };
-            feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
+            !feedObject.draft && feedRef && feedRef.current && feedRef.current.addFeedData(feedUnit, true);
         }
     };
     // WIDGETS
@@ -105,18 +120,15 @@ function GroupFeed(inProps) {
     if (!scGroup) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
-    else if (scGroup && scGroup.subscription_status !== types_1.SCGroupSubscriptionStatusType.SUBSCRIBED) {
+    else if (scGroup && status !== types_1.SCGroupSubscriptionStatusType.SUBSCRIBED) {
         return (0, jsx_runtime_1.jsx)(react_ui_1.GroupInfoWidget, { className: classes.root, groupId: scGroup === null || scGroup === void 0 ? void 0 : scGroup.id });
     }
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), id: id, ref: feedRef, endpoint: Object.assign(Object.assign({}, api_services_1.Endpoints.GetGroupFeed), { url: () => api_services_1.Endpoints.GetGroupFeed.url({ id: scGroup.id }) }), widgets: _widgets, ItemComponent: react_ui_1.FeedObject, itemPropsGenerator: (scUser, item) => {
-            var _a;
-            return ({
-                feedObject: item[item.type],
-                feedObjectType: item.type,
-                feedObjectActivities: item.activities ? item.activities : null,
-                markRead: scUser ? !((_a = item === null || item === void 0 ? void 0 : item.seen_by_id) === null || _a === void 0 ? void 0 : _a.includes(scUser.id)) : null
-            });
-        }, itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: react_ui_1.FeedObjectSkeleton, ItemSkeletonProps: {
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), id: id, ref: feedRef, endpoint: Object.assign(Object.assign({}, api_services_1.Endpoints.GetGroupFeed), { url: () => api_services_1.Endpoints.GetGroupFeed.url({ id: scGroup.id }) }), 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 === null || item === void 0 ? void 0 : item.seen) : null
+        }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: react_ui_1.FeedObjectSkeleton, ItemSkeletonProps: {
             template: react_ui_1.SCFeedObjectTemplateType.PREVIEW
         }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: scGroup &&
             scGroup.subscription_status === types_1.SCGroupSubscriptionStatusType.SUBSCRIBED && ((0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess, defaultValue: { group: scGroup }, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.groupFeed.composer.label", defaultMessage: "templates.groupFeed.composer.label" }), feedType: types_1.SCFeedTypologyType.GROUP })), CustomAdvProps: { position: types_1.SCCustomAdvPosition.POSITION_FEED, groupsId: [scGroup.id] }, enabledCustomAdvPositions: [

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

@@ -3,13 +3,13 @@ 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 material_1 = require("@mui/material");
 const react_ui_1 = require("@selfcommunity/react-ui");
 const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-skeleton-root`
 };
-const Root = (0, styles_1.styled)(react_ui_1.FeedSkeleton, {
+const Root = (0, material_1.styled)(react_ui_1.FeedSkeleton, {
     name: constants_1.PREFIX,
     slot: 'SkeletonRoot'
 })(() => ({}));

package/lib/cjs/components/Lesson/Lesson.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const styles_1 = require("@mui/material/styles");
 const system_1 = require("@mui/system");
 const material_1 = require("@mui/material");
 const constants_1 = require("./constants");
@@ -24,12 +23,12 @@ const classes = {
     previewInfo: `${constants_1.PREFIX}-preview-info`,
     button: `${constants_1.PREFIX}-button`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'Root',
     overridesResolver: (_props, styles) => [styles.root]
 })(() => ({}));
-const Container = (0, styles_1.styled)(material_1.Box, {
+const Container = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'ContainerRoot',
     overridesResolver: (_props, styles) => styles.containerRoot,