@selfcommunity/react-core 0.6.7-payments.182 → 0.6.7-payments.183

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

@@ -76,9 +76,12 @@ export declare const getPmSnippetsObjectCacheKey: () => string;
 /** PRIVATE MESSAGE SNIPPET  OBJECT **/
 export declare const PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY = "_pms_";
 export declare const getPmSnippetObjectCacheKey: (id: any) => string;
-/** COURSE OBJECT **/
+/** PAYMENT PRODUCT OBJECT **/
 export declare const PAYMENT_PRODUCT_OBJECT_CACHE_PREFIX_KEY = "_ppo_";
 export declare const getPaymentProductObjectCacheKey: (id: any) => string;
+/** PAYMENT PRODUCT OBJECT **/
+export declare const PAYMENT_ORDER_OBJECT_CACHE_PREFIX_KEY = "_pord_";
+export declare const getPaymentOrderObjectCacheKey: (id: any) => string;
 /** TOOLS */
 export declare const CATEGORIES_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = "_cListWidget_";
 export declare const CATEGORIES_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = "_cFolWidget_";

package/lib/cjs/constants/Cache.js

@@ -4,7 +4,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PM_SNIPPETS_OBJECT_CACHE_PREFIX_KEY = exports.getAdvObjectCacheKey = exports.ADV_OBJECT_CACHE_PREFIX_KEY = exports.getFeedSPCacheKey = exports.FEED_CACHE_SP_KEY = exports.getVirtualizedScrollStateCacheKey = exports.VIRTUALIZED_SCROLL_STATE_CACHE_PREFIX_KEY = exports.getStateFeedCacheKey = exports.FEED_STATE_CACHE_PREFIX_KEY = exports.getFeedCacheKey = exports.FEED_CACHE_PREFIX_KEY = exports.getBroadcastMessagesObjectCacheKey = exports.BROADCAST_MESSAGES_OBJECT_CACHE_PREFIX_KEY = exports.getContributorsCachePrefixKeys = exports.getContributorsCacheKey = exports.CONTRIBUTORS_CACHE_PREFIX_KEY = exports.getIncubatorObjectCacheKey = exports.INCUBATOR_OBJECT_CACHE_PREFIX_KEY = exports.getGroupsObjectCacheKey = exports.GROUPS_OBJECT_CACHE_PREFIX_KEY = exports.getGroupObjectCacheKey = exports.GROUP_OBJECT_CACHE_PREFIX_KEY = exports.getLiveStreamObjectCacheKey = exports.LIVESTREAM_OBJECT_CACHE_PREFIX_KEY = exports.getEventsObjectCacheKey = exports.EVENTS_OBJECT_CACHE_PREFIX_KEY = exports.getEventObjectCacheKey = exports.EVENT_OBJECT_CACHE_PREFIX_KEY = exports.getLessonObjectCacheKey = exports.LESSON_OBJECT_CACHE_PREFIX_KEY = exports.getCoursesObjectCacheKey = exports.COURSES_OBJECT_CACHE_PREFIX_KEY = exports.getCourseObjectCacheKey = exports.COURSE_OBJECT_CACHE_PREFIX_KEY = exports.getCategoryObjectCacheKey = exports.CATEGORY_OBJECT_CACHE_PREFIX_KEY = exports.getCategoriesObjectCacheKey = exports.CATEGORIES_OBJECT_CACHE_PREFIX_KEY = exports.getLessonCommentsCachePrefixKeys = exports.getLessonCommentsCacheKey = exports.LESSON_COMMENTS_CACHE_PREFIX_KEY = exports.getLessonCommentCacheKey = exports.LESSON_COMMENT_CACHE_PREFIX_KEY = exports.getCommentObjectsCachePrefixKeys = exports.getCommentObjectsCacheKey = exports.COMMENT_OBJECTS_CACHE_PREFIX_KEY = exports.getCommentObjectCacheKey = exports.COMMENT_OBJECT_CACHE_PREFIX_KEY = exports.getFeedObjectCacheKey = exports.FEED_OBJECT_CACHE_PREFIX_KEY = void 0;
-exports.getWidgetStateCacheKey = exports.GROUPS_SUBSCRIBED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUPS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUP_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUP_MEMBERS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.INCUBATOR_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.INCUBATOR_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.PEOPLE_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.TRENDING_PEOPLE_TOOLS_STATE_CACHE_PREFIX_KEY = exports.RELATED_FEED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.TRENDING_FEED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_CONNECTIONS_REQUESTS_SENT_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_CONNECTIONS_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_CONNECTIONS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.EVENT_MEDIA_STATE_CACHE_PREFIX_KEY = exports.USER_LIVE_STREAM_CACHE_PREFIX_KEY = exports.USER_REQUESTS_EVENTS_STATE_CACHE_PREFIX_KEY = exports.USER_INVITED_EVENTS_STATE_CACHE_PREFIX_KEY = exports.USER_COMMENTS_COURSES_STATE_CACHE_PREFIX_KEY = exports.USERS_REQUESTS_COURSES_STATE_CACHE_PREFIX_KEY = exports.STUDENTS_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY = exports.USERS_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY = exports.USER_PARTECIPANTS_EVENTS_STATE_CACHE_PREFIX_KEY = exports.USER_OTHER_EVENTS_STATE_CACHE_PREFIX_KEY = exports.USER_EVENTS_STATE_CACHE_PREFIX_KEY = exports.USER_CREATED_COURSES_STATE_CACHE_PREFIX_KEY = exports.USER_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_FOLLOWERS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_POPULAR_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.getPaymentProductObjectCacheKey = exports.PAYMENT_PRODUCT_OBJECT_CACHE_PREFIX_KEY = exports.getPmSnippetObjectCacheKey = exports.PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY = exports.getPmSnippetsObjectCacheKey = void 0;
+exports.getWidgetStateCacheKey = exports.GROUPS_SUBSCRIBED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUPS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUP_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.GROUP_MEMBERS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.INCUBATOR_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.INCUBATOR_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.PEOPLE_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.TRENDING_PEOPLE_TOOLS_STATE_CACHE_PREFIX_KEY = exports.RELATED_FEED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.TRENDING_FEED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_CONNECTIONS_REQUESTS_SENT_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_CONNECTIONS_REQUESTS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_CONNECTIONS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.EVENT_MEDIA_STATE_CACHE_PREFIX_KEY = exports.USER_LIVE_STREAM_CACHE_PREFIX_KEY = exports.USER_REQUESTS_EVENTS_STATE_CACHE_PREFIX_KEY = exports.USER_INVITED_EVENTS_STATE_CACHE_PREFIX_KEY = exports.USER_COMMENTS_COURSES_STATE_CACHE_PREFIX_KEY = exports.USERS_REQUESTS_COURSES_STATE_CACHE_PREFIX_KEY = exports.STUDENTS_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY = exports.USERS_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY = exports.USER_PARTECIPANTS_EVENTS_STATE_CACHE_PREFIX_KEY = exports.USER_OTHER_EVENTS_STATE_CACHE_PREFIX_KEY = exports.USER_EVENTS_STATE_CACHE_PREFIX_KEY = exports.USER_CREATED_COURSES_STATE_CACHE_PREFIX_KEY = exports.USER_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.USER_FOLLOWERS_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_POPULAR_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = exports.CATEGORIES_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = exports.getPaymentOrderObjectCacheKey = exports.PAYMENT_ORDER_OBJECT_CACHE_PREFIX_KEY = exports.getPaymentProductObjectCacheKey = exports.PAYMENT_PRODUCT_OBJECT_CACHE_PREFIX_KEY = exports.getPmSnippetObjectCacheKey = exports.PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY = exports.getPmSnippetsObjectCacheKey = void 0;
 /** FEED OBJECT **/
 exports.FEED_OBJECT_CACHE_PREFIX_KEY = '_fo_';
 const getFeedObjectCacheKey = (id, type) => `${exports.FEED_OBJECT_CACHE_PREFIX_KEY}${type}_${id}`;
