@selfcommunity/react-core 0.4.50-alpha.1 → 0.4.50-events.100

package/lib/esm/hooks/useSCSubscribedEventsManager.js

@@ -0,0 +1,293 @@
+import { Endpoints, http } from '@selfcommunity/api-services';
+import { SCEventSubscriptionStatusType, SCFeatureName, SCNotificationTopicType, SCNotificationTypologyType, } from '@selfcommunity/types';
+import { Logger } from '@selfcommunity/utils';
+import PubSub from 'pubsub-js';
+import { useEffect, useMemo, useRef } from 'react';
+import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
+import { useSCPreferences } from '../components/provider/SCPreferencesProvider';
+import { SCOPE_SC_CORE } from '../constants/Errors';
+import { SCNotificationMapping } from '../constants/Notification';
+import useSCCachingManager from './useSCCachingManager';
+import { getEventStatus } from '../utils/event';
+/**
+ :::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) {
+    const { cache, updateCache, emptyCache, data, setData, loading, setLoading, setUnLoading, isLoading } = useSCCachingManager();
+    const { features } = useSCPreferences();
+    const authUserId = user ? user.id : null;
+    const eventsEnabled = useMemo(() => features && features.includes(SCFeatureName.EVENT) && features.includes(SCFeatureName.TAGGING), [features]);
+    const notificationInvitedToJoinEvent = useRef(null);
+    const notificationRequestedToJoinEvent = useRef(null);
+    const notificationAcceptedToJoinEvent = useRef(null);
+    const notificationAddedToEvent = useRef(null);
+    /**
+     * Subscribe to notification types user_follow, user_unfollow
+     */
+    useDeepCompareEffectNoCheck(() => {
+        notificationInvitedToJoinEvent.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_INVITED_TO_JOIN_EVENT}`, notificationSubscriber);
+        notificationRequestedToJoinEvent.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_EVENT}`, notificationSubscriber);
+        notificationAcceptedToJoinEvent.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_EVENT}`, notificationSubscriber);
+        notificationAddedToEvent.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_ADDED_TO_EVENT}`, notificationSubscriber);
+        return () => {
+            PubSub.unsubscribe(notificationInvitedToJoinEvent.current);
+            PubSub.unsubscribe(notificationRequestedToJoinEvent.current);
+            PubSub.unsubscribe(notificationAcceptedToJoinEvent.current);
+            PubSub.unsubscribe(notificationAddedToEvent.current);
+        };
+    }, [data]);
+    /**
+     * Notification subscriber handler
+     * @param msg
+     * @param dataMsg
+     */
+    const notificationSubscriber = (msg, dataMsg) => {
+        if (dataMsg.data.event !== undefined) {
+            let _status;
+            switch (SCNotificationMapping[dataMsg.data.activity_type]) {
+                case SCNotificationTypologyType.USER_INVITED_TO_JOIN_EVENT:
+                    _status = SCEventSubscriptionStatusType.INVITED;
+                    break;
+                case SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_EVENT:
+                    _status = SCEventSubscriptionStatusType.REQUESTED;
+                    break;
+                case SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_EVENT:
+                    _status = SCEventSubscriptionStatusType.SUBSCRIBED;
+                    break;
+                case SCNotificationTypologyType.USER_ADDED_TO_EVENT:
+                    _status = SCEventSubscriptionStatusType.SUBSCRIBED;
+                    break;
+            }
+            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 = useMemo(() => () => {
+        emptyCache();
+        if (user) {
+            // Only if user is authenticated
+            http
+                .request({
+                url: Endpoints.GetUserEvents.url(),
+                method: 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) => {
+                Logger.error(SCOPE_SC_CORE, 'Unable to refresh the authenticated user events.');
+                Logger.error(SCOPE_SC_CORE, e);
+            });
+        }
+    }, [data, user, cache]);
+    /**
+     * Memoized toggleEventAttendance Event
+     * Toggle action
+     */
+    const toggleEventAttendance = useMemo(() => (event, userId) => {
+        setLoading(event.id);
+        if (userId) {
+            return http
+                .request({
+                url: Endpoints.InviteOrAcceptEventRequest.url({ id: event.id }),
+                method: 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, SCEventSubscriptionStatusType.SUBSCRIBED));
+                setUnLoading(event.id);
+                return Promise.resolve(res.data);
+            });
+        }
+        else {
+            const requestConfig = !event.subscription_status || event.subscription_status === SCEventSubscriptionStatusType.INVITED
+                ? {
+                    url: Endpoints.SubscribeToEvent.url({ id: event.id }),
+                    method: Endpoints.SubscribeToEvent.method,
+                }
+                : event.subscription_status === SCEventSubscriptionStatusType.GOING
+                    ? {
+                        url: Endpoints.RemoveGoingToEvent.url({ id: event.id }),
+                        method: Endpoints.RemoveGoingToEvent.method,
+                    }
+                    : {
+                        url: Endpoints.GoToEvent.url({ id: event.id }),
+                        method: Endpoints.GoToEvent.method,
+                    };
+            return http.request(requestConfig).then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([event.id]);
+                setData((prev) => getDataUpdated(prev, event.id, getEventStatus(event, true)));
+                setUnLoading(event.id);
+                return Promise.resolve(res.data);
+            });
+        }
+    }, [data, loading, cache]);
+    /**
+     * Memoized toggleEventNonattendance Event
+     * Toggle action
+     */
+    const toggleEventNonattendance = useMemo(() => (event) => {
+        if (event.subscription_status !== SCEventSubscriptionStatusType.REQUESTED) {
+            setLoading(event.id);
+            const requestConfig = event.subscription_status === SCEventSubscriptionStatusType.NOT_GOING
+                ? {
+                    url: Endpoints.RemoveNotGoingToEvent.url({ id: event.id }),
+                    method: Endpoints.RemoveNotGoingToEvent.method,
+                }
+                : {
+                    url: Endpoints.NotGoingToEvent.url({ id: event.id }),
+                    method: Endpoints.NotGoingToEvent.method,
+                };
+            return http.request(requestConfig).then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([event.id]);
+                setData((prev) => getDataUpdated(prev, event.id, getEventStatus(event, false)));
+                setUnLoading(event.id);
+                return Promise.resolve(res.data);
+            });
+        }
+        else {
+            setLoading(event.id);
+            return http
+                .request({ url: Endpoints.UnsubscribeFromEvent.url({ id: event.id }), method: Endpoints.UnsubscribeFromEvent.method })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([event.id]);
+                setData((prev) => getDataUpdated(prev, event.id, null));
+                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 http
+            .request({
+            url: Endpoints.GetEventSubscriptionStatus.url({ id: event.id }),
+            method: 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 = 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 = 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 = 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 && event) {
+            if ('subscription_status' in event) {
+                return getSubscriptionStatus(event);
+            }
+            if (!isLoading(event)) {
+                checkEventSubscriptionStatus(event);
+            }
+        }
+        return null;
+    }, [loading, cache, authUserId]);
+    /**
+     * Empty cache on logout
+     */
+    useEffect(() => {
+        if (!authUserId) {
+            emptyCache();
+        }
+    }, [authUserId]);
+    if (!eventsEnabled || !user) {
+        return { events: data, loading, isLoading };
+    }
+    return { events: data, loading, isLoading, toggleEventAttendance, toggleEventNonattendance, subscriptionStatus, refresh, emptyCache };
+}

