@selfcommunity/react-core 0.7.0-alpha.0 → 0.7.0-alpha.10

package/lib/esm/hooks/useSCSubscribedEventsManager.js

@@ -34,21 +34,17 @@ export default function useSCSubscribedEventsManager(user) {
         CONFIGURATIONS_EVENTS_ENABLED in preferences &&
         preferences[CONFIGURATIONS_EVENTS_ENABLED].value, [preferences, features]);
     const notificationInvitedToJoinEvent = useRef(null);
-    const notificationRequestedToJoinEvent = useRef(null);
-    const notificationAcceptedToJoinEvent = useRef(null);
+    // const notificationRequestedToJoinEvent = useRef(null);
+    // const notificationAcceptedToJoinEvent = useRef(null);
     const notificationAddedToEvent = useRef(null);
     /**
      * Subscribe to notification types user_follow, user_unfollow
      */
     useDeepCompareEffectNoCheck(() => {
         notificationInvitedToJoinEvent.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_INVITED_TO_JOIN_EVENT}`, notificationSubscriber);
-        notificationRequestedToJoinEvent.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_EVENT}`, notificationSubscriber);
-        notificationAcceptedToJoinEvent.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_EVENT}`, notificationSubscriber);
         notificationAddedToEvent.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_ADDED_TO_EVENT}`, notificationSubscriber);
         return () => {
             PubSub.unsubscribe(notificationInvitedToJoinEvent.current);
-            PubSub.unsubscribe(notificationRequestedToJoinEvent.current);
-            PubSub.unsubscribe(notificationAcceptedToJoinEvent.current);
             PubSub.unsubscribe(notificationAddedToEvent.current);
         };
     }, [data]);