@@ -112,10 +112,14 @@ exports.getPmSnippetsObjectCacheKey = getPmSnippetsObjectCacheKey;
 exports.PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY = '_pms_';
 const getPmSnippetObjectCacheKey = (id) => `${exports.PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY}${id}`;
 exports.getPmSnippetObjectCacheKey = getPmSnippetObjectCacheKey;
-/** COURSE OBJECT **/
+/** PAYMENT PRODUCT OBJECT **/
 exports.PAYMENT_PRODUCT_OBJECT_CACHE_PREFIX_KEY = '_ppo_';
 const getPaymentProductObjectCacheKey = (id) => `${exports.PAYMENT_PRODUCT_OBJECT_CACHE_PREFIX_KEY}${id}`;
 exports.getPaymentProductObjectCacheKey = getPaymentProductObjectCacheKey;
+/** PAYMENT PRODUCT OBJECT **/
+exports.PAYMENT_ORDER_OBJECT_CACHE_PREFIX_KEY = '_pord_';
+const getPaymentOrderObjectCacheKey = (id) => `${exports.PAYMENT_ORDER_OBJECT_CACHE_PREFIX_KEY}${id}`;
+exports.getPaymentOrderObjectCacheKey = getPaymentOrderObjectCacheKey;
 /** TOOLS */
 exports.CATEGORIES_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = '_cListWidget_';
 exports.CATEGORIES_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = '_cFolWidget_';

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

