@selfcommunity/react-ui 0.7.0-alpha.5 → 0.7.0-alpha.51

package/lib/cjs/components/PollSuggestion/PollSuggestion.js

@@ -44,7 +44,6 @@ const material_1 = require("@mui/material");
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
 const react_core_1 = require("@selfcommunity/react-core");
-const Skeleton_1 = __importDefault(require("../TrendingFeed/Skeleton"));
 const Errors_1 = require("../../constants/Errors");
 const react_intl_1 = require("react-intl");
 const classnames_1 = __importDefault(require("classnames"));
@@ -55,6 +54,8 @@ const Widget_1 = __importDefault(require("../Widget"));
 const system_1 = require("@mui/system");
 const PollSnippet_1 = __importDefault(require("./PollSnippet"));
 const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
+const tools_1 = require("../../utils/tools");
+const Skeleton_1 = __importDefault(require("../TrendingFeed/Skeleton"));
 const PREFIX = 'SCPollSuggestion';
 const classes = {
     root: `${PREFIX}-root`,
@@ -111,75 +112,86 @@ function PollSuggestion(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { className, autoHide = true } = props, rest = __rest(props, ["className", "autoHide"]);
+    const { className, autoHide = true, onHeightChange, onStateChange, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY } = props, rest = __rest(props, ["className", "autoHide", "onHeightChange", "onStateChange", "cacheStrategy"]);
     // REFS
     const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
     // STATE
+    const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
+        isLoadingNext: true,
+        next: api_services_1.Endpoints.PollSuggestion.url({}),
+        cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY),
+        cacheStrategy
+    }, tools_1.stateToolsInitializer);
     const theme = (0, material_1.useTheme)();
     const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
-    const [objs, setObjs] = (0, react_1.useState)([]);
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [hasMore, setHasMore] = (0, react_1.useState)(false);
-    const [total, setTotal] = (0, react_1.useState)(0);
-    const [visibleObjs, setVisibleObjs] = (0, react_1.useState)(limit);
     const [openPollSuggestionDialog, setOpenPollSuggestionDialog] = (0, react_1.useState)(false);
