@selfcommunity/react-core 0.4.0-alpha.11 → 0.4.0-alpha.111

package/lib/esm/hooks/useSCFetchCustomAdv.js

@@ -81,4 +81,3 @@ export default function useSCFetchCustomAdv({ id = null, position = null, catego
     }, [id, position, `${categoriesId}`, scCustomAdv]);
     return { scCustomAdv, setSCCustomAdv, error };
 }
-//# sourceMappingURL=useSCFetchCustomAdv.js.map

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

@@ -53,4 +53,3 @@ export default function useSCFetchFeed(props: {
     cacheStrategy?: CacheStrategies;
     prefetchedData?: SCPaginatedResponse<SCFeedUnitType>;
 }): any;
-//# sourceMappingURL=useSCFetchFeed.d.ts.map

package/lib/esm/hooks/useSCFetchFeed.js

@@ -180,7 +180,7 @@ export default function useSCFetchFeed(props) {
                             previous: res.previous,
                         },
                     });
-                    onPreviousPage && onPreviousPage(currentPage, currentOffset, count, res);
+                    onPreviousPage && onPreviousPage(currentPage, currentOffset, count, res.results);
                     if (cacheStrategy === CacheStrategies.STALE_WHILE_REVALIDATE) {
                         revalidate(state.next, true);
                     }
@@ -276,4 +276,3 @@ export default function useSCFetchFeed(props) {
         reload,
         reset });
 }
-//# sourceMappingURL=useSCFetchFeed.js.map

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