@@ -25,6 +25,7 @@ export declare const USER_PROFILE_CATEGORIES_ROUTE_NAME = "user_categories";
 export declare const USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME = "user_followed_posts";
 export declare const USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME = "user_followed_discussions";
 export declare const USER_PAYMENTS_HISTORY_ORDERS_ROUTE_NAME = "user_payments_history_orders";
+export declare const USER_PAYMENTS_ORDER_PDF_ROUTE_NAME = "user_payments_order_pdf";
 export declare const USER_PAYMENT_METHODS_ROUTE_NAME = "user_payment_methods";
 export declare const LOYALTY_ROUTE_NAME = "loyalty";
 export declare const INCUBATOR_ROUTE_NAME = "incubator";

package/lib/cjs/constants/Routes.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EVENTS_HIGHLIGHT_ROUTE_NAME = exports.EVENTS_SUBSCRIBED_ROUTE_NAME = exports.EVENTS_SUGGESTED_ROUTE_NAME = exports.COURSES_ROUTE_NAME = exports.COURSE_LESSON_COMMENTS_ROUTE_NAME = exports.COURSE_LESSON_EDIT_ROUTE_NAME = exports.COURSE_LESSON_PREVIEW_ROUTE_NAME = exports.COURSE_LESSON_ROUTE_NAME = exports.COURSE_DASHBOARD_ROUTE_NAME = exports.COURSE_EDIT_ROUTE_NAME = exports.COURSE_ROUTE_NAME = exports.EVENTS_ROUTE_NAME = exports.EVENT_ROUTE_NAME = exports.GROUPS_SUBSCRIBED_ROUTE_NAME = exports.GROUPS_ROUTE_NAME = exports.GROUP_MESSAGES_ROUTE_NAME = exports.GROUP_MEMBERS_ROUTE_NAME = exports.GROUP_ROUTE_NAME = exports.LEGAL_PAGES_ROUTE_NAME = exports.CUSTOM_PAGES_ROUTE_NAME = exports.RECOVER_ROUTE_NAME = exports.SIGNUP_ROUTE_NAME = exports.SIGNIN_ROUTE_NAME = exports.INCUBATOR_ROUTE_NAME = exports.LOYALTY_ROUTE_NAME = exports.USER_PAYMENT_METHODS_ROUTE_NAME = exports.USER_PAYMENTS_HISTORY_ORDERS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME = exports.USER_PROFILE_CATEGORIES_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_SENT_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWERS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWINGS_ROUTE_NAME = exports.USER_PRIVATE_MESSAGES_ROUTE_NAME = exports.USER_NOTIFICATIONS_ROUTE_NAME = exports.USER_PROFILE_SETTINGS_ROUTE_NAME = exports.USER_PROFILE_ROUTE_NAME = exports.CATEGORIES_LIST_ROUTE_NAME = exports.CATEGORY_TRENDING_FEED_ROUTE_NAME = exports.CATEGORY_ROUTE_NAME = exports.COMMENT_ROUTE_NAME = exports.STATUS_ROUTE_NAME = exports.DISCUSSION_ROUTE_NAME = exports.POST_ROUTE_NAME = exports.EXPLORE_ROUTE_NAME = exports.HOME_ROUTE_NAME = exports.ROUTER_OPTION = exports.PORTAL_OPTION = void 0;
-exports.defaultRoutes = exports.CHECKOUT_PAYMENT = exports.LIVESTREAM_ROUTE_NAME = void 0;
+exports.EVENTS_SUBSCRIBED_ROUTE_NAME = exports.EVENTS_SUGGESTED_ROUTE_NAME = exports.COURSES_ROUTE_NAME = exports.COURSE_LESSON_COMMENTS_ROUTE_NAME = exports.COURSE_LESSON_EDIT_ROUTE_NAME = exports.COURSE_LESSON_PREVIEW_ROUTE_NAME = exports.COURSE_LESSON_ROUTE_NAME = exports.COURSE_DASHBOARD_ROUTE_NAME = exports.COURSE_EDIT_ROUTE_NAME = exports.COURSE_ROUTE_NAME = exports.EVENTS_ROUTE_NAME = exports.EVENT_ROUTE_NAME = exports.GROUPS_SUBSCRIBED_ROUTE_NAME = exports.GROUPS_ROUTE_NAME = exports.GROUP_MESSAGES_ROUTE_NAME = exports.GROUP_MEMBERS_ROUTE_NAME = exports.GROUP_ROUTE_NAME = exports.LEGAL_PAGES_ROUTE_NAME = exports.CUSTOM_PAGES_ROUTE_NAME = exports.RECOVER_ROUTE_NAME = exports.SIGNUP_ROUTE_NAME = exports.SIGNIN_ROUTE_NAME = exports.INCUBATOR_ROUTE_NAME = exports.LOYALTY_ROUTE_NAME = exports.USER_PAYMENT_METHODS_ROUTE_NAME = exports.USER_PAYMENTS_ORDER_PDF_ROUTE_NAME = exports.USER_PAYMENTS_HISTORY_ORDERS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME = exports.USER_PROFILE_CATEGORIES_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_SENT_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWERS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWINGS_ROUTE_NAME = exports.USER_PRIVATE_MESSAGES_ROUTE_NAME = exports.USER_NOTIFICATIONS_ROUTE_NAME = exports.USER_PROFILE_SETTINGS_ROUTE_NAME = exports.USER_PROFILE_ROUTE_NAME = exports.CATEGORIES_LIST_ROUTE_NAME = exports.CATEGORY_TRENDING_FEED_ROUTE_NAME = exports.CATEGORY_ROUTE_NAME = exports.COMMENT_ROUTE_NAME = exports.STATUS_ROUTE_NAME = exports.DISCUSSION_ROUTE_NAME = exports.POST_ROUTE_NAME = exports.EXPLORE_ROUTE_NAME = exports.HOME_ROUTE_NAME = exports.ROUTER_OPTION = exports.PORTAL_OPTION = void 0;
+exports.defaultRoutes = exports.CHECKOUT_PAYMENT = exports.LIVESTREAM_ROUTE_NAME = exports.EVENTS_HIGHLIGHT_ROUTE_NAME = void 0;
 exports.PORTAL_OPTION = 'portal';
 exports.ROUTER_OPTION = 'router';
 /**
@@ -29,6 +29,7 @@ exports.USER_PROFILE_CATEGORIES_ROUTE_NAME = 'user_categories';
 exports.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME = 'user_followed_posts';
 exports.USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME = 'user_followed_discussions';
 exports.USER_PAYMENTS_HISTORY_ORDERS_ROUTE_NAME = 'user_payments_history_orders';
+exports.USER_PAYMENTS_ORDER_PDF_ROUTE_NAME = 'user_payments_order_pdf';
 exports.USER_PAYMENT_METHODS_ROUTE_NAME = 'user_payment_methods';
 exports.LOYALTY_ROUTE_NAME = 'loyalty';
 exports.INCUBATOR_ROUTE_NAME = 'incubator';
@@ -84,6 +85,7 @@ exports.defaultRoutes = {
     [exports.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME]: '/user/:id/posts/followed/',
     [exports.USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME]: '/user/:id/discussions/followed/',
     [exports.USER_PAYMENTS_HISTORY_ORDERS_ROUTE_NAME]: '/user/:id/:username/history_orders/',
+    [exports.USER_PAYMENTS_ORDER_PDF_ROUTE_NAME]: '/user/:id/:username/order/:pid/pdf/',
     [exports.USER_PAYMENT_METHODS_ROUTE_NAME]: '/user/:id/:username/payment_methods/',
     [exports.LOYALTY_ROUTE_NAME]: '/loyalty/',
     [exports.INCUBATOR_ROUTE_NAME]: '/incubator/:id/',

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

@@ -0,0 +1,20 @@
+import { SCPaymentOrder } from '@selfcommunity/types';
+import { CacheStrategies } from '@selfcommunity/utils';
+/**
+ :::info
+ This custom hook is used to fetch a payment order.
+ :::
+ * @param object
+ * @param object.id
+ * @param object.paymentOrder
+ * @param object.cacheStrategy
+ */
+export default function useSCFetchPaymentOrder({ id, paymentOrder, cacheStrategy, }: {
+    id?: number | string;
+    paymentOrder?: SCPaymentOrder;
+    cacheStrategy?: CacheStrategies;
+}): {
+    scPaymentOrder: SCPaymentOrder;
+    setSCPaymentOrder: (c: SCPaymentOrder) => void;
+    error: string;
+};

