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

package/lib/cjs/themes/theme.js

@@ -43,6 +43,14 @@ const getTheme = (options, preferences) => {
                 sizeLarge: 50,
             },
         },
+        group: {
+            avatar: {
+                sizeSmall: 40,
+                sizeMedium: 60,
+                sizeLarge: 90,
+                sizeXLarge: 120,
+            },
+        },
     };
     const defaultOptions = preferences
         ? {

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

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { SCAuthTokenType, SCIncubatorType, SCCategoryType, SCUserType, SCUserSettingsType, SCReactionType } from "@selfcommunity/types";
+import { SCAuthTokenType, SCIncubatorType, SCCategoryType, SCUserType, SCUserSettingsType, SCReactionType, SCGroupType } from '@selfcommunity/types';
 import { SCThemeType } from './theme';
 /**
  * Interface SCSettingsType
@@ -132,7 +132,7 @@ export interface SCUserContextType {
      */
     refreshCounters: () => Promise<any>;
     /**
-     * Managers: followed, connections, categories, incubators, etc...
+     * Managers: followed, connections, categories, incubators, groups, etc...
      */
     managers: {
         settings?: SCSettingsManagerType;
@@ -142,6 +142,7 @@ export interface SCUserContextType {
         categories: SCFollowedCategoriesManagerType;
         incubators?: SCSubscribedIncubatorsManagerType;
         blockedUsers?: SCBlockedUsersManagerType;
+        groups?: SCSubscribedGroupsManagerType;
     };
 }
 export interface SCSettingsManagerType {
@@ -248,6 +249,40 @@ export interface SCFollowedCategoriesManagerType {
      */
     emptyCache?: () => void;
 }
+export interface SCSubscribedGroupsManagerType {
+    /**
+     * List of all groups ids followed by the authenticated user
+     */
+    groups: number[];
+    /**
+     * List of all groups in loading state
+     */
+    loading: number[];
+    /**
+     * List of current groups in loading state
+     */
+    isLoading: (group: SCGroupType) => boolean;
+    /**
+     * Handle user subscription to a group
+     */
+    subscribe?: (group: SCGroupType, userId?: number) => Promise<any>;
+    /**
+     * Handle user unsubscription from a group
+     */
+    unsubscribe?: (group: SCGroupType) => Promise<any>;
+    /**
+     * Handles a user subscription status to a group, caching data
+     */
+    subscriptionStatus?: (group: SCGroupType) => string;
+    /**
+     * Refresh groups
+     */
+    refresh?: () => void;
+    /**
+     * Empty cache to revalidate all groups
+     */
+    emptyCache?: () => void;
+}
 export interface SCConnectionsManagerType {
     /**
      * List of all users in relations(social graph) with authenticated user

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

@@ -1,3 +1,3 @@
-import { SCUserContextType, SCFollowedManagerType, SCFollowersManagerType, SCFollowedCategoriesManagerType, SCSettingsManagerType, SCSubscribedIncubatorsManagerType, SCConnectionsManagerType, SCBlockedUsersManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCPreferencesContextType, SCNotificationContextType, SCLocaleType, SCVoteType, SCVoteContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType } from './context';
+import { SCUserContextType, SCFollowedManagerType, SCFollowersManagerType, SCFollowedCategoriesManagerType, SCSettingsManagerType, SCSubscribedIncubatorsManagerType, SCConnectionsManagerType, SCBlockedUsersManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCPreferencesContextType, SCNotificationContextType, SCLocaleType, SCVoteType, SCVoteContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType, SCSubscribedGroupsManagerType } from './context';
 import { SCThemeAvatarVariableType, SCThemeUserVariableType, SCThemeCategoryIconVariableType, SCThemeCategoryVariableType, SCThemeVariablesType, SCThemeType } from './theme';
-export { SCUserContextType, SCFollowedCategoriesManagerType, SCSettingsManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCFollowedManagerType, SCFollowersManagerType, SCConnectionsManagerType, SCBlockedUsersManagerType, SCSubscribedIncubatorsManagerType, SCLocaleType, SCVoteType, SCVoteContextType, SCNotificationContextType, SCPreferencesContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType, SCThemeAvatarVariableType, SCThemeUserVariableType, SCThemeCategoryIconVariableType, SCThemeCategoryVariableType, SCThemeVariablesType, SCThemeType, };
+export { SCUserContextType, SCFollowedCategoriesManagerType, SCSettingsManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCFollowedManagerType, SCFollowersManagerType, SCConnectionsManagerType, SCBlockedUsersManagerType, SCSubscribedIncubatorsManagerType, SCLocaleType, SCVoteType, SCVoteContextType, SCNotificationContextType, SCPreferencesContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType, SCThemeAvatarVariableType, SCThemeUserVariableType, SCThemeCategoryIconVariableType, SCThemeCategoryVariableType, SCThemeVariablesType, SCThemeType, SCSubscribedGroupsManagerType, };

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

@@ -29,6 +29,15 @@ export interface SCThemeUserVariableType {
      */
     avatar: SCThemeAvatarVariableType;
 }
+/**
+ * Interface SCThemeGroupVariableType
+ */
+export interface SCThemeGroupVariableType {
+    /**
+     * Avatar variables
+     */
+    avatar: SCThemeAvatarVariableType;
+}
 /**
  * Interface SCThemeCategoryVariableType
  */
@@ -67,6 +76,10 @@ export interface SCThemeVariablesType {
      * Category
      */
     category: SCThemeCategoryVariableType;
+    /**
+     * Group
+     */
+    group: SCThemeGroupVariableType;
 }
 export interface SCThemeType extends MuiTheme {
     /**

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

@@ -15,6 +15,7 @@ import { SCNotificationTopicType, SCNotificationTypologyType, SCUserStatus } fro
 import useSCSubscribedIncubatorsManager from '../../../hooks/useSCSubscribedIncubatorsManager';
 import useSCBlockedUsersManager from '../../../hooks/useSCBlockedUsersManager';
 import * as Session from '../../../constants/Session';
+import useSCSubscribedGroupsManager from '../../../hooks/useSCSubscribedGroupsManager';
 /**
  * SCUserContext (Authentication Context)
  *
@@ -66,6 +67,7 @@ export default function SCUserProvider({ children }) {
     const connectionsManager = useSCConnectionsManager(state.user);
     const categoriesManager = useSCFollowedCategoriesManager(state.user, updateUser);
     const blockedUsersManager = useSCBlockedUsersManager(state.user);
+    const subscribedGroupsManager = useSCSubscribedGroupsManager(state.user);
     /**
      * Ref notifications subscribers: BLOCKED_USER, UNBLOCKED_USER
      */
@@ -116,6 +118,7 @@ export default function SCUserProvider({ children }) {
             connectionsManager.refresh && connectionsManager.refresh();
             subscribedIncubatorsManager.refresh && subscribedIncubatorsManager.refresh();
             blockedUsersManager.refresh && blockedUsersManager.refresh();
+            subscribedGroupsManager.refresh && subscribedGroupsManager.refresh();
         }
     }
     /**
@@ -211,6 +214,7 @@ export default function SCUserProvider({ children }) {
             connections: connectionsManager,
             incubators: subscribedIncubatorsManager,
             blockedUsers: blockedUsersManager,
+            groups: subscribedGroupsManager,
         },
     }), [
         state,
@@ -227,6 +231,8 @@ export default function SCUserProvider({ children }) {
         blockedUsersManager.blocked,
         subscribedIncubatorsManager.loading,
         subscribedIncubatorsManager.incubators,
+        subscribedGroupsManager.loading,
+        subscribedGroupsManager.groups,
     ]);
     /**
      * We only want to render the underlying app after we

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

@@ -17,6 +17,12 @@ export declare const getCategoriesObjectCacheKey: () => string;
 /** CATEGORY OBJECT **/
 export declare const CATEGORY_OBJECT_CACHE_PREFIX_KEY = "_ca_";
 export declare const getCategoryObjectCacheKey: (id: any) => string;
+/** GROUP OBJECT **/
+export declare const GROUP_OBJECT_CACHE_PREFIX_KEY = "_grp_";
+export declare const getGroupObjectCacheKey: (id: any) => string;
+/** GROUPS OBJECT **/
+export declare const GROUPS_OBJECT_CACHE_PREFIX_KEY = "_grps_";
+export declare const getGroupsObjectCacheKey: () => string;
 /** INCUBATOR OBJECT **/
 export declare const INCUBATOR_OBJECT_CACHE_PREFIX_KEY = "_inc_";
 export declare const getIncubatorObjectCacheKey: (id: any) => string;
@@ -62,4 +68,7 @@ export declare const PEOPLE_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = "_pSugWidg
 export declare const INCUBATOR_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = "_iListWidget_";
 export declare const INCUBATOR_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = "_iSugWidget_";
 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 getWidgetStateCacheKey: (p: any, id?: any) => string;

package/lib/esm/constants/Cache.js

@@ -17,6 +17,12 @@ export const getCategoriesObjectCacheKey = () => `${CATEGORIES_OBJECT_CACHE_PREF
 /** CATEGORY OBJECT **/
 export const CATEGORY_OBJECT_CACHE_PREFIX_KEY = '_ca_';
 export const getCategoryObjectCacheKey = (id) => `${CATEGORY_OBJECT_CACHE_PREFIX_KEY}${id}`;
+/** GROUP OBJECT **/
+export const GROUP_OBJECT_CACHE_PREFIX_KEY = '_grp_';
+export const getGroupObjectCacheKey = (id) => `${GROUP_OBJECT_CACHE_PREFIX_KEY}${id}`;
+/** GROUPS OBJECT **/
+export const GROUPS_OBJECT_CACHE_PREFIX_KEY = '_grps_';
+export const getGroupsObjectCacheKey = () => `${GROUPS_OBJECT_CACHE_PREFIX_KEY}`;
 /** INCUBATOR OBJECT **/
 export const INCUBATOR_OBJECT_CACHE_PREFIX_KEY = '_inc_';
 export const getIncubatorObjectCacheKey = (id) => `${INCUBATOR_OBJECT_CACHE_PREFIX_KEY}${id}`;
@@ -66,4 +72,7 @@ export const PEOPLE_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = '_pSugWidget_';
 export const INCUBATOR_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = '_iListWidget_';
 export const INCUBATOR_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = '_iSugWidget_';
 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 getWidgetStateCacheKey = (p, id = undefined) => `${p}${id !== undefined ? id : ''}`;

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

@@ -31,6 +31,10 @@ export declare const SIGNUP_ROUTE_NAME = "signup";
 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";
 /**
  * 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

@@ -31,6 +31,10 @@ export const SIGNUP_ROUTE_NAME = 'signup';
 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';
 /**
  * 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}}
@@ -64,4 +68,8 @@ export const defaultRoutes = {
     [RECOVER_ROUTE_NAME]: '/recover/',
     [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/',
 };

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { SCGroupType } from '@selfcommunity/types';
+import { CacheStrategies } from '@selfcommunity/utils';
+/**
+ :::info
+ This custom hook is used to fetch a group object.
+ :::
+ * @param object
+ * @param object.id
+ * @param object.group
+ * @param object.cacheStrategy
+ */
+export default function useSCFetchGroup({ id, group, cacheStrategy, }: {
+    id?: number | string;
+    group?: SCGroupType;
+    cacheStrategy?: CacheStrategies;
+}): {
+    scGroup: SCGroupType;
+    setSCGroup: import("react").Dispatch<import("react").SetStateAction<SCGroupType>>;
+    error: string;
+};

package/lib/esm/hooks/useSCFetchGroup.js

@@ -0,0 +1,70 @@
+import { useEffect, useMemo, useState } from 'react';
+import { SCOPE_SC_CORE } from '../constants/Errors';
+import { Endpoints, http } from '@selfcommunity/api-services';
+import { CacheStrategies, Logger, LRUCache, objectWithoutProperties } from '@selfcommunity/utils';
+import { getGroupObjectCacheKey } from '../constants/Cache';
+import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
+import { useSCUser } from '../components/provider/SCUserProvider';
+/**
+ :::info
+ This custom hook is used to fetch a group object.
+ :::
+ * @param object
+ * @param object.id
+ * @param object.group
+ * @param object.cacheStrategy
+ */
+export default function useSCFetchGroup({ id = null, group = null, cacheStrategy = CacheStrategies.CACHE_FIRST, }) {
+    const __groupId = group ? group.id : id;
+    // CONTEXT
+    const scUserContext = useSCUser();
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
+    // 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 [error, setError] = useState(null);
+    /**
+     * Memoized fetchTag
+     */
+    const fetchGroup = useMemo(() => () => {
+        return http
+            .request({
+            url: Endpoints.GetGroupInfo.url({ id: __groupId }),
+            method: Endpoints.GetGroupInfo.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            return Promise.resolve(res.data);
+        });
+    }, [__groupId]);
+    /**
+     * If id attempt to get the group by id
+     */
+    useEffect(() => {
+        if (__groupId && (!scGroup || (scGroup && __groupId !== scGroup.id))) {
+            fetchGroup()
+                .then((obj) => {
+                const _c = authUserId ? obj : objectWithoutProperties(obj, ['subscription_status']);
+                setSCGroup(_c);
+                LRUCache.set(__groupCacheKey, _c);
+            })
+                .catch((err) => {
+                LRUCache.delete(__groupCacheKey);
+                setError(`Group with id ${id} not found`);
+                Logger.error(SCOPE_SC_CORE, `Group with id ${id} not found`);
+                Logger.error(SCOPE_SC_CORE, err.message);
+            });
+        }
+    }, [__groupId, authUserId]);
+    useDeepCompareEffectNoCheck(() => {
+        if (group) {
+            const _c = authUserId ? group : objectWithoutProperties(group, ['subscription_status']);
+            setSCGroup(_c);
+            LRUCache.set(__groupCacheKey, _c);
+        }
+    }, [group, authUserId]);
+    return { scGroup, setSCGroup, error };
+}

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

@@ -0,0 +1,22 @@
+import { SCGroupType } from '@selfcommunity/types';
+import { CacheStrategies } from '@selfcommunity/utils';
+/**
+ :::info
+ This custom hook is used to fetch groups.
+ @param object.cacheStrategy
+
+ :::tip Context can be consumed in this way:
+
+ ```jsx
+ const {groups, isLoading} = useSCFetchGroups();
+ ```
+ :::
+ * @param props
+ */
+declare const useSCFetchGroups: (props?: {
+    cacheStrategy?: CacheStrategies;
+}) => {
+    groups: SCGroupType[];
+    isLoading: boolean;
+};
+export default useSCFetchGroups;

package/lib/esm/hooks/useSCFetchGroups.js

@@ -0,0 +1,81 @@
+import { __awaiter } from "tslib";
+import { useEffect, useState } from 'react';
+import { SCOPE_SC_CORE } from '../constants/Errors';
+import { Endpoints, http } from '@selfcommunity/api-services';
+import { CacheStrategies, Logger, LRUCache } from '@selfcommunity/utils';
+import { getGroupObjectCacheKey, getGroupsObjectCacheKey } from '../constants/Cache';
+const init = { groups: [], isLoading: true };
+// HYDRATE the cache
+const hydrate = (ids) => {
+    if (!ids) {
+        return null;
+    }
+    const groups = ids.map((id) => {
+        const __groupCacheKey = getGroupObjectCacheKey(id);
+        return LRUCache.get(__groupCacheKey);
+    });
+    if (groups.filter((c) => !c).length > 0) {
+        // REVALIDATE CACHE
+        return null;
+    }
+    return groups;
+};
+/**
+ :::info
+ This custom hook is used to fetch groups.
+ @param object.cacheStrategy
+
+ :::tip Context can be consumed in this way:
+
+ ```jsx
+ const {groups, isLoading} = useSCFetchGroups();
+ ```
+ :::
+ * @param props
+ */
+const useSCFetchGroups = (props) => {
+    // PROPS
+    const { cacheStrategy = CacheStrategies.CACHE_FIRST } = props || {};
+    // CACHE
+    const __groupsCacheKey = getGroupsObjectCacheKey();
+    // STATE
+    const groups = cacheStrategy !== CacheStrategies.NETWORK_ONLY ? hydrate(LRUCache.get(__groupsCacheKey, null)) : null;
+    const [data, setData] = useState(groups !== null ? { groups, isLoading: false } : init);
+    /**
+     * Fetch groups
+     */
+    const fetchGroups = (next = Endpoints.GetUserGroups.url()) => __awaiter(void 0, void 0, void 0, function* () {
+        const response = yield http.request({
+            url: next,
+            method: Endpoints.GetUserGroups.method,
+        });
+        const data = response.data;
+        if (data.next) {
+            return data.results.concat(yield fetchGroups(data.next));
+        }
+        return data.results;
+    });
+    /**
+     * Get groups
+     */
+    useEffect(() => {
+        if (cacheStrategy === CacheStrategies.CACHE_FIRST && groups) {
+            return;
+        }
+        fetchGroups()
+            .then((data) => {
+            setData({ groups: data, isLoading: false });
+            LRUCache.set(__groupsCacheKey, data.map((group) => {
+                const __groupCacheKey = getGroupObjectCacheKey(group.id);
+                LRUCache.set(__groupCacheKey, group);
+                return group.id;
+            }));
+        })
+            .catch((error) => {
+            console.log(error);
+            Logger.error(SCOPE_SC_CORE, 'Unable to retrieve groups');
+        });
+    }, []);
+    return data;
+};
+export default useSCFetchGroups;

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

@@ -0,0 +1,38 @@
+import { SCGroupType, SCUserType } from '@selfcommunity/types';
+/**
+ :::info
+ This custom hook is used to manage the groups followed.
+ :::
+
+ :::tip How to use it:
+ Follow these steps:
+ ```jsx
+ 1. const scUserContext: SCUserContextType = useSCUser();
+ 2. const scSubscribedGroupsManager: SCSubscribedGroupsManagerType = scUserContext.manager.groups;
+ 3. scSubscribedGroupsManager.isSubscribed(group)
+ ```
+ :::
+ */
+export default function useSCSubscribedGroupsManager(user?: SCUserType): {
+    groups: any[];
+    loading: any[];
+    isLoading: (v: number | {
+        id: number;
+    }) => boolean;
+    subscribe?: undefined;
+    unsubscribe?: undefined;
+    subscriptionStatus?: undefined;
+    refresh?: undefined;
+    emptyCache?: undefined;
+} | {
+    groups: any[];
+    loading: any[];
+    isLoading: (v: number | {
+        id: number;
+    }) => boolean;
+    subscribe: (group: SCGroupType, userId?: number) => Promise<any>;
+    unsubscribe: (group: SCGroupType) => Promise<any>;
+    subscriptionStatus: (group: SCGroupType) => string;
+    refresh: () => void;
+    emptyCache: () => void;
+};