-    const [next, setNext] = (0, react_1.useState)(`${api_services_1.Endpoints.PollSuggestion.url()}?limit=10`);
     /**
      * Fetches related discussions list
      */
     function fetchPollSuggestion() {
-        if (next) {
-            api_services_1.http
-                .request({
-                url: next,
-                method: api_services_1.Endpoints.PollSuggestion.method
-            })
+        return api_services_1.http.request({
+            url: state.next,
+            method: api_services_1.Endpoints.PollSuggestion.method
+        });
+    }
+    (0, react_1.useEffect)(() => {
+        if (scUserContext.user && cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
+            onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
+        }
+    }, [authUserId]);
+    /**
+     * On mount, fetches related discussions list
+     */
+    (0, react_1.useEffect)(() => {
+        let ignore = false;
+        if (state.next && scUserContext.user) {
+            fetchPollSuggestion()
                 .then((res) => {
-                if (isMountedRef.current) {
+                if (isMountedRef.current && !ignore) {
                     const data = res.data;
-                    setObjs([...objs, ...data]);
-                    setTotal(data.length);
-                    setHasMore(data.length > visibleObjs);
-                    setLoading(false);
-                    setNext(data['next']);
+                    dispatch({
+                        type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
+                        payload: {
+                            results: data,
+                            count: data.length
+                        }
+                    });
                 }
             })
                 .catch((error) => {
                 utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
             });
+            return () => {
+                ignore = true;
+            };
         }
-    }
-    /**
-     * On mount, fetches related discussions list
-     */
-    (0, react_1.useEffect)(() => {
-        if (scUserContext.user) {
-            fetchPollSuggestion();
-        }
-    }, [authUserId]);
+    }, [state.next, authUserId]);
     /**
      * Renders suggested poll list
      */
-    const p = (react_1.default.createElement(react_1.default.Fragment, null, loading ? (react_1.default.createElement(Skeleton_1.default, { elevation: 0 })) : (react_1.default.createElement(material_1.CardContent, null,
+    if (state.isLoadingNext) {
+        return react_1.default.createElement(Skeleton_1.default, { elevation: 0 });
+    }
+    const p = (react_1.default.createElement(material_1.CardContent, null,
         react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.title", defaultMessage: "ui.pollSuggestion.title" })),
-        !total ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
+        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.noResults", defaultMessage: "ui.pollSuggestion.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(List_1.default, null, objs.slice(0, visibleObjs).map((obj) => {
+            react_1.default.createElement(List_1.default, null, state.results.slice(0, limit).map((obj) => {
                 return (react_1.default.createElement(material_1.ListItem, { key: obj.id },
                     react_1.default.createElement(PollSnippet_1.default, { elevation: 0, feedObj: obj, className: classes.pollSnippetItem })));
             })),
-            hasMore && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenPollSuggestionDialog(true) },
+            limit < state.count && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenPollSuggestionDialog(true) },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.button.showMore", defaultMessage: "ui.pollSuggestion.button.showMore" }))))),
-        openPollSuggestionDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.title", defaultMessage: "ui.pollSuggestion.title" }), onClose: () => setOpenPollSuggestionDialog(false), open: openPollSuggestionDialog }, loading ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: objs.length, next: fetchPollSuggestion, hasMoreNext: Boolean(next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
+        openPollSuggestionDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.title", defaultMessage: "ui.pollSuggestion.title" }), onClose: () => setOpenPollSuggestionDialog(false), open: openPollSuggestionDialog }, state.isLoadingNext ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: fetchPollSuggestion, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
                 react_1.default.createElement("b", null,
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.noMoreResults", defaultMessage: "ui.pollSuggestion.noMoreResults" }))) },
-            react_1.default.createElement(List_1.default, null, objs.map((obj) => (react_1.default.createElement(material_1.ListItem, { key: obj.id },
-                react_1.default.createElement(PollSnippet_1.default, { elevation: 0, feedObj: obj, className: classes.pollSnippetItem })))))))))))));
+            react_1.default.createElement(List_1.default, null, state.results.map((obj) => (react_1.default.createElement(material_1.ListItem, { key: obj.id },
+                react_1.default.createElement(PollSnippet_1.default, { elevation: 0, feedObj: obj, className: classes.pollSnippetItem })))))))))));
     /**
      * Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
      */