@@ -64,12 +60,6 @@ export default function useSCSubscribedEventsManager(user) {
                 case SCNotificationTypologyType.USER_INVITED_TO_JOIN_EVENT:
                     _status = SCEventSubscriptionStatusType.INVITED;
                     break;
-                case SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_EVENT:
-                    _status = SCEventSubscriptionStatusType.REQUESTED;
-                    break;
-                case SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_EVENT:
-                    _status = SCEventSubscriptionStatusType.SUBSCRIBED;
-                    break;
                 case SCNotificationTypologyType.USER_ADDED_TO_EVENT:
                     _status = SCEventSubscriptionStatusType.SUBSCRIBED;
                     break;
@@ -90,8 +80,8 @@ export default function useSCSubscribedEventsManager(user) {
             // Only if user is authenticated
             http
                 .request({
-                url: Endpoints.GetUserEvents.url(),
-                method: Endpoints.GetUserEvents.method,
+                url: Endpoints.GetUserSubscribedEvents.url({ id: user.id }),
+                method: Endpoints.GetUserSubscribedEvents.method,
             })
                 .then((res) => {
                 if (res.status >= 300) {

package/lib/esm/hooks/useSCSubscribedGroupsManager.d.ts

@@ -30,7 +30,7 @@ export default function useSCSubscribedGroupsManager(user?: SCUserType): {
     isLoading: (v: number | {
         id: number;
     }) => boolean;
-    subscribe: (group: SCGroupType, userId?: number) => Promise<any>;
+    subscribe: (group: SCGroupType) => Promise<any>;
     unsubscribe: (group: SCGroupType) => Promise<any>;
     subscriptionStatus: (group: SCGroupType) => string;
     refresh: () => void;

package/lib/esm/hooks/useSCSubscribedGroupsManager.js

@@ -34,21 +34,15 @@ export default function useSCSubscribedGroupsManager(user) {
         CONFIGURATIONS_GROUPS_ENABLED in preferences &&
         preferences[CONFIGURATIONS_GROUPS_ENABLED].value, [preferences, features]);
     const notificationInvitedToJoinGroup = useRef(null);
-    const notificationRequestedToJoinGroup = useRef(null);
-    const notificationAcceptedToJoinGroup = useRef(null);
     const notificationAddedToGroup = useRef(null);
     /**
      * Subscribe to notification types user_follow, user_unfollow
      */
     useDeepCompareEffectNoCheck(() => {
         notificationInvitedToJoinGroup.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_INVITED_TO_JOIN_GROUP}`, notificationSubscriber);
-        notificationRequestedToJoinGroup.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_GROUP}`, notificationSubscriber);
-        notificationAcceptedToJoinGroup.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_GROUP}`, notificationSubscriber);
         notificationAddedToGroup.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_ADDED_TO_GROUP}`, notificationSubscriber);
         return () => {
             PubSub.unsubscribe(notificationInvitedToJoinGroup.current);
-            PubSub.unsubscribe(notificationRequestedToJoinGroup.current);
-            PubSub.unsubscribe(notificationAcceptedToJoinGroup.current);
             PubSub.unsubscribe(notificationAddedToGroup.current);
         };
     }, [data]);
@@ -58,20 +52,20 @@ export default function useSCSubscribedGroupsManager(user) {
      * @param dataMsg
      */
     const notificationSubscriber = (msg, dataMsg) => {
+        var _a;
         if (dataMsg.data.group !== undefined) {
             let _status;
             switch (SCNotificationMapping[dataMsg.data.activity_type]) {
                 case SCNotificationTypologyType.USER_INVITED_TO_JOIN_GROUP:
                     _status = SCGroupSubscriptionStatusType.INVITED;
                     break;
-                case SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_GROUP:
-                    _status = SCGroupSubscriptionStatusType.REQUESTED;
-                    break;
-                case SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_GROUP:
-                    _status = SCGroupSubscriptionStatusType.SUBSCRIBED;
-                    break;
                 case SCNotificationTypologyType.USER_ADDED_TO_GROUP:
-                    _status = SCGroupSubscriptionStatusType.SUBSCRIBED;
+                    if (dataMsg.data.notification_obj.group && ((_a = dataMsg.data.notification_obj.group.paywalls) === null || _a === void 0 ? void 0 : _a.length)) {
+                        _status = SCGroupSubscriptionStatusType.PAYMENT_WAITING;
+                    }
+                    else {
+                        _status = SCGroupSubscriptionStatusType.SUBSCRIBED;
+                    }
                     break;
             }
             updateCache([dataMsg.data.group]);
@@ -90,8 +84,8 @@ export default function useSCSubscribedGroupsManager(user) {
             // Only if user is authenticated
             http
                 .request({
-                url: Endpoints.GetUserGroups.url(),
-                method: Endpoints.GetUserGroups.method,
+                url: Endpoints.GetUserSubscribedGroups.url({ id: user.id }),
+                method: Endpoints.GetUserSubscribedGroups.method,
             })
                 .then((res) => {
                 if (res.status >= 300) {
@@ -112,50 +106,31 @@ export default function useSCSubscribedGroupsManager(user) {
      * Memoized subscribe Group
      * Toggle action
      */
-    const subscribe = useMemo(() => (group, userId) => {
+    const subscribe = useMemo(() => (group) => {
         setLoading(group.id);
-        if (userId) {
-            return http
-                .request({
-                url: Endpoints.InviteOrAcceptGroupRequest.url({ id: group.id }),
-                method: Endpoints.InviteOrAcceptGroupRequest.method,
-                data: { users: [userId] },
-            })
-                .then((res) => {
-                if (res.status >= 300) {
-                    return Promise.reject(res);
-                }
-                updateCache([group.id]);
-                setData((prev) => getDataUpdated(prev, group.id, SCGroupSubscriptionStatusType.SUBSCRIBED));
-                setUnLoading(group.id);
-                return Promise.resolve(res.data);
-            });
-        }
-        else {
-            return http
-                .request({
-                url: Endpoints.SubscribeToGroup.url({ id: group.id }),
-                method: Endpoints.SubscribeToGroup.method,
-            })
-                .then((res) => {
-                if (res.status >= 300) {
-                    return Promise.reject(res);
-                }
-                updateCache([group.id]);
-                setData((prev) => getDataUpdated(prev, group.id, group.privacy === SCGroupPrivacyType.PRIVATE && group.subscription_status !== SCGroupSubscriptionStatusType.INVITED
-                    ? SCGroupSubscriptionStatusType.REQUESTED
-                    : SCGroupSubscriptionStatusType.SUBSCRIBED));
-                setUnLoading(group.id);
-                return Promise.resolve(res.data);
-            });
-        }
+        return http
+            .request({
+            url: Endpoints.SubscribeToGroup.url({ id: group.id }),
+            method: Endpoints.SubscribeToGroup.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            updateCache([group.id]);
+            setData((prev) => getDataUpdated(prev, group.id, group.privacy === SCGroupPrivacyType.PRIVATE && group.subscription_status !== SCGroupSubscriptionStatusType.INVITED
+                ? SCGroupSubscriptionStatusType.REQUESTED
+                : SCGroupSubscriptionStatusType.SUBSCRIBED));
+            setUnLoading(group.id);
+            return Promise.resolve(res.data);
+        });
     }, [data, loading, cache]);
     /**
      * Memoized subscribe Group
      * Toggle action
      */
     const unsubscribe = useMemo(() => (group) => {
-        if (group.subscription_status !== SCGroupSubscriptionStatusType.REQUESTED) {
+        if (data[group.id] !== SCGroupSubscriptionStatusType.REQUESTED) {
             setLoading(group.id);
             return http
                 .request({
@@ -248,7 +223,7 @@ export default function useSCSubscribedGroupsManager(user) {
         if (cache.includes(group.id)) {
             return getCurrentGroupCacheStatus(group);
         }
-        if (authUserId) {
+        if (authUserId && group) {
             if ('subscription_status' in group) {
                 return getSubscriptionStatus(group);
             }
@@ -257,7 +232,7 @@ export default function useSCSubscribedGroupsManager(user) {
             }
         }
         return null;
-    }, [loading, cache, authUserId]);
+    }, [loading, cache, authUserId, getSubscriptionStatus, getCurrentGroupCacheStatus]);
     /**
      * Empty cache on logout
      */

package/lib/esm/hooks/useSCWebPushMessaging.js

@@ -3,7 +3,7 @@ import { useContext, useEffect, useRef, useState } from 'react';
 import { useSCContext } from '../components/provider/SCContextProvider';
 import { useSCUser } from '../components/provider/SCUserProvider';
 import { Logger } from '@selfcommunity/utils';
-import Button from '@mui/material/Button';
+import { Button } from '@mui/material';
 import { loadVersionBrowser, urlB64ToUint8Array } from '@selfcommunity/utils';
 import { SCOPE_SC_CORE } from '../constants/Errors';
 import { http, Endpoints } from '@selfcommunity/api-services';

package/lib/esm/index.d.ts

@@ -42,6 +42,7 @@ import * as SCCache from './constants/Cache';
  * Custom Hooks
  */
 import useSCFetchUser from './hooks/useSCFetchUser';
+import useSCFetchUsers from './hooks/useSCFetchUsers';
 import useSCFetchUserProviders from './hooks/useSCFetchUserProviders';
 import useSCFetchVote from './hooks/useSCFetchVote';
 import useSCFetchFeedObject from './hooks/useSCFetchFeedObject';
@@ -71,6 +72,10 @@ import useSCGoogleApiLoader from './hooks/useSCGoogleApiLoader';
 import useSCFetchCourse from './hooks/useSCFetchCourse';
 import useSCFetchCourses from './hooks/useSCFetchCourses';
 import useSCFetchLesson from './hooks/useSCFetchLesson';
+import useSCPaymentsEnabled from './hooks/useSCPaymentsEnabled';
+import useSCFetchPaymentProduct from './hooks/useSCFetchPaymentProduct';
+import useSCFetchPaymentOrder from './hooks/useSCFetchPaymentOrder';
+import useSCPreferenceEnabled from './hooks/useSCPreferenceEnabled';
 /**
  * Routing component
  */
@@ -82,7 +87,7 @@ import * as SCRoutes from './constants/Routes';
  */
 import * as UserUtils from './utils/user';
 import getTheme from './themes/theme';
-import { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility } from './utils/hooks';
+import { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver } from './utils/hooks';
 import { getEventStatus } from './utils/event';
 /**
  * Constants:
@@ -93,4 +98,4 @@ import * as Preferences from './constants/Preferences';
 /**
  * List all exports
  */
-export { SCUserContextType, SCFollowedCategoriesManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCSettingsManagerType, SCFollowedManagerType, SCFollowersManagerType, SCConnectionsManagerType, SCSubscribedIncubatorsManagerType, SCLocaleType, SCNotificationContextType, SCPreferencesContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType, SCThemeAvatarVariableType, SCThemeCategoryIconVariableType, SCThemeCategoryVariableType, SCThemeVariablesType, SCThemeType, SCSubscribedGroupsManagerType, SCSubscribedEventsManagerType, SCJoinedCoursesManagerType, SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, getTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, getEventStatus, Locale, Preferences, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchLessonCommentObject, useSCFetchLessonCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, useSCFetchEvents, useSCFetchLiveStream, useSCGoogleApiLoader, useSCFetchCourse, useSCFetchCourses, useSCFetchLesson, };
+export { SCUserContextType, SCFollowedCategoriesManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCSettingsManagerType, SCFollowedManagerType, SCFollowersManagerType, SCConnectionsManagerType, SCSubscribedIncubatorsManagerType, SCLocaleType, SCNotificationContextType, SCPreferencesContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType, SCThemeAvatarVariableType, SCThemeCategoryIconVariableType, SCThemeCategoryVariableType, SCThemeVariablesType, SCThemeType, SCSubscribedGroupsManagerType, SCSubscribedEventsManagerType, SCJoinedCoursesManagerType, SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, getTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, getEventStatus, Locale, Preferences, useSCFetchUser, useSCFetchUsers, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchLessonCommentObject, useSCFetchLessonCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, useSCFetchEvents, useSCFetchLiveStream, useSCGoogleApiLoader, useSCFetchCourse, useSCFetchCourses, useSCFetchLesson, useSCPaymentsEnabled, useSCFetchPaymentProduct, useSCFetchPaymentOrder, useSCPreferenceEnabled, };

package/lib/esm/index.js

@@ -38,6 +38,7 @@ import * as SCCache from './constants/Cache';
  * Custom Hooks
  */
 import useSCFetchUser from './hooks/useSCFetchUser';
+import useSCFetchUsers from './hooks/useSCFetchUsers';
 import useSCFetchUserProviders from './hooks/useSCFetchUserProviders';
 import useSCFetchVote from './hooks/useSCFetchVote';
 import useSCFetchFeedObject from './hooks/useSCFetchFeedObject';
@@ -67,6 +68,10 @@ import useSCGoogleApiLoader from './hooks/useSCGoogleApiLoader';
 import useSCFetchCourse from './hooks/useSCFetchCourse';
 import useSCFetchCourses from './hooks/useSCFetchCourses';
 import useSCFetchLesson from './hooks/useSCFetchLesson';
+import useSCPaymentsEnabled from './hooks/useSCPaymentsEnabled';
+import useSCFetchPaymentProduct from './hooks/useSCFetchPaymentProduct';
+import useSCFetchPaymentOrder from './hooks/useSCFetchPaymentOrder';
+import useSCPreferenceEnabled from './hooks/useSCPreferenceEnabled';
 /**
  * Routing component
  */
@@ -78,7 +83,7 @@ import * as SCRoutes from './constants/Routes';
  */
 import * as UserUtils from './utils/user';
 import getTheme from './themes/theme';
-import { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, } from './utils/hooks';
+import { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver, } from './utils/hooks';
 import { getEventStatus } from './utils/event';
 /**
  * Constants:
@@ -89,4 +94,4 @@ import * as Preferences from './constants/Preferences';
 /**
  * List all exports
  */
-export { SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, getTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, getEventStatus, Locale, Preferences, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchLessonCommentObject, useSCFetchLessonCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, useSCFetchEvents, useSCFetchLiveStream, useSCGoogleApiLoader, useSCFetchCourse, useSCFetchCourses, useSCFetchLesson, };
+export { SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, getTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, getEventStatus, Locale, Preferences, useSCFetchUser, useSCFetchUsers, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchLessonCommentObject, useSCFetchLessonCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, useSCFetchEvents, useSCFetchLiveStream, useSCGoogleApiLoader, useSCFetchCourse, useSCFetchCourses, useSCFetchLesson, useSCPaymentsEnabled, useSCFetchPaymentProduct, useSCFetchPaymentOrder, useSCPreferenceEnabled, };

package/lib/esm/themes/theme.js

@@ -1,4 +1,4 @@
-import createTheme from '@mui/material/styles/createTheme';
+import { createTheme } from '@mui/material';
 import { mergeDeep } from '@selfcommunity/utils';
 import validateColor from 'validate-color';
 import { COLORS_COLORBACK, COLORS_COLORPRIMARY, COLORS_COLORSECONDARY, COLORS_COLORFONT, COLORS_COLORFONTSECONDARY, COLORS_NAVBARBACK, STYLE_FONT_FAMILY, } from '../constants/Preferences';
@@ -48,6 +48,18 @@ const getTheme = (options, preferences) => {
                 sizeXLarge: 120,
             },
         },
+        contentProduct: {
+            icon: {
+                sizeSmall: 24,
+                sizeMedium: 40,
+            },
+        },
+        contentProductPrice: {
+            icon: {
+                sizeSmall: 24,
+                sizeMedium: 40,
+            },
+        },
     };
     const defaultOptions = preferences
         ? {

package/lib/esm/types/theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme as MuiTheme } from '@mui/material/styles/createTheme';
+import { Theme as MuiTheme } from '@mui/material';
 /**
  * Interface SCThemeAvatarVariableType
  */
@@ -55,6 +55,32 @@ export interface SCThemeCategoryIconVariableType {
      */
     sizeLarge: number;
 }
+/**
+ * Interface SCThemeContentProductIconVariableType
+ */
+export interface SCThemeContentProductIconVariableType {
+    /**
+     * ContentProduct size small
+     */
+    sizeSmall: number;
+    /**
+     * ContentProduct size medium
+     */
+    sizeMedium: number;
+}
+/**
+ * Interface SCThemeContentProductPriceIconVariableType
+ */
+export interface SCThemeContentProductPriceIconVariableType {
+    /**
+     * ContentProductPrice size small
+     */
+    sizeSmall: number;
+    /**
+     * ContentProductPrice size medium
+     */
+    sizeMedium: number;
+}
 /**
  * Interface SCThemeCategoryVariableType
  */
@@ -64,6 +90,24 @@ export interface SCThemeCategoryVariableType {
      */
     icon: SCThemeCategoryIconVariableType;
 }
+/**
+ * Interface SCThemeContentProductVariableType
+ */
+export interface SCThemeContentProductVariableType {
+    /**
+     * ContentProduct icon size
+     */
+    icon: SCThemeContentProductIconVariableType;
+}
+/**
+ * Interface SCThemeContentProductPriceVariableType
+ */
+export interface SCThemeContentProductPriceVariableType {
+    /**
+     * ContentProductPrice icon size
+     */
+    icon: SCThemeContentProductPriceIconVariableType;
+}
 /**
  * Interface SCThemeVariablesType
  */
@@ -80,6 +124,14 @@ export interface SCThemeVariablesType {
      * Group
      */
     group: SCThemeGroupVariableType;
+    /**
+     * ContentProduct
+     */
+    contentProduct: SCThemeContentProductVariableType;
+    /**
+     * ContentProductPrice
+     */
+    contentProductPrice: SCThemeContentProductPriceVariableType;
 }
 export interface SCThemeType extends MuiTheme {
     /**

package/lib/esm/utils/hooks/index.d.ts

@@ -4,4 +4,5 @@ import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
 import useEffectOnce from './useEffectOnce';
 import useNoInitialEffect from './useNoInitialEffect';
 import usePageVisibility from './usePageVisibility';
-export { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility };
+import useResizeObserver from './useResizeObserver';
+export { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver, };

package/lib/esm/utils/hooks/index.js

@@ -4,4 +4,5 @@ import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
 import useEffectOnce from './useEffectOnce';
 import useNoInitialEffect from './useNoInitialEffect';
 import usePageVisibility from './usePageVisibility';
-export { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility };
+import useResizeObserver from './useResizeObserver';
+export { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver, };

package/lib/esm/utils/hooks/useResizeObserver.d.ts

@@ -0,0 +1 @@
+export default function useResizeObserver(element: Element | null, options: ResizeObserverOptions | undefined, observerCallback: ResizeObserverCallback): void;

package/lib/esm/utils/hooks/useResizeObserver.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+export default function useResizeObserver(element, options, observerCallback) {
+    useEffect(() => {
+        if (!element || !('ResizeObserver' in window)) {
+            return undefined;
+        }
+        const observer = new ResizeObserver(observerCallback);
+        observer.observe(element, options);
+        return () => {
+            observer.disconnect();
+        };
+    }, [element, options, observerCallback]);
+}

package/lib/esm/utils/user.d.ts

@@ -6,6 +6,7 @@ import { SCUserType } from '@selfcommunity/types';
 export declare const ADMIN_ROLE = "admin";
 export declare const MODERATOR_ROLE = "moderator";
 export declare const EDITOR_ROLE = "editor";
+export declare const PUBLISHER_ROLE = "publisher";
 export declare const COMMUNITY_CREATOR = 1;
 /**
  * Get user role from roles(set)
@@ -38,7 +39,13 @@ export declare function isModerator(user: SCUserType): boolean;
  */
 export declare function isEditor(user: SCUserType): boolean;
 /**
- * Check if user is admin or moderator
+ * Check if user is publisher
+ * @param user
+ * @returns boolean
+ */
+export declare function isPublisher(user: SCUserType): boolean;
+/**
+ * Check if user is admin, moderator, editor or publisher
  * @param user
  * @returns boolean
  */

package/lib/esm/utils/user.js

@@ -6,6 +6,7 @@ import { SCUserStatus } from '@selfcommunity/types';
 export const ADMIN_ROLE = 'admin';
 export const MODERATOR_ROLE = 'moderator';
 export const EDITOR_ROLE = 'editor';
+export const PUBLISHER_ROLE = 'publisher';
 export const COMMUNITY_CREATOR = 1;
 /**
  * Get user role from roles(set)
@@ -24,6 +25,9 @@ export function getUserRole(user) {
         else if (role === EDITOR_ROLE) {
             return EDITOR_ROLE;
         }
+        else if (role === PUBLISHER_ROLE) {
+            return PUBLISHER_ROLE;
+        }
     }
     return null;
 }
@@ -60,7 +64,15 @@ export function isEditor(user) {
     return getUserRole(user) === EDITOR_ROLE;
 }
 /**
- * Check if user is admin or moderator
+ * Check if user is publisher
+ * @param user
+ * @returns boolean
+ */
+export function isPublisher(user) {
+    return getUserRole(user) === PUBLISHER_ROLE;
+}
+/**
+ * Check if user is admin, moderator, editor or publisher
  * @param user
  * @returns boolean
  */