@selfcommunity/react-core 0.1.7-alpha.0 → 0.1.8-alpha.0

package/lib/esm/hooks/useSCFollowedCategoriesManager.js

@@ -1,20 +1,8 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = useSCFollowedCategoriesManager;
-
-var _react = require("react");
-
-var _apiServices = require("@selfcommunity/api-services");
-
-var _useSCCachingManager = _interopRequireDefault(require("./useSCCachingManager"));
-
-var _Errors = require("../constants/Errors");
-
-var _utils = require("@selfcommunity/utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import { useMemo } from 'react';
+import { http, Endpoints } from '@selfcommunity/api-services';
+import useSCCachingManager from './useSCCachingManager';
+import { SCOPE_SC_CORE } from '../constants/Errors';
+import { Logger } from '@selfcommunity/utils';
 /**
  :::info
  This custom hook is used to manage the categories followed.
@@ -29,137 +17,101 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  ```
  :::
  */
-function useSCFollowedCategoriesManager(user, updateUser) {
-  const {
-    cache,
-    updateCache,
-    emptyCache,
-    data,
-    setData,
-    loading,
-    setLoading,
-    isLoading
-  } = (0, _useSCCachingManager.default)();
-  /**
-   * Memoized refresh all categories
-   * It makes a single request to the server and retrieves
-   * all the categories followed by the user in a single solution
-   * It might be useful for multi-tab sync
-   */
-
-  const refresh = (0, _react.useMemo)(() => () => {
-    emptyCache();
-
-    if (user) {
-      // Only if user is authenticated
-      _apiServices.http.request({
-        url: _apiServices.Endpoints.FollowedCategories.url({
-          id: user.id
-        }),
-        method: _apiServices.Endpoints.FollowedCategories.method
-      }).then(res => {
-        if (res.status >= 300) {
-          return Promise.reject(res);
+export default function useSCFollowedCategoriesManager(user, updateUser) {
+    const { cache, updateCache, emptyCache, data, setData, loading, setLoading, isLoading } = useSCCachingManager();
+    /**
+     * Memoized refresh all categories
+     * It makes a single request to the server and retrieves
+     * all the categories followed by the user in a single solution
+     * It might be useful for multi-tab sync
+     */
+    const refresh = useMemo(() => () => {
+        emptyCache();
+        if (user) {
+            // Only if user is authenticated
+            http
+                .request({
+                url: Endpoints.FollowedCategories.url({ id: user.id }),
+                method: Endpoints.FollowedCategories.method,
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                const categoryIds = res.data.map((c) => c.id);
+                updateCache(categoryIds);
+                setData(categoryIds);
+                return Promise.resolve(res.data);
+            })
+                .catch((e) => {
+                Logger.error(SCOPE_SC_CORE, 'Unable to refresh categories followed by the authenticated user.');
+                Logger.error(SCOPE_SC_CORE, e);
+            });
         }
-
-        const categoryIds = res.data.map(c => c.id);
-        updateCache(categoryIds);
-        setData(categoryIds);
-        return Promise.resolve(res.data);
-      }).catch(e => {
-        _utils.Logger.error(_Errors.SCOPE_SC_CORE, 'Unable to refresh categories followed by the authenticated user.');
-
-        _utils.Logger.error(_Errors.SCOPE_SC_CORE, e);
-      });
-    }
-  }, [data, user, cache]);
-  /**
-   * Memoized follow/unfollow Category
-   * Toggle action
-   */
-
-  const follow = (0, _react.useMemo)(() => category => {
-    setLoading(prev => [...prev, ...[category.id]]);
-    return _apiServices.http.request({
-      url: _apiServices.Endpoints.FollowCategory.url({
-        id: category.id
-      }),
-      method: _apiServices.Endpoints.FollowCategory.method
-    }).then(res => {
-      if (res.status >= 300) {
-        return Promise.reject(res);
-      }
-
-      updateCache([category.id]);
-      const isFollowed = data.includes(category.id);
-      setData(prev => isFollowed ? prev.filter(id => id !== category.id) : [...[category.id], ...prev]);
-      setLoading(prev => prev.filter(c => c !== category.id));
-      updateUser({
-        categories_counter: isFollowed ? data.length - 1 : data.length + 1
-      });
-      return Promise.resolve(res.data);
-    });
-  }, [data, loading, cache]);
-  /**
-   * Check if the user follow the category
-   * Update the categories cached
-   * Update categories followed
-   * @param category
-   */
-
-  const checkIsCategoryFollowed = category => {
-    setLoading(prev => prev.includes(category.id) ? prev : [...prev, ...[category.id]]);
-
-    _apiServices.http.request({
-      url: _apiServices.Endpoints.CheckCategoryIsFollowed.url({
-        id: category.id
-      }),
-      method: _apiServices.Endpoints.CheckCategoryIsFollowed.method
-    }).then(res => {
-      if (res.status >= 300) {
-        return Promise.reject(res);
-      }
-
-      updateCache([category.id]);
-      setData(prev => res.data.is_followed ? [...[category.id], ...prev] : prev.filter(id => id !== category.id));
-      setLoading(prev => prev.filter(c => c !== category.id));
-      return Promise.resolve(res.data);
-    });
-  };
-  /**
-   * Memoized isFollowed
-   * If category is already in cache -> check if the category is in categories,
-   * otherwise, check if user follow the category
-   */
-
-
-  const isFollowed = (0, _react.useMemo)(() => category => {
-    if (cache.includes(category.id)) {
-      return Boolean(data.includes(category.id));
-    }
-
-    if (!loading.includes(category.id)) {
-      checkIsCategoryFollowed(category);
-    }
-
-    return false;
-  }, [data, loading, cache]);
-
-  if (!user) {
-    return {
-      categories: data,
-      loading,
-      isLoading
+    }, [data, user, cache]);
+    /**
+     * Memoized follow/unfollow Category
+     * Toggle action
+     */
+    const follow = useMemo(() => (category) => {
+        setLoading((prev) => [...prev, ...[category.id]]);
+        return http
+            .request({
+            url: Endpoints.FollowCategory.url({ id: category.id }),
+            method: Endpoints.FollowCategory.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            updateCache([category.id]);
+            const isFollowed = data.includes(category.id);
+            setData((prev) => (isFollowed ? prev.filter((id) => id !== category.id) : [...[category.id], ...prev]));
+            setLoading((prev) => prev.filter((c) => c !== category.id));
+            updateUser({ categories_counter: isFollowed ? data.length - 1 : data.length + 1 });
+            return Promise.resolve(res.data);
+        });
+    }, [data, loading, cache]);
+    /**
+     * Check if the user follow the category
+     * Update the categories cached
+     * Update categories followed
+     * @param category
+     */
+    const checkIsCategoryFollowed = (category) => {
+        setLoading((prev) => (prev.includes(category.id) ? prev : [...prev, ...[category.id]]));
+        http
+            .request({
+            url: Endpoints.CheckCategoryIsFollowed.url({ id: category.id }),
+            method: Endpoints.CheckCategoryIsFollowed.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            updateCache([category.id]);
+            setData((prev) => (res.data.is_followed ? [...[category.id], ...prev] : prev.filter((id) => id !== category.id)));
+            setLoading((prev) => prev.filter((c) => c !== category.id));
+            return Promise.resolve(res.data);
+        });
     };
-  }
-
-  return {
-    categories: data,
-    loading,
-    isLoading,
-    follow,
-    isFollowed,
-    refresh,
-    emptyCache
-  };
-}
+    /**
+     * Memoized isFollowed
+     * If category is already in cache -> check if the category is in categories,
+     * otherwise, check if user follow the category
+     */
+    const isFollowed = useMemo(() => (category) => {
+        if (cache.includes(category.id)) {
+            return Boolean(data.includes(category.id));
+        }
+        if (!loading.includes(category.id)) {
+            checkIsCategoryFollowed(category);
+        }
+        return false;
+    }, [data, loading, cache]);
+    if (!user) {
+        return { categories: data, loading, isLoading };
+    }
+    return { categories: data, loading, isLoading, follow, isFollowed, refresh, emptyCache };
+}
+//# sourceMappingURL=useSCFollowedCategoriesManager.js.map

package/lib/esm/hooks/useSCFollowedCategoriesManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSCFollowedCategoriesManager.js","sourceRoot":"","sources":["../../../src/hooks/useSCFollowedCategoriesManager.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,37 @@
+import { SCUserType } from '@selfcommunity/types';
+/**
+ :::info
+ This custom hook is used to manage to manage followed users.
+ :::
+ :::tipHow to use it:
+
+ Follow these steps:
+ ```jsx
+ 1. const scUserContext: SCUserContextType = useSCUser();
+ 2. const scFollowedManager: SCFollowedManagerType = scUserContext.manager.followed;
+ 3. scFollowedManager.isFollowed(user)
+ ```
+ :::
+ */
+export default function useSCFollowedManager(user?: SCUserType): {
+    followed: any[];
+    loading: number[];
+    isLoading: (obj: {
+        id: number;
+    }) => boolean;
+    follow?: undefined;
+    isFollowed?: undefined;
+    refresh?: undefined;
+    emptyCache?: undefined;
+} | {
+    followed: any[];
+    loading: number[];
+    isLoading: (obj: {
+        id: number;
+    }) => boolean;
+    follow: (user: SCUserType) => Promise<any>;
+    isFollowed: (user: SCUserType) => boolean;
+    refresh: () => void;
+    emptyCache: () => void;
+};
+//# sourceMappingURL=useSCFollowersManager.d.ts.map

package/lib/esm/hooks/useSCFollowersManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSCFollowersManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSCFollowersManager.ts"],"names":[],"mappings":"AAGA,OAAO,EAAsD,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAgBrG;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,IAAI,CAAC,EAAE,UAAU;;;;;;;;;;;;;;;;mBA0FjD,UAAU,KAAG,QAAQ,GAAG,CAAC;uBAiEzB,UAAU,KAAG,OAAO;mBAtGnB,IAAI;;EAyHjB"}