@selfcommunity/react-core 0.4.50-events.38 → 0.4.50-events.40

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCPreferences = exports.SCPreferencesContext = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
+const react_1 = tslib_1.__importStar(require("react"));
 const Errors_1 = require("../../../constants/Errors");
 const SCContextProvider_1 = require("../SCContextProvider");
 /**
@@ -54,6 +54,7 @@ function SCPreferencesProvider({ children = null }) {
             .catch((_error) => {
             utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, _error);
             setError(_error);
+            // setLoading(false);
         });
     }, []);
     /**

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

@@ -20,6 +20,7 @@ const useSCSubscribedIncubatorsManager_1 = tslib_1.__importDefault(require("../.
 const useSCBlockedUsersManager_1 = tslib_1.__importDefault(require("../../../hooks/useSCBlockedUsersManager"));
 const Session = tslib_1.__importStar(require("../../../constants/Session"));
 const useSCSubscribedGroupsManager_1 = tslib_1.__importDefault(require("../../../hooks/useSCSubscribedGroupsManager"));
+const useSCSubscribedEventsManager_1 = tslib_1.__importDefault(require("../../../hooks/useSCSubscribedEventsManager"));
 /**
  * SCUserContext (Authentication Context)
  *
@@ -72,6 +73,7 @@ function SCUserProvider({ children }) {
     const categoriesManager = (0, useSCFollowedCategoriesManager_1.default)(state.user, updateUser);
     const blockedUsersManager = (0, useSCBlockedUsersManager_1.default)(state.user);
     const subscribedGroupsManager = (0, useSCSubscribedGroupsManager_1.default)(state.user);
+    const subscribedEventsManager = (0, useSCSubscribedEventsManager_1.default)(state.user);
     /**
      * Ref notifications subscribers: BLOCKED_USER, UNBLOCKED_USER
      */
@@ -123,6 +125,7 @@ function SCUserProvider({ children }) {
             subscribedIncubatorsManager.refresh && subscribedIncubatorsManager.refresh();
             blockedUsersManager.refresh && blockedUsersManager.refresh();
             subscribedGroupsManager.refresh && subscribedGroupsManager.refresh();
+            subscribedEventsManager.refresh && subscribedEventsManager.refresh();
         }
     }
     /**
@@ -219,6 +222,7 @@ function SCUserProvider({ children }) {
             incubators: subscribedIncubatorsManager,
             blockedUsers: blockedUsersManager,
             groups: subscribedGroupsManager,
+            events: subscribedEventsManager,
         },
     }), [
         state,
@@ -237,6 +241,8 @@ function SCUserProvider({ children }) {
         subscribedIncubatorsManager.incubators,
         subscribedGroupsManager.loading,
         subscribedGroupsManager.groups,
+        subscribedEventsManager.loading,
+        subscribedEventsManager.events,
     ]);
     /**
      * We only want to render the underlying app after we

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

@@ -61,6 +61,7 @@ export declare const CATEGORIES_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = "_cSug
 export declare const CATEGORIES_POPULAR_TOOLS_STATE_CACHE_PREFIX_KEY = "_cPopWidget_";
 export declare const USER_FOLLOWERS_TOOLS_STATE_CACHE_PREFIX_KEY = "_uFolWidget_";
 export declare const USER_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = "_uFoldWidget_";
+export declare const USER_EVENTS_STATE_CACHE_PREFIX_KEY = "_uEvents_";
 export declare const USER_CONNECTIONS_TOOLS_STATE_CACHE_PREFIX_KEY = "_uConWidget_";
 export declare const USER_CONNECTIONS_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = "_uConReqWidget_";
 export declare const USER_CONNECTIONS_REQUESTS_SENT_TOOLS_STATE_CACHE_PREFIX_KEY = "_uConReqSentWidget_";

package/lib/cjs/constants/Cache.js

@@ -3,8 +3,8 @@
  * Cache prefixes
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-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.getEventObjectCacheKey = exports.EVENT_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_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 = exports.INCUBATOR_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.PEOPLE_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = void 0;
+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_EVENTS_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.getEventObjectCacheKey = exports.EVENT_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_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 = exports.INCUBATOR_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.PEOPLE_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.TRENDING_PEOPLE_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}`;
@@ -89,6 +89,7 @@ exports.CATEGORIES_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = '_cSugWidget_';
 exports.CATEGORIES_POPULAR_TOOLS_STATE_CACHE_PREFIX_KEY = '_cPopWidget_';
 exports.USER_FOLLOWERS_TOOLS_STATE_CACHE_PREFIX_KEY = '_uFolWidget_';
 exports.USER_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = '_uFoldWidget_';
+exports.USER_EVENTS_STATE_CACHE_PREFIX_KEY = '_uEvents_';
 exports.USER_CONNECTIONS_TOOLS_STATE_CACHE_PREFIX_KEY = '_uConWidget_';
 exports.USER_CONNECTIONS_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = '_uConReqWidget_';
 exports.USER_CONNECTIONS_REQUESTS_SENT_TOOLS_STATE_CACHE_PREFIX_KEY = '_uConReqSentWidget_';

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

@@ -7,11 +7,13 @@ import { CacheStrategies } from '@selfcommunity/utils';
  * @param object
  * @param object.id
  * @param object.event
+ * @param object.autosubscribe
  * @param object.cacheStrategy
  */
