@selfcommunity/react-core 0.4.9-alpha.4 → 0.4.9-alpha.40

package/lib/cjs/components/provider/SCPreferencesProvider/index.js

@@ -48,7 +48,7 @@ function SCPreferencesProvider({ children = null }) {
         Promise.all([api_services_1.PreferenceService.getAllPreferences(), api_services_1.FeatureService.getAllFeatures()])
             .then(function ([preferences, features]) {
             setPreferences(preferences['results'].reduce((obj, p) => (Object.assign(Object.assign({}, obj), { [`${p.section}.${p.name}`]: p })), {}));
-            setFeatures(features['results'].map((f) => f.name));
+            setFeatures(features['results'].filter((f) => f.enabled).map((f) => f.name));
             setLoading(false);
         })
             .catch((_error) => {

package/lib/cjs/constants/Cache.d.ts

@@ -71,4 +71,5 @@ export declare const POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = "_pSugWidget
 export declare const GROUP_MEMBERS_TOOLS_STATE_CACHE_PREFIX_KEY = "_gMemWidget_";
 export declare const GROUP_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = "_gReqWidget_";
 export declare const GROUPS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = "_glIST_";
+export declare const GROUPS_SUBSCRIBED_TOOLS_STATE_CACHE_PREFIX_KEY = "_gSubWidget_";
 export declare const getWidgetStateCacheKey: (p: any, id?: any) => string;

package/lib/cjs/constants/Cache.js

@@ -4,7 +4,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.INCUBATOR_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.PEOPLE_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.TRENDING_PEOPLE_TOOLS_STATE_CACHE_PREFIX_KEY = exports.RELATED_FEED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.TRENDING_FEED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_CONNECTIONS_REQUESTS_SENT_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_CONNECTIONS_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_CONNECTIONS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_FOLLOWERS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_POPULAR_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.getPmSnippetObjectCacheKey = exports.PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY = exports.getPmSnippetsObjectCacheKey = exports.PM_SNIPPETS_OBJECT_CACHE_PREFIX_KEY = exports.getAdvObjectCacheKey = exports.ADV_OBJECT_CACHE_PREFIX_KEY = exports.getFeedSPCacheKey = exports.FEED_CACHE_SP_KEY = exports.getVirtualizedScrollStateCacheKey = exports.VIRTUALIZED_SCROLL_STATE_CACHE_PREFIX_KEY = exports.getStateFeedCacheKey = exports.FEED_STATE_CACHE_PREFIX_KEY = exports.getFeedCacheKey = exports.FEED_CACHE_PREFIX_KEY = exports.getBroadcastMessagesObjectCacheKey = exports.BROADCAST_MESSAGES_OBJECT_CACHE_PREFIX_KEY = exports.getContributorsCachePrefixKeys = exports.getContributorsCacheKey = exports.CONTRIBUTORS_CACHE_PREFIX_KEY = exports.getIncubatorObjectCacheKey = exports.INCUBATOR_OBJECT_CACHE_PREFIX_KEY = exports.getGroupsObjectCacheKey = exports.GROUPS_OBJECT_CACHE_PREFIX_KEY = exports.getGroupObjectCacheKey = exports.GROUP_OBJECT_CACHE_PREFIX_KEY = exports.getCategoryObjectCacheKey = exports.CATEGORY_OBJECT_CACHE_PREFIX_KEY = exports.getCategoriesObjectCacheKey = exports.CATEGORIES_OBJECT_CACHE_PREFIX_KEY = exports.getCommentObjectsCachePrefixKeys = exports.getCommentObjectsCacheKey = exports.COMMENT_OBJECTS_CACHE_PREFIX_KEY = exports.getCommentObjectCacheKey = exports.COMMENT_OBJECT_CACHE_PREFIX_KEY = exports.getFeedObjectCacheKey = exports.FEED_OBJECT_CACHE_PREFIX_KEY = void 0;
-exports.getWidgetStateCacheKey = exports.GROUPS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUP_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUP_MEMBERS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.INCUBATOR_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = void 0;
+exports.getWidgetStateCacheKey = exports.GROUPS_SUBSCRIBED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUPS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUP_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUP_MEMBERS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.INCUBATOR_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = void 0;
 /** FEED OBJECT **/
 exports.FEED_OBJECT_CACHE_PREFIX_KEY = '_fo_';
 const getFeedObjectCacheKey = (id, type) => `${exports.FEED_OBJECT_CACHE_PREFIX_KEY}${type}_${id}`;
@@ -98,5 +98,6 @@ exports.POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = '_pSugWidget_';
 exports.GROUP_MEMBERS_TOOLS_STATE_CACHE_PREFIX_KEY = '_gMemWidget_';
 exports.GROUP_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = '_gReqWidget_';
 exports.GROUPS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = '_glIST_';
+exports.GROUPS_SUBSCRIBED_TOOLS_STATE_CACHE_PREFIX_KEY = '_gSubWidget_';
 const getWidgetStateCacheKey = (p, id = undefined) => `${p}${id !== undefined ? id : ''}`;
 exports.getWidgetStateCacheKey = getWidgetStateCacheKey;

package/lib/cjs/constants/Notification.d.ts

@@ -44,6 +44,10 @@ export declare const SCNotificationMapping: {
     83: SCNotificationTypologyType;
     96: SCNotificationTypologyType;
     99: SCNotificationTypologyType;
+    31: SCNotificationTypologyType;
+    32: SCNotificationTypologyType;
+    33: SCNotificationTypologyType;
+    34: SCNotificationTypologyType;
 };
 /**
  * Silent Snippet Notifications

package/lib/cjs/constants/Notification.js

@@ -47,6 +47,10 @@ exports.SCNotificationMapping = {
     83: types_1.SCNotificationTypologyType.UNBLOCKED_USER,
     96: types_1.SCNotificationTypologyType.INCUBATOR_APPROVED,
     99: types_1.SCNotificationTypologyType.CUSTOM_NOTIFICATION,
+    31: types_1.SCNotificationTypologyType.USER_INVITED_TO_JOIN_GROUP,
+    32: types_1.SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_GROUP,
+    33: types_1.SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_GROUP,
+    34: types_1.SCNotificationTypologyType.USER_ADDED_TO_GROUP
 };
 /**
  * Silent Snippet Notifications

package/lib/cjs/constants/Routes.d.ts

@@ -32,7 +32,10 @@ export declare const RECOVER_ROUTE_NAME = "recover";
 export declare const CUSTOM_PAGES_ROUTE_NAME = "custom_pages";
 export declare const LEGAL_PAGES_ROUTE_NAME = "legal_pages";
 export declare const GROUP_ROUTE_NAME = "group";
+export declare const GROUP_MEMBERS_ROUTE_NAME = "group_members";
+export declare const GROUP_MESSAGES_ROUTE_NAME = "group_messages";
 export declare const GROUPS_ROUTE_NAME = "groups";
+export declare const GROUPS_SUBSCRIBED_ROUTE_NAME = "groups_subscribed";
 /**
  * Default Routes
  * @type {{[p: string]: string, '[POST_ROUTE_NAME]': string, '[INCUBATOR_ROUTE_NAME]': string, '[LOYALTY_ROUTE_NAME]': string, '[USER_NOTIFICATION_ROUTE_NAME]': string, '[USER_PRIVATE_MESSAGES_ROUTE_NAME]': string, '[COMMENT_ROUTE_NAME]': string, '[DISCUSSION_ROUTE_NAME]': string, '[CATEGORIES_ROUTE_NAME]': string, '[USER_PROFILE_ROUTE_NAME]': string, '[CATEGORY_ROUTE_NAME]': string, '[USER_PROFILE_SETTINGS_ROUTE_NAME]': string, '[STATUS_ROUTE_NAME]': string}}

package/lib/cjs/constants/Routes.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultRoutes = exports.GROUPS_ROUTE_NAME = exports.GROUP_ROUTE_NAME = exports.LEGAL_PAGES_ROUTE_NAME = exports.CUSTOM_PAGES_ROUTE_NAME = exports.RECOVER_ROUTE_NAME = exports.SIGNUP_ROUTE_NAME = exports.SIGNIN_ROUTE_NAME = exports.INCUBATOR_ROUTE_NAME = exports.LOYALTY_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME = exports.USER_PROFILE_CATEGORIES_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_SENT_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWERS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWINGS_ROUTE_NAME = exports.USER_PRIVATE_MESSAGES_ROUTE_NAME = exports.USER_NOTIFICATIONS_ROUTE_NAME = exports.USER_PROFILE_SETTINGS_ROUTE_NAME = exports.USER_PROFILE_ROUTE_NAME = exports.CATEGORIES_LIST_ROUTE_NAME = exports.CATEGORY_TRENDING_FEED_ROUTE_NAME = exports.CATEGORY_ROUTE_NAME = exports.COMMENT_ROUTE_NAME = exports.STATUS_ROUTE_NAME = exports.DISCUSSION_ROUTE_NAME = exports.POST_ROUTE_NAME = exports.EXPLORE_ROUTE_NAME = exports.HOME_ROUTE_NAME = exports.ROUTER_OPTION = exports.PORTAL_OPTION = void 0;
+exports.defaultRoutes = exports.GROUPS_SUBSCRIBED_ROUTE_NAME = exports.GROUPS_ROUTE_NAME = exports.GROUP_MESSAGES_ROUTE_NAME = exports.GROUP_MEMBERS_ROUTE_NAME = exports.GROUP_ROUTE_NAME = exports.LEGAL_PAGES_ROUTE_NAME = exports.CUSTOM_PAGES_ROUTE_NAME = exports.RECOVER_ROUTE_NAME = exports.SIGNUP_ROUTE_NAME = exports.SIGNIN_ROUTE_NAME = exports.INCUBATOR_ROUTE_NAME = exports.LOYALTY_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME = exports.USER_PROFILE_CATEGORIES_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_SENT_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWERS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWINGS_ROUTE_NAME = exports.USER_PRIVATE_MESSAGES_ROUTE_NAME = exports.USER_NOTIFICATIONS_ROUTE_NAME = exports.USER_PROFILE_SETTINGS_ROUTE_NAME = exports.USER_PROFILE_ROUTE_NAME = exports.CATEGORIES_LIST_ROUTE_NAME = exports.CATEGORY_TRENDING_FEED_ROUTE_NAME = exports.CATEGORY_ROUTE_NAME = exports.COMMENT_ROUTE_NAME = exports.STATUS_ROUTE_NAME = exports.DISCUSSION_ROUTE_NAME = exports.POST_ROUTE_NAME = exports.EXPLORE_ROUTE_NAME = exports.HOME_ROUTE_NAME = exports.ROUTER_OPTION = exports.PORTAL_OPTION = void 0;
 exports.PORTAL_OPTION = 'portal';
 exports.ROUTER_OPTION = 'router';
 /**
@@ -35,7 +35,10 @@ exports.RECOVER_ROUTE_NAME = 'recover';
 exports.CUSTOM_PAGES_ROUTE_NAME = 'custom_pages';
 exports.LEGAL_PAGES_ROUTE_NAME = 'legal_pages';
 exports.GROUP_ROUTE_NAME = 'group';
+exports.GROUP_MEMBERS_ROUTE_NAME = 'group_members';
+exports.GROUP_MESSAGES_ROUTE_NAME = 'group_messages';
 exports.GROUPS_ROUTE_NAME = 'groups';
+exports.GROUPS_SUBSCRIBED_ROUTE_NAME = 'groups_subscribed';
 /**
  * Default Routes
  * @type {{[p: string]: string, '[POST_ROUTE_NAME]': string, '[INCUBATOR_ROUTE_NAME]': string, '[LOYALTY_ROUTE_NAME]': string, '[USER_NOTIFICATION_ROUTE_NAME]': string, '[USER_PRIVATE_MESSAGES_ROUTE_NAME]': string, '[COMMENT_ROUTE_NAME]': string, '[DISCUSSION_ROUTE_NAME]': string, '[CATEGORIES_ROUTE_NAME]': string, '[USER_PROFILE_ROUTE_NAME]': string, '[CATEGORY_ROUTE_NAME]': string, '[USER_PROFILE_SETTINGS_ROUTE_NAME]': string, '[STATUS_ROUTE_NAME]': string}}
@@ -70,5 +73,8 @@ exports.defaultRoutes = {
     [exports.CUSTOM_PAGES_ROUTE_NAME]: '/:id/:slug/',
     [exports.LEGAL_PAGES_ROUTE_NAME]: '/legal/:policy/',
     [exports.GROUP_ROUTE_NAME]: '/group/:id/:slug/',
+    [exports.GROUP_MEMBERS_ROUTE_NAME]: '/group/:id/:slug/members/',
+    [exports.GROUP_MESSAGES_ROUTE_NAME]: '/group/:id/:slug/messages/',
     [exports.GROUPS_ROUTE_NAME]: '/groups/',
+    [exports.GROUPS_SUBSCRIBED_ROUTE_NAME]: '/groups/subscribed/',
 };

package/lib/cjs/hooks/useSCFetchGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SCGroupType } from '@selfcommunity/types';
 import { CacheStrategies } from '@selfcommunity/utils';
 /**
@@ -16,6 +15,6 @@ export default function useSCFetchGroup({ id, group, cacheStrategy, }: {
     cacheStrategy?: CacheStrategies;
 }): {
     scGroup: SCGroupType;
-    setSCGroup: import("react").Dispatch<import("react").SetStateAction<SCGroupType>>;
+    setSCGroup: (group: SCGroupType) => void;
     error: string;
 };

package/lib/cjs/hooks/useSCFetchGroup.js

@@ -24,8 +24,13 @@ function useSCFetchGroup({ id = null, group = null, cacheStrategy = utils_1.Cach
     // CACHE
     const __groupCacheKey = (0, Cache_1.getGroupObjectCacheKey)(__groupId);
     const __group = authUserId ? group : (0, utils_1.objectWithoutProperties)(group, ['subscription_status']);
-    const [scGroup, setSCGroup] = (0, react_1.useState)(cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY ? utils_1.LRUCache.get(__groupCacheKey, __group) : null);
+    const [scGroup, setScGroup] = (0, react_1.useState)(cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY ? utils_1.LRUCache.get(__groupCacheKey, __group) : null);
     const [error, setError] = (0, react_1.useState)(null);
+    const setSCGroup = (group) => {
+        const _c = authUserId ? group : (0, utils_1.objectWithoutProperties)(group, ['subscription_status']);
+        setScGroup(_c);
+        utils_1.LRUCache.set(__groupCacheKey, _c);
+    };
     /**
      * Memoized fetchTag
      */
@@ -49,9 +54,7 @@ function useSCFetchGroup({ id = null, group = null, cacheStrategy = utils_1.Cach
         if (__groupId && (!scGroup || (scGroup && __groupId !== scGroup.id))) {
             fetchGroup()
                 .then((obj) => {
-                const _c = authUserId ? obj : (0, utils_1.objectWithoutProperties)(obj, ['subscription_status']);
-                setSCGroup(_c);
-                utils_1.LRUCache.set(__groupCacheKey, _c);
+                setSCGroup(obj);
             })
                 .catch((err) => {
                 utils_1.LRUCache.delete(__groupCacheKey);
@@ -60,14 +63,12 @@ function useSCFetchGroup({ id = null, group = null, cacheStrategy = utils_1.Cach
                 utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, err.message);
             });
         }
-    }, [__groupId]);
+    }, [__groupId, authUserId]);
     (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
         if (group) {
-            const _c = authUserId ? group : (0, utils_1.objectWithoutProperties)(group, ['subscription_status']);
-            setSCGroup(_c);
-            utils_1.LRUCache.set(__groupCacheKey, _c);
+            setSCGroup(group);
         }
-    }, [group]);
+    }, [group, authUserId]);
     return { scGroup, setSCGroup, error };
 }
 exports.default = useSCFetchGroup;