package/lib/cjs/hooks/useSCFetchPaymentOrder.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const api_services_1 = require("@selfcommunity/api-services");
+const utils_1 = require("@selfcommunity/utils");
+const react_1 = require("react");
+const use_deep_compare_effect_1 = require("use-deep-compare-effect");
+const SCUserProvider_1 = require("../components/provider/SCUserProvider");
+const Cache_1 = require("../constants/Cache");
+const Errors_1 = require("../constants/Errors");
+/**
+ :::info
+ This custom hook is used to fetch a payment order.
+ :::
+ * @param object
+ * @param object.id
+ * @param object.paymentOrder
+ * @param object.cacheStrategy
+ */
+function useSCFetchPaymentOrder({ id = null, paymentOrder = null, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, }) {
+    const __paymentOrderId = (0, react_1.useMemo)(() => (paymentOrder === null || paymentOrder === void 0 ? void 0 : paymentOrder.id) || id, [paymentOrder, id]);
+    // CONTEXT
+    const scUserContext = (0, SCUserProvider_1.useSCUser)();
+    const authUserId = (0, react_1.useMemo)(() => { var _a; return ((_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) || null; }, [scUserContext.user]);
+    // CACHE
+    const __paymentOrderCacheKey = (0, react_1.useMemo)(() => (0, Cache_1.getPaymentOrderObjectCacheKey)(__paymentOrderId), [__paymentOrderId]);
+    const [scPaymentOrder, setScPaymentOrder] = (0, react_1.useState)(cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY ? utils_1.LRUCache.get(__paymentOrderCacheKey, paymentOrder) : null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const setSCPaymentOrder = (0, react_1.useCallback)((c) => {
+        setScPaymentOrder(c);
+        utils_1.LRUCache.set(__paymentOrderCacheKey, c);
+    }, [setScPaymentOrder, __paymentOrderCacheKey]);
+    /**
+     * Memoized fetch order
+     */
+    const fetchPaymentOrder = (0, react_1.useMemo)(() => (id) => {
+        return api_services_1.http
+            .request({
+            url: api_services_1.Endpoints.GetPaymentOrder.url({ id }),
+            method: api_services_1.Endpoints.GetPaymentOrder.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            return Promise.resolve(res.data);
+        });
+    }, []);
+    /**
+     * If id attempt to get the course by id
+     */
+    (0, react_1.useEffect)(() => {
+        if (id !== null && id !== undefined && !paymentOrder) {
+            fetchPaymentOrder(id)
+                .then((e) => {
+                setSCPaymentOrder(e);
+            })
+                .catch((err) => {
+                utils_1.LRUCache.delete(__paymentOrderCacheKey);
+                utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, err.message);
+            });
+        }
+    }, [id, paymentOrder, authUserId]);
+    (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
+        if (paymentOrder) {
+            setSCPaymentOrder(paymentOrder);
+        }
+    }, [paymentOrder, authUserId]);
+    return { scPaymentOrder, setSCPaymentOrder, error };
+}
+exports.default = useSCFetchPaymentOrder;