-export default function useSCFetchEvent({ id, event, cacheStrategy, }: {
+export default function useSCFetchEvent({ id, event, autoSubscribe, cacheStrategy, }: {
     id?: number | string;
     event?: SCEventType;
+    autoSubscribe?: boolean;
     cacheStrategy?: CacheStrategies;
 }): {
     scEvent: SCEventType;

package/lib/cjs/hooks/useSCFetchEvent.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const Errors_1 = require("../constants/Errors");
+const types_1 = require("@selfcommunity/types");
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
 const Cache_1 = require("../constants/Cache");
@@ -14,9 +15,10 @@ const SCUserProvider_1 = require("../components/provider/SCUserProvider");
  * @param object
  * @param object.id
  * @param object.event
+ * @param object.autosubscribe
  * @param object.cacheStrategy
  */
-function useSCFetchEvent({ id = null, event = null, cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST, }) {
+function useSCFetchEvent({ id = null, event = null, autoSubscribe = true, cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST, }) {
     const __eventId = event ? event.id : id;
     // CONTEXT
     const scUserContext = (0, SCUserProvider_1.useSCUser)();
@@ -51,10 +53,18 @@ function useSCFetchEvent({ id = null, event = null, cacheStrategy = utils_1.Cach
      * If id attempt to get the event by id
      */
     (0, react_1.useEffect)(() => {
-        if (__eventId && (!scEvent || (scEvent && __eventId !== scEvent.id))) {
+        if (__eventId && scUserContext.user !== undefined && (!scEvent || (scEvent && __eventId !== scEvent.id))) {
             fetchEvent()
-                .then((obj) => {
-                setSCEvent(obj);
+                .then((event) => {
+                if (autoSubscribe && authUserId !== null && event.privacy === types_1.SCEventPrivacyType.PUBLIC && !event.subscription_status) {
+                    // Auto subscribe the event
+                    api_services_1.EventService.subscribeToEvent(event.id).then(() => {
+                        setSCEvent(event);
+                    });
+                }
+                else {
+                    setSCEvent(event);
+                }
             })
                 .catch((err) => {
                 utils_1.LRUCache.delete(__eventCacheKey);
@@ -63,7 +73,7 @@ function useSCFetchEvent({ id = null, event = null, cacheStrategy = utils_1.Cach
                 utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, err.message);
             });
         }
-    }, [__eventId, authUserId]);
+    }, [__eventId, authUserId, scUserContext.user]);
     (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
         if (event) {
             setSCEvent(event);

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

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

package/lib/cjs/hooks/useSCSubscribedEventsManager.js

@@ -0,0 +1,283 @@
+"use strict";
+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");
+const Notification_1 = require("../constants/Notification");
+const use_deep_compare_effect_1 = require("use-deep-compare-effect");
+const pubsub_js_1 = tslib_1.__importDefault(require("pubsub-js"));
+/**
+ :::info
+ This custom hook is used to manage the events followed.
+ :::
+
+ :::tip How to use it:
+ Follow these steps:
+ ```jsx
+ 1. const scUserContext: SCUserContextType = useSCUser();
+ 2. const scSubscribedEventsManager: SCSubscribedEventsManagerType = scUserContext.manager.events;
+ 3. scSubscribedEventsManager.isSubscribed(event)
+ ```
+ :::
+ */
+function useSCSubscribedEventsManager(user) {
+    const { cache, updateCache, emptyCache, data, setData, loading, setLoading, setUnLoading, isLoading } = (0, useSCCachingManager_1.default)();
+    const { features } = (0, SCPreferencesProvider_1.useSCPreferences)();
+    const authUserId = user ? user.id : null;
+    const eventsEnabled = (0, react_1.useMemo)(() => features && features.includes(types_1.SCFeatureName.EVENT) && features.includes(types_1.SCFeatureName.TAGGING), [features]);
+    const notificationInvitedToJoinEvent = (0, react_1.useRef)(null);
+    const notificationRequestedToJoinEvent = (0, react_1.useRef)(null);
+    const notificationAcceptedToJoinEvent = (0, react_1.useRef)(null);
+    const notificationAddedToEvent = (0, react_1.useRef)(null);
+    /**
+     * Subscribe to notification types user_follow, user_unfollow
+     */
+    (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
+        notificationInvitedToJoinEvent.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_INVITED_TO_JOIN_EVENT}`, notificationSubscriber);
+        notificationRequestedToJoinEvent.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_EVENT}`, notificationSubscriber);
+        notificationAcceptedToJoinEvent.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_EVENT}`, notificationSubscriber);
+        notificationAddedToEvent.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_ADDED_TO_EVENT}`, notificationSubscriber);
+        return () => {
+            pubsub_js_1.default.unsubscribe(notificationInvitedToJoinEvent.current);
+            pubsub_js_1.default.unsubscribe(notificationRequestedToJoinEvent.current);
+            pubsub_js_1.default.unsubscribe(notificationAcceptedToJoinEvent.current);
+            pubsub_js_1.default.unsubscribe(notificationAddedToEvent.current);
+        };
+    }, [data]);
+    /**
+     * Notification subscriber handler
+     * @param msg
+     * @param dataMsg
+     */
+    const notificationSubscriber = (msg, dataMsg) => {
+        if (dataMsg.data.event !== undefined) {
+            let _status;
+            switch (Notification_1.SCNotificationMapping[dataMsg.data.activity_type]) {
+                case types_1.SCNotificationTypologyType.USER_INVITED_TO_JOIN_EVENT:
+                    _status = types_1.SCEventSubscriptionStatusType.INVITED;
+                    break;
+                case types_1.SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_EVENT:
+                    _status = types_1.SCEventSubscriptionStatusType.REQUESTED;
+                    break;
+                case types_1.SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_EVENT:
+                    _status = types_1.SCEventSubscriptionStatusType.SUBSCRIBED;
+                    break;
+                case types_1.SCNotificationTypologyType.USER_ADDED_TO_EVENT:
+                    _status = types_1.SCEventSubscriptionStatusType.SUBSCRIBED;
+                    break;
+            }
+            updateCache([dataMsg.data.event.id]);
+            setData((prev) => getDataUpdated(prev, dataMsg.data.event.id, _status));
+        }
+    };
+    /**
+     * Memoized refresh all events
+     * It makes a single request to the server and retrieves
+     * all the events followed by the user in a single solution
+     * It might be useful for multi-tab sync
+     */
+    const refresh = (0, react_1.useMemo)(() => () => {
+        emptyCache();
+        if (user) {
+            // Only if user is authenticated
+            api_services_1.http
+                .request({
+                url: api_services_1.Endpoints.GetUserEvents.url(),
+                method: api_services_1.Endpoints.GetUserEvents.method,
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                const eventsIds = res.data.results.map((e) => e.id);
+                updateCache(eventsIds);
+                setData(res.data.results.map((e) => ({ [e.id]: e.subscription_status })));
+                return Promise.resolve(res.data);
+            })
+                .catch((e) => {
+                utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, 'Unable to refresh the authenticated user events.');
+                utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, e);
+            });
+        }
+    }, [data, user, cache]);
+    /**
+     * Memoized toggleEventAttendance Event
+     * Toggle action
+     */
+    const toggleEventAttendance = (0, react_1.useMemo)(() => (event, userId) => {
+        setLoading(event.id);
+        if (userId) {
+            return api_services_1.http
+                .request({
+                url: api_services_1.Endpoints.InviteOrAcceptEventRequest.url({ id: event.id }),
+                method: api_services_1.Endpoints.InviteOrAcceptEventRequest.method,
+                data: { users: [userId] },
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([event.id]);
+                setData((prev) => getDataUpdated(prev, event.id, types_1.SCEventSubscriptionStatusType.SUBSCRIBED));
+                setUnLoading(event.id);
+                return Promise.resolve(res.data);
+            });
+        }
+        else {
+            const requestConfig = event.subscription_status === types_1.SCEventSubscriptionStatusType.GOING
+                ? {
+                    url: api_services_1.Endpoints.RemoveGoingToEvent.url({ id: event.id }),
+                    method: api_services_1.Endpoints.RemoveGoingToEvent.method,
+                }
+                : {
+                    url: api_services_1.Endpoints.GoToEvent.url({ id: event.id }),
+                    method: api_services_1.Endpoints.GoToEvent.method,
+                };
+            return api_services_1.http.request(requestConfig).then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([event.id]);
+                setData((prev) => getDataUpdated(prev, event.id, event.privacy === types_1.SCEventPrivacyType.PRIVATE && event.subscription_status !== types_1.SCEventSubscriptionStatusType.INVITED
+                    ? types_1.SCEventSubscriptionStatusType.REQUESTED
+                    : event.subscription_status === types_1.SCEventSubscriptionStatusType.GOING
+                        ? types_1.SCEventSubscriptionStatusType.SUBSCRIBED
+                        : types_1.SCEventSubscriptionStatusType.GOING));
+                setUnLoading(event.id);
+                return Promise.resolve(res.data);
+            });
+        }
+    }, [data, loading, cache]);
+    /**
+     * Memoized toggleEventNonattendance Event
+     * Toggle action
+     */
+    const toggleEventNonattendance = (0, react_1.useMemo)(() => (event) => {
+        if (event.subscription_status !== types_1.SCEventSubscriptionStatusType.REQUESTED) {
+            setLoading(event.id);
+            const requestConfig = event.subscription_status === types_1.SCEventSubscriptionStatusType.NOT_GOING
+                ? {
+                    url: api_services_1.Endpoints.RemoveNotGoingToEvent.url({ id: event.id }),
+                    method: api_services_1.Endpoints.RemoveNotGoingToEvent.method,
+                }
+                : {
+                    url: api_services_1.Endpoints.NotGoingToEvent.url({ id: event.id }),
+                    method: api_services_1.Endpoints.NotGoingToEvent.method,
+                };
+            return api_services_1.http.request(requestConfig).then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([event.id]);
+                setData((prev) => getDataUpdated(prev, event.id, event.subscription_status === types_1.SCEventSubscriptionStatusType.NOT_GOING
+                    ? types_1.SCEventSubscriptionStatusType.SUBSCRIBED
+                    : types_1.SCEventSubscriptionStatusType.NOT_GOING));
+                setUnLoading(event.id);
+                return Promise.resolve(res.data);
+            });
+        }
+    }, [data, loading, cache]);
+    /**
+     * Check the authenticated user subscription status to the event
+     * Update the events cached
+     * Update events subscription statuses
+     * @param event
+     */
+    const checkEventSubscriptionStatus = (event) => {
+        setLoading(event.id);
+        return api_services_1.http
+            .request({
+            url: api_services_1.Endpoints.GetEventSubscriptionStatus.url({ id: event.id }),
+            method: api_services_1.Endpoints.GetEventSubscriptionStatus.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            setData((prev) => getDataUpdated(prev, event.id, res.data.status));
+            updateCache([event.id]);
+            setUnLoading(event.id);
+            return Promise.resolve(res.data);
+        })
+            .catch((e) => {
+            setUnLoading(event.id);
+            return Promise.reject(e);
+        });
+    };
+    /**
+     * Get updated data
+     * @param data
+     * @param eventId
+     * @param subscriptionStatus
+     */
+    const getDataUpdated = (data, eventId, subscriptionStatus) => {
+        const _index = data.findIndex((k) => parseInt(Object.keys(k)[0]) === eventId);
+        let _data;
+        if (_index < 0) {
+            _data = [...data, ...[{ [eventId]: subscriptionStatus }]];
+        }
+        else {
+            _data = data.map((k, i) => {
+                if (parseInt(Object.keys(k)[0]) === eventId) {
+                    return { [Object.keys(k)[0]]: subscriptionStatus };
+                }
+                return { [Object.keys(k)[0]]: data[i][Object.keys(k)[0]] };
+            });
+        }
+        return _data;
+    };
+    /**
+     * Return current event subscription status if exists,
+     * otherwise return null
+     */
+    const getCurrentEventCacheStatus = (0, react_1.useMemo)(() => (event) => {
+        const d = data.filter((k) => parseInt(Object.keys(k)[0]) === event.id);
+        return d.length ? d[0][event.id] : !data.length ? event.subscription_status : null;
+    }, [data]);
+    /**
+     * Bypass remote check if the event is subscribed
+     */
+    const getSubscriptionStatus = (0, react_1.useMemo)(() => (event) => {
+        updateCache([event.id]);
+        setData((prev) => getDataUpdated(prev, event.id, event.subscription_status));
+        return event.subscription_status;
+    }, [data, cache]);
+    /**
+     * Memoized subscriptionStatus
+     * If event is already in cache -> check if the event is in events,
+     * otherwise, check if user toggleEventAttendance the event
+     */
+    const subscriptionStatus = (0, react_1.useMemo)(() => (event) => {
+        // Cache is valid also for anonymous user
+        if (cache.includes(event === null || event === void 0 ? void 0 : event.id)) {
+            return getCurrentEventCacheStatus(event);
+        }
+        if (authUserId) {
+            if ('subscription_status' in event) {
+                return getSubscriptionStatus(event);
+            }
+            if (!isLoading(event)) {
+                checkEventSubscriptionStatus(event);
+            }
+        }
+        return null;
+    }, [loading, cache, authUserId]);
+    /**
+     * Empty cache on logout
+     */
+    (0, react_1.useEffect)(() => {
+        if (!authUserId) {
+            emptyCache();
+        }
+    }, [authUserId]);
+    if (!eventsEnabled || !user) {
+        return { events: data, loading, isLoading };
+    }
+    return { events: data, loading, isLoading, toggleEventAttendance, toggleEventNonattendance, subscriptionStatus, refresh, emptyCache };
+}
+exports.default = useSCSubscribedEventsManager;

