@selfcommunity/react-core 0.6.7-alpha.8 → 0.6.7-payments.143

package/lib/esm/hooks/useSCFetchLessonCommentObjects.js

@@ -0,0 +1,297 @@
+import { useEffect, useReducer } from 'react';
+import { SCOPE_SC_CORE } from '../constants/Errors';
+import { SCCommentsOrderBy } from '@selfcommunity/types';
+import { Endpoints, http } from '@selfcommunity/api-services';
+import { CacheStrategies, Logger, LRUCache } from '@selfcommunity/utils';
+import { getLessonCommentCacheKey, getLessonCommentsCacheKey } from '../constants/Cache';
+import { useIsComponentMountedRef } from '../utils/hooks';
+import { getCurrentPage } from '../utils/pagination';
+import useSCFetchLesson from '../hooks/useSCFetchLesson';
+/**
+ * @hidden
+ * We have complex state logic that involves multiple sub-values,
+ * so useReducer is preferable to useState.
+ * Define all possible auth action types label
+ * Use this to export actions and dispatch an action
+ */
+export const commentsObjectActionTypes = {
+    LOADING_NEXT: '_loading_next',
+    LOADING_PREVIOUS: '_loading_previous',
+    DATA_NEXT_LOADED: '_data_next_loaded',
+    DATA_PREVIOUS_LOADED: '_data_previous_loaded',
+    DATA_RELOAD: '_data_reload',
+    DATA_RELOADED: '_data_reloaded',
+    DATA_REVALIDATE: '_data_revalidate',
+};
+/**
+ * commentsReducer:
+ *  - manage the state of comments object
+ *  - update the state base on action type
+ * @param state
+ * @param action
+ */
+function commentsReducer(state, action) {
+    switch (action.type) {
+        case commentsObjectActionTypes.LOADING_NEXT:
+            return Object.assign(Object.assign({}, state), { isLoadingNext: true, isLoadingPrevious: false });
+        case commentsObjectActionTypes.LOADING_PREVIOUS:
+            return Object.assign(Object.assign({}, state), { isLoadingNext: false, isLoadingPrevious: true });
+        case commentsObjectActionTypes.DATA_NEXT_LOADED:
+            return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, state), { comments: action.payload.comments, isLoadingNext: false, componentLoaded: true, revalidate: false, revalidateNext: null, revalidatePrevious: null, next: action.payload.next }), (action.payload.page ? { page: action.payload.page } : {})), (action.payload.nextPage ? { nextPage: action.payload.nextPage } : {})), (action.payload.previous ? { previous: action.payload.previous } : {})), (action.payload.previousPage ? { previousPage: action.payload.previousPage } : {})), (action.payload.total ? { total: action.payload.total } : {}));
+        case commentsObjectActionTypes.DATA_PREVIOUS_LOADED:
+            return Object.assign(Object.assign(Object.assign(Object.assign({}, state), { comments: action.payload.comments, isLoadingPrevious: false, revalidate: false, revalidateNext: null, revalidatePrevious: null, previous: action.payload.previous }), (action.payload.page ? { page: action.payload.page } : {})), (action.payload.previousPage ? { previousPage: action.payload.previousPage } : {}));
+        case commentsObjectActionTypes.DATA_RELOAD:
+            return Object.assign(Object.assign({}, state), { next: action.payload.next, previousPage: null, nextPage: null, comments: [], total: 0, previous: null, isLoadingNext: true, reload: true });
+        case commentsObjectActionTypes.DATA_RELOADED:
+            return Object.assign(Object.assign({}, state), { componentLoaded: true, reload: false });
+        case commentsObjectActionTypes.DATA_REVALIDATE:
+            return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, state), { componentLoaded: true, revalidate: true }), (action.payload.revalidateNext ? { revalidateNext: action.payload.revalidateNext } : {})), (action.payload.revalidatePrevious ? { revalidatePrevious: action.payload.revalidatePrevious } : {})), { reload: false });
+        default:
+            throw new Error(`Unhandled type: ${action.type}`);
+    }
+}
+/**
+ * Define initial state
+ * @param data
+ */
+function stateInitializer(data) {
+    const __commentsObjectCacheKey = data.scLesson ? getLessonCommentsCacheKey(data.scLesson.id, data.next) : null;
+    let _initState = {
+        componentLoaded: false,
+        comments: [],
+        total: 0,
+        next: data.next,
+        previous: null,
+        isLoadingNext: false,
+        isLoadingPrevious: false,
+        page: Math.ceil(data.offset / data.pageSize + 1),
+        reload: false,
+        revalidate: false,
+        revalidateNext: null,
+        revalidatePrevious: null,
+    };
+    _initState['nextPage'] = _initState.next ? _initState.page + 1 : null;
+    _initState['previousPage'] = _initState.previous ? _initState.page - 1 : null;
+    if (__commentsObjectCacheKey && LRUCache.hasKey(__commentsObjectCacheKey) && data.cacheStrategy !== CacheStrategies.NETWORK_ONLY) {
+        const _cachedData = LRUCache.get(__commentsObjectCacheKey);
+        let page = Math.max(getCurrentPage(_cachedData.next, data.pageSize), 1);
+        const nextPage = _cachedData.next ? getCurrentPage(_cachedData.next, data.pageSize) : null;
+        const previousPage = _cachedData.previous ? Math.max(getCurrentPage(_cachedData.previous, data.pageSize) - 1, 1) : null;
+        return Object.assign(Object.assign({}, _initState), {
+            total: _cachedData.count,
+            next: _cachedData.next,
+            previous: _cachedData.previous,
+            comments: _cachedData.results,
+            page,
+            nextPage,
+            previousPage,
+            componentLoaded: true,
+        });
+    }
+    return _initState;
+}
+/**
+ :::info
+ This custom hooks is used to fetch paginated comments for a specific course lesson.
+ :::
+ * @param props
+ */
+export default function useSCFetchLessonCommentObjects(props) {
+    // PROPS
+    const { id, lessonObject, offset = 0, pageSize = 5, orderBy = SCCommentsOrderBy.ADDED_AT_DESC, parent, onChangePage, cacheStrategy = CacheStrategies.NETWORK_ONLY, } = props;
+    // FeedObject
+    const { scLesson, setSCLesson } = useSCFetchLesson({
+        id: id,
+        lesson: lessonObject,
+        courseId: lessonObject.course_id,
+        sectionId: lessonObject.section_id,
+        cacheStrategy,
+    });
+    /**
+     * Get next url
+     */
+    const getNextUrl = () => {
+        const _offset = offset ? `&offset=${offset}` : '';
+        const _parent = parent ? `&parent=${parent}` : '';
+        const _lessonId = scLesson ? scLesson.id : id;
+        const _courseId = scLesson ? scLesson.course_id : lessonObject.course_id;
+        const _sectionId = scLesson ? scLesson.section_id : lessonObject.section_id;
+        return `${Endpoints.GetCourseLessonComments.url({
+            id: _courseId,
+            section_id: _sectionId,
+            lesson_id: _lessonId,
+        })}?limit=${pageSize}&ordering=${orderBy}${_offset}${_parent}`;
+    };
+    // STATE
+    const [state, dispatch] = useReducer(commentsReducer, { scLesson, offset, pageSize, next: getNextUrl(), cacheStrategy }, stateInitializer);
+    // REFS
+    const isMountedRef = useIsComponentMountedRef();
+    /**
+     * Get Comments (with cache)
+     */
+    const revalidate = (url, forward) => {
+        return performFetchComments(url, false).then((res) => {
+            let _comments;
+            let page = getCurrentPage(forward ? res.next : res.previous, pageSize);
+            if (forward) {
+                let start = state.comments.slice(0, state.comments.length - res.results.length);
+                _comments = start.concat(res.results);
+            }
+            else {
+                let start = state.comments.slice(res.results.length, state.comments.length);
+                _comments = res.results.concat(start);
+            }
+            if (isMountedRef.current) {
+                dispatch({
+                    type: forward ? commentsObjectActionTypes.DATA_NEXT_LOADED : commentsObjectActionTypes.DATA_PREVIOUS_LOADED,
+                    payload: Object.assign(Object.assign({ page, comments: _comments }, (forward ? { next: res.next } : { previous: res.previous })), { total: res.count }),
+                });
+            }
+        });
+    };
+    /**
+     * Get Comments
+     */
+    const performFetchComments = (url, seekCache = true) => {
+        const __commentObjectsCacheKey = getLessonCommentsCacheKey(scLesson.id, url);
+        if (seekCache && LRUCache.hasKey(__commentObjectsCacheKey) && cacheStrategy !== CacheStrategies.NETWORK_ONLY) {
+            return Promise.resolve(LRUCache.get(__commentObjectsCacheKey));
+        }
+        return http
+            .request({
+            url,
+            method: Endpoints.GetCourseLessonComments.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            LRUCache.set(__commentObjectsCacheKey, res.data);
+            res.data.results.forEach((e) => LRUCache.set(getLessonCommentCacheKey(e.id), e));
+            return Promise.resolve(res.data);
+        });
+    };
+    /**
+     * Fetch previous comments
+     */
+    function getPreviousPage() {
+        if (scLesson && state.previous && !state.isLoadingPrevious) {
+            const _previous = state.previous;
+            dispatch({ type: commentsObjectActionTypes.LOADING_PREVIOUS });
+            performFetchComments(_previous)
+                .then((res) => {
+                if (isMountedRef.current) {
+                    let currentPage = getCurrentPage(_previous, pageSize);
+                    let previousPage = res.previous ? currentPage - 1 : null;
+                    dispatch({
+                        type: commentsObjectActionTypes.DATA_PREVIOUS_LOADED,
+                        payload: {
+                            page: currentPage,
+                            previousPage,
+                            comments: [...res.results, ...state.comments],
+                            previous: res.previous,
+                        },
+                    });
+                    onChangePage && onChangePage(currentPage);
+                }
+            })
+                .catch((error) => {
+                Logger.error(SCOPE_SC_CORE, error);
+            })
+                .then(() => {
+                if (isMountedRef.current && cacheStrategy === CacheStrategies.STALE_WHILE_REVALIDATE) {
+                    dispatch({ type: commentsObjectActionTypes.DATA_REVALIDATE, payload: { revalidatePrevious: _previous } });
+                }
+            });
+        }
+    }
+    /**
+     * Fetch next comments
+     */
+    function getNextPage() {
+        if (scLesson && state.next && !state.isLoadingNext) {
+            const _next = state.next;
+            dispatch({ type: commentsObjectActionTypes.LOADING_NEXT });
+            performFetchComments(_next)
+                .then((res) => {
+                if (isMountedRef.current) {
+                    let currentPage = getCurrentPage(_next, pageSize);
+                    let nextPage = res.next ? currentPage + 1 : null;
+                    dispatch({
+                        type: commentsObjectActionTypes.DATA_NEXT_LOADED,
+                        payload: Object.assign({ page: currentPage, nextPage, comments: [...state.comments, ...res.results], next: res.next, total: res.count, componentLoaded: true }, (offset && state.comments.length === 0 ? { previous: res.previous, previousPage: res.previous ? currentPage - 1 : null } : {})),
+                    });
+                    onChangePage && onChangePage(currentPage);
+                }
+            })
+                .catch((error) => {
+                Logger.error(SCOPE_SC_CORE, error);
+            })
+                .then(() => {
+                if (isMountedRef.current && cacheStrategy === CacheStrategies.STALE_WHILE_REVALIDATE) {
+                    dispatch({ type: commentsObjectActionTypes.DATA_REVALIDATE, payload: { revalidateNext: _next } });
+                }
+            });
+        }
+    }
+    /**
+     * Reset component status on change orderBy, pageSize, offset
+     */
+    const reload = () => {
+        if (isMountedRef.current && state.componentLoaded && Boolean(scLesson) && !state.isLoadingNext && !state.reload) {
+            dispatch({
+                type: commentsObjectActionTypes.DATA_RELOAD,
+                payload: {
+                    next: getNextUrl(),
+                },
+            });
+        }
+    };
+    /**
+     * Reload fetch comments
+     */
+    useEffect(() => {
+        if (isMountedRef.current && state.componentLoaded && state.reload && !state.isLoadingNext && !state.isLoadingPrevious) {
+            dispatch({
+                type: commentsObjectActionTypes.DATA_RELOADED,
+            });
+            getNextPage();
+        }
+    }, [state.reload, isMountedRef]);
+    /**
+     * Revalidate last fetched comments
+     */
+    useEffect(() => {
+        if (isMountedRef.current && state.componentLoaded && Boolean(scLesson) && !state.reload && state.revalidate) {
+            revalidate(state.revalidateNext, Boolean(state.revalidateNext));
+        }
+    }, [state.revalidate, isMountedRef]);
+    /**
+     * Update lesson comments list
+     * @param updatedData
+     */
+    const updateLessonComments = (updatedData) => {
+        if (updatedData) {
+            dispatch({
+                type: commentsObjectActionTypes.DATA_NEXT_LOADED,
+                payload: {
+                    comments: updatedData,
+                    next: state.next,
+                    total: updatedData.length,
+                },
+            });
+            const __commentsCacheKey = getLessonCommentsCacheKey(scLesson.id, state.next);
+            LRUCache.set(__commentsCacheKey, updatedData.map((comment) => {
+                const __commentCacheKey = getLessonCommentCacheKey(comment.id);
+                LRUCache.set(__commentCacheKey, comment);
+                return comment.id;
+            }));
+        }
+    };
+    return Object.assign(Object.assign({ lessonObject: scLesson, setLessonObject: setSCLesson }, state), { pageSize,
+        getNextPage,
+        getPreviousPage,
+        orderBy,
+        reload,
+        updateLessonComments });
+}