package/lib/cjs/hooks/useSCJoinedCoursesManager.js

@@ -66,12 +66,12 @@ function useSCJoinedCoursesManager(user) {
                 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 SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_COURSE:
+                  _status = SCCourseJoinStatusType.REQUESTED;
+                  break;
+                case SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_COURSE:
+                  _status = SCCourseJoinStatusType.JOINED;
+                  break; */
                 case types_1.SCNotificationTypologyType.USER_ADDED_TO_COURSE:
                     _status = types_1.SCCourseJoinStatusType.JOINED;
                     break;
@@ -250,7 +250,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 +259,7 @@ function useSCJoinedCoursesManager(user) {
             }
         }
         return null;
-    }, [loading, cache, authUserId]);
+    }, [loading, cache, authUserId, getJoinStatus, getCurrentCourseCacheStatus]);
     /**
      * Empty cache on logout
      */

package/lib/cjs/hooks/useSCSubscribedEventsManager.js

@@ -13,6 +13,8 @@ const Notification_1 = require("../constants/Notification");
 const Preferences_1 = require("../constants/Preferences");
 const event_1 = require("../utils/event");
 const useSCCachingManager_1 = tslib_1.__importDefault(require("./useSCCachingManager"));
+const SCRoutingProvider_1 = require("../components/provider/SCRoutingProvider");
+const SCRoutes = tslib_1.__importStar(require("../constants/Routes"));
 /**
  :::info
  This custom hook is used to manage the events followed.
@@ -30,6 +32,7 @@ const useSCCachingManager_1 = tslib_1.__importDefault(require("./useSCCachingMan
 function useSCSubscribedEventsManager(user) {
     const { cache, updateCache, emptyCache, data, setData, loading, setLoading, setUnLoading, isLoading } = (0, useSCCachingManager_1.default)();
     const { preferences, features } = (0, SCPreferencesProvider_1.useSCPreferences)();
+    const scRoutingContext = (0, react_1.useContext)(SCRoutingProvider_1.SCRoutingContext);
     const authUserId = user ? user.id : null;
     const eventsEnabled = (0, react_1.useMemo)(() => preferences &&
         features &&
@@ -66,13 +69,17 @@ function useSCSubscribedEventsManager(user) {
             switch (Notification_1.SCNotificationMapping[dataMsg.data.activity_type]) {
                 case types_1.SCNotificationTypologyType.USER_INVITED_TO_JOIN_EVENT:
                     _status = types_1.SCEventSubscriptionStatusType.INVITED;
+                    if ((0, utils_1.isClientSideRendering)() &&
+                        window.document.location.href.indexOf(scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, dataMsg.data.notification_obj.event)) > -1) {
+                        checkEventSubscriptionStatus(dataMsg.data.notification_obj.event);
+                    }
                     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 SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_EVENT:
+                  _status = SCEventSubscriptionStatusType.REQUESTED;
+                  break;
+                case SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_EVENT:
+                  _status = SCEventSubscriptionStatusType.SUBSCRIBED;
+                  break; */
                 case types_1.SCNotificationTypologyType.USER_ADDED_TO_EVENT:
                     _status = types_1.SCEventSubscriptionStatusType.SUBSCRIBED;
                     break;

