@selfcommunity/react-ui 0.7.0-alpha.310 → 0.7.0-alpha.311

package/lib/cjs/components/UserActionIconButton/UserActionIconButton.js

@@ -10,6 +10,7 @@ const system_1 = require("@mui/system");
 const react_intl_1 = require("react-intl");
 const UserInfoDialog_1 = tslib_1.__importDefault(require("../UserInfoDialog"));
 const ConfirmDialog_1 = tslib_1.__importDefault(require("../../shared/ConfirmDialog/ConfirmDialog"));
+const notistack_1 = require("notistack");
 const PREFIX = 'SCUserActionIconButton';
 const classes = {
     root: `${PREFIX}-root`,
@@ -73,9 +74,10 @@ function UserActionIconButton(inProps) {
     const [hidden, setHidden] = (0, react_1.useState)(null);
     const [openHideDialog, setOpenHideDialog] = (0, react_1.useState)(false);
     // HOOKS
-    const { scUser, setSCUser } = (0, react_core_1.useSCFetchUser)({ id: userId, user });
+    const { scUser } = (0, react_core_1.useSCFetchUser)({ id: userId, user });
     const theme = (0, material_1.useTheme)();
     const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
+    const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     // HANDLERS
     const handleOpen = (event) => {
         setAnchorEl(event.currentTarget);
@@ -97,10 +99,18 @@ function UserActionIconButton(inProps) {
             .then((blocked) => {
             setHidden(blocked);
         })
-            .then(() => setHiddenLoading(false));
+            .then(() => setHiddenLoading(false))
+            .catch(() => {
+            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.action.notPermitted", defaultMessage: "ui.common.action.notPermitted" }), {
+                variant: 'warning',
+                autoHideDuration: 7000
+            });
+            setHiddenLoading(false);
+            handleHide();
+        });
     };
     const handleHide = (0, react_1.useMemo)(() => () => {
-        setOpenHideDialog(true);
+        setOpenHideDialog((prev) => !prev);
         handleClose();
     }, [setOpenHideDialog, handleClose]);
     // MEMO
@@ -131,7 +141,7 @@ function UserActionIconButton(inProps) {
                     : [
                         react_1.default.createElement(material_1.Divider, { key: "divider" }),
                         react_1.default.createElement(material_1.ListItem, { key: "hide" },
-                            react_1.default.createElement(material_1.ListItemButton, { onClick: handleHideToggle, disabled: isHiddenLoading || scUser.community_badge },
+                            react_1.default.createElement(material_1.ListItemButton, { onClick: handleHideToggle, disabled: isHiddenLoading || scUser.community_badge || (!hidden && react_core_1.UserUtils.isStaff(scUser)) },
                                 react_1.default.createElement(material_1.ListItemText, { primary: hidden ? (react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userActionIconButton.show", id: "ui.userActionIconButton.show" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userActionIconButton.hide", id: "ui.userActionIconButton.hide" })) }))),
                         ...(canModerate
                             ? [

package/lib/cjs/utils/contribution.js

@@ -59,7 +59,7 @@ exports.getContributionSnippet = getContributionSnippet;
  */
 function getContributionHtml(obj, handleUrl) {
     return obj.html.replace(/<mention.*? id="([0-9]+)"{1}.*?>@([a-z\d_]+)<\/mention>/gi, (match, id, username) => {
-        return `<a target='_blank' href='${handleUrl(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, { id, username })}'>@${username}</a>`;
+        return `<a href='${handleUrl(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, { id, username })}'>@${username}</a>`;
     });
 }
 exports.getContributionHtml = getContributionHtml;

package/lib/esm/components/UserActionIconButton/UserActionIconButton.js

@@ -2,12 +2,13 @@ import { __rest } from "tslib";
 import React, { useEffect, useMemo, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Divider, Icon, IconButton, List, ListItem, ListItemButton, ListItemText, Menu, MenuItem, Slide, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
-import { Link, useSCContext, useSCFetchUser, useSCUser } from '@selfcommunity/react-core';
+import { Link, UserUtils, useSCContext, useSCFetchUser, useSCUser } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { FormattedMessage } from 'react-intl';
 import UserInfoDialog from '../UserInfoDialog';
 import ConfirmDialog from '../../shared/ConfirmDialog/ConfirmDialog';
+import { useSnackbar } from 'notistack';
 const PREFIX = 'SCUserActionIconButton';
 const classes = {
     root: `${PREFIX}-root`,
@@ -71,9 +72,10 @@ export default function UserActionIconButton(inProps) {
     const [hidden, setHidden] = useState(null);
     const [openHideDialog, setOpenHideDialog] = useState(false);
     // HOOKS
-    const { scUser, setSCUser } = useSCFetchUser({ id: userId, user });
+    const { scUser } = useSCFetchUser({ id: userId, user });
     const theme = useTheme();
     const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+    const { enqueueSnackbar } = useSnackbar();
     // HANDLERS
     const handleOpen = (event) => {
         setAnchorEl(event.currentTarget);
@@ -95,10 +97,18 @@ export default function UserActionIconButton(inProps) {
             .then((blocked) => {
             setHidden(blocked);
         })
-            .then(() => setHiddenLoading(false));
+            .then(() => setHiddenLoading(false))
+            .catch(() => {
+            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.action.notPermitted", defaultMessage: "ui.common.action.notPermitted" }), {
+                variant: 'warning',
+                autoHideDuration: 7000
+            });
+            setHiddenLoading(false);
+            handleHide();
+        });
     };
     const handleHide = useMemo(() => () => {
-        setOpenHideDialog(true);
+        setOpenHideDialog((prev) => !prev);
         handleClose();
     }, [setOpenHideDialog, handleClose]);
     // MEMO
@@ -129,7 +139,7 @@ export default function UserActionIconButton(inProps) {
                     : [
                         React.createElement(Divider, { key: "divider" }),
                         React.createElement(ListItem, { key: "hide" },
-                            React.createElement(ListItemButton, { onClick: handleHideToggle, disabled: isHiddenLoading || scUser.community_badge },
+                            React.createElement(ListItemButton, { onClick: handleHideToggle, disabled: isHiddenLoading || scUser.community_badge || (!hidden && UserUtils.isStaff(scUser)) },
                                 React.createElement(ListItemText, { primary: hidden ? (React.createElement(FormattedMessage, { defaultMessage: "ui.userActionIconButton.show", id: "ui.userActionIconButton.show" })) : (React.createElement(FormattedMessage, { defaultMessage: "ui.userActionIconButton.hide", id: "ui.userActionIconButton.hide" })) }))),
                         ...(canModerate
                             ? [

package/lib/esm/utils/contribution.js

@@ -52,7 +52,7 @@ export function getContributionSnippet(obj) {
  */
 export function getContributionHtml(obj, handleUrl) {
     return obj.html.replace(/<mention.*? id="([0-9]+)"{1}.*?>@([a-z\d_]+)<\/mention>/gi, (match, id, username) => {
-        return `<a target='_blank' href='${handleUrl(SCRoutes.USER_PROFILE_ROUTE_NAME, { id, username })}'>@${username}</a>`;
+        return `<a href='${handleUrl(SCRoutes.USER_PROFILE_ROUTE_NAME, { id, username })}'>@${username}</a>`;
     });
 }
 /**