package/lib/esm/hooks/useSCFetchUserBlockedBy.js

@@ -69,7 +69,7 @@ export default function useSCFetchUserBlockedBy({ user = null, blockedByUser = n
      */
     useEffect(() => {
         let interval;
-        if (scUserContext.user && blockedBy !== null && sync) {
+        if (scUserContext.user && scUserContext.user.id !== (user === null || user === void 0 ? void 0 : user.id) && blockedBy !== null && sync) {
             interval = setInterval(() => {
                 fetchUserBlockedBy(user, false);
             }, 5000);

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

@@ -0,0 +1,38 @@
+import { SCCourseType, SCUserType } from '@selfcommunity/types';
+/**
+ :::info
+ This custom hook is used to manage the courses followed.
+ :::
+
+ :::tip How to use it:
+ Follow these steps:
+ ```jsx
+ 1. const scUserContext: SCUserContextType = useSCUser();
+ 2. const scJoinedCoursesManager: SCJoinedCoursesManagerType = scUserContext.manager.courses;
+ 3. scJoinedCoursesManager.isJoined(course)
+ ```
+ :::
+ */
+export default function useSCJoinedCoursesManager(user?: SCUserType): {
+    courses: any[];
+    loading: any[];
+    isLoading: (v: number | {
+        id: number;
+    }) => boolean;
+    join?: undefined;
+    leave?: undefined;
+    joinStatus?: undefined;
+    refresh?: undefined;
+    emptyCache?: undefined;
+} | {
+    courses: any[];
+    loading: any[];
+    isLoading: (v: number | {
+        id: number;
+    }) => boolean;
+    join: (course: SCCourseType, userId?: number) => Promise<any>;
+    leave: (course: SCCourseType) => Promise<any>;
+    joinStatus: (course: SCCourseType) => string;
+    refresh: () => void;
+    emptyCache: () => void;
+};

package/lib/esm/hooks/useSCJoinedCoursesManager.js

@@ -0,0 +1,273 @@
+import { useEffect, useMemo, useRef } from 'react';
+import { Endpoints, http } from '@selfcommunity/api-services';
+import { SCFeatureName, SCCoursePrivacyType, SCCourseJoinStatusType, SCNotificationTopicType, SCNotificationTypologyType, } 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';
+import { SCNotificationMapping } from '../constants/Notification';
+import { CONFIGURATIONS_COURSES_ENABLED } from '../constants/Preferences';
+import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
+import PubSub from 'pubsub-js';
+/**
+ :::info
+ This custom hook is used to manage the courses followed.
+ :::
+
+ :::tip How to use it:
+ Follow these steps:
+ ```jsx
+ 1. const scUserContext: SCUserContextType = useSCUser();
+ 2. const scJoinedCoursesManager: SCJoinedCoursesManagerType = scUserContext.manager.courses;
+ 3. scJoinedCoursesManager.isJoined(course)
+ ```
+ :::
+ */
+export default function useSCJoinedCoursesManager(user) {
+    const { cache, updateCache, emptyCache, data, setData, loading, setLoading, setUnLoading, isLoading } = useSCCachingManager();
+    const { preferences, features } = useSCPreferences();
+    const authUserId = user ? user.id : null;
+    const coursesEnabled = useMemo(() => preferences &&
+        features &&
+        features.includes(SCFeatureName.TAGGING) &&
+        features.includes(SCFeatureName.COURSE) &&
+        CONFIGURATIONS_COURSES_ENABLED in preferences &&
+        preferences[CONFIGURATIONS_COURSES_ENABLED].value, [preferences, features]);
+    const notificationInvitedToJoinCourse = useRef(null);
+    const notificationRequestedToJoinCourse = useRef(null);
+    const notificationAcceptedToJoinCourse = useRef(null);
+    const notificationAddedToCourse = useRef(null);
+    /**
+     * Subscribe to notification types user_follow, user_unfollow
+     */
+    useDeepCompareEffectNoCheck(() => {
+        notificationInvitedToJoinCourse.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_INVITED_TO_JOIN_COURSE}`, notificationSubscriber);
+        notificationRequestedToJoinCourse.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_COURSE}`, notificationSubscriber);
+        notificationAcceptedToJoinCourse.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_COURSE}`, notificationSubscriber);
+        notificationAddedToCourse.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_ADDED_TO_COURSE}`, notificationSubscriber);
+        return () => {
+            PubSub.unsubscribe(notificationInvitedToJoinCourse.current);
+            PubSub.unsubscribe(notificationRequestedToJoinCourse.current);
+            PubSub.unsubscribe(notificationAcceptedToJoinCourse.current);
+            PubSub.unsubscribe(notificationAddedToCourse.current);
+        };
+    }, [data]);
+    /**
+     * Notification subscriber handler
+     * @param msg
+     * @param dataMsg
+     */
+    const notificationSubscriber = (msg, dataMsg) => {
+        if (dataMsg.data.course !== undefined) {
+            let _status;
+            switch (SCNotificationMapping[dataMsg.data.activity_type]) {
+                case SCNotificationTypologyType.USER_INVITED_TO_JOIN_COURSE:
+                    _status = SCCourseJoinStatusType.INVITED;
+                    break;
+                case SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_COURSE:
+                    _status = SCCourseJoinStatusType.REQUESTED;
+                    break;
+                case SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_COURSE:
+                    _status = SCCourseJoinStatusType.JOINED;
+                    break;
+                case SCNotificationTypologyType.USER_ADDED_TO_COURSE:
+                    _status = SCCourseJoinStatusType.JOINED;
+                    break;
+            }
+            updateCache([dataMsg.data.course.id]);
+            setData((prev) => getDataUpdated(prev, dataMsg.data.course.id, _status));
+        }
+    };
+    /**
+     * Memoized refresh all courses
+     * It makes a single request to the server and retrieves
+     * all the courses 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.GetJoinedCourses.url(),
+                method: Endpoints.GetJoinedCourses.method,
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                const coursesIds = res.data.results.map((c) => c.id);
+                updateCache(coursesIds);
+                setData(res.data.results.map((c) => ({ [c.id]: c.join_status })));
+                return Promise.resolve(res.data);
+            })
+                .catch((e) => {
+                Logger.error(SCOPE_SC_CORE, 'Unable to refresh the authenticated user courses.');
+                Logger.error(SCOPE_SC_CORE, e);
+            });
+        }
+    }, [data, user, cache]);
+    /**
+     * Memoized join Course
+     * Toggle action
+     */
+    const join = useMemo(() => (course, userId) => {
+        setLoading(course.id);
+        if (userId) {
+            return http
+                .request({
+                url: Endpoints.InviteOrAcceptUsersToCourse.url({ id: course.id }),
+                method: Endpoints.InviteOrAcceptUsersToCourse.method,
+                data: { users: [userId] },
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([course.id]);
+                setData((prev) => getDataUpdated(prev, course.id, SCCourseJoinStatusType.JOINED));
+                setUnLoading(course.id);
+                return Promise.resolve(res.data);
+            });
+        }
+        else {
+            return http
+                .request({
+                url: Endpoints.JoinOrAcceptInviteToCourse.url({ id: course.id }),
+                method: Endpoints.JoinOrAcceptInviteToCourse.method,
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([course.id]);
+                setData((prev) => getDataUpdated(prev, course.id, course.privacy === SCCoursePrivacyType.PRIVATE && course.join_status !== SCCourseJoinStatusType.INVITED
+                    ? SCCourseJoinStatusType.REQUESTED
+                    : SCCourseJoinStatusType.JOINED));
+                setUnLoading(course.id);
+                return Promise.resolve(res.data);
+            });
+        }
+    }, [data, loading, cache]);
+    /**
+     * Memoized leave Course
+     * Toggle action
+     */
+    const leave = useMemo(() => (course) => {
+        if (course.join_status !== SCCourseJoinStatusType.REQUESTED) {
+            setLoading(course.id);
+            return http
+                .request({
+                url: Endpoints.LeaveOrRemoveCourseRequest.url({ id: course.id }),
+                method: Endpoints.LeaveOrRemoveCourseRequest.method,
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([course.id]);
+                setData((prev) => getDataUpdated(prev, course.id, null));
+                setUnLoading(course.id);
+                return Promise.resolve(res.data);
+            });
+        }
+    }, [data, loading, cache]);
+    /**
+     * Check the authenticated user subscription status to the course
+     * Update the courses cached
+     * Update courses subscription statuses
+     * @param course
+     */
+    const checkCourseJoinedStatus = (course) => {
+        setLoading(course.id);
+        return http
+            .request({
+            url: Endpoints.GetCourseStatus.url({ id: course.id }),
+            method: Endpoints.GetCourseStatus.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            setData((prev) => getDataUpdated(prev, course.id, res.data.status));
+            updateCache([course.id]);
+            setUnLoading(course.id);
+            return Promise.resolve(res.data);
+        })
+            .catch((e) => {
+            setUnLoading(course.id);
+            return Promise.reject(e);
+        });
+    };
+    /**
+     * Get updated data
+     * @param data
+     * @param courseId
+     * @param joinStatus
+     */
+    const getDataUpdated = (data, courseId, joinStatus) => {
+        const _index = data.findIndex((k) => parseInt(Object.keys(k)[0]) === courseId);
+        let _data;
+        if (_index < 0) {
+            _data = [...data, ...[{ [courseId]: joinStatus }]];
+        }
+        else {
+            _data = data.map((k, i) => {
+                if (parseInt(Object.keys(k)[0]) === courseId) {
+                    return { [Object.keys(k)[0]]: joinStatus };
+                }
+                return { [Object.keys(k)[0]]: data[i][Object.keys(k)[0]] };
+            });
+        }
+        return _data;
+    };
+    /**
+     * Return current course subscription status if exists,
+     * otherwise return null
+     */
+    const getCurrentCourseCacheStatus = useMemo(() => (course) => {
+        const d = data.filter((k) => parseInt(Object.keys(k)[0]) === course.id);
+        return d.length ? d[0][course.id] : !data.length ? course.join_status : null;
+    }, [data]);
+    /**
+     * Bypass remote check if the course is subscribed
+     */
+    const getJoinStatus = useMemo(() => (course) => {
+        updateCache([course.id]);
+        setData((prev) => getDataUpdated(prev, course.id, course.join_status));
+        return course.join_status;
+    }, [data, cache]);
+    /**
+     * Memoized joinStatus
+     * If the course is already in cache -> check if the course is in courses,
+     * otherwise, check if user joined the course
+     */
+    const joinStatus = useMemo(() => (course) => {
+        // Cache is valid also for anonymous user
+        if (cache.includes(course.id)) {
+            return getCurrentCourseCacheStatus(course);
+        }
+        if (authUserId) {
+            if ('join_status' in course) {
+                return getJoinStatus(course);
+            }
+            if (!isLoading(course)) {
+                checkCourseJoinedStatus(course);
+            }
+        }
+        return null;
+    }, [loading, cache, authUserId]);
+    /**
+     * Empty cache on logout
+     */
+    useEffect(() => {
+        if (!authUserId) {
+            emptyCache();
+        }
+    }, [authUserId]);
+    if (!coursesEnabled || !user) {
+        return { courses: data, loading, isLoading };
+    }
+    return { courses: data, loading, isLoading, join, leave, joinStatus, refresh, emptyCache };
+}

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, SCSubscribedEventsManagerType } 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, SCJoinedCoursesManagerType } from './types';
 /**
  * ContextProvider component
  */