package/lib/cjs/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * Types
  */
-import { SCUserContextType, SCFollowedCategoriesManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCFollowedManagerType, SCFollowersManagerType, SCSettingsManagerType, SCConnectionsManagerType, SCSubscribedIncubatorsManagerType, SCLocaleType, SCNotificationContextType, SCPreferencesContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType, SCThemeAvatarVariableType, SCThemeCategoryIconVariableType, SCThemeCategoryVariableType, SCThemeVariablesType, SCThemeType, SCSubscribedGroupsManagerType } from './types';
+import { SCUserContextType, SCFollowedCategoriesManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCFollowedManagerType, SCFollowersManagerType, SCSettingsManagerType, SCConnectionsManagerType, SCSubscribedIncubatorsManagerType, SCLocaleType, SCNotificationContextType, SCPreferencesContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType, SCThemeAvatarVariableType, SCThemeCategoryIconVariableType, SCThemeCategoryVariableType, SCThemeVariablesType, SCThemeType, SCSubscribedGroupsManagerType, SCSubscribedEventsManagerType } from './types';
 /**
  * ContextProvider component
  */
@@ -82,4 +82,4 @@ import * as Locale from './constants/Locale';
 /**
  * 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, SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, Locale, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent };
+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, SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, Locale, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, };

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

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { SCAuthTokenType, SCIncubatorType, SCCategoryType, SCUserType, SCUserSettingsType, SCReactionType, SCGroupType } from '@selfcommunity/types';
+import { SCAuthTokenType, SCIncubatorType, SCCategoryType, SCUserType, SCUserSettingsType, SCReactionType, SCGroupType, SCEventType } from '@selfcommunity/types';
 import { SCThemeType } from './theme';
 /**
  * Interface SCSettingsType
@@ -147,6 +147,7 @@ export interface SCUserContextType {
         incubators?: SCSubscribedIncubatorsManagerType;
         blockedUsers?: SCBlockedUsersManagerType;
         groups?: SCSubscribedGroupsManagerType;
+        events?: SCSubscribedEventsManagerType;
     };
 }
 export interface SCSettingsManagerType {
@@ -253,6 +254,44 @@ export interface SCFollowedCategoriesManagerType {
      */
     emptyCache?: () => void;
 }