package/lib/cjs/hooks/useSCSubscribedGroupsManager.js

@@ -67,12 +67,12 @@ function useSCSubscribedGroupsManager(user) {
                 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 SCNotificationTypologyType.USER_REQUESTED_TO_JOIN_GROUP:
+                  _status = SCGroupSubscriptionStatusType.REQUESTED;
+                  break;
+                case SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_GROUP:
+                  _status = SCGroupSubscriptionStatusType.SUBSCRIBED;
+                  break; */
                 case types_1.SCNotificationTypologyType.USER_ADDED_TO_GROUP:
                     _status = types_1.SCGroupSubscriptionStatusType.SUBSCRIBED;
                     break;
@@ -251,7 +251,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 +260,7 @@ function useSCSubscribedGroupsManager(user) {
             }
         }
         return null;
-    }, [loading, cache, authUserId]);
+    }, [loading, cache, authUserId, getSubscriptionStatus, getCurrentGroupCacheStatus]);
     /**
      * Empty cache on logout
      */

package/lib/cjs/index.d.ts

@@ -73,6 +73,7 @@ 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
  */
@@ -84,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:
@@ -95,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, useSCPaymentsEnabled, useSCFetchPaymentProduct, };
+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.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.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
@@ -136,6 +136,8 @@ const useSCPaymentsEnabled_1 = tslib_1.__importDefault(require("./hooks/useSCPay
 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
  */
@@ -158,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/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;

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

@@ -76,9 +76,12 @@ export declare const getPmSnippetsObjectCacheKey: () => string;
 /** PRIVATE MESSAGE SNIPPET  OBJECT **/
 export declare const PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY = "_pms_";
 export declare const getPmSnippetObjectCacheKey: (id: any) => string;
-/** COURSE OBJECT **/
+/** PAYMENT PRODUCT OBJECT **/
 export declare const PAYMENT_PRODUCT_OBJECT_CACHE_PREFIX_KEY = "_ppo_";
 export declare const getPaymentProductObjectCacheKey: (id: any) => string;
+/** PAYMENT PRODUCT OBJECT **/
+export declare const PAYMENT_ORDER_OBJECT_CACHE_PREFIX_KEY = "_pord_";
+export declare const getPaymentOrderObjectCacheKey: (id: any) => string;
 /** TOOLS */
 export declare const CATEGORIES_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = "_cListWidget_";
 export declare const CATEGORIES_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = "_cFolWidget_";

package/lib/esm/constants/Cache.js

@@ -80,9 +80,12 @@ export const getPmSnippetsObjectCacheKey = () => `${PM_SNIPPETS_OBJECT_CACHE_PRE
 /** PRIVATE MESSAGE SNIPPET  OBJECT **/
 export const PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY = '_pms_';
 export const getPmSnippetObjectCacheKey = (id) => `${PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY}${id}`;
-/** COURSE OBJECT **/
+/** PAYMENT PRODUCT OBJECT **/
 export const PAYMENT_PRODUCT_OBJECT_CACHE_PREFIX_KEY = '_ppo_';
 export const getPaymentProductObjectCacheKey = (id) => `${PAYMENT_PRODUCT_OBJECT_CACHE_PREFIX_KEY}${id}`;
+/** PAYMENT PRODUCT OBJECT **/
+export const PAYMENT_ORDER_OBJECT_CACHE_PREFIX_KEY = '_pord_';
+export const getPaymentOrderObjectCacheKey = (id) => `${PAYMENT_ORDER_OBJECT_CACHE_PREFIX_KEY}${id}`;
 /** TOOLS */
 export const CATEGORIES_LIST_TOOLS_STATE_CACHE_PREFIX_KEY = '_cListWidget_';
 export const CATEGORIES_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY = '_cFolWidget_';

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

@@ -25,6 +25,7 @@ export declare const USER_PROFILE_CATEGORIES_ROUTE_NAME = "user_categories";
 export declare const USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME = "user_followed_posts";
 export declare const USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME = "user_followed_discussions";
 export declare const USER_PAYMENTS_HISTORY_ORDERS_ROUTE_NAME = "user_payments_history_orders";
+export declare const USER_PAYMENTS_ORDER_PDF_ROUTE_NAME = "user_payments_order_pdf";
 export declare const USER_PAYMENT_METHODS_ROUTE_NAME = "user_payment_methods";
 export declare const LOYALTY_ROUTE_NAME = "loyalty";
 export declare const INCUBATOR_ROUTE_NAME = "incubator";

package/lib/esm/constants/Routes.js

@@ -25,6 +25,7 @@ export const USER_PROFILE_CATEGORIES_ROUTE_NAME = 'user_categories';
 export const USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME = 'user_followed_posts';
 export const USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME = 'user_followed_discussions';
 export const USER_PAYMENTS_HISTORY_ORDERS_ROUTE_NAME = 'user_payments_history_orders';
+export const USER_PAYMENTS_ORDER_PDF_ROUTE_NAME = 'user_payments_order_pdf';
 export const USER_PAYMENT_METHODS_ROUTE_NAME = 'user_payment_methods';
 export const LOYALTY_ROUTE_NAME = 'loyalty';
 export const INCUBATOR_ROUTE_NAME = 'incubator';
@@ -80,6 +81,7 @@ export const defaultRoutes = {
     [USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME]: '/user/:id/posts/followed/',
     [USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME]: '/user/:id/discussions/followed/',
     [USER_PAYMENTS_HISTORY_ORDERS_ROUTE_NAME]: '/user/:id/:username/history_orders/',
+    [USER_PAYMENTS_ORDER_PDF_ROUTE_NAME]: '/user/:id/:username/order/:pid/pdf/',
     [USER_PAYMENT_METHODS_ROUTE_NAME]: '/user/:id/:username/payment_methods/',
     [LOYALTY_ROUTE_NAME]: '/loyalty/',
     [INCUBATOR_ROUTE_NAME]: '/incubator/:id/',

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

@@ -0,0 +1,20 @@
+import { SCPaymentOrder } from '@selfcommunity/types';
+import { CacheStrategies } from '@selfcommunity/utils';
+/**
+ :::info
+ This custom hook is used to fetch a payment order.
+ :::
+ * @param object
+ * @param object.id
+ * @param object.paymentOrder
+ * @param object.cacheStrategy
+ */
+export default function useSCFetchPaymentOrder({ id, paymentOrder, cacheStrategy, }: {
+    id?: number | string;
+    paymentOrder?: SCPaymentOrder;
+    cacheStrategy?: CacheStrategies;
+}): {
+    scPaymentOrder: SCPaymentOrder;
+    setSCPaymentOrder: (c: SCPaymentOrder) => void;
+    error: string;
+};

package/lib/esm/hooks/useSCFetchPaymentOrder.js

@@ -0,0 +1,67 @@
+import { Endpoints, http } from '@selfcommunity/api-services';
+import { CacheStrategies, Logger, LRUCache } from '@selfcommunity/utils';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
+import { useSCUser } from '../components/provider/SCUserProvider';
+import { getPaymentOrderObjectCacheKey } from '../constants/Cache';
+import { SCOPE_SC_CORE } from '../constants/Errors';
+/**
+ :::info
+ This custom hook is used to fetch a payment order.
+ :::
+ * @param object
+ * @param object.id
+ * @param object.paymentOrder
+ * @param object.cacheStrategy
+ */
+export default function useSCFetchPaymentOrder({ id = null, paymentOrder = null, cacheStrategy = CacheStrategies.NETWORK_ONLY, }) {
+    const __paymentOrderId = useMemo(() => (paymentOrder === null || paymentOrder === void 0 ? void 0 : paymentOrder.id) || id, [paymentOrder, id]);
+    // CONTEXT
+    const scUserContext = useSCUser();
+    const authUserId = useMemo(() => { var _a; return ((_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) || null; }, [scUserContext.user]);
+    // CACHE
+    const __paymentOrderCacheKey = useMemo(() => getPaymentOrderObjectCacheKey(__paymentOrderId), [__paymentOrderId]);
+    const [scPaymentOrder, setScPaymentOrder] = useState(cacheStrategy !== CacheStrategies.NETWORK_ONLY ? LRUCache.get(__paymentOrderCacheKey, paymentOrder) : null);
+    const [error, setError] = useState(null);
+    const setSCPaymentOrder = useCallback((c) => {
+        setScPaymentOrder(c);
+        LRUCache.set(__paymentOrderCacheKey, c);
+    }, [setScPaymentOrder, __paymentOrderCacheKey]);
+    /**
+     * Memoized fetch order
+     */
+    const fetchPaymentOrder = useMemo(() => (id) => {
+        return http
+            .request({
+            url: Endpoints.GetPaymentOrder.url({ id }),
+            method: Endpoints.GetPaymentOrder.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            return Promise.resolve(res.data);
+        });
+    }, []);
+    /**
+     * If id attempt to get the course by id
+     */
+    useEffect(() => {
+        if (id !== null && id !== undefined && !paymentOrder) {
+            fetchPaymentOrder(id)
+                .then((e) => {
+                setSCPaymentOrder(e);
+            })
+                .catch((err) => {
+                LRUCache.delete(__paymentOrderCacheKey);
+                Logger.error(SCOPE_SC_CORE, err.message);
+            });
+        }
+    }, [id, paymentOrder, authUserId]);
+    useDeepCompareEffectNoCheck(() => {
+        if (paymentOrder) {
+            setSCPaymentOrder(paymentOrder);
+        }
+    }, [paymentOrder, authUserId]);
+    return { scPaymentOrder, setSCPaymentOrder, error };
+}

package/lib/esm/hooks/useSCJoinedCoursesManager.js

@@ -63,12 +63,12 @@ export default function useSCJoinedCoursesManager(user) {
                 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_REQUESTED_TO_JOIN_COURSE:
+                  _status = SCCourseJoinStatusType.REQUESTED;
+                  break;
                 case SCNotificationTypologyType.USER_ACCEPTED_TO_JOIN_COURSE:
-                    _status = SCCourseJoinStatusType.JOINED;
-                    break;
+                  _status = SCCourseJoinStatusType.JOINED;
+                  break; */
                 case SCNotificationTypologyType.USER_ADDED_TO_COURSE:
                     _status = SCCourseJoinStatusType.JOINED;
                     break;
@@ -247,7 +247,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 +256,7 @@ export default function useSCJoinedCoursesManager(user) {
             }
         }
         return null;
-    }, [loading, cache, authUserId]);
+    }, [loading, cache, authUserId, getJoinStatus, getCurrentCourseCacheStatus]);
     /**
      * Empty cache on logout
      */