@selfcommunity/react-core/lib/cjs/hooks/useSCFetchPaymentOrder.js

React Core Components useful for integrating UI Community components (react-ui).

"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;