+export interface SCSubscribedEventsManagerType {
+    /**
+     * List of all events ids followed by the authenticated user
+     */
+    events: number[];
+    /**
+     * List of all events in loading state
+     */
+    loading: number[];
+    /**
+     * List of current events in loading state
+     */
+    isLoading: (event: SCEventType) => boolean;
+    /**
+     * Handle user subscription to an event
+     */
+    subscribe?: (event: SCEventType, userId?: number) => Promise<any>;
+    /**
+     * Handle user going to an event
+     */
+    toggleEventAttendance?: (event: SCEventType, userId?: number) => Promise<any>;
+    /**
+     * Handle user not going to an event
+     */
+    toggleEventNonattendance?: (event: SCEventType, userId?: number) => Promise<any>;
+    /**
+     * Handles a user subscription status to an event, caching data
+     */
+    subscriptionStatus?: (event: SCEventType) => string;
+    /**
+     * Refresh groups
+     */
+    refresh?: () => void;
+    /**
+     * Empty cache to revalidate all groups
+     */
+    emptyCache?: () => void;
+}
 export interface SCSubscribedGroupsManagerType {
     /**
      * List of all groups ids followed by the 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, SCSubscribedGroupsManagerType } 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, SCSubscribedEventsManagerType } 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, SCSubscribedGroupsManagerType, };
+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, SCSubscribedEventsManagerType, };

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

@@ -1,6 +1,6 @@
-import React, { createContext, useContext, useEffect, useState } from 'react';
 import { FeatureService, PreferenceService } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
+import React, { createContext, useContext, useEffect, useState } from 'react';
 import { SCOPE_SC_CORE } from '../../../constants/Errors';
 import { useSCContext } from '../SCContextProvider';
 /**
@@ -50,6 +50,7 @@ export default function SCPreferencesProvider({ children = null }) {
             .catch((_error) => {
             Logger.error(SCOPE_SC_CORE, _error);
             setError(_error);
+            // setLoading(false);
         });
     }, []);
     /**

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

@@ -16,6 +16,7 @@ import useSCSubscribedIncubatorsManager from '../../../hooks/useSCSubscribedIncu
 import useSCBlockedUsersManager from '../../../hooks/useSCBlockedUsersManager';
 import * as Session from '../../../constants/Session';
 import useSCSubscribedGroupsManager from '../../../hooks/useSCSubscribedGroupsManager';
+import useSCSubscribedEventsManager from '../../../hooks/useSCSubscribedEventsManager';
 /**
  * SCUserContext (Authentication Context)
  *
@@ -68,6 +69,7 @@ export default function SCUserProvider({ children }) {
     const categoriesManager = useSCFollowedCategoriesManager(state.user, updateUser);
     const blockedUsersManager = useSCBlockedUsersManager(state.user);
     const subscribedGroupsManager = useSCSubscribedGroupsManager(state.user);
+    const subscribedEventsManager = useSCSubscribedEventsManager(state.user);
     /**
      * Ref notifications subscribers: BLOCKED_USER, UNBLOCKED_USER
      */
@@ -119,6 +121,7 @@ export default function SCUserProvider({ children }) {
             subscribedIncubatorsManager.refresh && subscribedIncubatorsManager.refresh();
             blockedUsersManager.refresh && blockedUsersManager.refresh();
             subscribedGroupsManager.refresh && subscribedGroupsManager.refresh();
+            subscribedEventsManager.refresh && subscribedEventsManager.refresh();
         }
     }
     /**
@@ -215,6 +218,7 @@ export default function SCUserProvider({ children }) {
             incubators: subscribedIncubatorsManager,
             blockedUsers: blockedUsersManager,
             groups: subscribedGroupsManager,
+            events: subscribedEventsManager,
         },
     }), [
         state,
@@ -233,6 +237,8 @@ export default function SCUserProvider({ children }) {
         subscribedIncubatorsManager.incubators,
         subscribedGroupsManager.loading,
         subscribedGroupsManager.groups,
+        subscribedEventsManager.loading,
+        subscribedEventsManager.events,
     ]);
     /**
      * We only want to render the underlying app after we

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

@@ -61,6 +61,7 @@ export declare const CATEGORIES_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = "_cSug
 export declare const CATEGORIES_POPULAR_TOOLS_STATE_CACHE_PREFIX_KEY = "_cPopWidget_";
 export declare const USER_FOLLOWERS_TOOLS_STATE_CACHE_PREFIX_KEY = "_uFolWidget_";
 export declare const USER_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = "_uFoldWidget_";
+export declare const USER_EVENTS_STATE_CACHE_PREFIX_KEY = "_uEvents_";
 export declare const USER_CONNECTIONS_TOOLS_STATE_CACHE_PREFIX_KEY = "_uConWidget_";
 export declare const USER_CONNECTIONS_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = "_uConReqWidget_";
 export declare const USER_CONNECTIONS_REQUESTS_SENT_TOOLS_STATE_CACHE_PREFIX_KEY = "_uConReqSentWidget_";

package/lib/esm/constants/Cache.js

@@ -65,6 +65,7 @@ export const CATEGORIES_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = '_cSugWidget_'
 export const CATEGORIES_POPULAR_TOOLS_STATE_CACHE_PREFIX_KEY = '_cPopWidget_';
 export const USER_FOLLOWERS_TOOLS_STATE_CACHE_PREFIX_KEY = '_uFolWidget_';
 export const USER_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = '_uFoldWidget_';
+export const USER_EVENTS_STATE_CACHE_PREFIX_KEY = '_uEvents_';
 export const USER_CONNECTIONS_TOOLS_STATE_CACHE_PREFIX_KEY = '_uConWidget_';
 export const USER_CONNECTIONS_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = '_uConReqWidget_';
 export const USER_CONNECTIONS_REQUESTS_SENT_TOOLS_STATE_CACHE_PREFIX_KEY = '_uConReqSentWidget_';