@selfcommunity/react-core 0.4.0-alpha.113 → 0.4.0-alpha.115

package/lib/cjs/components/provider/SCVoteProvider/index.d.ts

@@ -24,7 +24,7 @@ export declare const SCVoteContext: React.Context<SCVoteContextType>;
  * @param children
  * @return
  *  ```jsx
- *  <SCVoteContext.Provider value={{reactions}}>{!loading && children}</SCVoteContext.Provider>
+ *  <SCVoteContext.Provider value={{reactions}}>{!isLoading && children}</SCVoteContext.Provider>
  *  ```
  */
 export default function SCVoteProvider({ children }: {

package/lib/cjs/components/provider/SCVoteProvider/index.js

@@ -8,7 +8,6 @@ const utils_1 = require("@selfcommunity/utils");
 const Errors_1 = require("../../../constants/Errors");
 const SCContextProvider_1 = require("../SCContextProvider");
 const types_1 = require("@selfcommunity/types");
-const Cache_1 = require("../../../constants/Cache");
 const SCPreferencesProvider_1 = require("../SCPreferencesProvider");
 /**
  * Creates Vote Context
@@ -34,72 +33,56 @@ exports.SCVoteContext = (0, react_1.createContext)({});
  * @param children
  * @return
  *  ```jsx
- *  <SCVoteContext.Provider value={{reactions}}>{!loading && children}</SCVoteContext.Provider>
+ *  <SCVoteContext.Provider value={{reactions}}>{!isLoading && children}</SCVoteContext.Provider>
  *  ```
  */
 function SCVoteProvider({ children = null }) {
     const scContext = (0, SCContextProvider_1.useSCContext)();
     const scPreferencesContext = (0, react_1.useContext)(SCPreferencesProvider_1.SCPreferencesContext);
-    const [reactions] = (0, react_1.useState)(scContext.settings.vote.reactions);
+    const [reactions, setReactions] = (0, react_1.useState)(scContext.settings.vote.reactions);
     const [, setError] = (0, react_1.useState)();
-    const [initialized, setInitialized] = (0, react_1.useState)(scContext.settings.vote.reactions !== null);
-    const [loading, setLoading] = (0, react_1.useState)(scContext.settings.vote.reactions === null);
-    /**
-     * Hydrate reactions cache
-     * @param data
-     */
-    const hydrateCache = (data) => {
-        if (data && Array.isArray(data) && data.length) {
-            utils_1.LRUCache.set((0, Cache_1.getReactionsObjectCacheKey)(), data.map((r) => {
-                const __reactionCacheKey = (0, Cache_1.getReactionObjectCacheKey)(r.id);
-                utils_1.LRUCache.set(__reactionCacheKey, r, { noSsr: false });
-                return r.id;
-            }), { noSsr: false });
-        }
-        return data;
-    };
+    const [initialized, setInitialized] = (0, react_1.useState)((scPreferencesContext.features && !scPreferencesContext.features.includes(types_1.SCFeatureName.REACTION)) || scContext.settings.vote.reactions !== null);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(scPreferencesContext.features && scPreferencesContext.features.includes(types_1.SCFeatureName.REACTION) && scContext.settings.vote.reactions === null);
     /**
      * Helper to refresh reactions list
      */
-    const refreshReactions = (0, react_1.useMemo)(() => () => api_services_1.ReactionService.getAllReactionsList().then((data) => {
-        return hydrateCache(data);
+    const refreshReactions = (0, react_1.useCallback)(() => api_services_1.ReactionService.getAllReactionsList().then((data) => {
+        setReactions(data);
+        return data;
     }), []);
     /**
      * Initialize component
      * Load all reactions if the feature 'reaction' is enabled
      */
-    const _initComponent = (0, react_1.useMemo)(() => () => {
+    const _initComponent = (0, react_1.useCallback)(() => {
         if (!initialized) {
             setInitialized(true);
-            setLoading(true);
+            setIsLoading(true);
             refreshReactions()
                 .then(() => {
-                setLoading(false);
+                setIsLoading(false);
             })
                 .catch((_error) => {
                 utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, _error);
                 setError(_error);
             });
         }
-        else {
-            hydrateCache(reactions);
-        }
-    }, [loading, reactions, initialized]);
+    }, [isLoading, initialized]);
     // EFFECTS
     (0, react_1.useEffect)(() => {
         let _t;
-        if (scPreferencesContext.features && scPreferencesContext.features.includes(types_1.SCFeatureName.REACTION)) {
+        if (scPreferencesContext.features && scPreferencesContext.features.includes(types_1.SCFeatureName.REACTION) && !reactions) {
             _t = setTimeout(_initComponent);
             return () => {
                 _t && clearTimeout(_t);
             };
         }
-    }, [scPreferencesContext.features]);
+    }, [scPreferencesContext.features, reactions]);
     /**
      * Nesting all necessary providers
      * All child components will use help contexts to works
      */
-    return react_1.default.createElement(exports.SCVoteContext.Provider, { value: { reactions, refreshReactions } }, initialized && children);
+    return react_1.default.createElement(exports.SCVoteContext.Provider, { value: { reactions, isLoading, refreshReactions } }, initialized && children);
 }
 exports.default = SCVoteProvider;
 /**

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

@@ -36,11 +36,6 @@ export declare const VIRTUALIZED_SCROLL_STATE_CACHE_PREFIX_KEY = "_virtualized_s
 export declare const getVirtualizedScrollStateCacheKey: (id: any) => string;
 export declare const FEED_CACHE_SP_KEY = "_feed_spos_";
 export declare const getFeedSPCacheKey: (id: any) => string;
-/** REACTIONS **/
-export declare const REACTIONS_OBJECT_CACHE_PREFIX_KEY = "_res_";
-export declare const getReactionsObjectCacheKey: () => string;
-export declare const REACTION_OBJECT_CACHE_PREFIX_KEY = "_re_";
-export declare const getReactionObjectCacheKey: (id: any) => string;
 /** CUSTOM ADVERTISING **/
 export declare const ADV_OBJECT_CACHE_PREFIX_KEY = "_adv_";
 export declare const getAdvObjectCacheKey: (id: any) => string;

package/lib/cjs/constants/Cache.js

@@ -3,8 +3,7 @@
  * Cache prefixes
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-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.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.getPmSnippetObjectCacheKey = exports.PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY = exports.getPmSnippetsObjectCacheKey = exports.PM_SNIPPETS_OBJECT_CACHE_PREFIX_KEY = exports.getAdvObjectCacheKey = exports.ADV_OBJECT_CACHE_PREFIX_KEY = exports.getReactionObjectCacheKey = exports.REACTION_OBJECT_CACHE_PREFIX_KEY = exports.getReactionsObjectCacheKey = exports.REACTIONS_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.getCategoryObjectCacheKey = exports.CATEGORY_OBJECT_CACHE_PREFIX_KEY = exports.getCategoriesObjectCacheKey = exports.CATEGORIES_OBJECT_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.POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = exports.INCUBATOR_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY = void 0;
+exports.getWidgetStateCacheKey = 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.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.getPmSnippetObjectCacheKey = exports.PM_SNIPPET_OBJECT_CACHE_PREFIX_KEY = exports.getPmSnippetsObjectCacheKey = 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.getCategoryObjectCacheKey = exports.CATEGORY_OBJECT_CACHE_PREFIX_KEY = exports.getCategoriesObjectCacheKey = exports.CATEGORIES_OBJECT_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;
 /** FEED OBJECT **/
 exports.FEED_OBJECT_CACHE_PREFIX_KEY = '_fo_';
 const getFeedObjectCacheKey = (id, type) => `${exports.FEED_OBJECT_CACHE_PREFIX_KEY}${type}_${id}`;
@@ -58,15 +57,6 @@ exports.getVirtualizedScrollStateCacheKey = getVirtualizedScrollStateCacheKey;
 exports.FEED_CACHE_SP_KEY = '_feed_spos_';
 const getFeedSPCacheKey = (id) => `${exports.FEED_CACHE_SP_KEY}${id}`;
 exports.getFeedSPCacheKey = getFeedSPCacheKey;
-/** REACTIONS **/
-// Reactions Object
-exports.REACTIONS_OBJECT_CACHE_PREFIX_KEY = '_res_';
-const getReactionsObjectCacheKey = () => `${exports.REACTIONS_OBJECT_CACHE_PREFIX_KEY}`;
-exports.getReactionsObjectCacheKey = getReactionsObjectCacheKey;
-// Reaction Object
-exports.REACTION_OBJECT_CACHE_PREFIX_KEY = '_re_';
-const getReactionObjectCacheKey = (id) => `${exports.REACTION_OBJECT_CACHE_PREFIX_KEY}${id}`;
-exports.getReactionObjectCacheKey = getReactionObjectCacheKey;
 /** CUSTOM ADVERTISING **/
 exports.ADV_OBJECT_CACHE_PREFIX_KEY = '_adv_';
 const getAdvObjectCacheKey = (id) => `${exports.ADV_OBJECT_CACHE_PREFIX_KEY}${id}`;

package/lib/cjs/hooks/useSCFetchVote.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const react_1 = require("react");
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
 const Errors_1 = require("../constants/Errors");
 const types_1 = require("@selfcommunity/types");
 const Cache_1 = require("../constants/Cache");
-const useSCFetchReactions_1 = tslib_1.__importDefault(require("./useSCFetchReactions"));
 const SCContextProvider_1 = require("../components/provider/SCContextProvider");
 const SCUserProvider_1 = require("../components/provider/SCUserProvider");
+const SCVoteProvider_1 = require("../components/provider/SCVoteProvider");
 /**
  :::info
  This custom hook is used to fetch a contribution vote.
@@ -30,7 +29,10 @@ function useSCFetchVote({ id, contribution = null, contributionType, onVote = nu
     // HOOKS
     const scContext = (0, SCContextProvider_1.useSCContext)();
     const scUserContext = (0, SCUserProvider_1.useSCUser)();
-    const reactions = (0, useSCFetchReactions_1.default)();
+    const scVoteContext = (0, SCVoteProvider_1.useSCVote)();
+    const reactions = (0, react_1.useMemo)(() => {
+        return { default: scVoteContext.reactions.find((reaction) => reaction.id === 1), reactions: scVoteContext.reactions, isLoading: scVoteContext.isLoading };
+    }, [scVoteContext.reactions, scVoteContext.isLoading]);
     const fetchObject = (0, react_1.useMemo)(() => () => {
         setIsLoading(true);
         return api_services_1.http

package/lib/cjs/index.d.ts

@@ -56,7 +56,6 @@ import useSCFetchIncubator from './hooks/useSCFetchIncubator';
 import useSCMediaClick from './hooks/useSCMediaClick';
 import useSCFetchContributors from './hooks/useSCFetchContributors';
 import useSCFetchFeed from './hooks/useSCFetchFeed';
-import useSCFetchReactions from './hooks/useSCFetchReactions';
 import useSCFetchPrivateMessageSnippets from './hooks/useSCFetchPrivateMessageSnippets';
 import useSCFetchBroadcastMessages from './hooks/useSCFetchBroadcastMessages';
 import useSCFetchUserBlockedBy from './hooks/useSCFetchUserBlockedBy';
@@ -80,4 +79,4 @@ import * as Locale from './constants/Locale';
 /**
  * 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, SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, Locale, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, useSCFetchReactions, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, };
+export { SCUserContextType, SCFollowedCategoriesManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCSettingsManagerType, SCFollowedManagerType, SCFollowersManagerType, SCConnectionsManagerType, SCSubscribedIncubatorsManagerType, SCLocaleType, SCNotificationContextType, SCPreferencesContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType, SCThemeAvatarVariableType, SCThemeCategoryIconVariableType, SCThemeCategoryVariableType, SCThemeVariablesType, SCThemeType, SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, Locale, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, };

package/lib/cjs/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsComponentMountedRef = exports.useSCFetchFeed = exports.useSCFetchContributors = exports.useSCMediaClick = exports.useSCFetchIncubator = exports.useSCFetchCategories = exports.useSCFetchCategory = exports.useSCFetchAddressingTagList = exports.useSCFetchTag = exports.useSCFetchCustomAdv = exports.useSCFetchCommentObjects = exports.useSCFetchCommentObject = exports.useSCFetchFeedObject = exports.useSCFetchVote = exports.useSCFetchUserProviders = exports.useSCFetchUser = exports.Locale = 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.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.useSCUserIsBlocked = exports.useSCFetchUserBlockedBy = exports.useSCFetchBroadcastMessages = exports.useSCFetchPrivateMessageSnippets = exports.useSCFetchReactions = exports.useNoInitialEffect = exports.useEffectOnce = exports.useIsomorphicLayoutEffect = exports.usePreviousValue = void 0;
+exports.useSCUserIsBlocked = exports.useSCFetchUserBlockedBy = exports.useSCFetchBroadcastMessages = exports.useSCFetchPrivateMessageSnippets = exports.useNoInitialEffect = exports.useEffectOnce = exports.useIsomorphicLayoutEffect = exports.usePreviousValue = void 0;
 const tslib_1 = require("tslib");
 /**
  * ContextProvider component
@@ -102,8 +102,6 @@ const useSCFetchContributors_1 = tslib_1.__importDefault(require("./hooks/useSCF
 exports.useSCFetchContributors = useSCFetchContributors_1.default;
 const useSCFetchFeed_1 = tslib_1.__importDefault(require("./hooks/useSCFetchFeed"));
 exports.useSCFetchFeed = useSCFetchFeed_1.default;
-const useSCFetchReactions_1 = tslib_1.__importDefault(require("./hooks/useSCFetchReactions"));
-exports.useSCFetchReactions = useSCFetchReactions_1.default;
 const useSCFetchPrivateMessageSnippets_1 = tslib_1.__importDefault(require("./hooks/useSCFetchPrivateMessageSnippets"));
 exports.useSCFetchPrivateMessageSnippets = useSCFetchPrivateMessageSnippets_1.default;
 const useSCFetchBroadcastMessages_1 = tslib_1.__importDefault(require("./hooks/useSCFetchBroadcastMessages"));

package/lib/cjs/types/context.d.ts

@@ -418,6 +418,10 @@ export interface SCVoteContextType {
      * List of all reactions
      */
     reactions: SCReactionType[];
+    /**
+     * Is loading the list of reactions?
+     */
+    isLoading: boolean;
     /**
      * Refresh reactions
      */

package/lib/esm/components/provider/SCVoteProvider/index.d.ts

@@ -24,7 +24,7 @@ export declare const SCVoteContext: React.Context<SCVoteContextType>;
  * @param children
  * @return
  *  ```jsx
- *  <SCVoteContext.Provider value={{reactions}}>{!loading && children}</SCVoteContext.Provider>
+ *  <SCVoteContext.Provider value={{reactions}}>{!isLoading && children}</SCVoteContext.Provider>
  *  ```
  */
 export default function SCVoteProvider({ children }: {

package/lib/esm/components/provider/SCVoteProvider/index.js

@@ -1,10 +1,9 @@
-import React, { createContext, useContext, useEffect, useMemo, useState } from 'react';
+import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
 import { ReactionService } from '@selfcommunity/api-services';
-import { Logger, LRUCache } from '@selfcommunity/utils';
+import { Logger } from '@selfcommunity/utils';
 import { SCOPE_SC_CORE } from '../../../constants/Errors';
 import { useSCContext } from '../SCContextProvider';
 import { SCFeatureName } from '@selfcommunity/types';
-import { getReactionObjectCacheKey, getReactionsObjectCacheKey } from '../../../constants/Cache';
 import { SCPreferencesContext } from '../SCPreferencesProvider';
 /**
  * Creates Vote Context
@@ -30,72 +29,56 @@ export const SCVoteContext = createContext({});
  * @param children
  * @return
  *  ```jsx
- *  <SCVoteContext.Provider value={{reactions}}>{!loading && children}</SCVoteContext.Provider>
+ *  <SCVoteContext.Provider value={{reactions}}>{!isLoading && children}</SCVoteContext.Provider>
  *  ```
  */
 export default function SCVoteProvider({ children = null }) {
     const scContext = useSCContext();
     const scPreferencesContext = useContext(SCPreferencesContext);
-    const [reactions] = useState(scContext.settings.vote.reactions);
+    const [reactions, setReactions] = useState(scContext.settings.vote.reactions);
     const [, setError] = useState();
-    const [initialized, setInitialized] = useState(scContext.settings.vote.reactions !== null);
-    const [loading, setLoading] = useState(scContext.settings.vote.reactions === null);
-    /**
-     * Hydrate reactions cache
-     * @param data
-     */
-    const hydrateCache = (data) => {
-        if (data && Array.isArray(data) && data.length) {
-            LRUCache.set(getReactionsObjectCacheKey(), data.map((r) => {
-                const __reactionCacheKey = getReactionObjectCacheKey(r.id);
-                LRUCache.set(__reactionCacheKey, r, { noSsr: false });
-                return r.id;
-            }), { noSsr: false });
-        }
-        return data;
-    };
+    const [initialized, setInitialized] = useState((scPreferencesContext.features && !scPreferencesContext.features.includes(SCFeatureName.REACTION)) || scContext.settings.vote.reactions !== null);
+    const [isLoading, setIsLoading] = useState(scPreferencesContext.features && scPreferencesContext.features.includes(SCFeatureName.REACTION) && scContext.settings.vote.reactions === null);
     /**
      * Helper to refresh reactions list
      */
-    const refreshReactions = useMemo(() => () => ReactionService.getAllReactionsList().then((data) => {
-        return hydrateCache(data);
+    const refreshReactions = useCallback(() => ReactionService.getAllReactionsList().then((data) => {
+        setReactions(data);
+        return data;
     }), []);
     /**
      * Initialize component
      * Load all reactions if the feature 'reaction' is enabled
      */
-    const _initComponent = useMemo(() => () => {
+    const _initComponent = useCallback(() => {
         if (!initialized) {
             setInitialized(true);
-            setLoading(true);
+            setIsLoading(true);
             refreshReactions()
                 .then(() => {
-                setLoading(false);
+                setIsLoading(false);
             })
                 .catch((_error) => {
                 Logger.error(SCOPE_SC_CORE, _error);
                 setError(_error);
             });
         }
-        else {
-            hydrateCache(reactions);
-        }
-    }, [loading, reactions, initialized]);
+    }, [isLoading, initialized]);
     // EFFECTS
     useEffect(() => {
         let _t;
-        if (scPreferencesContext.features && scPreferencesContext.features.includes(SCFeatureName.REACTION)) {
+        if (scPreferencesContext.features && scPreferencesContext.features.includes(SCFeatureName.REACTION) && !reactions) {
             _t = setTimeout(_initComponent);
             return () => {
                 _t && clearTimeout(_t);
             };
         }
-    }, [scPreferencesContext.features]);
+    }, [scPreferencesContext.features, reactions]);
     /**
      * Nesting all necessary providers
      * All child components will use help contexts to works
      */
-    return React.createElement(SCVoteContext.Provider, { value: { reactions, refreshReactions } }, initialized && children);
+    return React.createElement(SCVoteContext.Provider, { value: { reactions, isLoading, refreshReactions } }, initialized && children);
 }
 /**
  * Let's only export the `useSCPreferences` hook instead of the context.

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

@@ -36,11 +36,6 @@ export declare const VIRTUALIZED_SCROLL_STATE_CACHE_PREFIX_KEY = "_virtualized_s
 export declare const getVirtualizedScrollStateCacheKey: (id: any) => string;
 export declare const FEED_CACHE_SP_KEY = "_feed_spos_";
 export declare const getFeedSPCacheKey: (id: any) => string;
-/** REACTIONS **/
-export declare const REACTIONS_OBJECT_CACHE_PREFIX_KEY = "_res_";
-export declare const getReactionsObjectCacheKey: () => string;
-export declare const REACTION_OBJECT_CACHE_PREFIX_KEY = "_re_";
-export declare const getReactionObjectCacheKey: (id: any) => string;
 /** CUSTOM ADVERTISING **/
 export declare const ADV_OBJECT_CACHE_PREFIX_KEY = "_adv_";
 export declare const getAdvObjectCacheKey: (id: any) => string;

package/lib/esm/constants/Cache.js

@@ -40,13 +40,6 @@ export const getVirtualizedScrollStateCacheKey = (id) => `${VIRTUALIZED_SCROLL_S
 // Cache feed position
 export const FEED_CACHE_SP_KEY = '_feed_spos_';
 export const getFeedSPCacheKey = (id) => `${FEED_CACHE_SP_KEY}${id}`;
-/** REACTIONS **/
-// Reactions Object
-export const REACTIONS_OBJECT_CACHE_PREFIX_KEY = '_res_';
-export const getReactionsObjectCacheKey = () => `${REACTIONS_OBJECT_CACHE_PREFIX_KEY}`;
-// Reaction Object
-export const REACTION_OBJECT_CACHE_PREFIX_KEY = '_re_';
-export const getReactionObjectCacheKey = (id) => `${REACTION_OBJECT_CACHE_PREFIX_KEY}${id}`;
 /** CUSTOM ADVERTISING **/
 export const ADV_OBJECT_CACHE_PREFIX_KEY = '_adv_';
 export const getAdvObjectCacheKey = (id) => `${ADV_OBJECT_CACHE_PREFIX_KEY}${id}`;

package/lib/esm/hooks/useSCFetchVote.js

@@ -4,9 +4,9 @@ import { CacheStrategies, Logger, LRUCache } from '@selfcommunity/utils';
 import { SCOPE_SC_CORE } from '../constants/Errors';
 import { SCContributionType, } from '@selfcommunity/types';
 import { getCommentObjectCacheKey, getFeedObjectCacheKey } from '../constants/Cache';
-import useSCFetchReactions from './useSCFetchReactions';
 import { useSCContext } from '../components/provider/SCContextProvider';
 import { useSCUser } from '../components/provider/SCUserProvider';
+import { useSCVote } from '../components/provider/SCVoteProvider';
 /**
  :::info
  This custom hook is used to fetch a contribution vote.
@@ -27,7 +27,10 @@ export default function useSCFetchVote({ id, contribution = null, contributionTy
     // HOOKS
     const scContext = useSCContext();
     const scUserContext = useSCUser();
-    const reactions = useSCFetchReactions();
+    const scVoteContext = useSCVote();
+    const reactions = useMemo(() => {
+        return { default: scVoteContext.reactions.find((reaction) => reaction.id === 1), reactions: scVoteContext.reactions, isLoading: scVoteContext.isLoading };
+    }, [scVoteContext.reactions, scVoteContext.isLoading]);
     const fetchObject = useMemo(() => () => {
         setIsLoading(true);
         return http

package/lib/esm/index.d.ts

@@ -56,7 +56,6 @@ import useSCFetchIncubator from './hooks/useSCFetchIncubator';
 import useSCMediaClick from './hooks/useSCMediaClick';
 import useSCFetchContributors from './hooks/useSCFetchContributors';
 import useSCFetchFeed from './hooks/useSCFetchFeed';
-import useSCFetchReactions from './hooks/useSCFetchReactions';
 import useSCFetchPrivateMessageSnippets from './hooks/useSCFetchPrivateMessageSnippets';
 import useSCFetchBroadcastMessages from './hooks/useSCFetchBroadcastMessages';
 import useSCFetchUserBlockedBy from './hooks/useSCFetchUserBlockedBy';
@@ -80,4 +79,4 @@ import * as Locale from './constants/Locale';
 /**
  * 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, SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, Locale, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, useSCFetchReactions, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, };
+export { SCUserContextType, SCFollowedCategoriesManagerType, SCContextProviderType, SCContextType, SCSettingsType, SCSessionType, SCSettingsManagerType, SCFollowedManagerType, SCFollowersManagerType, SCConnectionsManagerType, SCSubscribedIncubatorsManagerType, SCLocaleType, SCNotificationContextType, SCPreferencesContextType, SCThemeContextType, SCRoutingContextType, SCLocaleContextType, SCAlertMessagesContextType, SCThemeAvatarVariableType, SCThemeCategoryIconVariableType, SCThemeCategoryVariableType, SCThemeVariablesType, SCThemeType, SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, Locale, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, };

package/lib/esm/index.js

@@ -52,7 +52,6 @@ import useSCFetchIncubator from './hooks/useSCFetchIncubator';
 import useSCMediaClick from './hooks/useSCMediaClick';
 import useSCFetchContributors from './hooks/useSCFetchContributors';
 import useSCFetchFeed from './hooks/useSCFetchFeed';
-import useSCFetchReactions from './hooks/useSCFetchReactions';
 import useSCFetchPrivateMessageSnippets from './hooks/useSCFetchPrivateMessageSnippets';
 import useSCFetchBroadcastMessages from './hooks/useSCFetchBroadcastMessages';
 import useSCFetchUserBlockedBy from './hooks/useSCFetchUserBlockedBy';
@@ -76,4 +75,4 @@ import * as Locale from './constants/Locale';
 /**
  * List all exports
  */
-export { SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, Locale, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, useSCFetchReactions, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, };
+export { SCContext, SCUserContext, SCThemeContext, SCRoutingContext, SCLocaleContext, SCPreferencesContext, useSCContext, SCContextProvider, SCUserProvider, useSCUser, useSCPreferences, SCThemeProvider, useSCTheme, withSCTheme, SCRoutingProvider, useSCRouting, SCLocaleProvider, useSCLocale, withSCLocale, SCPreferencesProvider, SCPreferences, SCFeatures, SCNotification, SCNotificationProvider, SCNotificationContext, useSCNotification, SCAlertMessagesProvider, SCAlertMessagesContext, useSCAlertMessages, Link, SCRoutes, SCCache, UserUtils, Locale, useSCFetchUser, useSCFetchUserProviders, useSCFetchVote, useSCFetchFeedObject, useSCFetchCommentObject, useSCFetchCommentObjects, useSCFetchCustomAdv, useSCFetchTag, useSCFetchAddressingTagList, useSCFetchCategory, useSCFetchCategories, useSCFetchIncubator, useSCMediaClick, useSCFetchContributors, useSCFetchFeed, useIsComponentMountedRef, usePreviousValue, useIsomorphicLayoutEffect, useEffectOnce, useNoInitialEffect, useSCFetchPrivateMessageSnippets, useSCFetchBroadcastMessages, useSCFetchUserBlockedBy, useSCUserIsBlocked, };

package/lib/esm/types/context.d.ts

@@ -418,6 +418,10 @@ export interface SCVoteContextType {
      * List of all reactions
      */
     reactions: SCReactionType[];
+    /**
+     * Is loading the list of reactions?
+     */
+    isLoading: boolean;
     /**
      * Refresh reactions
      */