-    if (autoHide && !total) {
+    if (autoHide && !state.count) {
         return react_1.default.createElement(HiddenPlaceholder_1.default, null);
     }
     if (scUserContext.user) {

package/lib/cjs/components/PollSuggestion/PollSuggestion.js.map

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

package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.d.ts

@@ -1,7 +1,8 @@
 import { FeedObjectProps } from '../FeedObject';
 import { SCFeedObjectTemplateType } from '../../types/feedObject';
+import { CacheStrategies } from '@selfcommunity/utils';
 import { SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
-import { VirtualScrollerItemProps } from "../../types/virtualScroller";
+import { VirtualScrollerItemProps } from '../../types/virtualScroller';
 export interface RelatedFeedObjectsProps extends VirtualScrollerItemProps {
     /**
      * Id of the feed object
@@ -38,6 +39,11 @@ export interface RelatedFeedObjectsProps extends VirtualScrollerItemProps {
      * @default false
      */
     autoHide?: boolean;
+    /**
+     * Caching strategies
+     * @default CacheStrategies.CACHE_FIRST
+     */
+    cacheStrategy?: CacheStrategies;
     /**
      * Other props
      */

package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RelatedFeedObjects.d.ts","sourceRoot":"","sources":["../../../../src/components/RelatedFeedObjects/RelatedFeedObjects.tsx"],"names":[],"mappings":"AAMA,OAAmB,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAUhE,OAAO,EAA4C,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAU3H,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAwBvE,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB;IACvE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAGD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAwLxF"}
+{"version":3,"file":"RelatedFeedObjects.d.ts","sourceRoot":"","sources":["../../../../src/components/RelatedFeedObjects/RelatedFeedObjects.tsx"],"names":[],"mappings":"AAMA,OAAmB,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAShE,OAAO,EAAC,eAAe,EAAS,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAA4C,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAY3H,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAyBrE,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB;IACvE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAGD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAkNxF"}

package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.js

@@ -58,6 +58,7 @@ const utils_1 = require("@selfcommunity/utils");
 const types_1 = require("@selfcommunity/types");
 const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
 const react_core_1 = require("@selfcommunity/react-core");
+const tools_1 = require("../../utils/tools");
 const PREFIX = 'SCRelatedFeedObjects';
 const classes = {
     root: `${PREFIX}-root`,
@@ -115,19 +116,21 @@ function RelatedFeedObjects(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { feedObject, feedObjectId, feedObjectType, template = feedObject_1.SCFeedObjectTemplateType.SNIPPET, FeedObjectProps = {}, className, autoHide = true } = props, rest = __rest(props, ["feedObject", "feedObjectId", "feedObjectType", "template", "FeedObjectProps", "className", "autoHide"]);
+    const { feedObject, feedObjectId, feedObjectType, template = feedObject_1.SCFeedObjectTemplateType.SNIPPET, FeedObjectProps = {}, className, autoHide = true, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange } = props, rest = __rest(props, ["feedObject", "feedObjectId", "feedObjectType", "template", "FeedObjectProps", "className", "autoHide", "cacheStrategy", "onHeightChange", "onStateChange"]);
+    // REFS
+    const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
     // STATE
+    const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
+        isLoadingNext: true,
+        next: `${api_services_1.Endpoints.RelatedFeedObjects.url({
+            type: feedObject ? feedObject.type : feedObjectType,
+            id: feedObject ? feedObject.id : feedObjectId
+        })}?limit=10`,
+        cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.RELATED_FEED_TOOLS_STATE_CACHE_PREFIX_KEY),
+        cacheStrategy
+    }, tools_1.stateToolsInitializer);
     const { obj, setObj } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType });
-    const [objs, setObjs] = (0, react_1.useState)([]);
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [hasMore, setHasMore] = (0, react_1.useState)(false);
-    const [total, setTotal] = (0, react_1.useState)(0);
-    const [visibleDiscussions, setVisibleDiscussions] = (0, react_1.useState)(limit);
     const [openRelatedFeedObjectsDialog, setOpenRelatedFeedObjectsDialog] = (0, react_1.useState)(false);
-    const [next, setNext] = (0, react_1.useState)(`${api_services_1.Endpoints.RelatedFeedObjects.url({
-        type: feedObject ? feedObject.type : feedObjectType,
-        id: feedObject ? feedObject.id : feedObjectId
-    })}?limit=10`);
     const objId = obj ? obj.id : null;
     /**
      * Compute preferences
@@ -144,70 +147,85 @@ function RelatedFeedObjects(inProps) {
         if (preferences[react_core_1.SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED] &&
             ((preferences[react_core_1.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED] && scUserContext.user === null) ||
                 !preferences[react_core_1.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED])) {
-            return (react_1.default.createElement(CustomAdv_1.default, Object.assign({ position: types_1.SCCustomAdvPosition.POSITION_RELATED_POSTS_COLUMN }, (obj.categories.length && { categoriesId: obj.categories.map((c) => c.id) }))));
+            return (react_1.default.createElement(material_1.ListItem, null,
+                react_1.default.createElement(CustomAdv_1.default, Object.assign({ position: types_1.SCCustomAdvPosition.POSITION_RELATED_POSTS_COLUMN }, (obj.categories.length && { categoriesId: obj.categories.map((c) => c.id) })))));
         }
         return null;
     }
     /**
      * Fetches related discussions list
      */
-    function fetchRelated() {
-        if (next) {
-            api_services_1.http
-                .request({
-                url: next,
+    const fetchRelated = (0, react_1.useMemo)(() => () => {
+        if (state.next) {
+            return api_services_1.http.request({
+                url: state.next,
                 method: api_services_1.Endpoints.RelatedFeedObjects.method
-            })
-                .then((res) => {
-                const data = res.data;
-                setObjs([...objs, ...data.results]);
-                setHasMore(data.count > visibleDiscussions);
-                setLoading(false);
-                setTotal(data.count);
-                setNext(data['next']);
-            })
-                .catch((error) => {
-                utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
             });
         }
-    }
+    }, [dispatch, state.next, state.isLoadingNext]);
+    (0, react_1.useEffect)(() => {
+        if (objId !== null && cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
+            onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
+        }
+    }, [objId]);
     /**
      * On mount, fetches related discussions list
      */
     (0, react_1.useEffect)(() => {
-        if (objId !== null) {
-            fetchRelated();
+        let ignore = false;
+        if (state.next) {
+            fetchRelated()
+                .then((res) => {
+                if (res.status < 300 && isMountedRef.current && !ignore) {
+                    const data = res.data;
+                    dispatch({
+                        type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
+                        payload: {
+                            results: data.results,
+                            count: data.count,
+                            next: data.next
+                        }
+                    });
+                }
+            })
+                .catch((error) => {
+                dispatch({ type: tools_1.actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
+                utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
+            });
+            return () => {
+                ignore = true;
+            };
         }
-    }, [objId]);
+    }, [state.next]);
     /**
      * Renders related discussions list
      */
-    if (loading) {
+    if (state.isLoadingNext) {
         return react_1.default.createElement(Skeleton_1.default, null);
     }
-    const advPosition = Math.floor(Math.random() * (Math.min(total, 5) - 1 + 1) + 1);
+    const advPosition = Math.floor(Math.random() * (Math.min(state.count, 5) - 1 + 1) + 1);
     const d = (react_1.default.createElement(material_1.CardContent, null,
         react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.title", defaultMessage: "ui.relatedFeedObjects.title" })),
-        !total ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
+        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.noResults", defaultMessage: "ui.relatedFeedObjects.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(List_1.default, null, objs.slice(0, visibleDiscussions).map((obj, index) => {
+            react_1.default.createElement(List_1.default, null, state.results.slice(0, limit).map((obj, index) => {
                 return (react_1.default.createElement(react_1.default.Fragment, { key: index },
                     react_1.default.createElement(material_1.ListItem, null,
                         react_1.default.createElement(FeedObject_1.default, Object.assign({ elevation: 0, feedObject: obj, template: template, className: classes.relatedItem }, FeedObjectProps))),
-                    advPosition === index && react_1.default.createElement(material_1.ListItem, null, renderAdvertising())));
+                    advPosition === index && renderAdvertising()));
             })),
-            hasMore && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenRelatedFeedObjectsDialog(true) },
+            limit < state.count && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenRelatedFeedObjectsDialog(true) },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.button.showMore", defaultMessage: "ui.relatedFeedObjects.button.showMore" }))))),
-        openRelatedFeedObjectsDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.title", defaultMessage: "ui.relatedFeedObjects.title" }), onClose: () => setOpenRelatedFeedObjectsDialog(false), open: openRelatedFeedObjectsDialog }, loading ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: objs.length, next: fetchRelated, hasMoreNext: Boolean(next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
+        openRelatedFeedObjectsDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.title", defaultMessage: "ui.relatedFeedObjects.title" }), onClose: () => setOpenRelatedFeedObjectsDialog(false), open: openRelatedFeedObjectsDialog }, state.isLoadingNext ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: fetchRelated, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
                 react_1.default.createElement("b", null,
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.noMoreResults", defaultMessage: "ui.relatedFeedObjects.noMoreResults" }))) },
-            react_1.default.createElement(List_1.default, null, objs.map((obj, index) => (react_1.default.createElement(material_1.ListItem, { key: index },
+            react_1.default.createElement(List_1.default, null, state.results.map((obj, index) => (react_1.default.createElement(material_1.ListItem, { key: index },
                 react_1.default.createElement(FeedObject_1.default, Object.assign({ elevation: 0, feedObject: obj, template: template, className: classes.relatedItem }, FeedObjectProps))))))))))));
     /**
      * Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
      */
-    if (autoHide && !total) {
+    if (autoHide && !state.count) {
         return react_1.default.createElement(HiddenPlaceholder_1.default, null);
     }
     return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), d));

package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.js.map

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

package/lib/cjs/components/Snippets/Snippets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snippets.d.ts","sourceRoot":"","sources":["../../../../src/components/Snippets/Snippets.tsx"],"names":[],"mappings":"AAgDA,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,QAAQ,KAAA,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB,IAAI,EAAE,OAAO,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AACD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAyJpE"}
+{"version":3,"file":"Snippets.d.ts","sourceRoot":"","sources":["../../../../src/components/Snippets/Snippets.tsx"],"names":[],"mappings":"AAgDA,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,QAAQ,KAAA,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB,IAAI,EAAE,OAAO,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AACD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA2JpE"}

package/lib/cjs/components/Snippets/Snippets.js

@@ -67,7 +67,7 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
     },
     [theme.breakpoints.down('md')]: {
         height: '100%',
-        maxHeight: '450px'
+        boxShadow: 'none'
     },
     [`& .${classes.selected}`]: {
         background: theme.palette.primary.main
@@ -114,6 +114,8 @@ function Snippets(inProps) {
     });
     const { autoHide = false, className = null, onSnippetClick, threadId, getSnippetHeadline, shouldUpdate, deleteIconProps, selected } = props, rest = __rest(props, ["autoHide", "className", "onSnippetClick", "threadId", "getSnippetHeadline", "shouldUpdate", "deleteIconProps", "selected"]);
     // STATE
+    const theme = (0, material_1.useTheme)();
+    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
     const [snippets, setSnippets] = (0, react_1.useState)([]);
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [total, setTotal] = (0, react_1.useState)(0);
@@ -219,8 +221,8 @@ function Snippets(inProps) {
                 react_1.default.createElement(Message_1.default, { elevation: 0, message: message, key: message.id, onClick: () => handleOpenThread(message), className: message.id === threadId || (!isNumber && selected ? message.receiver.id === selected.receiver.id : message.receiver.id === selected)
                         ? classes.selected
                         : '' }),
-                index < total - 1 ? react_1.default.createElement(material_1.Divider, null) : null)))),
-            total && deleteIconProps.show && (react_1.default.createElement(material_1.Box, { className: classes.deleteSection },
+                index < total - 1 && !isMobile ? react_1.default.createElement(material_1.Divider, null) : null)))),
+            total && deleteIconProps && deleteIconProps.show && (react_1.default.createElement(material_1.Box, { className: classes.deleteSection },
                 react_1.default.createElement(Icon_1.default, { onClick: deleteIconProps.action }, deleteIconProps.name)))));
     }
     return null;