@@ -47,6 +47,8 @@ import useSCFetchVote from './hooks/useSCFetchVote';
 import useSCFetchFeedObject from './hooks/useSCFetchFeedObject';
 import useSCFetchCommentObject from './hooks/useSCFetchCommentObject';
 import useSCFetchCommentObjects from './hooks/useSCFetchCommentObjects';
+import useSCFetchLessonCommentObject from './hooks/useSCFetchLessonCommentObject';
+import useSCFetchLessonCommentObjects from './hooks/useSCFetchLessonCommentObjects';
 import useSCFetchCustomAdv from './hooks/useSCFetchCustomAdv';
 import useSCFetchTag from './hooks/useSCFetchTag';
 import useSCFetchAddressingTagList from './hooks/useSCFetchAddressingTagList';
@@ -66,6 +68,9 @@ import useSCFetchEvent from './hooks/useSCFetchEvent';
 import useSCFetchEvents from './hooks/useSCFetchEvents';
 import useSCFetchLiveStream from './hooks/useSCFetchLiveStream';
 import useSCGoogleApiLoader from './hooks/useSCGoogleApiLoader';
+import useSCFetchCourse from './hooks/useSCFetchCourse';
+import useSCFetchCourses from './hooks/useSCFetchCourses';
+import useSCFetchLesson from './hooks/useSCFetchLesson';
 /**
  * Routing component
  */
@@ -88,4 +93,4 @@ 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, 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, usePageVisibility, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, useSCFetchEvents, useSCFetchLiveStream, useSCGoogleApiLoader, };
+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, SCJoinedCoursesManagerType, 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, useSCFetchLessonCommentObject, useSCFetchLessonCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, useSCFetchEvents, useSCFetchLiveStream, useSCGoogleApiLoader, useSCFetchCourse, useSCFetchCourses, useSCFetchLesson, };