@selfcommunity/react-ui 0.7.0-alpha.99 → 0.7.0

package/lib/cjs/components/Notification/PrivateMessage/PrivateMessage.js

@@ -1,145 +1,67 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_core_1 = require("@selfcommunity/react-core");
 const react_intl_1 = require("react-intl");
-const DateTimeAgo_1 = __importDefault(require("../../../shared/DateTimeAgo"));
-const classnames_1 = __importDefault(require("classnames"));
+const DateTimeAgo_1 = tslib_1.__importDefault(require("../../../shared/DateTimeAgo"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const types_1 = require("../../../types");
-const system_1 = require("@mui/system");
-const NotificationItem_1 = __importDefault(require("../../../shared/NotificationItem"));
+const NotificationItem_1 = tslib_1.__importDefault(require("../../../shared/NotificationItem"));
 const lab_1 = require("@mui/lab");
+const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../../shared/UserDeletedSnackBar"));
+const UserAvatar_1 = tslib_1.__importDefault(require("../../../shared/UserAvatar"));
+const constants_1 = require("../constants");
 const messages = (0, react_intl_1.defineMessages)({
     receivePrivateMessage: {
         id: 'ui.notification.receivePrivateMessage',
         defaultMessage: 'ui.notification.receivePrivateMessage'
     }
 });
-const PREFIX = 'SCNotificationPrivateMessage';
 const classes = {
-    root: `${PREFIX}-root`,
-    avatar: `${PREFIX}-avatar`,
-    actions: `${PREFIX}-actions`,
-    replyButton: `${PREFIX}-reply-button`,
-    activeAt: `${PREFIX}-active-at`,
-    messageLabel: `${PREFIX}-message-label`,
-    username: `${PREFIX}-username`,
-    messageWrap: `${PREFIX}-message-wrap`,
-    message: `${PREFIX}-message`
+    root: `${constants_1.PREFIX}-private-message-root`,
+    avatar: `${constants_1.PREFIX}-avatar`,
+    actions: `${constants_1.PREFIX}-actions`,
+    replyButton: `${constants_1.PREFIX}-reply-button`,
+    activeAt: `${constants_1.PREFIX}-active-at`,
+    messageLabel: `${constants_1.PREFIX}-message-label`,
+    username: `${constants_1.PREFIX}-username`,
+    messageWrap: `${constants_1.PREFIX}-message-wrap`,
+    message: `${constants_1.PREFIX}-message`
 };
 const Root = (0, styles_1.styled)(NotificationItem_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.replyButton}`]: {
-        minWidth: 30
-    },
-    [`& .${classes.activeAt}`]: {
-        minWidth: 30,
-        [theme.breakpoints.down('md')]: {
-            display: 'none'
-        }
-    },
-    [`& .${classes.username}`]: {
-        display: 'inline',
-        fontWeight: 700,
-        '&:hover': {
-            textDecoration: 'underline'
-        }
-    },
-    [`& .${classes.messageLabel}`]: {
-        color: theme.palette.text.primary
-    },
-    [`& .${classes.messageWrap}`]: {
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        WebkitLineClamp: '2',
-        lineClamp: 2,
-        WebkitBoxOrient: 'vertical',
-        '& p': {
-            margin: 0
-        }
-    },
-    [`& .${classes.message}`]: {
-        height: 20,
-        overflowY: 'hidden',
-        textOverflow: 'ellipsis',
-        display: 'inline',
-        overflow: 'hidden',
-        '&:hover': {
-            textDecoration: 'underline'
-        },
-        '& > p': {
-            overflowY: 'hidden',
-            textOverflow: 'ellipsis',
-            display: '-webkit-box',
-            WebkitLineClamp: '2',
-            lineClamp: 2,
-            WebkitBoxOrient: 'vertical'
-        }
-    },
-    [`& .${classes.actions}`]: {
-        fontSize: '13px',
-        maxWidth: '40%'
-    }
-}));
+    name: constants_1.PREFIX,
+    slot: 'PrivateMessageRoot'
+})(() => ({}));
 /**
  * This component render the content of the notification of type private message
- * @param inProps
  * @constructor
+ * @param props
  */
-function PrivateMessageNotification(inProps) {
+function PrivateMessageNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
-    const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = types_1.SCNotificationObjectTemplateType.DETAIL } = props, rest = __rest(props, ["notificationObject", "id", "className", "template"]);
+    const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = types_1.SCNotificationObjectTemplateType.DETAIL } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
-    const scFollowersManager = scUserContext.managers.followers;
+    const scPreferencesContext = (0, react_core_1.useSCPreferences)();
+    const followEnabled = (0, react_1.useMemo)(() => react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED in scPreferencesContext.preferences &&
+        scPreferencesContext.preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED].value, [scPreferencesContext.preferences]);
+    const manager = followEnabled
+        ? scUserContext.managers.followers
+        : scUserContext.managers.connections;
+    function checkFollowerOrConnection(user) {
+        if ('isFollower' in manager) {
+            return manager.isFollower(user);
+        }
+        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+        // @ts-ignore
+        return manager.status(user);
+    }
     const [follower, setFollower] = (0, react_1.useState)(null);
+    const [openAlert, setOpenAlert] = (0, react_1.useState)(false);
     // CONST
     const isSnippetTemplate = template === types_1.SCNotificationObjectTemplateType.SNIPPET;
     const isToastTemplate = template === types_1.SCNotificationObjectTemplateType.TOAST;
@@ -150,16 +72,21 @@ function PrivateMessageNotification(inProps) {
          * Call scFollowedManager.isFollower inside an effect
          * to avoid warning rendering child during update parent state
          */
-        if (scUserContext.user && scUserContext.user.id !== notificationObject.message.sender.id) {
-            setFollower(scFollowersManager.isFollower(notificationObject.message.sender));
+        if (scUserContext.user && scUserContext.user.id !== notificationObject.message.sender.id && !notificationObject.message.sender.deleted) {
+            setFollower(checkFollowerOrConnection(notificationObject.message.sender));
         }
     });
     // RENDER
     if (isSnippetTemplate || isToastTemplate) {
-        return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, image: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject.message.sender) },
-                react_1.default.createElement(material_1.Avatar, { alt: notificationObject.message.sender.username, variant: "circular", src: notificationObject.message.sender.avatar, classes: { root: classes.avatar } })), primary: react_1.default.createElement(react_1.default.Fragment, null,
+        return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${constants_1.PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, image: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!notificationObject.message.sender.deleted && {
+                to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject.message.sender)
+            }), { onClick: notificationObject.message.sender.deleted ? () => setOpenAlert(true) : null }),
+                react_1.default.createElement(UserAvatar_1.default, { hide: !notificationObject.message.sender.community_badge, smaller: true },
+                    react_1.default.createElement(material_1.Avatar, { alt: notificationObject.message.sender.username, variant: "circular", src: notificationObject.message.sender.avatar, classes: { root: classes.avatar } }))), primary: react_1.default.createElement(react_1.default.Fragment, null,
                 isToastTemplate && (react_1.default.createElement(material_1.Box, null,
-                    react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject.message.sender) }, notificationObject.message.sender.username),
+                    react_1.default.createElement(react_core_1.Link, Object.assign({}, (!notificationObject.message.sender.deleted && {
+                        to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject.message.sender)
+                    }), { onClick: notificationObject.message.sender.deleted ? () => setOpenAlert(true) : null }), notificationObject.message.sender.username),
                     ' ',
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'ui.userToastNotifications.privateMessage.sentMessage', defaultMessage: 'ui.userToastNotifications.privateMessage.sentMessage' }),
                     ":",
@@ -168,7 +95,9 @@ function PrivateMessageNotification(inProps) {
                             react_1.default.createElement(material_1.Typography, { variant: "body2", dangerouslySetInnerHTML: { __html: notificationObject.message.message } }))))),
                 isSnippetTemplate && (react_1.default.createElement(material_1.Box, null,
                     react_1.default.createElement(material_1.Typography, { component: "div", color: "inherit" },
-                        react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject.message.sender), className: classes.username }, notificationObject.message.sender.username),
+                        react_1.default.createElement(react_core_1.Link, Object.assign({}, (!notificationObject.message.sender.deleted && {
+                            to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject.message.sender)
+                        }), { onClick: notificationObject.message.sender.deleted ? () => setOpenAlert(true) : null, className: classes.username }), notificationObject.message.sender.username),
                         ' ',
                         react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.messageLabel }, intl.formatMessage(messages.receivePrivateMessage, {
                             total: 1,
@@ -178,11 +107,16 @@ function PrivateMessageNotification(inProps) {
                 react_1.default.createElement(material_1.Typography, { color: "primary" },
                     react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userToastNotifications.replyMessage", defaultMessage: 'ui.userToastNotifications.replyMessage' })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userToastNotifications.viewMessage", defaultMessage: 'ui.userToastNotifications.viewMessage' })))))) }, rest)));
     }
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, actions: react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
-            react_1.default.createElement(DateTimeAgo_1.default, { date: notificationObject.active_at, className: classes.activeAt }),
-            react_1.default.createElement(lab_1.LoadingButton, { color: 'primary', variant: "outlined", size: "small", classes: { root: classes.replyButton }, component: react_core_1.Link, loading: scUserContext.user ? follower === null || scFollowersManager.isLoading(notificationObject.message.sender) : null, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.privateMessage.btnReplyLabel", defaultMessage: "ui.notification.privateMessage.btnReplyLabel" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.privateMessage.btnViewLabel", defaultMessage: "ui.notification.privateMessage.btnViewLabel" })))), primary: react_1.default.createElement(material_1.Box, { className: classes.messageWrap },
-            react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.message },
-                react_1.default.createElement(material_1.Typography, { variant: "body2", dangerouslySetInnerHTML: { __html: notificationObject.message.message } }))) }, rest)));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${constants_1.PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, actions: react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
+                react_1.default.createElement(DateTimeAgo_1.default, { date: notificationObject.active_at, className: classes.activeAt }),
+                react_1.default.createElement(lab_1.LoadingButton, { color: 'primary', variant: "outlined", size: "small", classes: { root: classes.replyButton }, component: react_core_1.Link, loading: notificationObject.message.sender.deleted
+                        ? null
+                        : scUserContext.user
+                            ? follower === null || manager.isLoading(notificationObject.message.sender)
+                            : null, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender) }, scUserContext.user && follower ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.privateMessage.btnReplyLabel", defaultMessage: "ui.notification.privateMessage.btnReplyLabel" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.privateMessage.btnViewLabel", defaultMessage: "ui.notification.privateMessage.btnViewLabel" })))), primary: react_1.default.createElement(material_1.Box, { className: classes.messageWrap },
+                react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message.sender), className: classes.message },
+                    react_1.default.createElement(material_1.Typography, { variant: "body2", dangerouslySetInnerHTML: { __html: notificationObject.message.message } }))) }, rest)),
+        openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }
 exports.default = PrivateMessageNotification;
-//# sourceMappingURL=PrivateMessage.js.map

package/lib/cjs/components/Notification/PrivateMessage/index.d.ts

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

package/lib/cjs/components/Notification/PrivateMessage/index.js

@@ -1,8 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const PrivateMessage_1 = __importDefault(require("./PrivateMessage"));
+const tslib_1 = require("tslib");
+const PrivateMessage_1 = tslib_1.__importDefault(require("./PrivateMessage"));
 exports.default = PrivateMessage_1.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/Notification/Skeleton.d.ts

@@ -9,14 +9,13 @@
 
  #### Component Name
 
- The name `SCNotificationSkeleton` can be used when providing style overrides in the theme.
+ The name `SCNotification-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCNotificationSkeleton-root|Styles applied to the root element.|
+ |root|.SCNotification-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function NotificationSkeleton(props: any): JSX.Element;
-//# sourceMappingURL=Skeleton.d.ts.map

package/lib/cjs/components/Notification/Skeleton.js

@@ -1,21 +1,20 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const CardContent_1 = __importDefault(require("@mui/material/CardContent"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const CardContent_1 = tslib_1.__importDefault(require("@mui/material/CardContent"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
-const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-const Widget_1 = __importDefault(require("../Widget"));
-const PREFIX = 'SCNotificationSkeleton';
+const Skeleton_1 = tslib_1.__importDefault(require("@mui/material/Skeleton"));
+const Widget_1 = tslib_1.__importDefault(require("../Widget"));
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${constants_1.PREFIX}-skeleton-root`
 };
-const Root = (0, styles_1.styled)(Widget_1.default)(({ theme }) => ({
-    marginBottom: theme.spacing(2)
-}));
+const Root = (0, styles_1.styled)(Widget_1.default, {
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Notification Skeleton component. Learn about the available props and the CSS API.
 
@@ -27,13 +26,13 @@ const Root = (0, styles_1.styled)(Widget_1.default)(({ theme }) => ({
 
  #### Component Name
 
- The name `SCNotificationSkeleton` can be used when providing style overrides in the theme.
+ The name `SCNotification-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCNotificationSkeleton-root|Styles applied to the root element.|
+ |root|.SCNotification-skeleton-root|Styles applied to the root element.|
  *
  */
 function NotificationSkeleton(props) {
@@ -47,4 +46,3 @@ function NotificationSkeleton(props) {
         [...Array(Math.floor(Math.random() * 5) + 1)].map((x, i) => (react_1.default.createElement(react_1.default.Fragment, { key: i }, notification)))));
 }
 exports.default = NotificationSkeleton;
-//# sourceMappingURL=Skeleton.js.map

package/lib/cjs/components/Notification/UndeletedFor/UndeletedFor.d.ts

@@ -9,8 +9,7 @@ export interface NotificationUndeletedProps extends Pick<NotificationItemProps,
 }
 /**
  * This component render the content of the notification of type undeleted for
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function UndeletedForNotification(inProps: NotificationUndeletedProps): JSX.Element;
-//# sourceMappingURL=UndeletedFor.d.ts.map
+export default function UndeletedForNotification(props: NotificationUndeletedProps): JSX.Element;

package/lib/cjs/components/Notification/UndeletedFor/UndeletedFor.js

@@ -1,79 +1,39 @@
 "use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
-const Icon_1 = __importDefault(require("@mui/material/Icon"));
-const colors_1 = require("@mui/material/colors");
+const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const react_core_1 = require("@selfcommunity/react-core");
 const react_intl_1 = require("react-intl");
 const contribution_1 = require("../../../utils/contribution");
-const DateTimeAgo_1 = __importDefault(require("../../../shared/DateTimeAgo"));
-const classnames_1 = __importDefault(require("classnames"));
+const DateTimeAgo_1 = tslib_1.__importDefault(require("../../../shared/DateTimeAgo"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const types_1 = require("../../../types");
-const system_1 = require("@mui/system");
-const NotificationItem_1 = __importDefault(require("../../../shared/NotificationItem"));
-const PREFIX = 'SCUndeletedForNotification';
+const NotificationItem_1 = tslib_1.__importDefault(require("../../../shared/NotificationItem"));
+const constants_1 = require("../constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    undeletedIcon: `${PREFIX}-undeleted-icon`,
-    undeletedText: `${PREFIX}-undeleted-text`,
-    activeAt: `${PREFIX}-active-at`,
-    contributionWrap: `${PREFIX}-contribution-wrap`,
-    contributionYouWroteLabel: `${PREFIX}-contribution-you-wrote-label`,
-    contributionText: `${PREFIX}-contribution-text`
+    root: `${constants_1.PREFIX}-undeleted-for-root`,
+    undeletedIcon: `${constants_1.PREFIX}-undeleted-icon`,
+    undeletedText: `${constants_1.PREFIX}-undeleted-text`,
+    activeAt: `${constants_1.PREFIX}-active-at`,
+    contributionWrap: `${constants_1.PREFIX}-contribution-wrap`,
+    contributionYouWroteLabel: `${constants_1.PREFIX}-contribution-you-wrote-label`,
+    contributionText: `${constants_1.PREFIX}-contribution-text`
 };
 const Root = (0, styles_1.styled)(NotificationItem_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.undeletedIcon}`]: {
-        backgroundColor: colors_1.red[500],
-        color: '#FFF'
-    },
-    [`& .${classes.undeletedText}`]: {
-        color: theme.palette.text.primary
-    },
-    [`& .${classes.contributionWrap}`]: {
-        marginBottom: theme.spacing(1),
-        padding: theme.spacing(2),
-        textOverflow: 'ellipsis',
-        display: 'inline',
-        overflow: 'hidden'
-    },
-    [`& .${classes.contributionText}`]: {
-        '&:hover': {
-            textDecoration: 'underline'
-        }
-    }
-}));
+    name: constants_1.PREFIX,
+    slot: 'UndeletedForRoot'
+})(() => ({}));
 /**
  * This component render the content of the notification of type undeleted for
- * @param inProps
  * @constructor
+ * @param props
  */
-function UndeletedForNotification(inProps) {
+function UndeletedForNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
-    const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = types_1.SCNotificationObjectTemplateType.DETAIL } = props, rest = __rest(props, ["notificationObject", "id", "className", "template"]);
+    const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = types_1.SCNotificationObjectTemplateType.DETAIL } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();
     // CONST
@@ -82,7 +42,7 @@ function UndeletedForNotification(inProps) {
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, image: react_1.default.createElement(material_1.Avatar, { variant: "circular", classes: { root: classes.undeletedIcon } },
+    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${constants_1.PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, image: react_1.default.createElement(material_1.Avatar, { variant: "circular", classes: { root: classes.undeletedIcon } },
             react_1.default.createElement(Icon_1.default, null, "outlined_flag")), primary: react_1.default.createElement(react_1.default.Fragment, null, isSnippetTemplate ? (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes[`${contributionType.toUpperCase()}_ROUTE_NAME`], (0, contribution_1.getRouteData)(notificationObject[contributionType])) },
             react_1.default.createElement(material_1.Typography, { component: "div", color: "inherit", className: classes.undeletedText },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.undeletedFor.restoredContentSnippet", defaultMessage: "ui.notification.undeletedFor.restoredContentSnippet" })))) : (react_1.default.createElement(material_1.Typography, { component: "div", color: "inherit", className: classes.undeletedText },
@@ -99,4 +59,3 @@ function UndeletedForNotification(inProps) {
                         react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userToastNotifications.viewContribution", defaultMessage: 'ui.userToastNotifications.viewContribution' }))))))) }, rest)));
 }
 exports.default = UndeletedForNotification;
-//# sourceMappingURL=UndeletedFor.js.map

package/lib/cjs/components/Notification/UndeletedFor/index.d.ts

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

package/lib/cjs/components/Notification/UndeletedFor/index.js

@@ -1,8 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const UndeletedFor_1 = __importDefault(require("./UndeletedFor"));
+const tslib_1 = require("tslib");
+const UndeletedFor_1 = tslib_1.__importDefault(require("./UndeletedFor"));
 exports.default = UndeletedFor_1.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/Notification/UserBlocked/UserBlocked.d.ts

@@ -9,8 +9,7 @@ export interface NotificationBlockedProps extends Pick<NotificationItemProps, Ex
 }
 /**
  * This component render the content of the notification of type user blocked
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function UserBlockedNotification(inProps: NotificationBlockedProps): JSX.Element;
-//# sourceMappingURL=UserBlocked.d.ts.map
+export default function UserBlockedNotification(props: NotificationBlockedProps): JSX.Element;

package/lib/cjs/components/Notification/UserBlocked/UserBlocked.js

@@ -1,31 +1,17 @@
 "use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
-const colors_1 = require("@mui/material/colors");
-const Icon_1 = __importDefault(require("@mui/material/Icon"));
+const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const types_1 = require("@selfcommunity/types");
 const react_intl_1 = require("react-intl");
-const DateTimeAgo_1 = __importDefault(require("../../../shared/DateTimeAgo"));
-const classnames_1 = __importDefault(require("classnames"));
+const DateTimeAgo_1 = tslib_1.__importDefault(require("../../../shared/DateTimeAgo"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const types_2 = require("../../../types");
-const system_1 = require("@mui/system");
-const NotificationItem_1 = __importDefault(require("../../../shared/NotificationItem"));
+const NotificationItem_1 = tslib_1.__importDefault(require("../../../shared/NotificationItem"));
+const constants_1 = require("../constants");
 const messages = (0, react_intl_1.defineMessages)({
     accountBlocked: {
         id: 'ui.notification.userBlocked.accountBlocked',
@@ -36,49 +22,31 @@ const messages = (0, react_intl_1.defineMessages)({
         defaultMessage: 'ui.notification.userBlocked.accountReactivated'
     }
 });
-const PREFIX = 'SCUserBlockedNotification';
 const classes = {
-    root: `${PREFIX}-root`,
-    unBlockedIcon: `${PREFIX}-unblocked-icon`,
-    blockedIcon: `${PREFIX}-blocked-icon`,
-    blockedText: `${PREFIX}-blocked-text`,
-    activeAt: `${PREFIX}-active-at`
+    root: `${constants_1.PREFIX}-user-blocked-root`,
+    unBlockedIcon: `${constants_1.PREFIX}-unblocked-icon`,
+    blockedIcon: `${constants_1.PREFIX}-blocked-icon`,
+    blockedText: `${constants_1.PREFIX}-blocked-text`,
+    activeAt: `${constants_1.PREFIX}-active-at`
 };
 const Root = (0, styles_1.styled)(NotificationItem_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.unBlockedIcon}`]: {
-        backgroundColor: colors_1.green[500],
-        color: '#FFF'
-    },
-    [`& .${classes.blockedIcon}`]: {
-        backgroundColor: colors_1.red[500],
-        color: '#FFF'
-    },
-    [`& .${classes.blockedText}`]: {
-        color: theme.palette.text.primary
-    }
-}));
+    name: constants_1.PREFIX,
+    slot: 'UserBlockedRoot'
+})(() => ({}));
 /**
  * This component render the content of the notification of type user blocked
- * @param inProps
  * @constructor
+ * @param props
  */
-function UserBlockedNotification(inProps) {
+function UserBlockedNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
-    const { notificationObject = null, id = `n_${props.notificationObject['sid']}`, template = types_2.SCNotificationObjectTemplateType.DETAIL, className } = props, rest = __rest(props, ["notificationObject", "id", "template", "className"]);
+    const { notificationObject = null, id = `n_${props.notificationObject['sid']}`, template = types_2.SCNotificationObjectTemplateType.DETAIL, className } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "template", "className"]);
     // INTL
     const intl = (0, react_intl_1.useIntl)();
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, image: react_1.default.createElement(material_1.Avatar, { variant: "circular", classes: {
+    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${constants_1.PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, image: react_1.default.createElement(material_1.Avatar, { variant: "circular", classes: {
                 root: (0, classnames_1.default)(classes.unBlockedIcon, {
                     [classes.blockedIcon]: notificationObject.type === types_1.SCNotificationTypologyType.BLOCKED_USER
                 })
@@ -89,4 +57,3 @@ function UserBlockedNotification(inProps) {
             react_1.default.createElement(DateTimeAgo_1.default, { date: notificationObject.active_at }))) }, rest)));
 }
 exports.default = UserBlockedNotification;
-//# sourceMappingURL=UserBlocked.js.map

package/lib/cjs/components/Notification/UserBlocked/index.d.ts

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

package/lib/cjs/components/Notification/UserBlocked/index.js

@@ -1,8 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const UserBlocked_1 = __importDefault(require("./UserBlocked"));
+const tslib_1 = require("tslib");
+const UserBlocked_1 = tslib_1.__importDefault(require("./UserBlocked"));
 exports.default = UserBlocked_1.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/Notification/UserConnection/UserConnection.d.ts

@@ -9,8 +9,7 @@ export interface NotificationConnectionProps extends Pick<NotificationItemProps,
 }
 /**
  * This component render the content of the notification of connection accept/request
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function UserConnectionNotification(inProps: NotificationConnectionProps): JSX.Element;
-//# sourceMappingURL=UserConnection.d.ts.map
+export default function UserConnectionNotification(props: NotificationConnectionProps): JSX.Element;