@@ -20,4 +20,3 @@ export default function useSCFetchFeedObject({ id, feedObject, feedObjectType, c
     setObj: (newObj: any) => void;
     error: string;
 };
-//# sourceMappingURL=useSCFetchFeedObject.d.ts.map

package/lib/esm/hooks/useSCFetchFeedObject.js

@@ -76,4 +76,3 @@ export default function useSCFetchFeedObject({ id = null, feedObject = null, fee
         error,
     };
 }
-//# sourceMappingURL=useSCFetchFeedObject.js.map

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { SCIncubatorType } from '@selfcommunity/types';
+import { CacheStrategies } from '@selfcommunity/utils';
 /**
  :::info
  This custom hook is used to fetch an incubator object.
@@ -7,13 +8,14 @@ import { SCIncubatorType } from '@selfcommunity/types';
  * @param object
  * @param object.id
  * @param object.incubator
+ * @param object.cacheStrategy
  */
-export default function useSCFetchIncubator({ id, incubator }: {
+export default function useSCFetchIncubator({ id, incubator, cacheStrategy, }: {
     id?: number;
     incubator?: SCIncubatorType;
+    cacheStrategy?: CacheStrategies;
 }): {
     scIncubator: SCIncubatorType;
     setSCIncubator: import("react").Dispatch<import("react").SetStateAction<SCIncubatorType>>;
     error: string;
 };
-//# sourceMappingURL=useSCFetchIncubator.d.ts.map

package/lib/esm/hooks/useSCFetchIncubator.js

@@ -1,7 +1,10 @@
 import { useEffect, useMemo, useState } from 'react';
 import { SCOPE_SC_CORE } from '../constants/Errors';
 import { http, Endpoints } from '@selfcommunity/api-services';
-import { Logger } from '@selfcommunity/utils';
+import { CacheStrategies, Logger, LRUCache, objectWithoutProperties } from '@selfcommunity/utils';
+import { getIncubatorObjectCacheKey } from '../constants/Cache';
+import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
+import { useSCUser } from '../components/provider/SCUserProvider';
 /**
  :::info
  This custom hook is used to fetch an incubator object.
@@ -9,9 +12,17 @@ import { Logger } from '@selfcommunity/utils';
  * @param object
  * @param object.id
  * @param object.incubator
+ * @param object.cacheStrategy
  */
-export default function useSCFetchIncubator({ id = null, incubator = null }) {
-    const [scIncubator, setSCIncubator] = useState(incubator);
+export default function useSCFetchIncubator({ id = null, incubator = null, cacheStrategy = CacheStrategies.CACHE_FIRST, }) {
+    const __incubatorId = incubator ? incubator.id : id;
+    // CONTEXT
+    const scUserContext = useSCUser();
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
+    // CACHE
+    const __incubatorCacheKey = getIncubatorObjectCacheKey(__incubatorId);
+    const __incubator = authUserId ? incubator : objectWithoutProperties(incubator, ['subscribed']);
+    const [scIncubator, setSCIncubator] = useState(cacheStrategy !== CacheStrategies.NETWORK_ONLY ? LRUCache.get(__incubatorCacheKey, __incubator) : null);
     const [error, setError] = useState(null);
     /**
      * Memoized fetchIncubator
@@ -19,7 +30,7 @@ export default function useSCFetchIncubator({ id = null, incubator = null }) {
     const fetchIncubator = useMemo(() => () => {
         return http
             .request({
-            url: Endpoints.GetASpecificIncubator.url({ id: id }),
+            url: Endpoints.GetASpecificIncubator.url({ id: __incubatorId }),
             method: Endpoints.GetASpecificIncubator.method,
         })
             .then((res) => {
@@ -28,23 +39,32 @@ export default function useSCFetchIncubator({ id = null, incubator = null }) {
             }
             return Promise.resolve(res.data);
         });
-    }, [id]);
+    }, [__incubatorId]);
     /**
      * If id resolve the obj
      */
     useEffect(() => {
-        if (id) {
+        if (__incubatorId && (!scIncubator || (scIncubator && __incubatorId !== scIncubator.id))) {
             fetchIncubator()
                 .then((obj) => {
-                setSCIncubator(obj);
+                const _i = authUserId ? obj : objectWithoutProperties(obj, ['subscribed']);
+                setSCIncubator(_i);
+                LRUCache.set(__incubatorCacheKey, _i);
             })
                 .catch((err) => {
+                LRUCache.delete(__incubatorCacheKey);
                 setError(`Incubator with id ${id} not found`);
                 Logger.error(SCOPE_SC_CORE, `Incubator with id ${id} not found`);
                 Logger.error(SCOPE_SC_CORE, err.message);
             });
         }
-    }, [id]);
+    }, [__incubatorId]);
+    useDeepCompareEffectNoCheck(() => {
+        if (incubator) {
+            const _i = authUserId ? incubator : objectWithoutProperties(incubator, ['subscribed']);
+            setSCIncubator(_i);
+            LRUCache.set(__incubatorCacheKey, _i);
+        }
+    }, [incubator]);
     return { scIncubator, setSCIncubator, error };
 }
-//# sourceMappingURL=useSCFetchIncubator.js.map

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

@@ -23,4 +23,3 @@ declare const useSCFetchPrivateMessageSnippets: (props?: {
     updateSnippets: (updatedData: any) => void;
 };
 export default useSCFetchPrivateMessageSnippets;
-//# sourceMappingURL=useSCFetchPrivateMessageSnippets.d.ts.map

package/lib/esm/hooks/useSCFetchPrivateMessageSnippets.js

@@ -1,12 +1,4 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { __awaiter } from "tslib";
 import { useEffect, useState } from 'react';
 import { SCOPE_SC_CORE } from '../constants/Errors';
 import { Endpoints, http } from '@selfcommunity/api-services';
@@ -73,21 +65,20 @@ const useSCFetchPrivateMessageSnippets = (props) => {
         if (cacheStrategy === CacheStrategies.CACHE_FIRST && snippets) {
             return;
         }
-        scUserContext.user &&
-            fetchSnippets()
-                .then((data) => {
-                setData({ snippets: data, isLoading: false });
-                LRUCache.set(__snippetsCacheKey, data.map((snippet) => {
-                    const __snippetCacheKey = getPmSnippetObjectCacheKey(snippet.id);
-                    LRUCache.set(__snippetCacheKey, snippet);
-                    return snippet.id;
-                }));
-            })
-                .catch((error) => {
-                console.log(error);
-                Logger.error(SCOPE_SC_CORE, 'Unable to retrieve snippets');
-            });
-    }, [scUserContext]);
+        fetchSnippets()
+            .then((data) => {
+            setData({ snippets: data, isLoading: false });
+            LRUCache.set(__snippetsCacheKey, data.map((snippet) => {
+                const __snippetCacheKey = getPmSnippetObjectCacheKey(snippet.id);
+                LRUCache.set(__snippetCacheKey, snippet);
+                return snippet.id;
+            }));
+        })
+            .catch((error) => {
+            console.log(error);
+            Logger.error(SCOPE_SC_CORE, 'Unable to retrieve snippets');
+        });
+    }, []);
     /**
      * Updated snippets list
      * @param updatedData
@@ -106,4 +97,3 @@ const useSCFetchPrivateMessageSnippets = (props) => {
     return { data, updateSnippets };
 };
 export default useSCFetchPrivateMessageSnippets;
-//# sourceMappingURL=useSCFetchPrivateMessageSnippets.js.map

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

@@ -21,4 +21,3 @@ declare const useSCFetchReactions: (props?: {
     isLoading: boolean;
 };
 export default useSCFetchReactions;
-//# sourceMappingURL=useSCFetchReactions.d.ts.map

package/lib/esm/hooks/useSCFetchReactions.js

@@ -1,19 +1,10 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { useEffect, useState } from 'react';
 import { SCOPE_SC_CORE } from '../constants/Errors';
-import { Endpoints, http } from '@selfcommunity/api-services';
+import { SCFeatureName } from '@selfcommunity/types';
+import { ReactionService } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger, LRUCache } from '@selfcommunity/utils';
-import { getReactionsObjectCacheKey, getReactionObjectCacheKey } from '../constants/Cache';
+import { getReactionObjectCacheKey, getReactionsObjectCacheKey } from '../constants/Cache';
 import { useSCPreferences } from '../components/provider/SCPreferencesProvider';
-import * as SCFeatures from '../constants/Features';
 const init = { default: null, reactions: [], isLoading: true };
 // HYDRATE the cache
 const hydrate = (ids) => {
@@ -53,20 +44,6 @@ const useSCFetchReactions = (props) => {
     // STATE
     const reactions = cacheStrategy !== CacheStrategies.NETWORK_ONLY ? hydrate(LRUCache.get(__reactionsCacheKey, null)) : null;
     const [data, setData] = useState(reactions !== null ? { default: reactions.find((reaction) => reaction.id === 1), reactions, isLoading: false } : init);
-    /**
-     * Fetch reactions
-     */
-    const fetchReactions = (next = Endpoints.GetReactions.url()) => __awaiter(void 0, void 0, void 0, function* () {
-        const response = yield http.request({
-            url: next,
-            method: Endpoints.GetReactions.method,
-        });
-        const data = response.data;
-        if (data.next) {
-            return data.results.concat(yield fetchReactions(data.next));
-        }
-        return data.results;
-    });
     /**
      * Get reactions
      */
@@ -74,10 +51,10 @@ const useSCFetchReactions = (props) => {
         if (cacheStrategy === CacheStrategies.CACHE_FIRST && reactions) {
             return;
         }
-        if (!scPreferences.features.includes(SCFeatures.REACTION)) {
+        if (!scPreferences.features || !scPreferences.features.includes(SCFeatureName.REACTION)) {
             return;
         }
-        fetchReactions()
+        ReactionService.getAllReactionsList()
             .then((data) => {
             setData({ reactions: data, isLoading: false, default: data.find((reaction) => reaction.id === 1) });
             LRUCache.set(__reactionsCacheKey, data.map((r) => {
@@ -94,4 +71,3 @@ const useSCFetchReactions = (props) => {
     return data;
 };
 export default useSCFetchReactions;
-//# sourceMappingURL=useSCFetchReactions.js.map

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

@@ -16,4 +16,3 @@ export default function useSCFetchTag({ id, tag }: {
     setSCTag: import("react").Dispatch<import("react").SetStateAction<SCTagType>>;
     error: string;
 };
-//# sourceMappingURL=useSCFetchTag.d.ts.map

package/lib/esm/hooks/useSCFetchTag.js

@@ -47,4 +47,3 @@ export default function useSCFetchTag({ id = null, tag = null }) {
     }, [id]);
     return { scTag, setSCTag, error };
 }
-//# sourceMappingURL=useSCFetchTag.js.map

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

@@ -14,6 +14,7 @@ export default function useSCFetchUser({ id, user }: {
 }): {
     scUser: SCUserType;
     setSCUser: import("react").Dispatch<import("react").SetStateAction<SCUserType>>;
+    refresh: () => Promise<void>;
+    refreshing: boolean;
     error: string;
 };
-//# sourceMappingURL=useSCFetchUser.d.ts.map

package/lib/esm/hooks/useSCFetchUser.js

@@ -1,7 +1,8 @@
 import { useEffect, useMemo, useState } from 'react';
 import { SCOPE_SC_CORE } from '../constants/Errors';
 import { http, Endpoints } from '@selfcommunity/api-services';
-import { Logger } from '@selfcommunity/utils';
+import { Logger, objectWithoutProperties } from '@selfcommunity/utils';
+import { useSCUser } from '../components/provider/SCUserProvider';
 /**
  :::info
  This custom hook is used to fetch a user object.
@@ -11,15 +12,20 @@ import { Logger } from '@selfcommunity/utils';
  * @param object.user
  */
 export default function useSCFetchUser({ id = null, user = null }) {
-    const [scUser, setSCUser] = useState(user);
+    // CONTEXT
+    const scUserContext = useSCUser();
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
+    const __user = useMemo(() => (authUserId ? user : objectWithoutProperties(user, ['connection_status'])), [user]);
+    const [scUser, setSCUser] = useState(__user);
     const [error, setError] = useState(null);
+    const [refreshing, setRefreshing] = useState(false);
     /**
      * Memoized fetchUser
      */
     const fetchUser = useMemo(() => () => {
         return http
             .request({
-            url: Endpoints.User.url({ id: id }),
+            url: Endpoints.User.url({ id: user ? user.id : id }),
             method: Endpoints.User.method,
         })
             .then((res) => {
@@ -28,7 +34,27 @@ export default function useSCFetchUser({ id = null, user = null }) {
             }
             return Promise.resolve(res.data);
         });
-    }, [id]);
+    }, [id, user]);
+    /**
+     * Memoized refresh
+     */
+    const refresh = useMemo(() => () => {
+        if (!refreshing) {
+            setRefreshing(true);
+            return fetchUser()
+                .then((obj) => {
+                setRefreshing(false);
+                setSCUser(authUserId ? obj : objectWithoutProperties(obj, ['connection_status']));
+            })
+                .catch((err) => {
+                setRefreshing(false);
+                setError(`Unable to refresh user with id ${id}`);
+                Logger.error(SCOPE_SC_CORE, `Unable to refresh user with id ${id}`);
+                Logger.error(SCOPE_SC_CORE, err.message);
+            });
+        }
+        return Promise.reject();
+    }, [fetchUser, refreshing]);
     /**
      * If id resolve the obj
      */
@@ -36,7 +62,7 @@ export default function useSCFetchUser({ id = null, user = null }) {
         if (id) {
             fetchUser()
                 .then((obj) => {
-                setSCUser(obj);
+                setSCUser(authUserId ? obj : objectWithoutProperties(obj, ['connection_status']));
             })
                 .catch((err) => {
                 setError(`User with id ${id} not found`);
@@ -45,9 +71,8 @@ export default function useSCFetchUser({ id = null, user = null }) {
             });
         }
         else {
-            setSCUser(user);
+            setSCUser(__user);
         }
-    }, [id, user]);
-    return { scUser, setSCUser, error };
+    }, [id, __user]);
+    return { scUser, setSCUser, refresh, refreshing, error };
 }
-//# sourceMappingURL=useSCFetchUser.js.map

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

@@ -0,0 +1,17 @@
+import { SCUserType } from '@selfcommunity/types';
+/**
+ :::info
+ This custom hook is used to fetch if a user is blocked by another user.
+ :::
+ * @param user
+ * @param blockedByUser
+ */
+export default function useSCFetchUserBlockedBy({ user, blockedByUser, sync, }: {
+    user: SCUserType;
+    blockedByUser?: boolean | null;
+    sync?: boolean;
+}): {
+    blockedBy: boolean;
+    loading: boolean;
+    error: string;
+};

package/lib/esm/hooks/useSCFetchUserBlockedBy.js

@@ -0,0 +1,80 @@
+import { useEffect, useMemo, useState } from 'react';
+import { SCOPE_SC_CORE } from '../constants/Errors';
+import { UserService } from '@selfcommunity/api-services';
+import { Logger } from '@selfcommunity/utils';
+import { useSCUser } from '../components/provider/SCUserProvider';
+/**
+ :::info
+ This custom hook is used to fetch if a user is blocked by another user.
+ :::
+ * @param user
+ * @param blockedByUser
+ */
+export default function useSCFetchUserBlockedBy({ user = null, blockedByUser = null, sync = true, }) {
+    const [blockedBy, setBlockedBy] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    // CONTEXT
+    const scUserContext = useSCUser();
+    /**
+     * Memoized fetchUserBlockedBy
+     */
+    const fetchUserBlockedBy = useMemo(() => (user, setLoadingStatus = true) => {
+        setLoadingStatus && setLoading(true);
+        return UserService.checkUserHiddenBy(user.id)
+            .then((res) => {
+            setLoadingStatus && setLoading(false);
+            setBlockedBy(res.is_hidden_by);
+            return Promise.resolve(res.is_hidden_by);
+        })
+            .catch((e) => {
+            setLoadingStatus && setLoading(false);
+            Logger.error(SCOPE_SC_CORE, 'Unable to load user blocked by.');
+            Logger.error(SCOPE_SC_CORE, e);
+            setError(e);
+        });
+    }, [loading, setBlockedBy]);
+    /**
+     * If user attempt to get blocked by
+     */
+    useEffect(() => {
+        if (user && blockedBy === null) {
+            // if user && blockedBy === null initialize the component
+            if (scUserContext.user) {
+                // authenticated user
+                if (scUserContext.user.id !== user.id) {
+                    fetchUserBlockedBy(user);
+                }
+                else {
+                    setBlockedBy(false);
+                    setLoading(false);
+                }
+            }
+            else if (scUserContext.user === null) {
+                // anonymous user
+                setBlockedBy(blockedByUser);
+                setLoading(false);
+            }
+        }
+    }, [scUserContext.user, user, fetchUserBlockedBy, blockedBy, loading]);
+    useEffect(() => {
+        if (!scUserContext.user && blockedBy !== null) {
+            setBlockedBy(blockedByUser);
+        }
+    }, [scUserContext.user, blockedBy, blockedByUser]);
+    /**
+     * If sync enabled pull the remote status every 5sec
+     */
+    useEffect(() => {
+        let interval;
+        if (scUserContext.user && blockedBy !== null && sync) {
+            interval = setInterval(() => {
+                fetchUserBlockedBy(user, false);
+            }, 5000);
+            return () => {
+                interval && clearInterval(interval);
+            };
+        }
+    }, [scUserContext.user, user, fetchUserBlockedBy, blockedBy]);
+    return { blockedBy, loading, error };
+}

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

@@ -16,4 +16,3 @@ export default function useSCFetchUserProviders({ id, providers }: {
     setSCUserProviders: import("react").Dispatch<import("react").SetStateAction<SCUserProviderAssociationType[]>>;
     error: string;
 };
-//# sourceMappingURL=useSCFetchUserProviders.d.ts.map

package/lib/esm/hooks/useSCFetchUserProviders.js

@@ -33,4 +33,3 @@ export default function useSCFetchUserProviders({ id, providers = null }) {
     }, [id, providers]);
     return { scUserProviders, setSCUserProviders, error };
 }
-//# sourceMappingURL=useSCFetchUserProviders.js.map

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

@@ -20,7 +20,7 @@ interface FetchVoteProps {
      * onVote callback
      * @default null
      */
-    onVote?: (contribution: SCFeedObjectType | SCCommentType) => any;
+    onVote?: (contribution: SCFeedObjectType | SCCommentType, error: any) => any;
     /**
      * Cache strategy
      * @default CACHE_FIRST
@@ -52,7 +52,6 @@ export default function useSCFetchVote({ id, contribution, contributionType, onV
     contributionVoted: boolean;
     contributionVoteCount: number;
     contributionReaction: SCReactionType;
-    contributionReactionsCount: [];
+    contributionReactionsCount: any[];
 };
 export {};
-//# sourceMappingURL=useSCFetchVote.d.ts.map