package/lib/esm/hooks/useSCWebPushMessaging.js

@@ -1,4 +1,5 @@
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useRef, useState } from 'react';
 import { useSCContext } from '../components/provider/SCContextProvider';
 import { useSCUser } from '../components/provider/SCUserProvider';
 import { Logger } from '@selfcommunity/utils';
@@ -56,9 +57,7 @@ export default function useSCWebPushMessaging() {
     const showCustomRequestNotificationSnackbar = () => {
         if (!Cookies.get(NOTIFICATIONS_WEB_PUSH_MESSAGING_DIALOG_COOKIE)) {
             enqueueSnackbar(intl.formatMessage({ id: 'ui.webPushNotification.requestPermission', defaultMessage: 'ui.webPushNotification.requestPermission' }), {
-                action: (snackbarId) => (React.createElement(React.Fragment, null,
-                    React.createElement(Button, { size: "small", sx: { color: '#FFF' }, onClick: () => requestNotificationPermission(snackbarId) }, intl.formatMessage({ id: 'ui.webPushNotification.allow', defaultMessage: 'ui.webPushNotification.allow' })),
-                    React.createElement(Button, { size: "small", sx: { color: '#FFF' }, onClick: () => closeRequestNotificationSnackbar(snackbarId) }, intl.formatMessage({ id: 'ui.webPushNotification.block', defaultMessage: 'ui.webPushNotification.block' })))),
+                action: (snackbarId) => (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ size: "small", sx: { color: '#FFF' }, onClick: () => requestNotificationPermission(snackbarId) }, { children: intl.formatMessage({ id: 'ui.webPushNotification.allow', defaultMessage: 'ui.webPushNotification.allow' }) })), _jsx(Button, Object.assign({ size: "small", sx: { color: '#FFF' }, onClick: () => closeRequestNotificationSnackbar(snackbarId) }, { children: intl.formatMessage({ id: 'ui.webPushNotification.block', defaultMessage: 'ui.webPushNotification.block' }) }))] })),
                 variant: 'default',
                 anchorOrigin: { horizontal: 'center', vertical: 'bottom' },
                 preventDuplicate: true,

