@selfcommunity/react-core 0.4.9-alpha.8 → 0.4.9

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

@@ -35,6 +35,7 @@ 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

@@ -35,6 +35,7 @@ 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}}
@@ -72,4 +73,5 @@ export const defaultRoutes = {
     [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/useSCFetchAddressingTagList.d.ts

@@ -3,8 +3,7 @@ import { SCTagType } from '@selfcommunity/types';
  :::info
  This custom hook is used to fetch the addressing tag list for the session user
  :::
-*  @param object
- * @param object.fetch
+ * @param fetch
  */
 export default function useSCFetchAddressingTagList({ fetch }: {
     fetch?: boolean;

package/lib/esm/hooks/useSCFetchAddressingTagList.js

@@ -7,8 +7,7 @@ import { useSCUser } from '../components/provider/SCUserProvider';
  :::info
  This custom hook is used to fetch the addressing tag list for the session user
  :::
-*  @param object
- * @param object.fetch
+ * @param fetch
  */
 export default function useSCFetchAddressingTagList({ fetch = false }) {
     const [scAddressingTags, setSCAddressingTags] = useState([]);

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

@@ -4,8 +4,6 @@ import { CacheStrategies } from '@selfcommunity/utils';
 /**
  :::info
  This custom hook is used to fetch broadcast messages.
- @param object
- @param object.cacheStrategy
 
  :::tip Context can be consumed in this way:
 
@@ -13,6 +11,7 @@ import { CacheStrategies } from '@selfcommunity/utils';
  const {messages, isLoading} = useSCFetchBroadcastMessages();
  ```
  :::
+ * @param props
  */
 declare const useSCFetchBroadcastMessages: (props?: {
     cacheStrategy?: CacheStrategies;

package/lib/esm/hooks/useSCFetchBroadcastMessages.js

@@ -19,8 +19,6 @@ const initialData = { results: [], next: broadcastMessagesRefreshUrl, previous:
 /**
  :::info
  This custom hook is used to fetch broadcast messages.
- @param object
- @param object.cacheStrategy
 
  :::tip Context can be consumed in this way:
 
@@ -28,6 +26,7 @@ const initialData = { results: [], next: broadcastMessagesRefreshUrl, previous:
  const {messages, isLoading} = useSCFetchBroadcastMessages();
  ```
  :::
+ * @param props
  */
 const useSCFetchBroadcastMessages = (props) => {
     // PROPS

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

@@ -3,8 +3,6 @@ import { CacheStrategies } from '@selfcommunity/utils';
 /**
  :::info
  This custom hook is used to fetch categories.
- @param object
- @param object.cacheStrategy
 
  :::tip Context can be consumed in this way:
 
@@ -12,6 +10,7 @@ import { CacheStrategies } from '@selfcommunity/utils';
  const {categories, isLoading} = useSCFetchCategories();
  ```
  :::
+ * @param props
  */
 declare const useSCFetchCategories: (props?: {
     cacheStrategy?: CacheStrategies;

package/lib/esm/hooks/useSCFetchCategories.js

@@ -1,7 +1,7 @@
 import { __awaiter } from "tslib";
 import { useEffect, useState } from 'react';
 import { SCOPE_SC_CORE } from '../constants/Errors';
-import { Endpoints, http } from '@selfcommunity/api-services';
+import { CategoryService, Endpoints } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger, LRUCache } from '@selfcommunity/utils';
 import { getCategoriesObjectCacheKey, getCategoryObjectCacheKey } from '../constants/Cache';
 const init = { categories: [], isLoading: true };
@@ -23,8 +23,6 @@ const hydrate = (ids) => {
 /**
  :::info
  This custom hook is used to fetch categories.
- @param object
- @param object.cacheStrategy
 
  :::tip Context can be consumed in this way:
 
@@ -32,6 +30,7 @@ const hydrate = (ids) => {
  const {categories, isLoading} = useSCFetchCategories();
  ```
  :::
+ * @param props
  */
 const useSCFetchCategories = (props) => {
     // PROPS
@@ -45,15 +44,8 @@ const useSCFetchCategories = (props) => {
      * Fetch categories
      */
     const fetchCategories = (next = Endpoints.CategoryList.url()) => __awaiter(void 0, void 0, void 0, function* () {
-        const response = yield http.request({
-            url: next,
-            method: Endpoints.CategoryList.method,
-        });
-        const data = response.data;
-        if (data.next) {
-            return data.results.concat(yield fetchCategories(data.next));
-        }
-        return data.results;
+        const data = yield CategoryService.getAllCategories({ active: true }, { url: next });
+        return data.next ? data.results.concat(yield fetchCategories(data.next)) : data.results;
     });
     /**
      * Get categories

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

@@ -8,7 +8,7 @@ import { CacheStrategies } from '@selfcommunity/utils';
  * @param object
  * @param object.id
  * @param object.commentObject
- * @param cacheStrategy
+ * @param object.cacheStrategy
  */
 export default function useSCFetchCommentObject({ id, commentObject, cacheStrategy, }: {
     id?: number;

package/lib/esm/hooks/useSCFetchCommentObject.js

@@ -11,7 +11,7 @@ import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
  * @param object
  * @param object.id
  * @param object.commentObject
- * @param cacheStrategy
+ * @param object.cacheStrategy
  */
 export default function useSCFetchCommentObject({ id = null, commentObject = null, cacheStrategy = CacheStrategies.CACHE_FIRST, }) {
     const __commentObjectId = commentObject ? commentObject.id : id;

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

@@ -34,13 +34,7 @@ export declare const commentsObjectActionTypes: {
  :::info
  This custom hooks is used to fetch paginated comments.
  :::
- * @param id
- * @param feedObject
- * @param feedObjectType
- * @param offset
- * @param pageSize
- * @param orderBy
- * @param parent
+ * @param props
  */
 export default function useSCFetchCommentObjects(props: {
     id?: number;

package/lib/esm/hooks/useSCFetchCommentObjects.js

@@ -94,20 +94,13 @@ function stateInitializer(data) {
  :::info
  This custom hooks is used to fetch paginated comments.
  :::
- * @param id
- * @param feedObject
- * @param feedObjectType
- * @param offset
- * @param pageSize
- * @param orderBy
- * @param parent
+ * @param props
  */
 export default function useSCFetchCommentObjects(props) {
     // PROPS
     const { id, feedObject, feedObjectType, offset = 0, pageSize = 5, orderBy = SCCommentsOrderBy.ADDED_AT_DESC, parent, onChangePage, cacheStrategy = CacheStrategies.NETWORK_ONLY, } = props;
     // FeedObject
     const { obj, setObj } = useSCFetchFeedObject({ id, feedObject, feedObjectType, cacheStrategy });
-    const objId = obj ? obj.id : null;
     /**
      * Get next url
      */

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

@@ -33,11 +33,7 @@ export declare const contributorsObjectActionTypes: {
  :::info
  This custom hooks is used to fetch paginated contributors.
  :::
- * @param id
- * @param feedObject
- * @param feedObjectType
- * @param offset
- * @param pageSize
+ * @param props
  */
 export default function useSCFetchContributors(props: {
     id?: number;

package/lib/esm/hooks/useSCFetchContributors.js

@@ -72,11 +72,7 @@ function stateInitializer(data) {
  :::info
  This custom hooks is used to fetch paginated contributors.
  :::
- * @param id
- * @param feedObject
- * @param feedObjectType
- * @param offset
- * @param pageSize
+ * @param props
  */
 export default function useSCFetchContributors(props) {
     // PROPS

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

@@ -6,9 +6,10 @@ import { SCCustomAdvPosition, SCCustomAdvType } from '@selfcommunity/types';
  This custom hook is used to fetch a custom adv object.
  :::
  * @param object
+ * @param object.id
  * @param object.position
- * @param object.categoryId
- * @param cacheStrategy
+ * @param object.categoriesId
+ * @param object.cacheStrategy
  */
 export default function useSCFetchCustomAdv({ id, position, categoriesId, cacheStrategy, }: {
     id?: number;

package/lib/esm/hooks/useSCFetchCustomAdv.js

@@ -9,9 +9,10 @@ import { getAdvObjectCacheKey } from '../constants/Cache';
  This custom hook is used to fetch a custom adv object.
  :::
  * @param object
+ * @param object.id
  * @param object.position
- * @param object.categoryId
- * @param cacheStrategy
+ * @param object.categoriesId
+ * @param object.cacheStrategy
  */
 export default function useSCFetchCustomAdv({ id = null, position = null, categoriesId = null, cacheStrategy = CacheStrategies.CACHE_FIRST, }) {
     const [scCustomAdv, setSCCustomAdv] = useState(id !== null && cacheStrategy === CacheStrategies.CACHE_FIRST && LRUCache.get(getAdvObjectCacheKey(id))

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

@@ -38,11 +38,7 @@ export declare const feedDataActionTypes: {
  :::info
  This custom hooks is used to fetch paginated Data.
  :::
- * @param endpoint
- * @param offset
- * @param pageSize
- * @param onChangePage
- * @param cacheStrategy
+ * @param props
  */
 export default function useSCFetchFeed(props: {
     id: string;

package/lib/esm/hooks/useSCFetchFeed.js

@@ -86,11 +86,7 @@ function stateInitializer(data) {
  :::info
  This custom hooks is used to fetch paginated Data.
  :::
- * @param endpoint
- * @param offset
- * @param pageSize
- * @param onChangePage
- * @param cacheStrategy
+ * @param props
  */
 export default function useSCFetchFeed(props) {
     // PROPS

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);
@@ -61,9 +64,7 @@ export default function useSCFetchGroup({ id = null, group = null, cacheStrategy
     }, [__groupId, authUserId]);
     useDeepCompareEffectNoCheck(() => {
         if (group) {
-            const _c = authUserId ? group : objectWithoutProperties(group, ['subscription_status']);
-            setSCGroup(_c);
-            LRUCache.set(__groupCacheKey, _c);
+            setSCGroup(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.SearchGroups.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.SearchGroups.method,
+            method: Endpoints.GetUserGroups.method,
         });
         const data = response.data;
         if (data.next) {

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

@@ -3,8 +3,10 @@ import { SCUserType } from '@selfcommunity/types';
  :::info
  This custom hook is used to fetch if a user is blocked by another user.
  :::
- * @param user
- * @param blockedByUser
+ * @param object
+ * @param object.user
+ * @param object.blockedByUser
+ * @param object.sync
  */
 export default function useSCFetchUserBlockedBy({ user, blockedByUser, sync, }: {
     user: SCUserType;

package/lib/esm/hooks/useSCFetchUserBlockedBy.js

@@ -7,8 +7,10 @@ import { useSCUser } from '../components/provider/SCUserProvider';
  :::info
  This custom hook is used to fetch if a user is blocked by another user.
  :::
- * @param user
- * @param blockedByUser
+ * @param object
+ * @param object.user
+ * @param object.blockedByUser
+ * @param object.sync
  */
 export default function useSCFetchUserBlockedBy({ user = null, blockedByUser = null, sync = true, }) {
     const [blockedBy, setBlockedBy] = useState(null);

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

@@ -2,11 +2,11 @@
 import { SCUserProviderAssociationType } from '@selfcommunity/types';
 /**
  :::info
- This custom hook is used to fetch the listo of user providers.
+ This custom hook is used to fetch the list of user providers.
  :::
  * @param object
  * @param object.id
- * @param object.user
+ * @param object.providers
  */
 export default function useSCFetchUserProviders({ id, providers }: {
     id: number | string;

package/lib/esm/hooks/useSCFetchUserProviders.js

@@ -4,11 +4,11 @@ import { UserService } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
 /**
  :::info
- This custom hook is used to fetch the listo of user providers.
+ This custom hook is used to fetch the list of user providers.
  :::
  * @param object
  * @param object.id
- * @param object.user
+ * @param object.providers
  */
 export default function useSCFetchUserProviders({ id, providers = null }) {
     const [scUserProviders, setSCUserProviders] = useState(providers || []);

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

@@ -31,6 +31,12 @@ interface FetchVoteProps {
  :::info
  This custom hook is used to fetch a contribution vote.
  :::
+ * @param object
+ * @param object.id
+ * @param object.contribution
+ * @param object.contributionType
+ * @param object.onVote
+ * @param object.cacheStrategy
  */
 export default function useSCFetchVote({ id, contribution, contributionType, onVote, cacheStrategy, }: FetchVoteProps): {
     isLoading: boolean;

package/lib/esm/hooks/useSCFetchVote.js

@@ -11,6 +11,12 @@ import { useSCVote } from '../components/provider/SCVoteProvider';
  :::info
  This custom hook is used to fetch a contribution vote.
  :::
+ * @param object
+ * @param object.id
+ * @param object.contribution
+ * @param object.contributionType
+ * @param object.onVote
+ * @param object.cacheStrategy
  */
 export default function useSCFetchVote({ id, contribution = null, contributionType, onVote = null, cacheStrategy = CacheStrategies.CACHE_FIRST, }) {
     // MEMO

package/lib/esm/hooks/useSCSubscribedGroupsManager.js

@@ -1,9 +1,10 @@
 import { useEffect, useMemo } from 'react';
 import { Endpoints, http } from '@selfcommunity/api-services';
-import { SCGroupPrivacyType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
+import { SCFeatureName, SCGroupPrivacyType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
 import useSCCachingManager from './useSCCachingManager';
 import { SCOPE_SC_CORE } from '../constants/Errors';
 import { Logger } from '@selfcommunity/utils';
+import { useSCPreferences } from '../components/provider/SCPreferencesProvider';
 /**
  :::info
  This custom hook is used to manage the groups followed.
@@ -20,7 +21,9 @@ import { Logger } from '@selfcommunity/utils';
  */
 export default function useSCSubscribedGroupsManager(user) {
     const { cache, updateCache, emptyCache, data, setData, loading, setLoading, setUnLoading, isLoading } = useSCCachingManager();
+    const scPreferencesContext = useSCPreferences();
     const authUserId = user ? user.id : null;
+    const groupsDisabled = scPreferencesContext.features && !scPreferencesContext.features.includes(SCFeatureName.GROUPING);
     /**
      * Memoized refresh all groups
      * It makes a single request to the server and retrieves
@@ -40,9 +43,9 @@ export default 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) => {
@@ -85,7 +88,9 @@ export default function useSCSubscribedGroupsManager(user) {
                     return Promise.reject(res);
                 }
                 updateCache([group.id]);
-                setData((prev) => getDataUpdated(prev, group.id, group.privacy === SCGroupPrivacyType.PRIVATE ? SCGroupSubscriptionStatusType.REQUESTED : SCGroupSubscriptionStatusType.SUBSCRIBED));
+                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);
             });
@@ -198,7 +203,7 @@ export default function useSCSubscribedGroupsManager(user) {
             }
         }
         return null;
-    }, [data, loading, cache, authUserId]);
+    }, [loading, cache, authUserId]);
     /**
      * Empty cache on logout
      */
@@ -207,7 +212,7 @@ export default 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 };