package/lib/cjs/components/Snippets/Snippets.js.map

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

package/lib/cjs/components/Thread/Thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../../src/components/Thread/Thread.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsD,oBAAoB,EAAC,MAAM,sBAAsB,CAAC;AAmI/G,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACxC;;;OAGG;IACH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3C;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAsbhE"}
+{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../../src/components/Thread/Thread.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAyE,oBAAoB,EAAC,MAAM,sBAAsB,CAAC;AAmIlI,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACxC;;;OAGG;IACH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3C;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAqZhE"}

package/lib/cjs/components/Thread/Thread.js

@@ -87,16 +87,16 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
     position: 'relative',
     [theme.breakpoints.down('md')]: {
         width: '100%',
-        maxWidth: '345px',
-        minHeight: '500px'
+        boxShadow: 'none'
+        //overflow: 'auto'
+        //maxWidth: '345px'
     },
     [`& .${classes.threadBox}`]: {
-        maxHeight: '540px',
-        [theme.breakpoints.down('md')]: {
-            maxHeight: '400px'
-        },
-        width: 'inherit',
-        overflow: 'auto'
+        [theme.breakpoints.up('sm')]: {
+            maxHeight: '540px',
+            overflow: 'auto'
+            // width: 'inherit',
+        }
     },
     [`& .${classes.emptyBox}`]: {
         display: 'flex',
@@ -224,9 +224,6 @@ function Thread(inProps) {
     const [isHovered, setIsHovered] = (0, react_1.useState)({});
     const [openDeleteMessageDialog, setOpenDeleteMessageDialog] = (0, react_1.useState)(false);
     const [deletingMsg, setDeletingMsg] = (0, react_1.useState)(null);
-    const [message, setMessage] = (0, react_1.useState)('');
-    const [messageFile, setMessageFile] = (0, react_1.useState)(null);
-    const [sending, setSending] = (0, react_1.useState)(false);
     const [followers, setFollowers] = (0, react_1.useState)([]);
     const [recipients, setRecipients] = (0, react_1.useState)([]);
     const [isFollowed, setIsFollowed] = (0, react_1.useState)(false);
@@ -250,12 +247,6 @@ function Thread(inProps) {
     const formattedMessages = (0, react_1.useMemo)(() => {
         return formatMessages(messageObjs);
     }, [messageObjs]);
-    const handleMessage = (m) => {
-        setMessage(m);
-    };
-    const handleMessageFile = (f) => {
-        setMessageFile(f);
-    };
     const handleMouseEnter = (index) => {
         setIsHovered((prevState) => {
             return Object.assign(Object.assign({}, prevState), { [index]: true });
@@ -266,10 +257,6 @@ function Thread(inProps) {
             return Object.assign(Object.assign({}, prevState), { [index]: false });
         });
     };
-    const clearState = () => {
-        setMessage('');
-        setMessageFile(null);
-    };
     const handleClose = () => {
         setOpenDeleteMessageDialog(false);
     };
@@ -311,7 +298,7 @@ function Thread(inProps) {
             });
         });
     }
-    function sendMessage() {
+    function sendMessage(m, f) {
         if (react_core_1.UserUtils.isBlocked(scUserContext.user)) {
             enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                 variant: 'warning',
@@ -325,14 +312,12 @@ function Thread(inProps) {
                 method: api_services_1.Endpoints.SendMessage.method,
                 data: {
                     recipients: openNewMessage ? ids : [typeof userObj === 'number' ? userObj : userObj.receiver.id],
-                    message: message,
-                    file_uuid: messageFile !== null && messageFile !== void 0 ? messageFile : null
+                    message: m,
+                    file_uuid: f && !m ? f : null
                 }
             })
                 .then((res) => {
-                clearState();
                 setMessageObjs((prev) => [...prev, res.data]);
-                setSending(false);
                 onMessageSent(res.data);
                 if (openNewMessage || newMessageThread) {
                     onNewMessageSent(res.data);
@@ -342,7 +327,6 @@ function Thread(inProps) {
                 }
             })
                 .catch((error) => {
-                setMessage('');
                 console.log(error);
                 let _snackBar = enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.error.messageError", defaultMessage: "ui.common.error.messageError" }), {
                     variant: 'error',
@@ -468,21 +452,21 @@ function Thread(inProps) {
      */
     function renderThread() {
         return (react_1.default.createElement(react_1.default.Fragment, null,
-            isMobile && receiver && (react_1.default.createElement(material_1.AppBar, { position: "static" },
+            isMobile && receiver && (react_1.default.createElement(material_1.AppBar, { position: "fixed" },
                 react_1.default.createElement(material_1.Toolbar, { className: classes.toolBar },
                     react_1.default.createElement(material_1.Box, { sx: { display: 'flex', justifyContent: 'flex-start', alignItems: 'center' } },
                         react_1.default.createElement(Icon_1.default, { onClick: onMessageBack }, "chevron_left"),
-                        react_1.default.createElement(material_1.Avatar, { alt: "Remy Sharp", src: receiver.avatar, sx: { marginRight: '8px' } }),
+                        react_1.default.createElement(material_1.Avatar, { alt: receiver.username, src: receiver.avatar, sx: { marginRight: '8px' } }),
                         react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit", component: "div" }, receiver.username)),
                     react_1.default.createElement(material_1.Box, { sx: { display: 'flex', justifyContent: 'flex-end', alignItems: 'center' } },
                         react_1.default.createElement(Icon_1.default, { onClick: onMessageDelete }, "delete"))))),
             react_1.default.createElement(material_1.Box, { className: classes.threadBox },
                 openDeleteMessageDialog && (react_1.default.createElement(ConfirmDialog_1.default, { open: openDeleteMessageDialog, title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.thread.message.dialog.msg", defaultMessage: "ui.thread.message.dialog.msg" }), btnConfirm: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.thread.message.dialog.confirm", defaultMessage: "ui.thread.message.dialog.confirm" }), onConfirm: () => handleDelete(), onClose: handleClose })),
-                Object.keys(formattedMessages).map((key, index) => (react_1.default.createElement("div", { key: index },
+                Object.keys(formattedMessages).map((key, index) => (react_1.default.createElement(react_1.default.Fragment, { key: index },
                     react_1.default.createElement(material_1.ListSubheader, { className: classes.center }, key),
-                    formattedMessages[key].map((msg, index) => (react_1.default.createElement("div", { key: index, className: loggedUser === msg.sender.id ? classes.sender : classes.receiver },
-                        react_1.default.createElement(Message_1.default, { elevation: 0, message: msg, key: msg.id, snippetType: false, loggedUser: loggedUser, onMouseEnter: () => handleMouseEnter(msg.id), onMouseLeave: () => handleMouseLeave(msg.id), onTouchStart: () => handleMouseEnter(msg.id), onTouchMove: () => handleMouseLeave(msg.id), isHovering: isHovered[msg.id], onDeleteIconClick: () => handleDeleteDialog(msg) }))))))),
-                react_1.default.createElement(MessageEditor_1.default, { send: () => sendMessage(), isSending: sending, getMessage: handleMessage, getMessageFile: handleMessageFile, autoHide: !isFollowed }))));
+                    formattedMessages[key].map((msg, index) => (react_1.default.createElement(material_1.Box, { key: index, className: loggedUser === msg.sender.id ? classes.sender : classes.receiver },
+                        react_1.default.createElement(Message_1.default, { elevation: 0, message: msg, key: msg.id, snippetType: false, onMouseEnter: () => handleMouseEnter(msg.id), onMouseLeave: () => handleMouseLeave(msg.id), isHovering: isHovered[msg.id], showDeleteIcon: loggedUser === msg.sender.id, onDeleteIconClick: () => handleDeleteDialog(msg) })))))))),
+            react_1.default.createElement(MessageEditor_1.default, { send: (m, f) => sendMessage(m, f), autoHide: !isFollowed, onThreadChangeId: userObj })));
     }
     /**
      * Renders empty box (when there is no thread open) or new message box
@@ -501,7 +485,7 @@ function Thread(inProps) {
                         react_1.default.createElement(Autocomplete_1.default, { className: classes.autocomplete, multiple: !newMessageThread, freeSolo: true, options: followers, value: newMessageThread ? newMessageUser : recipients, getOptionLabel: (option) => (option ? option.username : '...'), renderInput: (params) => (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { placeholder: `${intl.formatMessage(messages.placeholder)}`, variant: "standard", InputProps: Object.assign(Object.assign({}, params.InputProps), { disableUnderline: true }) }))), onChange: selectRecipients, disabled: !followers })))),
             react_1.default.createElement(material_1.Box, { className: classes.newMessageEmptyBox }),
             react_1.default.createElement(material_1.Box, { className: classes.newMessageEditor },
-                react_1.default.createElement(MessageEditor_1.default, { send: () => sendMessage(), isSending: sending, getMessage: handleMessage, getMessageFile: handleMessageFile, autoHide: !followers })))) : (react_1.default.createElement(material_1.Box, { className: classes.emptyBox },
+                react_1.default.createElement(MessageEditor_1.default, { send: (m, f) => sendMessage(m, f), autoHide: !followers })))) : (react_1.default.createElement(material_1.Box, { className: classes.emptyBox },
             react_1.default.createElement(material_1.Typography, { component: "h3" },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.thread.emptyBox.message", defaultMessage: "ui.thread.emptyBox.message" }))))));
     }