package/lib/cjs/hooks/useSCFetchGroups.js

@@ -46,10 +46,10 @@ const useSCFetchGroups = (props) => {
     /**
      * Fetch groups
      */
-    const fetchGroups = (next = api_services_1.Endpoints.GetAllGroups.url()) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const fetchGroups = (next = api_services_1.Endpoints.GetUserGroups.url()) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         const response = yield api_services_1.http.request({
             url: next,
-            method: api_services_1.Endpoints.GetAllGroups.method,
+            method: api_services_1.Endpoints.GetUserGroups.method,
         });
         const data = response.data;
         if (data.next) {

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

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

package/lib/cjs/hooks/useSCSubscribedGroupsManager.js

@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const api_services_1 = require("@selfcommunity/api-services");
+const types_1 = require("@selfcommunity/types");
 const useSCCachingManager_1 = tslib_1.__importDefault(require("./useSCCachingManager"));
 const Errors_1 = require("../constants/Errors");
 const utils_1 = require("@selfcommunity/utils");
+const SCPreferencesProvider_1 = require("../components/provider/SCPreferencesProvider");
 /**
  :::info
  This custom hook is used to manage the groups followed.
@@ -22,7 +24,9 @@ const utils_1 = require("@selfcommunity/utils");
  */
 function useSCSubscribedGroupsManager(user) {
     const { cache, updateCache, emptyCache, data, setData, loading, setLoading, setUnLoading, isLoading } = (0, useSCCachingManager_1.default)();
+    const scPreferencesContext = (0, SCPreferencesProvider_1.useSCPreferences)();
     const authUserId = user ? user.id : null;
+    const groupsDisabled = scPreferencesContext.features && !scPreferencesContext.features.includes(types_1.SCFeatureName.GROUPING);
     /**
      * Memoized refresh all groups
      * It makes a single request to the server and retrieves
@@ -42,9 +46,9 @@ function useSCSubscribedGroupsManager(user) {
                 if (res.status >= 300) {
                     return Promise.reject(res);
                 }
-                const groupsIds = res.data.map((g) => g.id);
+                const groupsIds = res.data.results.map((g) => g.id);
                 updateCache(groupsIds);
-                setData(groupsIds);
+                setData(res.data.results.map((g) => ({ [g.id]: g.subscription_status })));
                 return Promise.resolve(res.data);
             })
                 .catch((e) => {
@@ -57,45 +61,66 @@ function useSCSubscribedGroupsManager(user) {
      * Memoized subscribe Group
      * Toggle action
      */
-    const subscribe = (0, react_1.useMemo)(() => (group) => {
+    const subscribe = (0, react_1.useMemo)(() => (group, userId) => {
         setLoading(group.id);
-        return api_services_1.http
-            .request({
-            url: api_services_1.Endpoints.SubscribeToGroup.url({ id: group.id }),
-            method: api_services_1.Endpoints.SubscribeToGroup.method,
-        })
-            .then((res) => {
-            if (res.status >= 300) {
-                return Promise.reject(res);
-            }
-            updateCache([group.id]);
-            const isSubscribed = data.includes(group.id);
-            setData((prev) => (isSubscribed ? prev.filter((id) => id !== group.id) : [...[group.id], ...prev]));
-            setUnLoading(group.id);
-            return Promise.resolve(res.data);
-        });
+        if (userId) {
+            return api_services_1.http
+                .request({
+                url: api_services_1.Endpoints.InviteOrAcceptGroupRequest.url({ id: group.id }),
+                method: api_services_1.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, types_1.SCGroupSubscriptionStatusType.SUBSCRIBED));
+                setUnLoading(group.id);
+                return Promise.resolve(res.data);
+            });
+        }
+        else {
+            return api_services_1.http
+                .request({
+                url: api_services_1.Endpoints.SubscribeToGroup.url({ id: group.id }),
+                method: api_services_1.Endpoints.SubscribeToGroup.method,
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([group.id]);
+                setData((prev) => getDataUpdated(prev, group.id, group.privacy === types_1.SCGroupPrivacyType.PRIVATE && group.subscription_status !== types_1.SCGroupSubscriptionStatusType.INVITED
+                    ? types_1.SCGroupSubscriptionStatusType.REQUESTED
+                    : types_1.SCGroupSubscriptionStatusType.SUBSCRIBED));
+                setUnLoading(group.id);
+                return Promise.resolve(res.data);
+            });
+        }
     }, [data, loading, cache]);
     /**
      * Memoized subscribe Group
      * Toggle action
      */
     const unsubscribe = (0, react_1.useMemo)(() => (group) => {
-        setLoading(group.id);
-        return api_services_1.http
-            .request({
-            url: api_services_1.Endpoints.UnsubscribeFromGroup.url({ id: group.id }),
-            method: api_services_1.Endpoints.UnsubscribeFromGroup.method,
-        })
-            .then((res) => {
-            if (res.status >= 300) {
-                return Promise.reject(res);
-            }
-            updateCache([group.id]);
-            const isSubscribed = data.includes(group.id);
-            setData((prev) => (isSubscribed ? prev.filter((id) => id !== group.id) : [...[group.id], ...prev]));
-            setUnLoading(group.id);
-            return Promise.resolve(res.data);
-        });
+        if (group.subscription_status !== types_1.SCGroupSubscriptionStatusType.REQUESTED) {
+            setLoading(group.id);
+            return api_services_1.http
+                .request({
+                url: api_services_1.Endpoints.UnsubscribeFromGroup.url({ id: group.id }),
+                method: api_services_1.Endpoints.UnsubscribeFromGroup.method,
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([group.id]);
+                setData((prev) => getDataUpdated(prev, group.id, null));
+                setUnLoading(group.id);
+                return Promise.resolve(res.data);
+            });
+        }
     }, [data, loading, cache]);
     /**
      * Check the authenticated user subscription status to the group
@@ -181,7 +206,7 @@ function useSCSubscribedGroupsManager(user) {
             }
         }
         return null;
-    }, [data, loading, cache, authUserId]);
+    }, [loading, cache, authUserId]);
     /**
      * Empty cache on logout
      */
@@ -190,7 +215,7 @@ function useSCSubscribedGroupsManager(user) {
             emptyCache();
         }
     }, [authUserId]);
-    if (!user) {
+    if (groupsDisabled || !user) {
         return { groups: data, loading, isLoading };
     }
     return { groups: data, loading, isLoading, subscribe, unsubscribe, subscriptionStatus, refresh, emptyCache };

package/lib/cjs/types/context.d.ts

@@ -265,7 +265,7 @@ export interface SCSubscribedGroupsManagerType {
     /**
      * Handle user subscription to a group
      */
-    subscribe?: (group: SCGroupType) => Promise<any>;
+    subscribe?: (group: SCGroupType, userId?: number) => Promise<any>;
     /**
      * Handle user unsubscription from a group
      */

package/lib/esm/components/provider/SCPreferencesProvider/index.js

@@ -44,7 +44,7 @@ export default function SCPreferencesProvider({ children = null }) {
         Promise.all([PreferenceService.getAllPreferences(), FeatureService.getAllFeatures()])
             .then(function ([preferences, features]) {
             setPreferences(preferences['results'].reduce((obj, p) => (Object.assign(Object.assign({}, obj), { [`${p.section}.${p.name}`]: p })), {}));
-            setFeatures(features['results'].map((f) => f.name));
+            setFeatures(features['results'].filter((f) => f.enabled).map((f) => f.name));
             setLoading(false);
         })
             .catch((_error) => {

package/lib/esm/constants/Cache.d.ts

@@ -71,4 +71,5 @@ export declare const POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = "_pSugWidget
 export declare const GROUP_MEMBERS_TOOLS_STATE_CACHE_PREFIX_KEY = "_gMemWidget_";
 export declare const GROUP_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = "_gReqWidget_";
 export declare const GROUPS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = "_glIST_";
+export declare const GROUPS_SUBSCRIBED_TOOLS_STATE_CACHE_PREFIX_KEY = "_gSubWidget_";
 export declare const getWidgetStateCacheKey: (p: any, id?: any) => string;

package/lib/esm/constants/Cache.js

@@ -75,4 +75,5 @@ export const POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = '_pSugWidget_';
 export const GROUP_MEMBERS_TOOLS_STATE_CACHE_PREFIX_KEY = '_gMemWidget_';
 export const GROUP_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = '_gReqWidget_';
 export const GROUPS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = '_glIST_';
+export const GROUPS_SUBSCRIBED_TOOLS_STATE_CACHE_PREFIX_KEY = '_gSubWidget_';
 export const getWidgetStateCacheKey = (p, id = undefined) => `${p}${id !== undefined ? id : ''}`;

package/lib/esm/constants/Notification.d.ts

@@ -44,6 +44,10 @@ export declare const SCNotificationMapping: {
     83: SCNotificationTypologyType;
     96: SCNotificationTypologyType;
     99: SCNotificationTypologyType;
+    31: SCNotificationTypologyType;
+    32: SCNotificationTypologyType;
+    33: SCNotificationTypologyType;
+    34: SCNotificationTypologyType;
 };
 /**
  * Silent Snippet Notifications

package/lib/esm/constants/Notification.js

@@ -44,6 +44,10 @@ export const SCNotificationMapping = {
     83: SCNotificationTypologyType.UNBLOCKED_USER,
     96: SCNotificationTypologyType.INCUBATOR_APPROVED,
     99: SCNotificationTypologyType.CUSTOM_NOTIFICATION,
+    31: SCNotificationTypologyType.USER_INVITED_TO_JOIN_GROUP,
+    32: SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_GROUP,
+    33: SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_GROUP,
+    34: SCNotificationTypologyType.USER_ADDED_TO_GROUP
 };
 /**
  * Silent Snippet Notifications

package/lib/esm/constants/Routes.d.ts

@@ -32,7 +32,10 @@ export declare const RECOVER_ROUTE_NAME = "recover";
 export declare const CUSTOM_PAGES_ROUTE_NAME = "custom_pages";
 export declare const LEGAL_PAGES_ROUTE_NAME = "legal_pages";
 export declare const GROUP_ROUTE_NAME = "group";
+export declare const GROUP_MEMBERS_ROUTE_NAME = "group_members";
+export declare const GROUP_MESSAGES_ROUTE_NAME = "group_messages";
 export declare const GROUPS_ROUTE_NAME = "groups";
+export declare const GROUPS_SUBSCRIBED_ROUTE_NAME = "groups_subscribed";
 /**
  * Default Routes
  * @type {{[p: string]: string, '[POST_ROUTE_NAME]': string, '[INCUBATOR_ROUTE_NAME]': string, '[LOYALTY_ROUTE_NAME]': string, '[USER_NOTIFICATION_ROUTE_NAME]': string, '[USER_PRIVATE_MESSAGES_ROUTE_NAME]': string, '[COMMENT_ROUTE_NAME]': string, '[DISCUSSION_ROUTE_NAME]': string, '[CATEGORIES_ROUTE_NAME]': string, '[USER_PROFILE_ROUTE_NAME]': string, '[CATEGORY_ROUTE_NAME]': string, '[USER_PROFILE_SETTINGS_ROUTE_NAME]': string, '[STATUS_ROUTE_NAME]': string}}

package/lib/esm/constants/Routes.js

@@ -32,7 +32,10 @@ export const RECOVER_ROUTE_NAME = 'recover';
 export const CUSTOM_PAGES_ROUTE_NAME = 'custom_pages';
 export const LEGAL_PAGES_ROUTE_NAME = 'legal_pages';
 export const GROUP_ROUTE_NAME = 'group';
+export const GROUP_MEMBERS_ROUTE_NAME = 'group_members';
+export const GROUP_MESSAGES_ROUTE_NAME = 'group_messages';
 export const GROUPS_ROUTE_NAME = 'groups';
+export const GROUPS_SUBSCRIBED_ROUTE_NAME = 'groups_subscribed';
 /**
  * Default Routes
  * @type {{[p: string]: string, '[POST_ROUTE_NAME]': string, '[INCUBATOR_ROUTE_NAME]': string, '[LOYALTY_ROUTE_NAME]': string, '[USER_NOTIFICATION_ROUTE_NAME]': string, '[USER_PRIVATE_MESSAGES_ROUTE_NAME]': string, '[COMMENT_ROUTE_NAME]': string, '[DISCUSSION_ROUTE_NAME]': string, '[CATEGORIES_ROUTE_NAME]': string, '[USER_PROFILE_ROUTE_NAME]': string, '[CATEGORY_ROUTE_NAME]': string, '[USER_PROFILE_SETTINGS_ROUTE_NAME]': string, '[STATUS_ROUTE_NAME]': string}}
@@ -67,5 +70,8 @@ export const defaultRoutes = {
     [CUSTOM_PAGES_ROUTE_NAME]: '/:id/:slug/',
     [LEGAL_PAGES_ROUTE_NAME]: '/legal/:policy/',
     [GROUP_ROUTE_NAME]: '/group/:id/:slug/',
+    [GROUP_MEMBERS_ROUTE_NAME]: '/group/:id/:slug/members/',
+    [GROUP_MESSAGES_ROUTE_NAME]: '/group/:id/:slug/messages/',
     [GROUPS_ROUTE_NAME]: '/groups/',
+    [GROUPS_SUBSCRIBED_ROUTE_NAME]: '/groups/subscribed/',
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SCGroupType } from '@selfcommunity/types';
 import { CacheStrategies } from '@selfcommunity/utils';
 /**
@@ -16,6 +15,6 @@ export default function useSCFetchGroup({ id, group, cacheStrategy, }: {
     cacheStrategy?: CacheStrategies;
 }): {
     scGroup: SCGroupType;
-    setSCGroup: import("react").Dispatch<import("react").SetStateAction<SCGroupType>>;
+    setSCGroup: (group: SCGroupType) => void;
     error: string;
 };

package/lib/esm/hooks/useSCFetchGroup.js

@@ -22,8 +22,13 @@ export default function useSCFetchGroup({ id = null, group = null, cacheStrategy
     // CACHE
     const __groupCacheKey = getGroupObjectCacheKey(__groupId);
     const __group = authUserId ? group : objectWithoutProperties(group, ['subscription_status']);
-    const [scGroup, setSCGroup] = useState(cacheStrategy !== CacheStrategies.NETWORK_ONLY ? LRUCache.get(__groupCacheKey, __group) : null);
+    const [scGroup, setScGroup] = useState(cacheStrategy !== CacheStrategies.NETWORK_ONLY ? LRUCache.get(__groupCacheKey, __group) : null);
     const [error, setError] = useState(null);
+    const setSCGroup = (group) => {
+        const _c = authUserId ? group : objectWithoutProperties(group, ['subscription_status']);
+        setScGroup(_c);
+        LRUCache.set(__groupCacheKey, _c);
+    };
     /**
      * Memoized fetchTag
      */
@@ -47,9 +52,7 @@ export default function useSCFetchGroup({ id = null, group = null, cacheStrategy
         if (__groupId && (!scGroup || (scGroup && __groupId !== scGroup.id))) {
             fetchGroup()
                 .then((obj) => {
-                const _c = authUserId ? obj : objectWithoutProperties(obj, ['subscription_status']);
-                setSCGroup(_c);
-                LRUCache.set(__groupCacheKey, _c);
+                setSCGroup(obj);
             })
                 .catch((err) => {
                 LRUCache.delete(__groupCacheKey);
@@ -58,13 +61,11 @@ export default function useSCFetchGroup({ id = null, group = null, cacheStrategy
                 Logger.error(SCOPE_SC_CORE, err.message);
             });
         }
-    }, [__groupId]);
+    }, [__groupId, authUserId]);
     useDeepCompareEffectNoCheck(() => {
         if (group) {
-            const _c = authUserId ? group : objectWithoutProperties(group, ['subscription_status']);
-            setSCGroup(_c);
-            LRUCache.set(__groupCacheKey, _c);
+            setSCGroup(group);
         }
-    }, [group]);
+    }, [group, authUserId]);
     return { scGroup, setSCGroup, error };
 }

package/lib/esm/hooks/useSCFetchGroups.js

@@ -44,10 +44,10 @@ const useSCFetchGroups = (props) => {
     /**
      * Fetch groups
      */
-    const fetchGroups = (next = Endpoints.GetAllGroups.url()) => __awaiter(void 0, void 0, void 0, function* () {
+    const fetchGroups = (next = Endpoints.GetUserGroups.url()) => __awaiter(void 0, void 0, void 0, function* () {
         const response = yield http.request({
             url: next,
-            method: Endpoints.GetAllGroups.method,
+            method: Endpoints.GetUserGroups.method,
         });
         const data = response.data;
         if (data.next) {

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) => Promise<any>;
+    subscribe: (group: SCGroupType, userId?: number) => Promise<any>;
     unsubscribe: (group: SCGroupType) => Promise<any>;
     subscriptionStatus: (group: SCGroupType) => string;
     refresh: () => void;