@selfcommunity/react-core 0.7.0-alpha.1 → 0.7.0-alpha.3

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

@@ -30,7 +30,7 @@ export default function useSCJoinedCoursesManager(user?: SCUserType): {
     isLoading: (v: number | {
         id: number;
     }) => boolean;
-    join: (course: SCCourseType, userId?: number) => Promise<any>;
+    join: (course: SCCourseType) => Promise<any>;
     leave: (course: SCCourseType) => Promise<any>;
     joinStatus: (course: SCCourseType) => string;
     refresh: () => void;

package/lib/esm/hooks/useSCJoinedCoursesManager.js

@@ -1,3 +1,4 @@
+import { __awaiter } from "tslib";
 import { useEffect, useMemo, useRef } from 'react';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { SCFeatureName, SCCoursePrivacyType, SCCourseJoinStatusType, SCNotificationTopicType, SCNotificationTypologyType, } from '@selfcommunity/types';
@@ -33,21 +34,15 @@ export default function useSCJoinedCoursesManager(user) {
         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]);
@@ -57,20 +52,20 @@ export default function useSCJoinedCoursesManager(user) {
      * @param dataMsg
      */
     const notificationSubscriber = (msg, dataMsg) => {
+        var _a;
         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;
+                    if (dataMsg.data.notification_obj.course && ((_a = dataMsg.data.notification_obj.course.paywalls) === null || _a === void 0 ? void 0 : _a.length)) {
+                        _status = SCCourseJoinStatusType.PAYMENT_WAITING;
+                    }
+                    else {
+                        _status = SCCourseJoinStatusType.JOINED;
+                    }
                     break;
             }
             updateCache([dataMsg.data.course]);
@@ -89,8 +84,8 @@ export default function useSCJoinedCoursesManager(user) {
             // Only if user is authenticated
             http
                 .request({
-                url: Endpoints.GetJoinedCourses.url(),
-                method: Endpoints.GetJoinedCourses.method,
+                url: Endpoints.GetUserJoinedCourses.url({ id: user.id }),
+                method: Endpoints.GetUserJoinedCourses.method,
             })
                 .then((res) => {
                 if (res.status >= 300) {
@@ -111,67 +106,42 @@ export default function useSCJoinedCoursesManager(user) {
      * Memoized join Course
      * Toggle action
      */
-    const join = useMemo(() => (course, userId) => {
+    const join = useMemo(() => (course) => __awaiter(this, void 0, void 0, function* () {
         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);
-            });
+        const res = yield http.request({
+            url: Endpoints.JoinOrAcceptInviteToCourse.url({ id: course.id }),
+            method: Endpoints.JoinOrAcceptInviteToCourse.method,
+        });
+        if (res.status >= 300) {
+            return Promise.reject(res);
         }
-    }, [data, loading, cache]);
+        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 yield Promise.resolve(res.data);
+    }), [data, loading, cache]);
     /**
      * Memoized leave Course
      * Toggle action
      */
-    const leave = useMemo(() => (course) => {
-        if (course.join_status !== SCCourseJoinStatusType.REQUESTED) {
+    const leave = useMemo(() => (course) => __awaiter(this, void 0, void 0, function* () {
+        if (data[course.id] !== SCCourseJoinStatusType.REQUESTED) {
             setLoading(course.id);
-            return http
-                .request({
+            const res = yield 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);
             });
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            updateCache([course.id]);
+            setData((prev) => getDataUpdated(prev, course.id, null));
+            setUnLoading(course.id);
+            return yield Promise.resolve(res.data);
         }
-    }, [data, loading, cache]);
+    }), [data, loading, cache]);
     /**
      * Check the authenticated user subscription status to the course
      * Update the courses cached
@@ -247,7 +217,7 @@ export default function useSCJoinedCoursesManager(user) {
         if (cache.includes(course.id)) {
             return getCurrentCourseCacheStatus(course);
         }
-        if (authUserId) {
+        if (authUserId && course) {
             if ('join_status' in course) {
                 return getJoinStatus(course);
             }
@@ -256,7 +226,7 @@ export default function useSCJoinedCoursesManager(user) {
             }
         }
         return null;
-    }, [loading, cache, authUserId]);
+    }, [loading, cache, authUserId, getJoinStatus, getCurrentCourseCacheStatus]);
     /**
      * Empty cache on logout
      */

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

@@ -0,0 +1,18 @@
+/**
+ :::info
+ This custom hook is used to check if the payments are enabled
+ :::
+ :::tip How to use it:
+
+ Follow these steps:
+ ```jsx
+ 1. import useSCPaymentsEnabled from '@selfcommunity/react-core';
+ 2.	const {isPaymentsEnabled, stripePublicKey, stripeConnectedAccountId} = useSCPaymentsEnabled();
+ ```
+ :::
+ */
+export default function useSCPaymentsEnabled(): {
+    isPaymentsEnabled: any;
+    stripePublicKey: any;
+    stripeConnectedAccountId: any;
+};

package/lib/esm/hooks/useSCPaymentsEnabled.js

@@ -0,0 +1,31 @@
+import { useMemo } from 'react';
+import { SCFeatureName } from '@selfcommunity/types';
+import { useSCPreferences } from '../components/provider/SCPreferencesProvider';
+import * as SCPreferences from '../constants/Preferences';
+/**
+ :::info
+ This custom hook is used to check if the payments are enabled
+ :::
+ :::tip How to use it:
+
+ Follow these steps:
+ ```jsx
+ 1. import useSCPaymentsEnabled from '@selfcommunity/react-core';
+ 2.	const {isPaymentsEnabled, stripePublicKey, stripeConnectedAccountId} = useSCPaymentsEnabled();
+ ```
+ :::
+ */
+export default function useSCPaymentsEnabled() {
+    // CONTEXT
+    const { preferences, features } = useSCPreferences();
+    const isPaymentsEnabled = useMemo(() => preferences &&
+        features &&
+        features.includes(SCFeatureName.PAYMENTS) &&
+        SCPreferences.CONFIGURATIONS_PAYMENTS_ENABLED in preferences &&
+        preferences[SCPreferences.CONFIGURATIONS_PAYMENTS_ENABLED].value, [preferences]);
+    const stripePublicKey = useMemo(() => preferences && SCPreferences.STATIC_STRIPE_PUBLIC_KEY in preferences && preferences[SCPreferences.STATIC_STRIPE_PUBLIC_KEY].value, [preferences]);
+    const stripeConnectedAccountId = useMemo(() => preferences &&
+        SCPreferences.CONFIGURATIONS_STRIPE_CONNECTED_ACCOUNT_ID in preferences &&
+        preferences[SCPreferences.CONFIGURATIONS_STRIPE_CONNECTED_ACCOUNT_ID].value, [preferences]);
+    return { isPaymentsEnabled, stripePublicKey, stripeConnectedAccountId };
+}

package/lib/esm/hooks/useSCSubscribedEventsManager.js

@@ -34,21 +34,17 @@ export default function useSCSubscribedEventsManager(user) {
         CONFIGURATIONS_EVENTS_ENABLED in preferences &&
         preferences[CONFIGURATIONS_EVENTS_ENABLED].value, [preferences, features]);
     const notificationInvitedToJoinEvent = useRef(null);
-    const notificationRequestedToJoinEvent = useRef(null);
-    const notificationAcceptedToJoinEvent = 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]);
@@ -64,12 +60,6 @@ export default function useSCSubscribedEventsManager(user) {
                 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;
@@ -90,8 +80,8 @@ export default function useSCSubscribedEventsManager(user) {
             // Only if user is authenticated
             http
                 .request({
-                url: Endpoints.GetUserEvents.url(),
-                method: Endpoints.GetUserEvents.method,
+                url: Endpoints.GetUserSubscribedEvents.url({ id: user.id }),
+                method: Endpoints.GetUserSubscribedEvents.method,
             })
                 .then((res) => {
                 if (res.status >= 300) {

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

@@ -30,7 +30,7 @@ export default function useSCSubscribedGroupsManager(user?: SCUserType): {
     isLoading: (v: number | {
         id: number;
     }) => boolean;
-    subscribe: (group: SCGroupType, userId?: number) => Promise<any>;
+    subscribe: (group: SCGroupType) => Promise<any>;
     unsubscribe: (group: SCGroupType) => Promise<any>;
     subscriptionStatus: (group: SCGroupType) => string;
     refresh: () => void;

package/lib/esm/hooks/useSCSubscribedGroupsManager.js

@@ -34,21 +34,15 @@ export default function useSCSubscribedGroupsManager(user) {
         CONFIGURATIONS_GROUPS_ENABLED in preferences &&
         preferences[CONFIGURATIONS_GROUPS_ENABLED].value, [preferences, features]);
     const notificationInvitedToJoinGroup = useRef(null);
-    const notificationRequestedToJoinGroup = useRef(null);
-    const notificationAcceptedToJoinGroup = useRef(null);
     const notificationAddedToGroup = useRef(null);
     /**
      * Subscribe to notification types user_follow, user_unfollow
      */
     useDeepCompareEffectNoCheck(() => {
         notificationInvitedToJoinGroup.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_INVITED_TO_JOIN_GROUP}`, notificationSubscriber);
-        notificationRequestedToJoinGroup.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_GROUP}`, notificationSubscriber);
-        notificationAcceptedToJoinGroup.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_GROUP}`, notificationSubscriber);
         notificationAddedToGroup.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.USER_ADDED_TO_GROUP}`, notificationSubscriber);
         return () => {
             PubSub.unsubscribe(notificationInvitedToJoinGroup.current);
-            PubSub.unsubscribe(notificationRequestedToJoinGroup.current);
-            PubSub.unsubscribe(notificationAcceptedToJoinGroup.current);
             PubSub.unsubscribe(notificationAddedToGroup.current);
         };
     }, [data]);
@@ -58,20 +52,20 @@ export default function useSCSubscribedGroupsManager(user) {
      * @param dataMsg
      */
     const notificationSubscriber = (msg, dataMsg) => {
+        var _a;
         if (dataMsg.data.group !== undefined) {
             let _status;
             switch (SCNotificationMapping[dataMsg.data.activity_type]) {
                 case SCNotificationTypologyType.USER_INVITED_TO_JOIN_GROUP:
                     _status = SCGroupSubscriptionStatusType.INVITED;
                     break;
-                case SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_GROUP:
-                    _status = SCGroupSubscriptionStatusType.REQUESTED;
-                    break;
-                case SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_GROUP:
-                    _status = SCGroupSubscriptionStatusType.SUBSCRIBED;
-                    break;
                 case SCNotificationTypologyType.USER_ADDED_TO_GROUP:
-                    _status = SCGroupSubscriptionStatusType.SUBSCRIBED;
+                    if (dataMsg.data.notification_obj.group && ((_a = dataMsg.data.notification_obj.group.paywalls) === null || _a === void 0 ? void 0 : _a.length)) {
+                        _status = SCGroupSubscriptionStatusType.PAYMENT_WAITING;
+                    }
+                    else {
+                        _status = SCGroupSubscriptionStatusType.SUBSCRIBED;
+                    }
                     break;
             }
             updateCache([dataMsg.data.group]);
@@ -90,8 +84,8 @@ export default function useSCSubscribedGroupsManager(user) {
             // Only if user is authenticated
             http
                 .request({
-                url: Endpoints.GetUserGroups.url(),
-                method: Endpoints.GetUserGroups.method,
+                url: Endpoints.GetUserSubscribedGroups.url({ id: user.id }),
+                method: Endpoints.GetUserSubscribedGroups.method,
             })
                 .then((res) => {
                 if (res.status >= 300) {
@@ -112,50 +106,31 @@ export default function useSCSubscribedGroupsManager(user) {
      * Memoized subscribe Group
      * Toggle action
      */
-    const subscribe = useMemo(() => (group, userId) => {
+    const subscribe = useMemo(() => (group) => {
         setLoading(group.id);
-        if (userId) {
-            return http
-                .request({
-                url: Endpoints.InviteOrAcceptGroupRequest.url({ id: group.id }),
-                method: Endpoints.InviteOrAcceptGroupRequest.method,
-                data: { users: [userId] },
-            })
-                .then((res) => {
-                if (res.status >= 300) {
-                    return Promise.reject(res);
-                }
-                updateCache([group.id]);
-                setData((prev) => getDataUpdated(prev, group.id, SCGroupSubscriptionStatusType.SUBSCRIBED));
-                setUnLoading(group.id);
-                return Promise.resolve(res.data);
-            });
-        }
-        else {
-            return http
-                .request({
-                url: Endpoints.SubscribeToGroup.url({ id: group.id }),
-                method: Endpoints.SubscribeToGroup.method,
-            })
-                .then((res) => {
-                if (res.status >= 300) {
-                    return Promise.reject(res);
-                }
-                updateCache([group.id]);
-                setData((prev) => getDataUpdated(prev, group.id, group.privacy === SCGroupPrivacyType.PRIVATE && group.subscription_status !== SCGroupSubscriptionStatusType.INVITED
-                    ? SCGroupSubscriptionStatusType.REQUESTED
-                    : SCGroupSubscriptionStatusType.SUBSCRIBED));
-                setUnLoading(group.id);
-                return Promise.resolve(res.data);
-            });
-        }
+        return http
+            .request({
+            url: Endpoints.SubscribeToGroup.url({ id: group.id }),
+            method: Endpoints.SubscribeToGroup.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            updateCache([group.id]);
+            setData((prev) => getDataUpdated(prev, group.id, group.privacy === SCGroupPrivacyType.PRIVATE && group.subscription_status !== SCGroupSubscriptionStatusType.INVITED
+                ? SCGroupSubscriptionStatusType.REQUESTED
+                : SCGroupSubscriptionStatusType.SUBSCRIBED));
+            setUnLoading(group.id);
+            return Promise.resolve(res.data);
+        });
     }, [data, loading, cache]);
     /**
      * Memoized subscribe Group
      * Toggle action
      */
     const unsubscribe = useMemo(() => (group) => {
-        if (group.subscription_status !== SCGroupSubscriptionStatusType.REQUESTED) {
+        if (data[group.id] !== SCGroupSubscriptionStatusType.REQUESTED) {
             setLoading(group.id);
             return http
                 .request({
@@ -248,7 +223,7 @@ export default function useSCSubscribedGroupsManager(user) {
         if (cache.includes(group.id)) {
             return getCurrentGroupCacheStatus(group);
         }
-        if (authUserId) {
+        if (authUserId && group) {
             if ('subscription_status' in group) {
                 return getSubscriptionStatus(group);
             }
@@ -257,7 +232,7 @@ export default function useSCSubscribedGroupsManager(user) {
             }
         }
         return null;
-    }, [loading, cache, authUserId]);
+    }, [loading, cache, authUserId, getSubscriptionStatus, getCurrentGroupCacheStatus]);
     /**
      * Empty cache on logout
      */

package/lib/esm/hooks/useSCWebPushMessaging.js

@@ -3,7 +3,7 @@ import { useContext, useEffect, useRef, useState } from 'react';
 import { useSCContext } from '../components/provider/SCContextProvider';
 import { useSCUser } from '../components/provider/SCUserProvider';
 import { Logger } from '@selfcommunity/utils';
-import Button from '@mui/material/Button';
+import { Button } from '@mui/material';
 import { loadVersionBrowser, urlB64ToUint8Array } from '@selfcommunity/utils';
 import { SCOPE_SC_CORE } from '../constants/Errors';
 import { http, Endpoints } from '@selfcommunity/api-services';

package/lib/esm/index.d.ts

@@ -71,6 +71,9 @@ import useSCGoogleApiLoader from './hooks/useSCGoogleApiLoader';
 import useSCFetchCourse from './hooks/useSCFetchCourse';
 import useSCFetchCourses from './hooks/useSCFetchCourses';
 import useSCFetchLesson from './hooks/useSCFetchLesson';
+import useSCPaymentsEnabled from './hooks/useSCPaymentsEnabled';
+import useSCFetchPaymentProduct from './hooks/useSCFetchPaymentProduct';
+import useSCFetchPaymentOrder from './hooks/useSCFetchPaymentOrder';
 /**
  * Routing component
  */
@@ -82,7 +85,7 @@ import * as SCRoutes from './constants/Routes';
  */
 import * as UserUtils from './utils/user';
 import getTheme from './themes/theme';
-import { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility } from './utils/hooks';
+import { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver } from './utils/hooks';
 import { getEventStatus } from './utils/event';
 /**
  * Constants:
@@ -93,4 +96,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, 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, };
+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, useResizeObserver, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, useSCFetchEvents, useSCFetchLiveStream, useSCGoogleApiLoader, useSCFetchCourse, useSCFetchCourses, useSCFetchLesson, useSCPaymentsEnabled, useSCFetchPaymentProduct, useSCFetchPaymentOrder, };

package/lib/esm/index.js

@@ -67,6 +67,9 @@ import useSCGoogleApiLoader from './hooks/useSCGoogleApiLoader';
 import useSCFetchCourse from './hooks/useSCFetchCourse';
 import useSCFetchCourses from './hooks/useSCFetchCourses';
 import useSCFetchLesson from './hooks/useSCFetchLesson';
+import useSCPaymentsEnabled from './hooks/useSCPaymentsEnabled';
+import useSCFetchPaymentProduct from './hooks/useSCFetchPaymentProduct';
+import useSCFetchPaymentOrder from './hooks/useSCFetchPaymentOrder';
 /**
  * Routing component
  */
@@ -78,7 +81,7 @@ import * as SCRoutes from './constants/Routes';
  */
 import * as UserUtils from './utils/user';
 import getTheme from './themes/theme';
-import { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, } from './utils/hooks';
+import { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver, } from './utils/hooks';
 import { getEventStatus } from './utils/event';
 /**
  * Constants:
@@ -89,4 +92,4 @@ import * as Preferences from './constants/Preferences';
 /**
  * List all exports
  */
-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, 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, };
+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, useSCFetchLessonCommentObject, useSCFetchLessonCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, useSCFetchGroup, useSCFetchGroups, useSCFetchEvent, useSCFetchEvents, useSCFetchLiveStream, useSCGoogleApiLoader, useSCFetchCourse, useSCFetchCourses, useSCFetchLesson, useSCPaymentsEnabled, useSCFetchPaymentProduct, useSCFetchPaymentOrder, };

package/lib/esm/themes/theme.js

@@ -1,4 +1,4 @@
-import createTheme from '@mui/material/styles/createTheme';
+import { createTheme } from '@mui/material';
 import { mergeDeep } from '@selfcommunity/utils';
 import validateColor from 'validate-color';
 import { COLORS_COLORBACK, COLORS_COLORPRIMARY, COLORS_COLORSECONDARY, COLORS_COLORFONT, COLORS_COLORFONTSECONDARY, COLORS_NAVBARBACK, STYLE_FONT_FAMILY, } from '../constants/Preferences';
@@ -48,6 +48,18 @@ const getTheme = (options, preferences) => {
                 sizeXLarge: 120,
             },
         },
+        contentProduct: {
+            icon: {
+                sizeSmall: 24,
+                sizeMedium: 40,
+            },
+        },
+        contentProductPrice: {
+            icon: {
+                sizeSmall: 24,
+                sizeMedium: 40,
+            },
+        },
     };
     const defaultOptions = preferences
         ? {

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

@@ -1,4 +1,4 @@
-import { Theme as MuiTheme } from '@mui/material/styles/createTheme';
+import { Theme as MuiTheme } from '@mui/material';
 /**
  * Interface SCThemeAvatarVariableType
  */
@@ -55,6 +55,32 @@ export interface SCThemeCategoryIconVariableType {
      */
     sizeLarge: number;
 }
+/**
+ * Interface SCThemeContentProductIconVariableType
+ */
+export interface SCThemeContentProductIconVariableType {
+    /**
+     * ContentProduct size small
+     */
+    sizeSmall: number;
+    /**
+     * ContentProduct size medium
+     */
+    sizeMedium: number;
+}
+/**
+ * Interface SCThemeContentProductPriceIconVariableType
+ */
+export interface SCThemeContentProductPriceIconVariableType {
+    /**
+     * ContentProductPrice size small
+     */
+    sizeSmall: number;
+    /**
+     * ContentProductPrice size medium
+     */
+    sizeMedium: number;
+}
 /**
  * Interface SCThemeCategoryVariableType
  */
@@ -64,6 +90,24 @@ export interface SCThemeCategoryVariableType {
      */
     icon: SCThemeCategoryIconVariableType;
 }
+/**
+ * Interface SCThemeContentProductVariableType
+ */
+export interface SCThemeContentProductVariableType {
+    /**
+     * ContentProduct icon size
+     */
+    icon: SCThemeContentProductIconVariableType;
+}
+/**
+ * Interface SCThemeContentProductPriceVariableType
+ */
+export interface SCThemeContentProductPriceVariableType {
+    /**
+     * ContentProductPrice icon size
+     */
+    icon: SCThemeContentProductPriceIconVariableType;
+}
 /**
  * Interface SCThemeVariablesType
  */
@@ -80,6 +124,14 @@ export interface SCThemeVariablesType {
      * Group
      */
     group: SCThemeGroupVariableType;
+    /**
+     * ContentProduct
+     */
+    contentProduct: SCThemeContentProductVariableType;
+    /**
+     * ContentProductPrice
+     */
+    contentProductPrice: SCThemeContentProductPriceVariableType;
 }
 export interface SCThemeType extends MuiTheme {
     /**

package/lib/esm/utils/hooks/index.d.ts

@@ -4,4 +4,5 @@ import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
 import useEffectOnce from './useEffectOnce';
 import useNoInitialEffect from './useNoInitialEffect';
 import usePageVisibility from './usePageVisibility';
-export { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility };
+import useResizeObserver from './useResizeObserver';
+export { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver, };

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

@@ -4,4 +4,5 @@ import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
 import useEffectOnce from './useEffectOnce';
 import useNoInitialEffect from './useNoInitialEffect';
 import usePageVisibility from './usePageVisibility';
-export { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility };
+import useResizeObserver from './useResizeObserver';
+export { useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, usePageVisibility, useResizeObserver, };

package/lib/esm/utils/hooks/useResizeObserver.d.ts

@@ -0,0 +1 @@
+export default function useResizeObserver(element: Element | null, options: ResizeObserverOptions | undefined, observerCallback: ResizeObserverCallback): void;

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

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+export default function useResizeObserver(element, options, observerCallback) {
+    useEffect(() => {
+        if (!element || !('ResizeObserver' in window)) {
+            return undefined;
+        }
+        const observer = new ResizeObserver(observerCallback);
+        observer.observe(element, options);
+        return () => {
+            observer.disconnect();
+        };
+    }, [element, options, observerCallback]);
+}