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

package/lib/cjs/hooks/useSCJoinedCoursesManager.js

@@ -36,21 +36,15 @@ function useSCJoinedCoursesManager(user) {
         Preferences_1.CONFIGURATIONS_COURSES_ENABLED in preferences &&
         preferences[Preferences_1.CONFIGURATIONS_COURSES_ENABLED].value, [preferences, features]);
     const notificationInvitedToJoinCourse = (0, react_1.useRef)(null);
-    const notificationRequestedToJoinCourse = (0, react_1.useRef)(null);
-    const notificationAcceptedToJoinCourse = (0, react_1.useRef)(null);
     const notificationAddedToCourse = (0, react_1.useRef)(null);
     /**
      * Subscribe to notification types user_follow, user_unfollow
      */
     (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
         notificationInvitedToJoinCourse.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_INVITED_TO_JOIN_COURSE}`, notificationSubscriber);
-        notificationRequestedToJoinCourse.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_COURSE}`, notificationSubscriber);
-        notificationAcceptedToJoinCourse.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_COURSE}`, notificationSubscriber);
         notificationAddedToCourse.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_ADDED_TO_COURSE}`, notificationSubscriber);
         return () => {
             pubsub_js_1.default.unsubscribe(notificationInvitedToJoinCourse.current);
-            pubsub_js_1.default.unsubscribe(notificationRequestedToJoinCourse.current);
-            pubsub_js_1.default.unsubscribe(notificationAcceptedToJoinCourse.current);
             pubsub_js_1.default.unsubscribe(notificationAddedToCourse.current);
         };
     }, [data]);
