@selfcommunity/react-ui 0.7.0-alpha.33 → 0.7.0-alpha.331

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

@@ -1,4 +1,4 @@
-import { SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
+import { SCContributionType, SCFeedObjectType } from '@selfcommunity/types';
 import { SCFeedObjectTemplateType } from '../../../../types/feedObject';
 export interface CommentProps {
     /**
@@ -20,7 +20,7 @@ export interface CommentProps {
      * Feed object type
      * @default 'post' type
      */
-    feedObjectType?: SCFeedObjectTypologyType;
+    feedObjectType?: Exclude<SCContributionType, SCContributionType.COMMENT>;
     /**
      * Feed Object template type
      * @default 'preview'
@@ -58,4 +58,3 @@ export interface CommentProps {
     [p: string]: any;
 }
 export default function Comment(inProps: CommentProps): JSX.Element;
-//# sourceMappingURL=Comment.d.ts.map

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

@@ -1,20 +1,10 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Box, Button, Divider, Tooltip, Typography } from '@mui/material';
 import Icon from '@mui/material/Icon';
-import { useSCFetchFeedObject, useSCRouting, Link } from '@selfcommunity/react-core';
-import { SCFeedObjectTypologyType } from '@selfcommunity/types';
+import { Link, useSCFetchFeedObject, useSCRouting } from '@selfcommunity/react-core';
+import { SCContributionType } from '@selfcommunity/types';
 import { styled } from '@mui/material/styles';
 import { SCFeedObjectTemplateType } from '../../../../types/feedObject';
 import { getContributionRouteName, getRouteData } from '../../../../utils/contribution';
@@ -31,50 +21,26 @@ const messages = defineMessages({
         defaultMessage: 'ui.feedObject.comment.comment'
     }
 });
-const PREFIX = 'SCCommentObject';
+const PREFIX = 'SCCommentAction';
 const classes = {
     root: `${PREFIX}-root`,
     divider: `${PREFIX}-divider`,
     inline: `${PREFIX}-inline`,
-    actionButton: `${PREFIX}-action-button`,
-    inlineActionButton: `${PREFIX}-inline-action-button`,
+    button: `${PREFIX}-button`,
     viewAudienceButton: `${PREFIX}-view-audience-button`
 };
 const Root = styled(Box, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    flexDirection: 'column',
-    [`&.${classes.inline}`]: {
-        flexDirection: 'row-reverse'
-    },
-    [`& .${classes.inlineActionButton}`]: {
-        minWidth: 30
-    },
-    [`& .${classes.divider}`]: {
-        width: '100%',
-        borderBottom: 0
-    },
-    [`& .${classes.viewAudienceButton}`]: {
-        height: 32,
-        fontSize: 15,
-        textTransform: 'capitalize',
-        '& p': {
-            fontSize: '0.9rem'
-        }
-    }
-}));
+})(({ theme }) => ({}));
 export default function Comment(inProps) {
     const props = useThemeProps({
         props: inProps,
         name: PREFIX
     });
     // PROPS
-    const { className, feedObjectId, feedObject, feedObjectType = SCFeedObjectTypologyType.POST, feedObjectTemplate = SCFeedObjectTemplateType, withAction = true, withAudience = true, inlineAction = false, onViewCommentsAction, onCommentAction } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "feedObjectTemplate", "withAction", "withAudience", "inlineAction", "onViewCommentsAction", "onCommentAction"]);
+    const { className, feedObjectId, feedObject, feedObjectType = SCContributionType.POST, feedObjectTemplate = SCFeedObjectTemplateType, withAction = true, withAudience = true, inlineAction = false, onViewCommentsAction, onCommentAction } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "feedObjectTemplate", "withAction", "withAudience", "inlineAction", "onViewCommentsAction", "onCommentAction"]);
     // STATE
     const { obj, setObj } = useSCFetchFeedObject({ id: feedObjectId, feedObject, feedObjectType });
     // CONTEXT
@@ -93,7 +59,7 @@ export default function Comment(inProps) {
                     React.createElement(Skeleton, { animation: "wave", height: 18, width: 50 })));
             }
             else {
-                audience = (React.createElement(React.Fragment, null, onViewCommentsAction ? (React.createElement(Button, { variant: "text", size: "small", onClick: onViewCommentsAction, color: "inherit" }, `${intl.formatMessage(messages.comments, { total: obj.comment_count })}`)) : (React.createElement(React.Fragment, null, feedObjectTemplate === SCFeedObjectTemplateType.DETAIL ? (React.createElement(Typography, { variant: 'body2' }, `${intl.formatMessage(messages.comments, { total: obj.comment_count })}`)) : (React.createElement(Button, { color: "inherit", variant: "text", size: "small", component: Link, to: scRoutingContext.url(getContributionRouteName(obj), getRouteData(obj)), classes: { root: classes.viewAudienceButton } }, `${intl.formatMessage(messages.comments, { total: obj.comment_count })}`))))));
+                audience = (React.createElement(React.Fragment, null, onViewCommentsAction ? (React.createElement(Button, { variant: "text", size: "small", onClick: onViewCommentsAction, color: "inherit" }, `${intl.formatMessage(messages.comments, { total: obj.comment_count })}`)) : (React.createElement(React.Fragment, null, feedObjectTemplate === SCFeedObjectTemplateType.DETAIL ? (React.createElement(Typography, { variant: 'body2' }, `${intl.formatMessage(messages.comments, { total: obj.comment_count })}`)) : (React.createElement(Button, { variant: "text", size: "small", component: Link, to: scRoutingContext.url(getContributionRouteName(obj), getRouteData(obj)), classes: { root: classes.viewAudienceButton } }, `${intl.formatMessage(messages.comments, { total: obj.comment_count })}`))))));
             }
         }
         return audience;
@@ -103,11 +69,18 @@ export default function Comment(inProps) {
      * @return {JSX.Element}
      */
     function renderCommentButton() {
+        let ButtonProps = {};
+        if (!onCommentAction) {
+            ButtonProps = {
+                component: Link,
+                to: scRoutingContext.url(getContributionRouteName(obj), getRouteData(obj))
+            };
+        }
         return (React.createElement(React.Fragment, null, withAction && (React.createElement(React.Fragment, null,
             !inlineAction && withAudience && React.createElement(Divider, { className: classes.divider }),
             React.createElement(Tooltip, { title: `${intl.formatMessage(messages.comment)}` },
-                React.createElement(Button, { onClick: onCommentAction, color: "inherit", classes: { root: classNames(classes.actionButton, { [classes.inlineActionButton]: inlineAction }) } },
-                    React.createElement(Icon, { fontSize: 'large' }, "chat_bubble_outline")))))));
+                React.createElement(Button, Object.assign({ onClick: onCommentAction, className: classes.button }, ButtonProps),
+                    React.createElement(Icon, null, "chat_bubble_outline")))))));
     }
     /**
      * Renders comment action
@@ -116,4 +89,3 @@ export default function Comment(inProps) {
         renderAudience(),
         renderCommentButton()));
 }
-//# sourceMappingURL=Comment.js.map

package/lib/esm/components/FeedObject/Actions/Comment/index.d.ts

@@ -1,4 +1,3 @@
 import Comment, { CommentProps } from './Comment';
 export default Comment;
 export { CommentProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/FeedObject/Actions/Comment/index.js

@@ -1,3 +1,2 @@
 import Comment from './Comment';
 export default Comment;
-//# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import { SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
+import { SCContributionType, SCFeedObjectType } from '@selfcommunity/types';
 export interface FollowProps {
     /**
      * Overrides or extends the styles applied to the component.
@@ -19,7 +19,7 @@ export interface FollowProps {
      * Feed object type
      * @default 'post' type
      */
