@selfcommunity/react-core 0.6.7-payments.169 → 0.7.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@selfcommunity/react-core",
-	"version": "0.6.7-payments.169+035bd7112",
+	"version": "0.7.0-alpha.0",
 	"description": "React Core Components useful for integrating UI Community components (react-ui).",
 	"author": "SelfCommunity <https://www.selfcommunity.com>",
 	"homepage": "https://www.selfcommunity.com",
@@ -68,10 +68,10 @@
 		"react-intl": "^6.4.7"
 	},
 	"dependencies": {
-		"@selfcommunity/api-services": "0.6.7-payments.169+035bd7112",
-		"@selfcommunity/react-i18n": "0.7.7-payments.169+035bd7112",
-		"@selfcommunity/types": "0.7.7-payments.169+035bd7112",
-		"@selfcommunity/utils": "0.2.64-payments.169+035bd7112",
+		"@selfcommunity/api-services": "^0.7.0-alpha.0",
+		"@selfcommunity/react-i18n": "^0.8.0-alpha.14",
+		"@selfcommunity/types": "^0.8.0-alpha.0",
+		"@selfcommunity/utils": "^0.2.64-alpha.1",
 		"js-cookie": "^3.0.5",
 		"pubsub-js": "^1.9.5",
 		"use-deep-compare-effect": "^1.8.1",
@@ -130,5 +130,5 @@
 	"bugs": {
 		"url": "https://github.com/selfcommunity/community-js/issues"
 	},
-	"gitHead": "035bd7112ea24db5ce43bb903662d6123e572d06"
+	"gitHead": "03d4b894685ad0ab6a4db32b1ac5f8dfecf4befb"
 }

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

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

package/lib/cjs/hooks/useSCFetchPaymentProduct.js

@@ -1,70 +0,0 @@
-"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 product.
- :::
- * @param object
- * @param object.id
- * @param object.paymentProduct
- * @param object.cacheStrategy
- */
-function useSCFetchPaymentProduct({ id = null, paymentProduct = null, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, }) {
-    const __paymentProductId = (0, react_1.useMemo)(() => (paymentProduct === null || paymentProduct === void 0 ? void 0 : paymentProduct.id) || id, [paymentProduct, 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 __paymentProductCacheKey = (0, react_1.useMemo)(() => (0, Cache_1.getPaymentProductObjectCacheKey)(__paymentProductId), [__paymentProductId]);
-    const [scPaymentProduct, setScPaymentProduct] = (0, react_1.useState)(cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY ? utils_1.LRUCache.get(__paymentProductCacheKey, paymentProduct) : null);
-    const [error, setError] = (0, react_1.useState)(null);
-    const setSCPaymentProduct = (0, react_1.useCallback)((c) => {
-        setScPaymentProduct(c);
-        utils_1.LRUCache.set(__paymentProductCacheKey, c);
-    }, [setScPaymentProduct, __paymentProductCacheKey]);
-    /**
-     * Memoized fetch product
-     */
-    const fetchPaymentProduct = (0, react_1.useMemo)(() => (id) => {
-        return api_services_1.http
-            .request({
-            url: api_services_1.Endpoints.GetProduct.url({ id }),
-            method: api_services_1.Endpoints.GetProduct.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 && !paymentProduct) {
-            fetchPaymentProduct(id)
-                .then((e) => {
-                setSCPaymentProduct(e);
-            })
-                .catch((err) => {
-                utils_1.LRUCache.delete(__paymentProductCacheKey);
-                utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, err.message);
-            });
-        }
-    }, [id, paymentProduct, authUserId]);
-    (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
-        if (paymentProduct) {
-            setSCPaymentProduct(paymentProduct);
-        }
-    }, [paymentProduct, authUserId]);
-    return { scPaymentProduct, setSCPaymentProduct, error };
-}
-exports.default = useSCFetchPaymentProduct;

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

@@ -1,18 +0,0 @@
-/**
- :::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

@@ -1,35 +0,0 @@
-"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/esm/hooks/useSCFetchPaymentProduct.d.ts

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

package/lib/esm/hooks/useSCFetchPaymentProduct.js

@@ -1,67 +0,0 @@
-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 { getPaymentProductObjectCacheKey } from '../constants/Cache';
-import { SCOPE_SC_CORE } from '../constants/Errors';
-/**
- :::info
- This custom hook is used to fetch a payment product.
- :::
- * @param object
- * @param object.id
- * @param object.paymentProduct
- * @param object.cacheStrategy
- */
-export default function useSCFetchPaymentProduct({ id = null, paymentProduct = null, cacheStrategy = CacheStrategies.NETWORK_ONLY, }) {
-    const __paymentProductId = useMemo(() => (paymentProduct === null || paymentProduct === void 0 ? void 0 : paymentProduct.id) || id, [paymentProduct, 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 __paymentProductCacheKey = useMemo(() => getPaymentProductObjectCacheKey(__paymentProductId), [__paymentProductId]);
-    const [scPaymentProduct, setScPaymentProduct] = useState(cacheStrategy !== CacheStrategies.NETWORK_ONLY ? LRUCache.get(__paymentProductCacheKey, paymentProduct) : null);
-    const [error, setError] = useState(null);
-    const setSCPaymentProduct = useCallback((c) => {
-        setScPaymentProduct(c);
-        LRUCache.set(__paymentProductCacheKey, c);
-    }, [setScPaymentProduct, __paymentProductCacheKey]);
-    /**
-     * Memoized fetch product
-     */
-    const fetchPaymentProduct = useMemo(() => (id) => {
-        return http
-            .request({
-            url: Endpoints.GetProduct.url({ id }),
-            method: Endpoints.GetProduct.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 && !paymentProduct) {
-            fetchPaymentProduct(id)
-                .then((e) => {
-                setSCPaymentProduct(e);
-            })
-                .catch((err) => {
-                LRUCache.delete(__paymentProductCacheKey);
-                Logger.error(SCOPE_SC_CORE, err.message);
-            });
-        }
-    }, [id, paymentProduct, authUserId]);
-    useDeepCompareEffectNoCheck(() => {
-        if (paymentProduct) {
-            setSCPaymentProduct(paymentProduct);
-        }
-    }, [paymentProduct, authUserId]);
-    return { scPaymentProduct, setSCPaymentProduct, error };
-}

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

@@ -1,18 +0,0 @@
-/**
- :::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

@@ -1,31 +0,0 @@
-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 };
-}