package/lib/esm/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
  */
@@ -62,6 +62,8 @@ import useSCFetchUserBlockedBy from './hooks/useSCFetchUserBlockedBy';
 import useSCUserIsBlocked from './hooks/useSCUserIsBlocked';
 import useSCFetchGroup from './hooks/useSCFetchGroup';
 import useSCFetchGroups from './hooks/useSCFetchGroups';
+import useSCFetchEvent from './hooks/useSCFetchEvent';
+import useSCFetchEvents from './hooks/useSCFetchEvents';
 /**
  * Routing component
  */
@@ -72,13 +74,16 @@ import * as SCRoutes from './constants/Routes';
  * User, hooks (useIsComponentMountedRef)
  */
 import * as UserUtils from './utils/user';
+import getTheme from './themes/theme';
 import { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect } from './utils/hooks';
+import { getEventStatus } from './utils/event';
 /**
  * Constants:
- * Locale
+ * Locale, Preferences
  */
 import * as Locale from './constants/Locale';
+import * as Preferences from './constants/Preferences';
 /**
  * List all exports
  */
-export { SCUserContextType, SCFollowedCategoriesManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCSettingsManagerType, SCFollowedManagerType, SCFollowersManagerType, SCConnectionsManagerType, SCSubscribedIncubatorsManagerType, SCLocaleType, SCNotificationContextType, SCPreferencesContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType, SCThemeAvatarVariableType, SCThemeCategoryIconVariableType, SCThemeCategoryVariableType, SCThemeVariablesType, SCThemeType, SCSubscribedGroupsManagerType, 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, };
+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, getTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, getEventStatus, Locale, Preferences, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, useSCFetchEvents, };

package/lib/esm/index.js

@@ -58,6 +58,8 @@ import useSCFetchUserBlockedBy from './hooks/useSCFetchUserBlockedBy';
 import useSCUserIsBlocked from './hooks/useSCUserIsBlocked';
 import useSCFetchGroup from './hooks/useSCFetchGroup';
 import useSCFetchGroups from './hooks/useSCFetchGroups';
+import useSCFetchEvent from './hooks/useSCFetchEvent';
+import useSCFetchEvents from './hooks/useSCFetchEvents';
 /**
  * Routing component
  */
@@ -68,13 +70,16 @@ import * as SCRoutes from './constants/Routes';
  * User, hooks (useIsComponentMountedRef)
  */
 import * as UserUtils from './utils/user';
+import getTheme from './themes/theme';
 import { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect } from './utils/hooks';
+import { getEventStatus } from './utils/event';
 /**
  * Constants:
- * Locale
+ * Locale, Preferences
  */
 import * as Locale from './constants/Locale';
+import * as Preferences from './constants/Preferences';
 /**
  * List all exports
  */
-export { 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, };
+export { SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, getTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, getEventStatus, Locale, Preferences, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, useSCFetchEvents, };