-    feedObjectType?: SCFeedObjectTypologyType;
+    feedObjectType?: Exclude<SCContributionType, SCContributionType.COMMENT>;
     /**
      * Handle follow object
      * @param isFollow
@@ -28,11 +28,10 @@ export interface FollowProps {
     /**
      * Iconized Button
      */
-    iconizedButton?: boolean;
+    iconized?: boolean;
     /**
      * Any other properties
      */
     [p: string]: any;
 }
 export default function Follow(inProps: FollowProps): JSX.Element;
-//# sourceMappingURL=Follow.d.ts.map

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

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React, { useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import LoadingButton from '@mui/lab/LoadingButton';
@@ -18,42 +8,31 @@ import { SCOPE_SC_UI } from '../../../../constants/Errors';
 import classNames from 'classnames';
 import { useSnackbar } from 'notistack';
 import Icon from '@mui/material/Icon';
-import { SCFeedObjectTypologyType } from '@selfcommunity/types';
-import { http, Endpoints } from '@selfcommunity/api-services';
+import { SCContributionType } from '@selfcommunity/types';
+import { Endpoints, http } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
 import { useSCContext, useSCFetchFeedObject, useSCUser } from '@selfcommunity/react-core';
 import { useThemeProps } from '@mui/system';
-const PREFIX = 'SCFollowObject';
+import { catchUnauthorizedActionByBlockedUser } from '../../../../utils/errors';
+const PREFIX = 'SCFollowAction';
 const classes = {
     root: `${PREFIX}-root`,
-    followButton: `${PREFIX}-follow-button`,
-    iconizedButton: `${PREFIX}-button-iconized`
+    button: `${PREFIX}-button`,
+    iconized: `${PREFIX}-iconized`,
+    followed: `${PREFIX}-followed`
 };
 const Root = styled(Box, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.followButton}`]: {
-        backgroundColor: theme.palette.grey[100],
-        color: theme.palette.grey[700],
-        boxShadow: 'none',
-        '&:hover': {
-            backgroundColor: theme.palette.grey[300],
-            boxShadow: 'none'
-        }
-    },
-    [`& .${classes.iconizedButton}`]: {
-        minWidth: 45
-    }
-}));
+})(({ theme }) => ({}));
 export default function Follow(inProps) {
     // PROPS
     const props = useThemeProps({
         props: inProps,
         name: PREFIX
     });
-    const { className = null, feedObjectId = null, feedObject = null, feedObjectType = SCFeedObjectTypologyType.POST, handleFollow, iconizedButton = true } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "handleFollow", "iconizedButton"]);
+    const { className = null, feedObjectId = null, feedObject = null, feedObjectType = SCContributionType.POST, handleFollow, iconized = true } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "handleFollow", "iconized"]);
     // STATE
     const { obj, setObj } = useSCFetchFeedObject({ id: feedObjectId, feedObject, feedObjectType });
     const [isFollowing, setIsFollowing] = useState(false);
@@ -97,10 +76,13 @@ export default function Follow(inProps) {
             })
                 .catch((error) => {
                 Logger.error(SCOPE_SC_UI, error);
-                enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
-                    variant: 'error',
-                    autoHideDuration: 3000
-                });
+                if (!catchUnauthorizedActionByBlockedUser(error, scUserContext.managers.blockedUsers.isBlocked(obj.author), enqueueSnackbar)) {
+                    enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
+                        variant: 'error',
+                        autoHideDuration: 3000
+                    });
+                }
+                setIsFollowing(false);
             });
         }
     }
@@ -114,11 +96,10 @@ export default function Follow(inProps) {
             btnLabel = React.createElement(FormattedMessage, { id: "ui.feedObject.unfollow", defaultMessage: "ui.feedObject.unfollow" });
         }
         return (React.createElement(React.Fragment, null, scUserContext.user && obj.author.id !== scUserContext.user.id && !obj.deleted && (React.createElement(Tooltip, { title: btnLabel },
-            React.createElement(LoadingButton, { classes: { root: classNames(classes.followButton, { [classes.iconizedButton]: classes.iconizedButton }) }, loading: isFollowing, variant: iconizedButton ? 'text' : 'contained', size: "small", disabled: isFollowing, onClick: follow }, obj.followed ? (React.createElement(React.Fragment, null, iconizedButton ? (React.createElement(Icon, { fontSize: "large", color: "primary" }, "bookmark_added")) : (btnLabel))) : (React.createElement(React.Fragment, null, iconizedButton ? React.createElement(Icon, { fontSize: "large" }, "bookmark_border") : btnLabel)))))));
+            React.createElement(LoadingButton, { className: classNames(classes.button, { [classes.iconized]: iconized, [classes.followed]: obj.followed }), loading: isFollowing, variant: iconized ? 'text' : 'contained', disabled: isFollowing, onClick: follow }, iconized ? React.createElement(Icon, null, obj.followed ? 'bookmark_added' : 'bookmark_border') : btnLabel)))));
     }
     /**
      * Renders share action
      */
     return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), renderFollowButton()));
 }
-//# sourceMappingURL=Follow.js.map

package/lib/esm/components/FeedObject/Actions/Follow/index.d.ts

@@ -1,4 +1,3 @@
 import Follow, { FollowProps } from './Follow';
 export default Follow;
 export { FollowProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/FeedObject/Actions/Follow/index.js

@@ -1,3 +1,2 @@
 import Follow from './Follow';
 export default Follow;
-//# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import { SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
+import { SCContributionType, SCFeedObjectType } from '@selfcommunity/types';
 export interface ShareProps {
     /**
      * Overrides or extends the styles applied to the component.
@@ -19,7 +19,7 @@ export interface ShareProps {
      * Feed object type
      * @default 'post' type
      */
-    feedObjectType?: SCFeedObjectTypologyType;
+    feedObjectType?: Exclude<SCContributionType, SCContributionType.COMMENT>;
     /**
      * Show audience
      * @default true
@@ -42,4 +42,3 @@ export interface ShareProps {
     [p: string]: any;
 }
 export default function Share(inProps: ShareProps): JSX.Element;
-//# sourceMappingURL=Share.d.ts.map

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

@@ -1,21 +1,11 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React, { useContext, useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 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, 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';
@@ -24,14 +14,13 @@ import { SCOPE_SC_UI } from '../../../../constants/Errors';
 import classNames from 'classnames';
 import { useSnackbar } from 'notistack';
 import Skeleton from '@mui/material/Skeleton';
-import { SCFeedObjectTypologyType } from '@selfcommunity/types';
-import { http, Endpoints } from '@selfcommunity/api-services';
-import { Logger } from '@selfcommunity/utils';
+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 { useThemeProps } from '@mui/system';
 import { getContributionRouteName, getRouteData } from '../../../../utils/contribution';
-import { FACEBOOK_SHARE, TWITTER_SHARE, LINKEDIN_SHARE } from '../../../../constants/SocialShare';
-import BaseDrawer from '../../../../shared/BaseDrawer';
+import { FACEBOOK_SHARE, LINKEDIN_SHARE, TWITTER_SHARE } from '../../../../constants/SocialShare';
 const messages = defineMessages({
     shares: {
         id: 'ui.feedObject.share.shares',
@@ -40,60 +29,28 @@ const messages = defineMessages({
     share: {
         id: 'ui.feedObject.share.share',
         defaultMessage: 'ui.feedObject.share.share'
-    },
-    shareInCategories: {
-        id: 'ui.feedObject.share.shareInCategories',
-        defaultMessage: 'ui.feedObject.share.shareInCategories'
     }
 });
-const PREFIX = 'SCShareObject';
+const PREFIX = 'SCShareAction';
 const classes = {
     root: `${PREFIX}-root`,
     divider: `${PREFIX}-divider`,
     inline: `${PREFIX}-inline`,
-    actionButton: `${PREFIX}-action-button`,
-    inlineActionButton: `${PREFIX}-inline-action-button`,
-    viewAudienceButton: `${PREFIX}-view-audience-button`,
-    shareMenuIcon: `${PREFIX}-share-Menu-icon`
+    button: `${PREFIX}-button`,
+    viewAudienceButton: `${PREFIX}-view-audience-button`
 };
 const Root = styled(Box, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    flexDirection: 'column',
-    [`&.${classes.inline}`]: {
-        flexDirection: 'row-reverse'
-    },
-    [`& .${classes.inlineActionButton}`]: {
-        minWidth: 30
-    },
-    [`& .${classes.divider}`]: {
-        width: '100%',
-        borderBottom: 0
-    },
-    [`& .${classes.viewAudienceButton}`]: {
-        height: 32,
-        fontSize: 15,
-        textTransform: 'capitalize',
-        '& p': {
-            fontSize: '0.9rem'
-        }
-    },
-    [`&.${classes.shareMenuIcon}`]: {
-        minWidth: 30
-    }
-}));
+})(({ theme }) => ({}));
 export default function Share(inProps) {
     // PROPS
     const props = useThemeProps({
         props: inProps,
         name: PREFIX
     });
-    const { className = null, feedObjectId = null, feedObject = null, feedObjectType = SCFeedObjectTypologyType.POST, withAction = true, withAudience = true, inlineAction = false } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "withAction", "withAudience", "inlineAction"]);
+    const { className = null, feedObjectId = null, feedObject = null, feedObjectType = SCContributionType.POST, withAction = true, withAudience = true, inlineAction = false } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "withAction", "withAudience", "inlineAction"]);
     // STATE
     const theme = useTheme();
     const isMobile = useMediaQuery(theme.breakpoints.down('md'));
@@ -202,6 +159,17 @@ export default function Share(inProps) {
             }
         }
     }
+    /**
+     * Get permalink
+     */
+    function getPermalink() {
+        copyTextToClipboard(url).then(() => {
+            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.permanentLinkCopied", defaultMessage: "ui.common.permanentLinkCopied" }), {
+                variant: 'success',
+                autoHideDuration: 3000
+            });
+        });
+    }
     /**
      * Renders audience with detail dialog
      * @return {JSX.Element}
@@ -216,7 +184,7 @@ export default function Share(inProps) {
             }
             else {
                 audience = (React.createElement(React.Fragment, null,
-                    React.createElement(Button, { variant: "text", size: "small", onClick: handleToggleSharesDialog, disabled: sharesCount < 1, color: "inherit", classes: { root: classes.viewAudienceButton } }, `${intl.formatMessage(messages.shares, { total: sharesCount })}`),
+                    React.createElement(Button, { variant: "text", size: "small", onClick: handleToggleSharesDialog, disabled: sharesCount < 1, classes: { root: classes.viewAudienceButton } }, `${intl.formatMessage(messages.shares, { total: sharesCount })}`),
                     openSharesDialog && sharesCount > 0 && (React.createElement(SharesDialog, { feedObject: obj, feedObjectType: obj.type, open: openSharesDialog, onClose: handleToggleSharesDialog }))));
             }
         }
@@ -225,25 +193,25 @@ export default function Share(inProps) {
     function renderShareMenuItems() {
         return (React.createElement(Box, null,
             React.createElement(MenuItem, { onClick: () => share(false) },
-                React.createElement(ListItemIcon, { classes: { root: classes.shareMenuIcon } },
+                React.createElement(ListItemIcon, null,
                     React.createElement(Icon, { fontSize: "small" }, "redo")),
                 React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.shareNow", defaultMessage: "ui.feedObject.share.shareNow" }) })),
-            obj.categories.length > 0 && (React.createElement(MenuItem, { onClick: () => share(true) },
-                React.createElement(ListItemIcon, { classes: { root: classes.shareMenuIcon } },
-                    React.createElement(Icon, { fontSize: "small" }, "share")),
-                React.createElement(ListItemText, { primary: intl.formatMessage(messages.shareInCategories, { categories: obj.categories.map((c) => c.name).join(', ') }) }))),
             facebookShareEnabled && (React.createElement(MenuItem, { onClick: () => window.open(FACEBOOK_SHARE + url, 'facebook-share-dialog', 'width=626,height=436') },
-                React.createElement(ListItemIcon, { classes: { root: classes.shareMenuIcon } },
+                React.createElement(ListItemIcon, null,
                     React.createElement(Icon, { fontSize: "small" }, "facebook")),
                 React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.facebook", defaultMessage: "ui.feedObject.share.facebook" }) }))),
             twitterShareEnabled && (React.createElement(MenuItem, { onClick: () => window.open(TWITTER_SHARE + url, 'twitter-share-dialog', 'width=626,height=436') },
-                React.createElement(ListItemIcon, { classes: { root: classes.shareMenuIcon } },
+                React.createElement(ListItemIcon, null,
                     React.createElement(Icon, { fontSize: "small" }, "twitter")),
                 React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.twitter", defaultMessage: "ui.feedObject.share.twitter" }) }))),
             linkedinShareEnabled && (React.createElement(MenuItem, { onClick: () => window.open(LINKEDIN_SHARE + url, 'linkedin-share-dialog', 'width=626,height=436') },
-                React.createElement(ListItemIcon, { classes: { root: classes.shareMenuIcon } },
+                React.createElement(ListItemIcon, null,
                     React.createElement(Icon, { fontSize: "small" }, "linkedin")),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.linkedin", defaultMessage: "ui.feedObject.share.linkedin" }) })))));
+                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.linkedin", defaultMessage: "ui.feedObject.share.linkedin" }) }))),
+            React.createElement(MenuItem, null,
+                React.createElement(ListItemIcon, null,
+                    React.createElement(Icon, { fontSize: "small" }, "link")),
+                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.permanentLink", defaultMessage: "ui.feedObject.share.permanentLink" }), onClick: () => getPermalink() }))));
     }
     /**
      * Renders vote action if withAction==true
@@ -253,8 +221,8 @@ export default function Share(inProps) {
         return (React.createElement(React.Fragment, null, withAction && (React.createElement(React.Fragment, null,
             !inlineAction && withAudience && React.createElement(Divider, { className: classes.divider }),
             React.createElement(Tooltip, { title: `${intl.formatMessage(messages.share)}` },
-                React.createElement(LoadingButton, { loading: isSharing, onClick: handleOpenShareMenu, color: "inherit", classes: { root: classNames(classes.actionButton, { [classes.inlineActionButton]: inlineAction }) } },
-                    React.createElement(Icon, { fontSize: 'large' }, "share"))),
+                React.createElement(LoadingButton, { loading: isSharing, onClick: handleOpenShareMenu, className: classes.button },
+                    React.createElement(Icon, null, "share"))),
             React.createElement(React.Fragment, null, !isMobile ? (React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, onClick: handleClose, PaperProps: {
                     elevation: 0,
                     sx: {
@@ -274,7 +242,7 @@ export default function Share(inProps) {
                             zIndex: 0
                         }
                     }
-                }, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } }, renderShareMenuItems())) : (React.createElement(BaseDrawer, { open: Boolean(anchorEl), onClose: handleClose, width: '100%' }, renderShareMenuItems()))),
+                }, 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" }))))));
     }
     /**
@@ -284,4 +252,3 @@ export default function Share(inProps) {
         renderAudience(),
         renderShareBtn()));
 }
-//# sourceMappingURL=Share.js.map

package/lib/esm/components/FeedObject/Actions/Share/SharesDialog/SharesDialog.d.ts

@@ -1,4 +1,4 @@
-import { SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
+import { SCContributionType, SCFeedObjectType } from '@selfcommunity/types';
 export interface ShareDialogProps {
     /**
      * Feed object id
@@ -14,7 +14,7 @@ export interface ShareDialogProps {
      * Feed object type
      * @default 'post' type
      */
-    feedObjectType?: SCFeedObjectTypologyType;
+    feedObjectType?: Exclude<SCContributionType, SCContributionType.COMMENT>;
     /**
      * Opens dialog
      * @default false
@@ -30,4 +30,3 @@ export interface ShareDialogProps {
     [p: string]: any;
 }
 export default function SharesDialog(props: ShareDialogProps): JSX.Element;
-//# sourceMappingURL=SharesDialog.d.ts.map

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

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React, { useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { List, ListItem } from '@mui/material';
@@ -17,14 +7,14 @@ import Typography from '@mui/material/Typography';
 import { http, Endpoints } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
 import { useSCFetchFeedObject } from '@selfcommunity/react-core';
-import { SCFeedObjectTypologyType } from '@selfcommunity/types';
+import { SCContributionType } from '@selfcommunity/types';
 import { SCOPE_SC_UI } from '../../../../../constants/Errors';
 import BaseDialog from '../../../../../shared/BaseDialog';
 import CentralProgress from '../../../../../shared/CentralProgress';
 import User from '../../../../User';
 export default function SharesDialog(props) {
     // PROPS
-    const { id = null, feedObject = null, feedObjectType = feedObject ? feedObject.type : SCFeedObjectTypologyType.POST, open = false, onClose = null } = props, rest = __rest(props, ["id", "feedObject", "feedObjectType", "open", "onClose"]);
+    const { id = null, feedObject = null, feedObjectType = feedObject ? feedObject.type : SCContributionType.POST, open = false, onClose = null } = props, rest = __rest(props, ["id", "feedObject", "feedObjectType", "open", "onClose"]);
     // STATE
     const { obj, setObj } = useSCFetchFeedObject({ id, feedObject, feedObjectType });
     const [isLoading, setIsLoading] = useState(Boolean((id && feedObjectType) || feedObject));
@@ -65,10 +55,8 @@ export default function SharesDialog(props) {
     /**
      * Renders shares dialog
      */
-    return (React.createElement(BaseDialog, Object.assign({ title: React.createElement(FormattedMessage, { defaultMessage: "ui.feedObject.sharesDialog.title", id: "ui.feedObject.sharesDialog.title" }), onClose: onClose, open: open }, rest), isLoading ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: shares.length, next: fetchShares, hasMoreNext: next !== null, loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement(Typography, { variant: "body2", align: "center" },
-            React.createElement("b", null,
-                React.createElement(FormattedMessage, { id: "ui.feedObject.sharesDialog.noOtherLikes", defaultMessage: "ui.feedObject.sharesDialog.noOtherLikes" }))) },
+    return (React.createElement(BaseDialog, Object.assign({ title: React.createElement(FormattedMessage, { defaultMessage: "ui.feedObject.sharesDialog.title", id: "ui.feedObject.sharesDialog.title" }), onClose: onClose, open: open }, rest), isLoading ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: shares.length, next: fetchShares, hasMoreNext: next !== null, loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement(Typography, { variant: "body2", align: "center", fontWeight: "bold" },
+            React.createElement(FormattedMessage, { id: "ui.feedObject.sharesDialog.noOtherLikes", defaultMessage: "ui.feedObject.sharesDialog.noOtherLikes" })) },
         React.createElement(List, null, shares.slice(0, 4).map((user, index) => (React.createElement(ListItem, { key: user.id },
             React.createElement(User, { elevation: 0, user: user, key: index })))))))));
 }
-//# sourceMappingURL=SharesDialog.js.map

package/lib/esm/components/FeedObject/Actions/Share/SharesDialog/index.d.ts

@@ -1,4 +1,3 @@
 import SharesDialog, { ShareDialogProps } from './SharesDialog';
 export default SharesDialog;
 export { ShareDialogProps };
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,2 @@
 import SharesDialog from './SharesDialog';
 export default SharesDialog;
-//# sourceMappingURL=index.js.map

package/lib/esm/components/FeedObject/Actions/Share/index.d.ts

@@ -1,4 +1,3 @@
 import Share, { ShareProps } from './Share';
 export default Share;
 export { ShareProps };
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,2 @@
 import Share from './Share';
 export default Share;
-//# sourceMappingURL=index.js.map

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

@@ -1,20 +1,4 @@
-import { SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
-/**
- * We have complex state logic that involves multiple sub-values,
- * so useReducer is preferable to useState.
- * Define all possible auth action types label
- * Use this to export actions and dispatch an action
- */
-export declare const voteActionTypes: {
-    LOADING: string;
-    REQUEST_VOTES_LOADING: string;
-    REQUEST_VOTES_SUCCESS: string;
-    REQUEST_VOTES_FAILED: string;
-    TOGGLE_VOTE_DIALOG: string;
-    REFRESHING_VOTES: string;
-    VOTING: string;
-    REQUEST_VOTING_SUCCESS: string;
-};
+import { SCContributionType, SCFeedObjectType } from '@selfcommunity/types';
 export interface VoteProps {
     /**
      * Overrides or extends the styles applied to the component.
@@ -35,7 +19,7 @@ export interface VoteProps {
      * Feed object type
      * @default 'post' type
      */
-    feedObjectType?: SCFeedObjectTypologyType;
+    feedObjectType?: Exclude<SCContributionType, SCContributionType.COMMENT>;
     /**
      * Show audience.
      * @default true
@@ -63,4 +47,3 @@ export interface VoteProps {
     [p: string]: any;
 }
 export default function Vote(inProps: VoteProps): JSX.Element;
-//# sourceMappingURL=Vote.d.ts.map