@selfcommunity/react-ui 0.7.0-alpha.335 → 0.7.0-alpha.337

package/lib/esm/components/Feed/prefetchedData.d.ts

@@ -1,369 +1,3 @@
-declare const exampleExploreData: {
-    count: number;
-    next: string;
-    previous: string;
-    results: ({
-        type: string;
-        post: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_counter: number;
-                categories_counter: number;
-                date_joined: string;
-                bio: string;
-                location: string;
-                location_lat_lng: any;
-                position_lat_lng: any;
-                date_of_birth: any;
-                description: string;
-                gender: string;
-                website: string;
-                cover: any;
-                tags: any[];
-                reputation: number;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: any[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: any[];
-            medias: {
-                id: number;
-                added_at: string;
-                type: string;
-                title: string;
-                description: string;
-                url: string;
-                image: any;
-                image_width: any;
-                image_height: any;
-                order: any;
-                embed: {
-                    id: number;
-                    embed_type: string;
-                    embed_id: string;
-                    url: string;
-                    metadata: {
-                        id: number;
-                        type: string;
-                    };
-                };
-            }[];
-            location: any;
-            addressing: any[];
-            poll: any;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        discussion?: undefined;
-    } | {
-        type: string;
-        discussion: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_counter: number;
-                categories_counter: number;
-                date_joined: string;
-                bio: string;
-                location: string;
-                location_lat_lng: any;
-                position_lat_lng: any;
-                date_of_birth: string;
-                description: string;
-                gender: string;
-                website: string;
-                cover: any;
-                tags: any[];
-                reputation: number;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: any[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: {
-                id: number;
-                tags: any[];
-                followed: boolean;
-                order: number;
-                name: string;
-                name_synonyms: string;
-                slug: string;
-                slogan: string;
-                html_info: any;
-                seo_title: string;
-                seo_description: string;
-                auto_follow: string;
-                active: boolean;
-                image_original: string;
-                image_bigger: string;
-                image_big: string;
-                image_medium: string;
-                image_small: string;
-                emotional_image_original: string;
-                emotional_image_position: number;
-                lastmod_datetime: string;
-                stream_order_by: string;
-                followers_counter: number;
-            }[];
-            medias: any[];
-            location: any;
-            addressing: any[];
-            poll: any;
-            title: string;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        post?: undefined;
-    } | {
-        type: string;
-        discussion: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_counter: number;
-                categories_counter: number;
-                date_joined: string;
-                bio: string;
-                location: string;
-                location_lat_lng: any;
-                position_lat_lng: any;
-                date_of_birth: any;
-                description: string;
-                gender: string;
-                website: string;
-                cover: any;
-                tags: any[];
-                reputation: number;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: any[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: {
-                id: number;
-                tags: any[];
-                followed: boolean;
-                order: number;
-                name: string;
-                name_synonyms: string;
-                slug: string;
-                slogan: string;
-                html_info: string;
-                seo_title: string;
-                seo_description: string;
-                auto_follow: string;
-                active: boolean;
-                image_original: string;
-                image_bigger: string;
-                image_big: string;
-                image_medium: string;
-                image_small: string;
-                emotional_image_original: string;
-                emotional_image_position: number;
-                lastmod_datetime: string;
-                stream_order_by: string;
-                followers_counter: number;
-            }[];
-            medias: {
-                id: number;
-                added_at: string;
-                type: string;
-                title: any;
-                description: any;
-                url: any;
-                image: any;
-                image_width: any;
-                image_height: any;
-                order: any;
-                embed: {
-                    id: number;
-                    embed_type: string;
-                    embed_id: string;
-                    url: any;
-                    metadata: {
-                        isbn: string;
-                        type: string;
-                        authors: string[];
-                        product: string;
-                    };
-                };
-            }[];
-            location: any;
-            addressing: any[];
-            poll: any;
-            title: string;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        post?: undefined;
-    } | {
-        type: string;
-        post: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_counter: number;
-                categories_counter: number;
-                date_joined: string;
-                bio: string;
-                location: string;
-                location_lat_lng: any;
-                position_lat_lng: any;
-                date_of_birth: string;
-                description: string;
-                gender: string;
-                website: string;
-                cover: any;
-                tags: any[];
-                reputation: number;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: {
-                reaction: {
-                    id: number;
-                    label: string;
-                    image: string;
-                    sentiment: number;
-                    active: boolean;
-                };
-                count: number;
-            }[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: any[];
-            medias: {
-                id: number;
-                added_at: string;
-                type: string;
-                title: any;
-                description: any;
-                url: any;
-                image: any;
-                image_width: any;
-                image_height: any;
-                order: any;
-                embed: {
-                    id: number;
-                    embed_type: string;
-                    embed_id: string;
-                    url: any;
-                    metadata: {
-                        isbn: string;
-                        type: string;
-                        authors: string[];
-                        product: string;
-                    };
-                };
-            }[];
-            location: any;
-            addressing: any[];
-            poll: any;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        discussion?: undefined;
-    })[];
-};
+import { SCPaginatedResponse } from '@selfcommunity/api-services';
+declare const exampleExploreData: SCPaginatedResponse<any>;
 export { exampleExploreData };

package/lib/esm/components/Feed/prefetchedData.js

@@ -1,13 +1,15 @@
+import { SCContributionType } from '@selfcommunity/types';
+// @ts-ignore
 const exampleExploreData = {
     count: 843,
     next: 'https://italiano.quentrix.com/api/v2/feed/explore/?limit=5&offset=25',
     previous: 'https://italiano.quentrix.com/api/v2/feed/explore/?limit=5&offset=15',
     results: [
         {
-            type: 'post',
+            type: SCContributionType.POST,
             post: {
                 id: 1128,
-                type: 'post',
+                type: SCContributionType.POST,
                 last_activity_at: '2022-08-08T03:55:00+02:00',
                 author: {
                     id: 40,
@@ -36,7 +38,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-08T07:30:00+02:00',
-                last_edited_at: null,
                 html: 'Il TeleUccidiLadro 626 Beghelli',
                 summary: 'Il TeleUccidiLadro 626 Beghelli',
                 deleted: false,
@@ -71,7 +72,7 @@ const exampleExploreData = {
                             embed_type: 'sc_shared_object',
                             embed_id: '607',
                             url: '/thread/607/provvedimenti-di-limitazione-del-traffico-il-magnifico-rettore-del-comune-di-firenze-c-o-m-a-n-d-a-il-divieto-relativo-di-transito-nel-territorio/',
-                            metadata: { id: 607, type: 'discussion' }
+                            metadata: { id: 607, type: SCContributionType.DISCUSSION }
                         }
                     }
                 ],
@@ -83,10 +84,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'discussion',
+            type: SCContributionType.DISCUSSION,
             discussion: {
                 id: 1140,
-                type: 'discussion',
+                type: SCContributionType.DISCUSSION,
                 last_activity_at: '2022-08-08T18:11:00+02:00',
                 author: {
                     id: 345,
@@ -96,6 +97,7 @@ const exampleExploreData = {
                     ext_id: null,
                     followings_counter: 10,
                     followers_counter: 3,
+                    status: 'approved',
                     posts_counter: 1,
                     discussions_counter: 5,
                     categories_counter: 12,
@@ -115,7 +117,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-08T13:49:00+02:00',
-                last_edited_at: null,
                 html: "Rinomati sociologi pensano che la pace ha legalizzato pur essendo condivisibile nelle direttrici generali. Tuttavia il desiderio di ingoio rappresenta un'altra forma di possessione maschile. Ritengo che sicuramente non mi aspetto una pietra o un gas che ragionano..",
                 summary: 'Rinomati sociologi pensano che la pace ha legalizzato pur essendo condivisibile nelle direttrici generali. Tuttavia il desiderio di ingoio rappresenta un'altra forma di possessione ...',
                 deleted: false,
@@ -194,10 +195,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'discussion',
+            type: SCContributionType.DISCUSSION,
             discussion: {
                 id: 1113,
-                type: 'discussion',
+                type: SCContributionType.DISCUSSION,
                 last_activity_at: '2022-08-08T01:06:00+02:00',
                 author: {
                     id: 370,
@@ -206,6 +207,7 @@ const exampleExploreData = {
                     avatar: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/avatars/370/resized/209/209/ab230ec47588c7d2fa8a078d48419813.png',
                     ext_id: null,
                     followings_counter: 4,
+                    status: 'approved',
                     followers_counter: 1,
                     posts_counter: 0,
                     discussions_counter: 2,
@@ -226,7 +228,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-07T22:35:00+02:00',
-                last_edited_at: null,
                 html: "Ciao belli... mo ve ricconto l'urtima... 'na cambogia!\n\nIeri mentre che io corevo a dducento, ma de ppiu'! Su 'a tiburtina co'a machina de mi'fratello... aho'... nun so' annato a sbatte co er Faina???!!\n\nE io allora je dico \"Vie'qqua' che te mischio come 'n mazzo de carte! Te metto 'n dito 'n bocca, uno ar culo e te sciaqquo come 'na damiggiana!\"\n\nAho'... ha sgranato j'occhi e s'e' cacato 'n mano!\n\nHa detto 'na cosa tipo \"Ma va a mori' ammazzato...\" (eh eh, e che nun lo so che era la paura a fallo parla', 'sto cojone...) poi se l'e' squajata... e' ripartito a tutta sgommella, tipo da zero a cento in ddu secondi!\n\nNzomma so' troppo bullo... so' er mejo!\n\nVabbe' ve saluto che me ne devo anna'...\n\nS'arisdraiamo...",
                 summary: 'Ciao belli... mo ve ricconto l'urtima... 'na cambogia! Ieri mentre che io corevo a dducento, ma de ppiu'! Su 'a tiburtina co'a machina de mi'fratello... aho'... nun so' annato a sb ...',
                 deleted: false,
@@ -330,10 +331,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'discussion',
+            type: SCContributionType.DISCUSSION,
             discussion: {
                 id: 1126,
-                type: 'discussion',
+                type: SCContributionType.DISCUSSION,
                 last_activity_at: '2022-08-07T23:58:00+02:00',
                 author: {
                     id: 80,
@@ -342,6 +343,7 @@ const exampleExploreData = {
                     avatar: 'https://www.gravatar.com/avatar/e1f5f91521749b39af9a021f79efff70/?s=209&d=identicon',
                     ext_id: null,
                     followings_counter: 19,
+                    status: 'approved',
                     followers_counter: 13,
                     posts_counter: 5,
                     discussions_counter: 4,
@@ -362,7 +364,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-07T02:24:00+02:00',
-                last_edited_at: null,
                 html: 'Un pomeriggio il poeta Daiju si rec\u00f2 presso Hogen e gli chiese di mostrargli il percorso pi\u00f9 breve per ottenere il Satori.\nIl maestro indic\u00f2 una preziosa giara e disse: "Se vuoi divenire saggio devi riuscire a comprendere la buddha-natura di ogni cosa: prendi quell\'oggetto con te e medita per due anni, poi torna da me". \nQuando Daiju torn\u00f2, Hogen gli disse: "Non sei ancora pronto: medita per altri tre anni, poi torna da me".\nQuando il giovane allievo fece ritorno, il maestro disse: "Wasabi, Mishima, Boutique!", e a quelle parole Daiju fu illuminato!',
                 summary: 'Un pomeriggio il poeta Daiju si rec\u00f2 presso Hogen e gli chiese di mostrargli il percorso pi\u00f9 breve per ottenere il Satori. Il maestro indic\u00f2 una preziosa giara e disse: "Se vuoi di ...',
                 deleted: false,
@@ -415,10 +416,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'post',
+            type: SCContributionType.POST,
             post: {
                 id: 1116,
-                type: 'post',
+                type: SCContributionType.POST,
                 last_activity_at: '2022-08-07T22:25:00+02:00',
                 author: {
                     id: 248,
@@ -427,6 +428,7 @@ const exampleExploreData = {
                     avatar: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/avatars/248/resized/209/209/e3087379702f91d90afb015100062b9d.png',
                     ext_id: null,
                     followings_counter: 10,
+                    status: 'approved',
                     followers_counter: 3,
                     posts_counter: 1,
                     discussions_counter: 0,
@@ -447,7 +449,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-07T04:20:00+02:00',
-                last_edited_at: null,
                 html: '...la 18\u00ba Abbuffata agonistica del nero sotto le unghie dei maiali di SAN CARETTO (EN)',
                 summary: '...la 18\u00ba Abbuffata agonistica del nero sotto le unghie dei maiali di SAN CARETTO (EN)',
                 deleted: false,

package/lib/esm/components/FeedObject/Actions/Share/Share.js

@@ -5,10 +5,9 @@ import Icon from '@mui/material/Icon';
 import LoadingButton from '@mui/lab/LoadingButton';
 import SharesDialog from './SharesDialog';
 import { styled } from '@mui/material/styles';
-import { Box, Button, Divider, ListItemText, Menu, SwipeableDrawer, Tooltip, useMediaQuery, useTheme } from '@mui/material';
+import { Box, Button, Divider, ListItemText, Menu, SwipeableDrawer, Tooltip, useMediaQuery, useTheme, } from '@mui/material';
 import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
-import Composer from '../../../Composer';
 import { MEDIA_TYPE_SHARE } from '../../../../constants/Media';
 import { SCOPE_SC_UI } from '../../../../constants/Errors';
 import classNames from 'classnames';
@@ -17,10 +16,11 @@ import Skeleton from '@mui/material/Skeleton';
 import { SCContributionType } from '@selfcommunity/types';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { copyTextToClipboard, Logger } from '@selfcommunity/utils';
-import { SCPreferences, SCPreferencesContext, UserUtils, useSCContext, useSCFetchFeedObject, useSCRouting, useSCUser } from '@selfcommunity/react-core';
+import { SCPreferences, SCPreferencesContext, UserUtils, useSCContext, useSCFetchFeedObject, useSCRouting, useSCUser, } from '@selfcommunity/react-core';
 import { useThemeProps } from '@mui/system';
 import { getContributionRouteName, getRouteData } from '../../../../utils/contribution';
 import { FACEBOOK_SHARE, LINKEDIN_SHARE, TWITTER_SHARE } from '../../../../constants/SocialShare';
+import Composer from '../../../Composer';
 const messages = defineMessages({
     shares: {
         id: 'ui.feedObject.share.shares',
@@ -243,7 +243,7 @@ export default function Share(inProps) {
                         }
                     }
                 }, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } }, renderShareMenuItems())) : (React.createElement(SwipeableDrawer, { open: Boolean(anchorEl), onClick: handleClose, onClose: handleClose, onOpen: handleOpenShareMenu, anchor: "bottom", disableSwipeToOpen: true }, renderShareMenuItems()))),
-            isComposerOpen && (React.createElement(Composer, { open: isComposerOpen, defaultValue: composerShareProps, onClose: handleComposerOnClose, onSuccess: handleComposerOnSuccess, maxWidth: "sm", fullWidth: true, scroll: "body" }))))));
+            isComposerOpen && (React.createElement(Composer, { open: isComposerOpen, defaultValue: composerShareProps, onClose: handleComposerOnClose, onSuccess: handleComposerOnSuccess, maxWidth: "sm", fullWidth: true }))))));
     }
     /**
      * Renders share action

package/lib/esm/components/FeedObject/FeedObject.d.ts

@@ -1,6 +1,5 @@
 import { CardProps } from '@mui/material';
 import { FeedObjectSkeletonProps } from './Skeleton';
-import { MediaPreviewProps } from '../../shared/MediasPreview';
 import { ActionsProps } from './Actions';
 import { PollObjectProps } from './Poll';
 import { ContributorsFeedObjectProps } from './Contributors';
@@ -13,6 +12,7 @@ import { CommentObjectProps } from '../CommentObject';
 import { SCContributionType, SCFeedObjectType } from '@selfcommunity/types';
 import { CacheStrategies } from '@selfcommunity/utils';
 import { VirtualScrollerItemProps } from '../../types/virtualScroller';
+import { FeedObjectMediaPreviewProps } from '../FeedObjectMediaPreview';
 export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
     /**
      * Id of the feedObject
@@ -115,7 +115,7 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
      * Props to spread to MediasPreview component
      * @default {}
      */
-    MediasPreviewProps?: MediaPreviewProps;
+    FeedObjectMediaPreviewProps?: FeedObjectMediaPreviewProps;
     /**
      * Props to spread to PollObject component
      * @default {}

package/lib/esm/components/FeedObject/FeedObject.js

@@ -2,12 +2,11 @@ import { __rest } from "tslib";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import CardContent from '@mui/material/CardContent';
-import { Avatar, Box, Button, CardActions, CardHeader, Collapse, Stack, Tooltip, Typography } from '@mui/material';
+import { Avatar, Box, Button, CardActions, CardHeader, Collapse, Stack, Tooltip, Typography, } from '@mui/material';
 import FeedObjectSkeleton from './Skeleton';
 import DateTimeAgo from '../../shared/DateTimeAgo';
 import Bullet from '../../shared/Bullet';
 import Tags from '../../shared/Tags';
-import MediasPreview from '../../shared/MediasPreview';
 import Actions from './Actions';
 import Icon from '@mui/material/Icon';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
@@ -17,7 +16,7 @@ import { SCFeedObjectActivitiesType, SCFeedObjectTemplateType } from '../../type
 import MarkRead from '../../shared/MarkRead';
 import classNames from 'classnames';
 import ContributionActionsMenu from '../../shared/ContributionActionsMenu';
-import { getContributionHtml, getContributionRouteName, getContributionSnippet, getRouteData } from '../../utils/contribution';
+import { getContributionHtml, getContributionRouteName, getContributionSnippet, getRouteData, } from '../../utils/contribution';
 import Follow from './Actions/Follow';
 import Widget from '../Widget';
 import { useThemeProps } from '@mui/system';
@@ -30,11 +29,12 @@ import { SCContributionType } from '@selfcommunity/types';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger, LRUCache } from '@selfcommunity/utils';
 import { catchUnauthorizedActionByBlockedUser } from '../../utils/errors';
-import { Link, SCCache, SCRoutes, UserUtils, useSCContext, useSCFetchFeedObject, useSCRouting, useSCUser } from '@selfcommunity/react-core';
+import { Link, SCCache, SCRoutes, UserUtils, useSCContext, useSCFetchFeedObject, useSCRouting, useSCUser, } from '@selfcommunity/react-core';
 import UserDeletedSnackBar from '../../shared/UserDeletedSnackBar';
 import UserAvatar from '../../shared/UserAvatar';
 import { MAX_SUMMARY_LENGTH } from '../../constants/Feed';
 import Composer from '../Composer';
+import FeedObjectMediaPreview from '../FeedObjectMediaPreview';
 const messages = defineMessages({
     visibleToAll: {
         id: 'ui.feedObject.visibleToAll',
@@ -132,7 +132,7 @@ export default function FeedObject(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { id = `feed_object_${props.feedObjectId ? props.feedObjectId : props.feedObject ? props.feedObject.id : ''}`, className = null, feedObjectId = null, feedObject = null, feedObjectType = SCContributionType.DISCUSSION, feedObjectActivities = null, cacheStrategy = CacheStrategies.CACHE_FIRST, markRead = false, template = SCFeedObjectTemplateType.PREVIEW, hideFollowAction = false, summaryExpanded = false, activitiesExpanded = true, activitiesExpandedType, hideParticipantsPreview = false, pollVisible = false, FollowButtonProps = {}, FeedObjectSkeletonProps = { elevation: 0 }, ActionsProps = {}, CommentObjectReplyComponent = CommentObjectReply, CommentObjectReplyComponentProps = { WidgetProps: { variant: 'outlined' } }, CommentComponentProps = { variant: 'outlined' }, CommentObjectSkeletonProps = { elevation: 0, WidgetProps: { variant: 'outlined' } }, ContributionActionsMenuProps = {}, MediasPreviewProps = {}, ActivitiesProps = { cacheStrategy }, PollObjectProps = { elevation: 0 }, ContributorsFeedObjectProps = {}, onReply, onHeightChange, onStateChange } = props, rest = __rest(props, ["id", "className", "feedObjectId", "feedObject", "feedObjectType", "feedObjectActivities", "cacheStrategy", "markRead", "template", "hideFollowAction", "summaryExpanded", "activitiesExpanded", "activitiesExpandedType", "hideParticipantsPreview", "pollVisible", "FollowButtonProps", "FeedObjectSkeletonProps", "ActionsProps", "CommentObjectReplyComponent", "CommentObjectReplyComponentProps", "CommentComponentProps", "CommentObjectSkeletonProps", "ContributionActionsMenuProps", "MediasPreviewProps", "ActivitiesProps", "PollObjectProps", "ContributorsFeedObjectProps", "onReply", "onHeightChange", "onStateChange"]);
+    const { id = `feed_object_${props.feedObjectId ? props.feedObjectId : props.feedObject ? props.feedObject.id : ''}`, className = null, feedObjectId = null, feedObject = null, feedObjectType = SCContributionType.DISCUSSION, feedObjectActivities = null, cacheStrategy = CacheStrategies.CACHE_FIRST, markRead = false, template = SCFeedObjectTemplateType.PREVIEW, hideFollowAction = false, summaryExpanded = false, activitiesExpanded = true, activitiesExpandedType, hideParticipantsPreview = false, pollVisible = false, FollowButtonProps = {}, FeedObjectSkeletonProps = { elevation: 0 }, ActionsProps = {}, CommentObjectReplyComponent = CommentObjectReply, CommentObjectReplyComponentProps = { WidgetProps: { variant: 'outlined' } }, CommentComponentProps = { variant: 'outlined' }, CommentObjectSkeletonProps = { elevation: 0, WidgetProps: { variant: 'outlined' } }, ContributionActionsMenuProps = {}, FeedObjectMediaPreviewProps = {}, ActivitiesProps = { cacheStrategy }, PollObjectProps = { elevation: 0 }, ContributorsFeedObjectProps = {}, onReply, onHeightChange, onStateChange } = props, rest = __rest(props, ["id", "className", "feedObjectId", "feedObject", "feedObjectType", "feedObjectActivities", "cacheStrategy", "markRead", "template", "hideFollowAction", "summaryExpanded", "activitiesExpanded", "activitiesExpandedType", "hideParticipantsPreview", "pollVisible", "FollowButtonProps", "FeedObjectSkeletonProps", "ActionsProps", "CommentObjectReplyComponent", "CommentObjectReplyComponentProps", "CommentComponentProps", "CommentObjectSkeletonProps", "ContributionActionsMenuProps", "FeedObjectMediaPreviewProps", "ActivitiesProps", "PollObjectProps", "ContributorsFeedObjectProps", "onReply", "onHeightChange", "onStateChange"]);
     // CONTEXT
     const scContext = useSCContext();
     const scRoutingContext = useSCRouting();
@@ -445,7 +445,7 @@ export default function FeedObject(inProps) {
                     React.createElement(Typography, { variant: "body1", gutterBottom: true, className: classes.title }, obj.title)))))),
                 React.createElement(Box, { className: classes.textSection }, getContributionSummary(obj, template)),
                 React.createElement(Box, { className: classes.mediasSection },
-                    React.createElement(MediasPreview, Object.assign({ medias: obj.medias }, MediasPreviewProps))),
+                    React.createElement(FeedObjectMediaPreview, Object.assign({ medias: obj.medias }, FeedObjectMediaPreviewProps))),
                 React.createElement(Box, { className: classes.pollsSection }, obj['poll'] && (React.createElement(PollObject, Object.assign({ visible: pollVisible ||
                         template === SCFeedObjectTemplateType.DETAIL ||
                         Boolean(obj.type !== SCContributionType.DISCUSSION && !obj.html && !obj.medias.length), feedObject: obj, pollObject: obj['poll'], onChange: handleChangePoll, onToggleVisibility: handleTogglePollVisibility }, PollObjectProps)))),
@@ -463,7 +463,7 @@ export default function FeedObject(inProps) {
                             CommentComponentProps: Object.assign({ onDelete: handleDeleteComment, truncateContent: true, CommentsObjectComponentProps: { inPlaceLoadMoreContents: false } }, CommentComponentProps),
                             CommentObjectSkeletonProps: CommentObjectSkeletonProps
                         }, cacheStrategy: cacheStrategy }, ActivitiesProps))))),
-            composerOpen && (React.createElement(Composer, { open: composerOpen, feedObject: obj, onClose: handleToggleEdit, onSuccess: handleEditSuccess, maxWidth: "sm", fullWidth: true, scroll: "body" })))) : (React.createElement(FeedObjectSkeleton, Object.assign({ template: template }, FeedObjectSkeletonProps)))));
+            composerOpen && (React.createElement(Composer, { open: composerOpen, feedObject: obj, onClose: handleToggleEdit, onSuccess: handleEditSuccess, maxWidth: "sm", fullWidth: true })))) : (React.createElement(FeedObjectSkeleton, Object.assign({ template: template }, FeedObjectSkeletonProps)))));
     }
     else if (template === SCFeedObjectTemplateType.SHARE) {
         objElement = (React.createElement(React.Fragment, null, obj ? (React.createElement(React.Fragment, null,
@@ -478,7 +478,7 @@ export default function FeedObject(inProps) {
                     React.createElement(Typography, { variant: "body1", gutterBottom: true, className: classes.title }, obj.title)))),
                 React.createElement(Box, { className: classes.textSection }, getContributionSummary(obj, template)),
                 React.createElement(Box, { className: classes.mediasSection },
-                    React.createElement(MediasPreview, Object.assign({ medias: obj.medias }, MediasPreviewProps))),
+                    React.createElement(FeedObjectMediaPreview, Object.assign({ medias: obj.medias }, FeedObjectMediaPreviewProps))),
                 React.createElement(Box, { className: classes.pollsSection }, obj['poll'] && (React.createElement(PollObject, Object.assign({ feedObject: obj, pollObject: obj['poll'], onChange: handleChangePoll, visible: Boolean(obj.type !== SCContributionType.DISCUSSION && !obj.html && !obj.medias.length) }, PollObjectProps))))))) : (React.createElement(FeedObjectSkeleton, Object.assign({ template: template }, FeedObjectSkeletonProps)))));
     }
     else {