package/lib/esm/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
@@ -37,6 +37,10 @@ export interface SCSettingsType {
      * Object conf of notification.
      */
     notifications?: SCNotificationsType;
+    /**
+     * Integrations conf
+     */
+    integrations?: SCIntegrationsType;
     /**
      * Callback to handle anonymous action
      * Ex. an anonymous user attempt to post a comment
@@ -143,6 +147,7 @@ export interface SCUserContextType {
         incubators?: SCSubscribedIncubatorsManagerType;
         blockedUsers?: SCBlockedUsersManagerType;
         groups?: SCSubscribedGroupsManagerType;
+        events?: SCSubscribedEventsManagerType;
     };
 }
 export interface SCSettingsManagerType {
@@ -249,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
@@ -444,6 +487,18 @@ export interface SCPreferencesContextType {
      * List of all community enabled features
      */
     features: string[];
+    /**
+     * Set prefrerences
+     */
+    setPreferences: (preferences: Record<string, any>) => void;
+    /**
+     * Set features
+     */
+    setFeatures: (features: string[]) => void;
+    /**
+     * Force refresh
+     */
+    refresh: () => void;
 }
 /**
  * Interface SCVoteContextType
@@ -620,3 +675,36 @@ export interface SCAlertMessagesContextType {
      */
     setOptions: (options: any) => void;
 }
+/**
+ * Interface SCIntegrationsType
+ */
+export interface SCIntegrationsType {
+    /**
+     * OpenAI
+     */
+    openai?: SCIntegrationsOpenAIType;
+    /**
+     * Geocoding
+     */
+    geocoding?: SCGeocodingType;
+}
+/**
+ * Interface SCIntegrationsOpenAIType
+ */
+export interface SCIntegrationsOpenAIType {
+    /**
+     * Set secretKey OpenAI
+     * Default: null
+     */
+    secretKey: string | null;
+}
+/**
+ * Interface SCGeocodingType
+ */
+export interface SCGeocodingType {
+    /**
+     * Set secretKey geocoding service
+     * Default: null
+     */
+    apiKey: string | null;
+}

package/lib/esm/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/utils/errors.d.ts