@@ -60,20 +54,20 @@ function useSCJoinedCoursesManager(user) {
      * @param dataMsg
      */
     const notificationSubscriber = (msg, dataMsg) => {
+        var _a;
         if (dataMsg.data.course !== undefined) {
             let _status;
             switch (Notification_1.SCNotificationMapping[dataMsg.data.activity_type]) {
                 case types_1.SCNotificationTypologyType.USER_INVITED_TO_JOIN_COURSE:
                     _status = types_1.SCCourseJoinStatusType.INVITED;
                     break;
-                case types_1.SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_COURSE:
-                    _status = types_1.SCCourseJoinStatusType.REQUESTED;
-                    break;
-                case types_1.SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_COURSE:
-                    _status = types_1.SCCourseJoinStatusType.JOINED;
-                    break;
                 case types_1.SCNotificationTypologyType.USER_ADDED_TO_COURSE:
-                    _status = types_1.SCCourseJoinStatusType.JOINED;
+                    if (dataMsg.data.notification_obj.course && ((_a = dataMsg.data.notification_obj.course.paywalls) === null || _a === void 0 ? void 0 : _a.length)) {
+                        _status = types_1.SCCourseJoinStatusType.PAYMENT_WAITING;
+                    }
+                    else {
+                        _status = types_1.SCCourseJoinStatusType.JOINED;
+                    }
                     break;
             }
             updateCache([dataMsg.data.course]);
@@ -92,8 +86,8 @@ function useSCJoinedCoursesManager(user) {
             // Only if user is authenticated
             api_services_1.http
                 .request({
-                url: api_services_1.Endpoints.GetJoinedCourses.url(),
-                method: api_services_1.Endpoints.GetJoinedCourses.method,
+                url: api_services_1.Endpoints.GetUserJoinedCourses.url({ id: user.id }),
+                method: api_services_1.Endpoints.GetUserJoinedCourses.method,
             })
                 .then((res) => {
                 if (res.status >= 300) {
@@ -114,67 +108,42 @@ function useSCJoinedCoursesManager(user) {
      * Memoized join Course
      * Toggle action
      */
-    const join = (0, react_1.useMemo)(() => (course, userId) => {
+    const join = (0, react_1.useMemo)(() => (course) => tslib_1.__awaiter(this, void 0, void 0, function* () {
         setLoading(course.id);
-        if (userId) {
-            return api_services_1.http
-                .request({
-                url: api_services_1.Endpoints.InviteOrAcceptUsersToCourse.url({ id: course.id }),
-                method: api_services_1.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, types_1.SCCourseJoinStatusType.JOINED));
-                setUnLoading(course.id);
-                return Promise.resolve(res.data);
-            });
-        }
-        else {
-            return api_services_1.http
-                .request({
-                url: api_services_1.Endpoints.JoinOrAcceptInviteToCourse.url({ id: course.id }),
-                method: api_services_1.Endpoints.JoinOrAcceptInviteToCourse.method,
-            })
-                .then((res) => {
-                if (res.status >= 300) {
-                    return Promise.reject(res);
-                }
-                updateCache([course.id]);
-                setData((prev) => getDataUpdated(prev, course.id, course.privacy === types_1.SCCoursePrivacyType.PRIVATE && course.join_status !== types_1.SCCourseJoinStatusType.INVITED
-                    ? types_1.SCCourseJoinStatusType.REQUESTED
-                    : types_1.SCCourseJoinStatusType.JOINED));
-                setUnLoading(course.id);
-                return Promise.resolve(res.data);
-            });
+        const res = yield api_services_1.http.request({
+            url: api_services_1.Endpoints.JoinOrAcceptInviteToCourse.url({ id: course.id }),
+            method: api_services_1.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 === types_1.SCCoursePrivacyType.PRIVATE && course.join_status !== types_1.SCCourseJoinStatusType.INVITED
+            ? types_1.SCCourseJoinStatusType.REQUESTED
+            : types_1.SCCourseJoinStatusType.JOINED));
+        setUnLoading(course.id);
+        return yield Promise.resolve(res.data);
+    }), [data, loading, cache]);
     /**
      * Memoized leave Course
      * Toggle action
      */
-    const leave = (0, react_1.useMemo)(() => (course) => {
-        if (course.join_status !== types_1.SCCourseJoinStatusType.REQUESTED) {
+    const leave = (0, react_1.useMemo)(() => (course) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        if (data[course.id] !== types_1.SCCourseJoinStatusType.REQUESTED) {
             setLoading(course.id);
-            return api_services_1.http
-                .request({
+            const res = yield api_services_1.http.request({
                 url: api_services_1.Endpoints.LeaveOrRemoveCourseRequest.url({ id: course.id }),
                 method: api_services_1.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
@@ -250,7 +219,7 @@ function useSCJoinedCoursesManager(user) {
         if (cache.includes(course.id)) {
             return getCurrentCourseCacheStatus(course);
         }
-        if (authUserId) {
+        if (authUserId && course) {
             if ('join_status' in course) {
                 return getJoinStatus(course);
             }
@@ -259,7 +228,7 @@ function useSCJoinedCoursesManager(user) {
             }
         }
         return null;
-    }, [loading, cache, authUserId]);
+    }, [loading, cache, authUserId, getJoinStatus, getCurrentCourseCacheStatus]);
     /**
      * Empty cache on logout
      */

package/lib/cjs/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/cjs/hooks/useSCPaymentsEnabled.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const types_1 = require("@selfcommunity/types");
+const SCPreferencesProvider_1 = require("../components/provider/SCPreferencesProvider");
+const SCPreferences = tslib_1.__importStar(require("../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();
+ ```
+ :::
+ */
+function useSCPaymentsEnabled() {
+    // CONTEXT
+    const { preferences, features } = (0, SCPreferencesProvider_1.useSCPreferences)();
+    const isPaymentsEnabled = (0, react_1.useMemo)(() => preferences &&
+        features &&
+        features.includes(types_1.SCFeatureName.PAYMENTS) &&
+        SCPreferences.CONFIGURATIONS_PAYMENTS_ENABLED in preferences &&
+        preferences[SCPreferences.CONFIGURATIONS_PAYMENTS_ENABLED].value, [preferences]);
+    const stripePublicKey = (0, react_1.useMemo)(() => preferences && SCPreferences.STATIC_STRIPE_PUBLIC_KEY in preferences && preferences[SCPreferences.STATIC_STRIPE_PUBLIC_KEY].value, [preferences]);
+    const stripeConnectedAccountId = (0, react_1.useMemo)(() => preferences &&
+        SCPreferences.CONFIGURATIONS_STRIPE_CONNECTED_ACCOUNT_ID in preferences &&
+        preferences[SCPreferences.CONFIGURATIONS_STRIPE_CONNECTED_ACCOUNT_ID].value, [preferences]);
+    return { isPaymentsEnabled, stripePublicKey, stripeConnectedAccountId };
+}
+exports.default = useSCPaymentsEnabled;

package/lib/cjs/hooks/useSCSubscribedEventsManager.js

@@ -37,21 +37,17 @@ function useSCSubscribedEventsManager(user) {
         Preferences_1.CONFIGURATIONS_EVENTS_ENABLED in preferences &&
         preferences[Preferences_1.CONFIGURATIONS_EVENTS_ENABLED].value, [preferences, features]);
     const notificationInvitedToJoinEvent = (0, react_1.useRef)(null);
-    const notificationRequestedToJoinEvent = (0, react_1.useRef)(null);
-    const notificationAcceptedToJoinEvent = (0, react_1.useRef)(null);
+    // const notificationRequestedToJoinEvent = useRef(null);
+    // const notificationAcceptedToJoinEvent = useRef(null);
     const notificationAddedToEvent = (0, react_1.useRef)(null);
     /**
      * Subscribe to notification types user_follow, user_unfollow
      */
     (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
         notificationInvitedToJoinEvent.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_INVITED_TO_JOIN_EVENT}`, notificationSubscriber);
-        notificationRequestedToJoinEvent.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_EVENT}`, notificationSubscriber);
-        notificationAcceptedToJoinEvent.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_EVENT}`, notificationSubscriber);
         notificationAddedToEvent.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_ADDED_TO_EVENT}`, notificationSubscriber);
         return () => {
             pubsub_js_1.default.unsubscribe(notificationInvitedToJoinEvent.current);
-            pubsub_js_1.default.unsubscribe(notificationRequestedToJoinEvent.current);
-            pubsub_js_1.default.unsubscribe(notificationAcceptedToJoinEvent.current);
             pubsub_js_1.default.unsubscribe(notificationAddedToEvent.current);
         };
     }, [data]);
@@ -67,12 +63,6 @@ function useSCSubscribedEventsManager(user) {
                 case types_1.SCNotificationTypologyType.USER_INVITED_TO_JOIN_EVENT:
                     _status = types_1.SCEventSubscriptionStatusType.INVITED;
                     break;
-                case types_1.SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_EVENT:
-                    _status = types_1.SCEventSubscriptionStatusType.REQUESTED;
-                    break;
-                case types_1.SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_EVENT:
-                    _status = types_1.SCEventSubscriptionStatusType.SUBSCRIBED;
-                    break;
                 case types_1.SCNotificationTypologyType.USER_ADDED_TO_EVENT:
                     _status = types_1.SCEventSubscriptionStatusType.SUBSCRIBED;
                     break;
@@ -93,8 +83,8 @@ function useSCSubscribedEventsManager(user) {
             // Only if user is authenticated
             api_services_1.http
                 .request({
-                url: api_services_1.Endpoints.GetUserEvents.url(),
-                method: api_services_1.Endpoints.GetUserEvents.method,
+                url: api_services_1.Endpoints.GetUserSubscribedEvents.url({ id: user.id }),
+                method: api_services_1.Endpoints.GetUserSubscribedEvents.method,
             })
                 .then((res) => {
                 if (res.status >= 300) {

package/lib/cjs/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/cjs/hooks/useSCSubscribedGroupsManager.js

@@ -37,21 +37,15 @@ function useSCSubscribedGroupsManager(user) {
         Preferences_1.CONFIGURATIONS_GROUPS_ENABLED in preferences &&
         preferences[Preferences_1.CONFIGURATIONS_GROUPS_ENABLED].value, [preferences, features]);
     const notificationInvitedToJoinGroup = (0, react_1.useRef)(null);
-    const notificationRequestedToJoinGroup = (0, react_1.useRef)(null);
-    const notificationAcceptedToJoinGroup = (0, react_1.useRef)(null);
     const notificationAddedToGroup = (0, react_1.useRef)(null);
     /**
      * Subscribe to notification types user_follow, user_unfollow
      */
     (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
         notificationInvitedToJoinGroup.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_INVITED_TO_JOIN_GROUP}`, notificationSubscriber);
-        notificationRequestedToJoinGroup.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_GROUP}`, notificationSubscriber);
-        notificationAcceptedToJoinGroup.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_GROUP}`, notificationSubscriber);
         notificationAddedToGroup.current = pubsub_js_1.default.subscribe(`${types_1.SCNotificationTopicType.INTERACTION}.${types_1.SCNotificationTypologyType.USER_ADDED_TO_GROUP}`, notificationSubscriber);
         return () => {
             pubsub_js_1.default.unsubscribe(notificationInvitedToJoinGroup.current);
-            pubsub_js_1.default.unsubscribe(notificationRequestedToJoinGroup.current);
-            pubsub_js_1.default.unsubscribe(notificationAcceptedToJoinGroup.current);
             pubsub_js_1.default.unsubscribe(notificationAddedToGroup.current);
         };
     }, [data]);
@@ -61,20 +55,20 @@ function useSCSubscribedGroupsManager(user) {
      * @param dataMsg
      */
     const notificationSubscriber = (msg, dataMsg) => {
+        var _a;
         if (dataMsg.data.group !== undefined) {
             let _status;
             switch (Notification_1.SCNotificationMapping[dataMsg.data.activity_type]) {
                 case types_1.SCNotificationTypologyType.USER_INVITED_TO_JOIN_GROUP:
                     _status = types_1.SCGroupSubscriptionStatusType.INVITED;
                     break;
-                case types_1.SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_GROUP:
-                    _status = types_1.SCGroupSubscriptionStatusType.REQUESTED;
-                    break;
-                case types_1.SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_GROUP:
-                    _status = types_1.SCGroupSubscriptionStatusType.SUBSCRIBED;
-                    break;
                 case types_1.SCNotificationTypologyType.USER_ADDED_TO_GROUP:
-                    _status = types_1.SCGroupSubscriptionStatusType.SUBSCRIBED;
+                    if (dataMsg.data.notification_obj.group && ((_a = dataMsg.data.notification_obj.group.paywalls) === null || _a === void 0 ? void 0 : _a.length)) {
+                        _status = types_1.SCGroupSubscriptionStatusType.PAYMENT_WAITING;
+                    }
+                    else {
+                        _status = types_1.SCGroupSubscriptionStatusType.SUBSCRIBED;
+                    }
                     break;
             }
             updateCache([dataMsg.data.group]);
@@ -93,8 +87,8 @@ function useSCSubscribedGroupsManager(user) {
             // Only if user is authenticated
             api_services_1.http
                 .request({
-                url: api_services_1.Endpoints.GetUserGroups.url(),
-                method: api_services_1.Endpoints.GetUserGroups.method,
+                url: api_services_1.Endpoints.GetUserSubscribedGroups.url({ id: user.id }),
+                method: api_services_1.Endpoints.GetUserSubscribedGroups.method,
             })
                 .then((res) => {
                 if (res.status >= 300) {
@@ -115,50 +109,31 @@ function useSCSubscribedGroupsManager(user) {
      * Memoized subscribe Group
      * Toggle action
      */
-    const subscribe = (0, react_1.useMemo)(() => (group, userId) => {
+    const subscribe = (0, react_1.useMemo)(() => (group) => {
         setLoading(group.id);
-        if (userId) {
-            return api_services_1.http
-                .request({
-                url: api_services_1.Endpoints.InviteOrAcceptGroupRequest.url({ id: group.id }),
-                method: api_services_1.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, types_1.SCGroupSubscriptionStatusType.SUBSCRIBED));
-                setUnLoading(group.id);
-                return Promise.resolve(res.data);
-            });
-        }
-        else {
-            return api_services_1.http
-                .request({
-                url: api_services_1.Endpoints.SubscribeToGroup.url({ id: group.id }),
-                method: api_services_1.Endpoints.SubscribeToGroup.method,
-            })
-                .then((res) => {
-                if (res.status >= 300) {
-                    return Promise.reject(res);
-                }
-                updateCache([group.id]);
-                setData((prev) => getDataUpdated(prev, group.id, group.privacy === types_1.SCGroupPrivacyType.PRIVATE && group.subscription_status !== types_1.SCGroupSubscriptionStatusType.INVITED
-                    ? types_1.SCGroupSubscriptionStatusType.REQUESTED
-                    : types_1.SCGroupSubscriptionStatusType.SUBSCRIBED));
-                setUnLoading(group.id);
-                return Promise.resolve(res.data);
-            });
-        }
+        return api_services_1.http
+            .request({
+            url: api_services_1.Endpoints.SubscribeToGroup.url({ id: group.id }),
+            method: api_services_1.Endpoints.SubscribeToGroup.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            updateCache([group.id]);
+            setData((prev) => getDataUpdated(prev, group.id, group.privacy === types_1.SCGroupPrivacyType.PRIVATE && group.subscription_status !== types_1.SCGroupSubscriptionStatusType.INVITED
+                ? types_1.SCGroupSubscriptionStatusType.REQUESTED
+                : types_1.SCGroupSubscriptionStatusType.SUBSCRIBED));
+            setUnLoading(group.id);
+            return Promise.resolve(res.data);
+        });
     }, [data, loading, cache]);
     /**
      * Memoized subscribe Group
      * Toggle action
      */
     const unsubscribe = (0, react_1.useMemo)(() => (group) => {
-        if (group.subscription_status !== types_1.SCGroupSubscriptionStatusType.REQUESTED) {
+        if (data[group.id] !== types_1.SCGroupSubscriptionStatusType.REQUESTED) {
             setLoading(group.id);
             return api_services_1.http
                 .request({
@@ -251,7 +226,7 @@ function useSCSubscribedGroupsManager(user) {
         if (cache.includes(group.id)) {
             return getCurrentGroupCacheStatus(group);
         }
-        if (authUserId) {
+        if (authUserId && group) {
             if ('subscription_status' in group) {
                 return getSubscriptionStatus(group);
             }
@@ -260,7 +235,7 @@ function useSCSubscribedGroupsManager(user) {
             }
         }
         return null;
-    }, [loading, cache, authUserId]);
+    }, [loading, cache, authUserId, getSubscriptionStatus, getCurrentGroupCacheStatus]);
     /**
      * Empty cache on logout
      */

package/lib/cjs/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/cjs/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCFetchCategories = exports.useSCFetchCategory = exports.useSCFetchAddressingTagList = exports.useSCFetchTag = exports.useSCFetchCustomAdv = exports.useSCFetchLessonCommentObjects = exports.useSCFetchLessonCommentObject = exports.useSCFetchCommentObjects = exports.useSCFetchCommentObject = exports.useSCFetchFeedObject = exports.useSCFetchVote = exports.useSCFetchUserProviders = exports.useSCFetchUser = exports.Preferences = exports.Locale = exports.getEventStatus = exports.UserUtils = exports.SCCache = exports.SCRoutes = exports.Link = exports.useSCAlertMessages = exports.SCAlertMessagesContext = exports.SCAlertMessagesProvider = exports.useSCNotification = exports.SCNotificationContext = exports.SCNotificationProvider = exports.SCNotification = exports.SCFeatures = exports.SCPreferences = exports.SCPreferencesProvider = exports.withSCLocale = exports.useSCLocale = exports.SCLocaleProvider = exports.useSCRouting = exports.SCRoutingProvider = exports.getTheme = exports.withSCTheme = exports.useSCTheme = exports.SCThemeProvider = exports.useSCPreferences = exports.useSCUser = exports.SCUserProvider = exports.SCContextProvider = exports.useSCContext = exports.SCPreferencesContext = exports.SCLocaleContext = exports.SCRoutingContext = exports.SCThemeContext = exports.SCUserContext = exports.SCContext = void 0;
-exports.useSCFetchLesson = exports.useSCFetchCourses = exports.useSCFetchCourse = exports.useSCGoogleApiLoader = exports.useSCFetchLiveStream = exports.useSCFetchEvents = exports.useSCFetchEvent = exports.useSCFetchGroups = exports.useSCFetchGroup = exports.useSCUserIsBlocked = exports.useSCFetchUserBlockedBy = exports.useSCFetchBroadcastMessages = exports.useSCFetchPrivateMessageSnippets = exports.usePageVisibility = exports.useNoInitialEffect = exports.useEffectOnce = exports.useIsomorphicLayoutEffect = exports.usePreviousValue = exports.useIsComponentMountedRef = exports.useSCFetchFeed = exports.useSCFetchContributors = exports.useSCMediaClick = exports.useSCFetchIncubator = void 0;
+exports.useSCFetchPaymentOrder = exports.useSCFetchPaymentProduct = exports.useSCPaymentsEnabled = exports.useSCFetchLesson = exports.useSCFetchCourses = exports.useSCFetchCourse = exports.useSCGoogleApiLoader = exports.useSCFetchLiveStream = exports.useSCFetchEvents = exports.useSCFetchEvent = exports.useSCFetchGroups = exports.useSCFetchGroup = exports.useSCUserIsBlocked = exports.useSCFetchUserBlockedBy = exports.useSCFetchBroadcastMessages = exports.useSCFetchPrivateMessageSnippets = exports.useResizeObserver = exports.usePageVisibility = exports.useNoInitialEffect = exports.useEffectOnce = exports.useIsomorphicLayoutEffect = exports.usePreviousValue = exports.useIsComponentMountedRef = exports.useSCFetchFeed = exports.useSCFetchContributors = exports.useSCMediaClick = exports.useSCFetchIncubator = void 0;
 const tslib_1 = require("tslib");
 /**
  * ContextProvider component
@@ -132,6 +132,12 @@ const useSCFetchCourses_1 = tslib_1.__importDefault(require("./hooks/useSCFetchC
 exports.useSCFetchCourses = useSCFetchCourses_1.default;
 const useSCFetchLesson_1 = tslib_1.__importDefault(require("./hooks/useSCFetchLesson"));
 exports.useSCFetchLesson = useSCFetchLesson_1.default;
+const useSCPaymentsEnabled_1 = tslib_1.__importDefault(require("./hooks/useSCPaymentsEnabled"));
+exports.useSCPaymentsEnabled = useSCPaymentsEnabled_1.default;
+const useSCFetchPaymentProduct_1 = tslib_1.__importDefault(require("./hooks/useSCFetchPaymentProduct"));
+exports.useSCFetchPaymentProduct = useSCFetchPaymentProduct_1.default;
+const useSCFetchPaymentOrder_1 = tslib_1.__importDefault(require("./hooks/useSCFetchPaymentOrder"));
+exports.useSCFetchPaymentOrder = useSCFetchPaymentOrder_1.default;
 /**
  * Routing component
  */
@@ -154,6 +160,7 @@ Object.defineProperty(exports, "useIsomorphicLayoutEffect", { enumerable: true,
 Object.defineProperty(exports, "useEffectOnce", { enumerable: true, get: function () { return hooks_1.useEffectOnce; } });
 Object.defineProperty(exports, "useNoInitialEffect", { enumerable: true, get: function () { return hooks_1.useNoInitialEffect; } });
 Object.defineProperty(exports, "usePageVisibility", { enumerable: true, get: function () { return hooks_1.usePageVisibility; } });
+Object.defineProperty(exports, "useResizeObserver", { enumerable: true, get: function () { return hooks_1.useResizeObserver; } });
 const event_1 = require("./utils/event");
 Object.defineProperty(exports, "getEventStatus", { enumerable: true, get: function () { return event_1.getEventStatus; } });
 /**

package/lib/cjs/themes/theme.js

@@ -51,6 +51,18 @@ const getTheme = (options, preferences) => {
                 sizeXLarge: 120,
             },
         },
+        contentProduct: {
+            icon: {
+                sizeSmall: 24,
+                sizeMedium: 40,
+            },
+        },
+        contentProductPrice: {
+            icon: {
+                sizeSmall: 24,
+                sizeMedium: 40,
+            },
+        },
     };
     const defaultOptions = preferences
         ? {

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

@@ -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/cjs/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/cjs/utils/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageVisibility = exports.useNoInitialEffect = exports.useEffectOnce = exports.useIsomorphicLayoutEffect = exports.usePreviousValue = exports.useIsComponentMountedRef = void 0;
+exports.useResizeObserver = exports.usePageVisibility = exports.useNoInitialEffect = exports.useEffectOnce = exports.useIsomorphicLayoutEffect = exports.usePreviousValue = exports.useIsComponentMountedRef = void 0;
 const tslib_1 = require("tslib");
 const useIsComponentMountedRef_1 = tslib_1.__importDefault(require("./useIsComponentMountedRef"));
 exports.useIsComponentMountedRef = useIsComponentMountedRef_1.default;
@@ -14,3 +14,5 @@ const useNoInitialEffect_1 = tslib_1.__importDefault(require("./useNoInitialEffe
 exports.useNoInitialEffect = useNoInitialEffect_1.default;
 const usePageVisibility_1 = tslib_1.__importDefault(require("./usePageVisibility"));
 exports.usePageVisibility = usePageVisibility_1.default;
+const useResizeObserver_1 = tslib_1.__importDefault(require("./useResizeObserver"));
+exports.useResizeObserver = useResizeObserver_1.default;

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useResizeObserver(element, options, observerCallback) {
+    (0, react_1.useEffect)(() => {
+        if (!element || !('ResizeObserver' in window)) {
+            return undefined;
+        }
+        const observer = new ResizeObserver(observerCallback);
+        observer.observe(element, options);
+        return () => {
+            observer.disconnect();
+        };
+    }, [element, options, observerCallback]);
+}
+exports.default = useResizeObserver;