@@ -21,6 +21,7 @@ export declare class ValidationError {
     static ERROR_INVALID_NOTIFICATIONS_WEBSOCKET: number;
     static ERROR_INVALID_NOTIFICATIONS_WEBSOCKET_DISABLE_TOAST_MESSAGE: number;
     static ERROR_INVALID_NOTIFICATIONS_WEBSOCKET_SECURE: number;
+    static ERROR_INVALID_NOTIFICATIONS_WEBSOCKET_PREFIX_PATH: number;
     static ERROR_INVALID_NOTIFICATIONS_WEB_PUSH_MESSAGING: number;
     static ERROR_INVALID_NOTIFICATIONS_WEB_PUSH_MESSAGING_DISABLE_TOAST_MESSAGE: number;
     static ERROR_INVALID_NOTIFICATIONS_WEB_PUSH_MESSAGING_APPLICATION_SERVER_KEY: number;
@@ -32,6 +33,11 @@ export declare class ValidationError {
     static ERROR_INVALID_VOTE: number;
     static ERROR_INVALID_VOTE_REACTIONS: number;
     static ERROR_INVALID_VOTE_REACTIONS_STRUCTURE: number;
+    static ERROR_INVALID_INTEGRATIONS: number;
+    static ERROR_INVALID_INTEGRATIONS_OPENAI: number;
+    static ERROR_INVALID_INTEGRATIONS_OPENAI_SECRETKEY: number;
+    static ERROR_INVALID_INTEGRATIONS_GEOCODING: number;
+    static ERROR_INVALID_INTEGRATIONS_GEOCODING_APIKEY: number;
     static defaultErrorMessageMap: {
         [x: number]: string;
     };

package/lib/esm/utils/errors.js

@@ -33,6 +33,7 @@ ValidationError.ERROR_INVALID_NOTIFICATIONS = 4900;
 ValidationError.ERROR_INVALID_NOTIFICATIONS_WEBSOCKET = 4901;
 ValidationError.ERROR_INVALID_NOTIFICATIONS_WEBSOCKET_DISABLE_TOAST_MESSAGE = 4902;
 ValidationError.ERROR_INVALID_NOTIFICATIONS_WEBSOCKET_SECURE = 4903;
+ValidationError.ERROR_INVALID_NOTIFICATIONS_WEBSOCKET_PREFIX_PATH = 4904;
 ValidationError.ERROR_INVALID_NOTIFICATIONS_WEB_PUSH_MESSAGING = 4921;
 ValidationError.ERROR_INVALID_NOTIFICATIONS_WEB_PUSH_MESSAGING_DISABLE_TOAST_MESSAGE = 4922;
 ValidationError.ERROR_INVALID_NOTIFICATIONS_WEB_PUSH_MESSAGING_APPLICATION_SERVER_KEY = 4923;
@@ -44,6 +45,11 @@ ValidationError.ERROR_INVALID_PREFERENCES_FEATURES = 5002;
 ValidationError.ERROR_INVALID_VOTE = 6000;
 ValidationError.ERROR_INVALID_VOTE_REACTIONS = 6001;
 ValidationError.ERROR_INVALID_VOTE_REACTIONS_STRUCTURE = 6002;
+ValidationError.ERROR_INVALID_INTEGRATIONS = 6100;
+ValidationError.ERROR_INVALID_INTEGRATIONS_OPENAI = 6101;
+ValidationError.ERROR_INVALID_INTEGRATIONS_OPENAI_SECRETKEY = 6102;
+ValidationError.ERROR_INVALID_INTEGRATIONS_GEOCODING = 6103;
+ValidationError.ERROR_INVALID_INTEGRATIONS_GEOCODING_APIKEY = 6104;
 ValidationError.defaultErrorMessageMap = {
     [ValidationError.ERROR_INVALID_CONF]: 'Invalid or missing library configuration. Check the configuration that is passed to the SCContextProvider.',
     [ValidationError.ERROR_INVALID_SESSION]: 'Invalid session format.',
@@ -63,6 +69,7 @@ ValidationError.defaultErrorMessageMap = {
     [ValidationError.ERROR_INVALID_NOTIFICATIONS_WEBSOCKET]: 'Invalid notifications (websocket) option.',
     [ValidationError.ERROR_INVALID_NOTIFICATIONS_WEBSOCKET_DISABLE_TOAST_MESSAGE]: 'Invalid notifications websocket conf: disableToastMessage must be a boolean value.',
     [ValidationError.ERROR_INVALID_NOTIFICATIONS_WEBSOCKET_SECURE]: 'Invalid notifications websocket conf: secure must be a boolean value.',
+    [ValidationError.ERROR_INVALID_NOTIFICATIONS_WEBSOCKET_PREFIX_PATH]: 'Invalid notifications websocket conf: prefixPath must be a string value.',
     [ValidationError.ERROR_INVALID_NOTIFICATIONS_WEB_PUSH_MESSAGING]: 'Invalid notifications (web push messaging) option.',
     [ValidationError.ERROR_INVALID_NOTIFICATIONS_WEB_PUSH_MESSAGING_DISABLE_TOAST_MESSAGE]: "Invalid notifications web push messaging option. 'disableToastMessage' must be a boolean value.",
     [ValidationError.ERROR_INVALID_NOTIFICATIONS_WEB_PUSH_MESSAGING_APPLICATION_SERVER_KEY]: "Invalid notifications web push messaging option. 'applicationServerKey' must be a string value.",
@@ -74,6 +81,11 @@ ValidationError.defaultErrorMessageMap = {
     [ValidationError.ERROR_INVALID_VOTE]: 'Invalid vote option.',
     [ValidationError.ERROR_INVALID_VOTE_REACTIONS]: "Invalid vote option. 'reactions' must be a valid array of reaction objects.",
     [ValidationError.ERROR_INVALID_VOTE_REACTIONS_STRUCTURE]: "Invalid vote option. 'reactions' must be a valid array of reaction with attributes (id, label, sentiment, image, active).",
+    [ValidationError.ERROR_INVALID_INTEGRATIONS]: 'Invalid integrations conf.',
+    [ValidationError.ERROR_INVALID_INTEGRATIONS_OPENAI]: 'Invalid integrations (openai) option.',
+    [ValidationError.ERROR_INVALID_INTEGRATIONS_OPENAI_SECRETKEY]: 'Invalid integrations openai conf: secretKey must be a string value.',
+    [ValidationError.ERROR_INVALID_INTEGRATIONS_GEOCODING]: 'Invalid integrations (geocoding) option.',
+    [ValidationError.ERROR_INVALID_INTEGRATIONS_GEOCODING_APIKEY]: 'Invalid integrations geocoding conf: apiKey must be a string value.',
 };
 /**
  * Manage Validation Warnings

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

@@ -0,0 +1,8 @@
+import { SCEventSubscriptionStatusType, SCEventType } from '@selfcommunity/types';
+/**
+ * Get event status
+ * @returns status or null
+ * @param event
+ * @param going
+ */
+export declare function getEventStatus(event: SCEventType, going: boolean): SCEventSubscriptionStatusType | null;

package/lib/esm/utils/event.js

@@ -0,0 +1,25 @@
+import { SCEventPrivacyType, SCEventSubscriptionStatusType } from '@selfcommunity/types';
+/**
+ * Get event status
+ * @returns status or null
+ * @param event
+ * @param going
+ */
+export function getEventStatus(event, going) {
+    const { subscription_status: status, privacy } = event;
+    if (!status) {
+        return privacy === SCEventPrivacyType.PRIVATE ? SCEventSubscriptionStatusType.REQUESTED : SCEventSubscriptionStatusType.SUBSCRIBED;
+    }
+    switch (status) {
+        case SCEventSubscriptionStatusType.INVITED:
+        case SCEventSubscriptionStatusType.GOING:
+        case SCEventSubscriptionStatusType.NOT_GOING:
+            return SCEventSubscriptionStatusType.SUBSCRIBED;
+        case SCEventSubscriptionStatusType.SUBSCRIBED:
+            return going ? SCEventSubscriptionStatusType.GOING : SCEventSubscriptionStatusType.NOT_GOING;
+        case SCEventSubscriptionStatusType.REQUESTED:
+            return privacy === SCEventPrivacyType.PRIVATE ? null : SCEventSubscriptionStatusType.SUBSCRIBED;
+        default:
+            return null;
+    }
+}

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

@@ -1,5 +1,6 @@
 import { useEffect, useLayoutEffect } from 'react';
+import { isClientSideRendering } from '@selfcommunity/utils';
 // Ensure that the SSR uses React.useEffect instead of React.useLayoutEffect
 // because document is undefined on the server-side.
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+const useIsomorphicLayoutEffect = isClientSideRendering() ? useLayoutEffect : useEffect;
 export default useIsomorphicLayoutEffect;

package/lib/esm/utils/notification.js

@@ -1,10 +1,10 @@
 import { PLATFORM, PLATFORM_KEY, PLATFORMS } from '../constants/Device';
-import { LocalStorageDB } from '@selfcommunity/utils';
+import { isClientSideRendering, LocalStorageDB } from '@selfcommunity/utils';
 /**
  * Check if mobile native push notification is enabled
  */
 export function isMobileNativeNotificationEnabled() {
-    return ((typeof window !== 'undefined' && window[PLATFORM_KEY] && window[PLATFORM_KEY] in PLATFORM) ||
+    return ((isClientSideRendering() && window[PLATFORM_KEY] && window[PLATFORM_KEY] in PLATFORM) ||
         (LocalStorageDB.checkifSupport() && LocalStorageDB.get(PLATFORM_KEY) && PLATFORMS.includes(LocalStorageDB.get(PLATFORM_KEY))));
 }
 /**

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

@@ -6,6 +6,7 @@ import { SCUserType } from '@selfcommunity/types';
 export declare const ADMIN_ROLE = "admin";
 export declare const MODERATOR_ROLE = "moderator";
 export declare const EDITOR_ROLE = "editor";
+export declare const COMMUNITY_CREATOR = 1;
 /**
  * Get user role from roles(set)
  * @param user
@@ -18,6 +19,12 @@ export declare function getUserRole(user: SCUserType): string | null;
  * @returns boolean
  */
 export declare function isAdmin(user: SCUserType): boolean;
+/**
+ * Check if user is admin
+ * @param user
+ * @returns boolean
+ */
+export declare function isCommunityCreator(user: SCUserType): boolean;
 /**
  * Check if user is moderator
  * @param user