@selfcommunity/react-ui 0.7.0-alpha.80 → 0.7.0-alpha.81

package/lib/esm/components/PrivateMessageSnippets/Skeleton.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import Widget from '../Widget';
+import List from '@mui/material/List';
+import { styled } from '@mui/material/styles';
+import PrivateMessageSnippetItemSkeleton from '../PrivateMessageSnippetItem/Skeleton';
+import { CardContent } from '@mui/material';
+const PREFIX = 'SCPrivateMessageSnippetsSkeleton';
+const classes = {
+    root: `${PREFIX}-root`,
+    list: `${PREFIX}-list`
+};
+const Root = styled(Widget)(({ theme }) => ({}));
+/**
+ * > API documentation for the Community-JS PrivateMessageSnippets Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {PrivateMessageSnippetsSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCPrivateMessageSnippetsSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCPrivateMessageSnippetsSkeleton-root|Styles applied to the root element.|
+ |list|.SCPrivateMessageSnippetsSkeleton-list|Styles applied to the list element.|
+ *
+ */
+export default function PrivateMessageSnippetsSkeleton(props) {
+    return (React.createElement(Root, Object.assign({ className: classes.root }, props),
+        React.createElement(CardContent, null,
+            React.createElement(List, { className: classes.list }, [...Array(4)].map((category, index) => (React.createElement(PrivateMessageSnippetItemSkeleton, { key: index, elevation: 0 })))))));
+}
+//# sourceMappingURL=Skeleton.js.map

package/lib/esm/components/PrivateMessageSnippets/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippets/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,iCAAiC,MAAM,uCAAuC,CAAC;AACtF,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,GAAG,kCAAkC,CAAC;AAElD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAC,KAAK;IAC1D,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK;QACtC,oBAAC,WAAW;YACV,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAC1B,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,oBAAC,iCAAiC,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,CAChE,CAAC,CACG,CACK,CACT,CACR,CAAC;AACJ,CAAC"}

package/lib/esm/components/PrivateMessageSnippets/index.d.ts

@@ -0,0 +1,5 @@
+import PrivateMessageSnippets, { PrivateMessageSnippetsProps } from './PrivateMessageSnippets';
+import PrivateMessageSnippetsSkeleton from './Skeleton';
+export default PrivateMessageSnippets;
+export { PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/PrivateMessageSnippets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippets/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,EAAE,EAAC,2BAA2B,EAAC,MAAM,0BAA0B,CAAC;AAC7F,OAAO,8BAA8B,MAAM,YAAY,CAAC;AACxD,eAAe,sBAAsB,CAAC;AACtC,OAAO,EAAC,2BAA2B,EAAE,8BAA8B,EAAC,CAAC"}

package/lib/esm/components/PrivateMessageSnippets/index.js

@@ -0,0 +1,5 @@
+import PrivateMessageSnippets from './PrivateMessageSnippets';
+import PrivateMessageSnippetsSkeleton from './Skeleton';
+export default PrivateMessageSnippets;
+export { PrivateMessageSnippetsSkeleton };
+//# sourceMappingURL=index.js.map

package/lib/esm/components/PrivateMessageSnippets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippets/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAqD,MAAM,0BAA0B,CAAC;AAC7F,OAAO,8BAA8B,MAAM,YAAY,CAAC;AACxD,eAAe,sBAAsB,CAAC;AACtC,OAAO,EAA8B,8BAA8B,EAAC,CAAC"}

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

@@ -0,0 +1,84 @@
+import { SCPrivateMessageThreadType } from '@selfcommunity/types';
+export interface PrivateMessageThreadProps {
+    /**
+     * User object (thread receiver)
+     * default null
+     */
+    userObj?: SCPrivateMessageThreadType | number;
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Hides this component
+     * @default false
+     */
+    autoHide?: boolean;
+    /**
+     * Opens new message screen
+     * @default false
+     */
+    openNewMessage?: boolean;
+    /**
+     * Functions called on thread actions
+     */
+    threadCallbacks?: {
+        /**
+         * Callback fired when a  message is sent
+         * @param data
+         * @default null
+         */
+        onMessageSentOrDeleted?: (data: any, reason: string) => void;
+        /**
+         * Callback fired only when exiting a thread.
+         * @default null
+         */
+        onMessageBack?: (dispatch: any) => void;
+        /**
+         * Callback fired when deleting a thread.
+         * @default null
+         */
+        onThreadDelete?: (dispatch: any) => void;
+    };
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+/**
+ *
+ > API documentation for the Community-JS PrivateMessage Thread component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {PrivateMessageThread} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCPrivateMessageThread` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCPrivateMessageThread-root|Styles applied to the root element.|
+ |section|.SCPrivateMessageThread-section|Styles applied to the list section|
+ |emptyMessage|.SCPrivateMessageThread-empty-message|Styles applied to the empty message element.|
+ |newMessageHeader|.SCPrivateMessageThread-new-message-header|Styles applied to the new message header section.|
+ |newMessageHeaderIcon|.SCPrivateMessageThread-new-message-header-icon|Styles applied to the new message header icon element.|
+ |newMessageHeaderContent|.SCPrivateMessageThread-new-message-header-content|Styles applied to the new message header content.|
+ |subHeader|.SCPrivateMessageThread-subheader|Styles applied to thread list subheader element.|
+ |mobileHeader|.SCPrivateMessageThread-mobile-header|Styles applied to mobile header element.|
+ |mobileHeaderContent|.SCPrivateMessageThread-mobile-header-content|Styles applied to mobile header content.|
+ |sender|.SCPrivateMessageThread-sender|Styles applied to the sender element.|
+ |receiver|.SCPrivateMessageThread-receiver|Styles applied to the receiver element.|
+ |autocomplete|.SCPrivateMessageThread-autocomplete|Styles applied to new message user insertion autocomplete.|
+
+ * @param inProps
+ */
+export default function PrivateMessageThread(inProps: PrivateMessageThreadProps): JSX.Element;
+//# sourceMappingURL=PrivateMessageThread.d.ts.map

package/lib/esm/components/PrivateMessageThread/PrivateMessageThread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivateMessageThread.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/PrivateMessageThread.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAyE,0BAA0B,EAAC,MAAM,sBAAsB,CAAC;AA8DxI,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,OAAO,CAAC,EAAE,0BAA0B,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB;;;;WAIG;QACH,sBAAsB,CAAC,EAAE,CAAC,IAAI,KAAA,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;QACxD;;;WAGG;QACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;QACxC;;;WAGG;QACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;KAC1C,CAAC;IACF;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,OAAO,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAmZ5F"}

package/lib/esm/components/PrivateMessageThread/PrivateMessageThread.js

@@ -0,0 +1,389 @@
+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 React, { useContext, useEffect, useMemo, useState, useRef } from 'react';
+import { styled } from '@mui/material/styles';
+import Widget from '../Widget';
+import { http, Endpoints, PrivateMessageService, UserService } from '@selfcommunity/api-services';
+import { SCPreferences, SCPreferencesContext, SCUserContext, UserUtils } from '@selfcommunity/react-core';
+import { SCNotificationTopicType, SCNotificationTypologyType } from '@selfcommunity/types';
+import PrivateMessageThreadItem from '../PrivateMessageThreadItem';
+import _ from 'lodash';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
+import { Avatar, Box, CardContent, IconButton, List, ListSubheader, TextField, Typography, useMediaQuery, useTheme } from '@mui/material';
+import ConfirmDialog from '../../shared/ConfirmDialog/ConfirmDialog';
+import PrivateMessageEditor from '../PrivateMessageEditor';
+import Autocomplete from '@mui/material/Autocomplete';
+import classNames from 'classnames';
+import { useSnackbar } from 'notistack';
+import PubSub from 'pubsub-js';
+import { useThemeProps } from '@mui/system';
+import Icon from '@mui/material/Icon';
+import PrivateMessageThreadSkeleton from './Skeleton';
+import { SCOPE_SC_UI } from '../../constants/Errors';
+import { Logger } from '@selfcommunity/utils';
+import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
+const messages = defineMessages({
+    placeholder: {
+        id: 'ui.privateMessage.thread.newMessage.autocomplete.placeholder',
+        defaultMessage: 'ui.privateMessage.thread.newMessage.autocomplete.placeholder'
+    }
+});
+const PREFIX = 'SCPrivateMessageThread';
+const classes = {
+    root: `${PREFIX}-root`,
+    subHeader: `${PREFIX}-subheader`,
+    section: `${PREFIX}-section`,
+    mobileHeader: `${PREFIX}-mobile-header`,
+    mobileHeaderContent: `${PREFIX}-mobile-header-content`,
+    emptyMessage: `${PREFIX}-empty-message`,
+    newMessageHeader: `${PREFIX}-new-message-header`,
+    newMessageHeaderContent: `${PREFIX}-new-message-header-content`,
+    newMessageHeaderIcon: `${PREFIX}-new-message-header-icon`,
+    sender: `${PREFIX}-sender`,
+    receiver: `${PREFIX}-receiver`,
+    autocomplete: `${PREFIX}-autocomplete`
+};
+const Root = styled(Widget, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({}));
+/**
+ *
+ > API documentation for the Community-JS PrivateMessage Thread component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {PrivateMessageThread} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCPrivateMessageThread` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCPrivateMessageThread-root|Styles applied to the root element.|
+ |section|.SCPrivateMessageThread-section|Styles applied to the list section|
+ |emptyMessage|.SCPrivateMessageThread-empty-message|Styles applied to the empty message element.|
+ |newMessageHeader|.SCPrivateMessageThread-new-message-header|Styles applied to the new message header section.|
+ |newMessageHeaderIcon|.SCPrivateMessageThread-new-message-header-icon|Styles applied to the new message header icon element.|
+ |newMessageHeaderContent|.SCPrivateMessageThread-new-message-header-content|Styles applied to the new message header content.|
+ |subHeader|.SCPrivateMessageThread-subheader|Styles applied to thread list subheader element.|
+ |mobileHeader|.SCPrivateMessageThread-mobile-header|Styles applied to mobile header element.|
+ |mobileHeaderContent|.SCPrivateMessageThread-mobile-header-content|Styles applied to mobile header content.|
+ |sender|.SCPrivateMessageThread-sender|Styles applied to the sender element.|
+ |receiver|.SCPrivateMessageThread-receiver|Styles applied to the receiver element.|
+ |autocomplete|.SCPrivateMessageThread-autocomplete|Styles applied to new message user insertion autocomplete.|
+
+ * @param inProps
+ */
+export default function PrivateMessageThread(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { userObj, autoHide, className, openNewMessage, threadCallbacks } = props, rest = __rest(props, ["userObj", "autoHide", "className", "openNewMessage", "threadCallbacks"]);
+    // CONTEXT
+    const scUserContext = useContext(SCUserContext);
+    const { enqueueSnackbar, closeSnackbar } = useSnackbar();
+    const scPreferencesContext = useContext(SCPreferencesContext);
+    const followEnabled = SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED in scPreferencesContext.preferences &&
+        scPreferencesContext.preferences[SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED].value;
+    // STATE
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+    const scFollowersManager = scUserContext.managers.followers;
+    const [loading, setLoading] = useState(true);
+    const [messageObjs, setMessageObjs] = useState([]);
+    const [isHovered, setIsHovered] = useState({});
+    const [openDeleteMessageDialog, setOpenDeleteMessageDialog] = useState(false);
+    const [deletingMsg, setDeletingMsg] = useState(null);
+    const [followers, setFollowers] = useState([]);
+    const [recipients, setRecipients] = useState([]);
+    const [isFollower, setIsFollower] = useState(false);
+    const [receiver, setReceiver] = useState(null);
+    const [newMessageThread, setNewMessageThread] = useState(false);
+    const [newMessageUser, setNewMessageUser] = useState('');
+    // REFS
+    const refreshSubscription = useRef(null);
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
+    // INTL
+    const intl = useIntl();
+    // UTILS
+    const format = (item) => intl.formatDate(item.created_at, {
+        year: 'numeric',
+        day: 'numeric',
+        month: 'long'
+    });
+    // HANDLERS
+    const formatMessages = (messageObjs) => {
+        return _.groupBy(messageObjs, format);
+    };
+    const formattedMessages = useMemo(() => {
+        return formatMessages(messageObjs);
+    }, [messageObjs]);
+    const handleMouseEnter = (index) => {
+        setIsHovered((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { [index]: true });
+        });
+    };
+    const handleMouseLeave = (index) => {
+        setIsHovered((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { [index]: false });
+        });
+    };
+    const handleCloseDeleteDialog = () => {
+        setOpenDeleteMessageDialog(false);
+    };
+    const handleOpenDeleteDialog = (msg) => {
+        setOpenDeleteMessageDialog(true);
+        setDeletingMsg(msg);
+    };
+    const selectRecipients = (event, recipient) => {
+        setRecipients(recipient);
+    };
+    /**
+     * Memoized message recipients ids
+     */
+    const ids = useMemo(() => {
+        if (recipients !== null && openNewMessage) {
+            return recipients.map((u) => {
+                return parseInt(u.id, 10);
+            });
+        }
+        if (newMessageThread && !openNewMessage) {
+            return recipients;
+        }
+    }, [recipients]);
+    /**
+     * Handles the deletion of a single message
+     */
+    function handleDelete() {
+        PrivateMessageService.deleteAMessage(deletingMsg.id)
+            .then(() => {
+            const result = messageObjs.filter((m) => m.id !== deletingMsg.id);
+            setMessageObjs(result);
+            threadCallbacks.onMessageSentOrDeleted(result.length > 1 ? result.slice(-1)[0] : deletingMsg, 'deleted');
+            handleCloseDeleteDialog();
+        })
+            .catch((error) => {
+            console.log(error);
+            let _snackBar = enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.error", defaultMessage: "ui.common.error" }), {
+                variant: 'error',
+                onClick: () => {
+                    closeSnackbar(_snackBar);
+                }
+            });
+        });
+    }
+    /**
+     * Sends a message
+     * @param m
+     * @param f
+     */
+    function sendMessage(m, f) {
+        if (UserUtils.isBlocked(scUserContext.user)) {
+            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+                variant: 'warning',
+                autoHideDuration: 3000
+            });
+        }
+        else {
+            http
+                .request({
+                url: Endpoints.SendMessage.url(),
+                method: Endpoints.SendMessage.method,
+                data: {
+                    recipients: openNewMessage ? ids : [typeof userObj === 'number' ? userObj : userObj.receiver.id],
+                    message: m,
+                    file_uuid: f && !m ? f : null
+                }
+            })
+                .then((res) => {
+                setMessageObjs((prev) => [...prev, res.data]);
+                threadCallbacks.onMessageSentOrDeleted(res.data, 'sent');
+                if (openNewMessage || newMessageThread) {
+                    setNewMessageThread(false);
+                    setRecipients([]);
+                }
+            })
+                .catch((error) => {
+                console.log(error);
+                let _snackBar = enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.error.messageError", defaultMessage: "ui.common.error.messageError" }), {
+                    variant: 'error',
+                    onClick: () => {
+                        closeSnackbar(_snackBar);
+                    }
+                });
+            });
+        }
+    }
+    /**
+     * Memoized fetchFollowers
+     */
+    const fetchFollowers = useMemo(() => () => {
+        let fetch;
+        if (followEnabled) {
+            fetch = UserService.getUserFollowers(authUserId);
+        }
+        else {
+            fetch = UserService.getUserConnections(authUserId);
+        }
+        return fetch
+            .then((data) => {
+            setFollowers(data.results);
+            setLoading(false);
+        })
+            .catch((error) => {
+            setLoading(false);
+            console.log(error);
+            Logger.error(SCOPE_SC_UI, { error });
+        });
+    }, []);
+    /**
+     * Fetches thread
+     */
+    function fetchThread() {
+        let u;
+        if (typeof userObj === 'number') {
+            u = userObj;
+        }
+        else {
+            u = userObj.receiver.id;
+        }
+        http
+            .request({
+            url: Endpoints.GetAThread.url(),
+            method: Endpoints.GetAThread.method,
+            params: {
+                user: u
+            }
+        })
+            .then((res) => {
+            const data = res.data;
+            setMessageObjs(data.results);
+            if (data.results.length) {
+                if (data.results[0].receiver.id !== scUserContext.user.id) {
+                    setReceiver(data.results[0].receiver);
+                }
+                else {
+                    setReceiver(data.results[0].sender);
+                }
+                setNewMessageThread(false);
+            }
+            else {
+                // setNewMessageThread(true);
+                setRecipients(u);
+            }
+            setLoading(false);
+        })
+            .catch((error) => {
+            setLoading(false);
+            console.log(error);
+            Logger.error(SCOPE_SC_UI, { error });
+        });
+    }
+    /**
+     * On mount, fetches thread
+     * if openNewMessage is true, fetches user followers too.
+     */
+    useEffect(() => {
+        userObj && fetchThread();
+        openNewMessage && fetchFollowers();
+    }, [userObj, openNewMessage, authUserId]);
+    /**
+     * Checks is thread receiver is a user follower
+     */
+    useEffect(() => {
+        if (receiver) {
+            setIsFollower(scFollowersManager.isFollower(receiver));
+        }
+    });
+    /**
+     * When a ws notification arrives, update data
+     */
+    useEffect(() => {
+        refreshSubscription.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.PRIVATE_MESSAGE}`, subscriber);
+        return () => {
+            PubSub.unsubscribe(refreshSubscription.current);
+        };
+    }, [messageObjs]);
+    /**
+     * Notification subscriber
+     */
+    const subscriber = (msg, data) => {
+        const res = data.data;
+        const newMessages = [...messageObjs];
+        const index = newMessages.findIndex((m) => m.sender.id === res.notification_obj.message.sender.id);
+        if (index !== -1) {
+            setMessageObjs((prev) => [...prev, res.notification_obj.message]);
+        }
+    };
+    /**
+     * Renders thread component
+     * @return {JSX.Element}
+     */
+    function renderThread() {
+        return (React.createElement(CardContent, null,
+            isMobile && receiver && (React.createElement(Box, { className: classes.mobileHeader },
+                React.createElement(Box, { className: classes.mobileHeaderContent },
+                    React.createElement(Icon, { onClick: () => threadCallbacks.onMessageBack('default') }, "chevron_left"),
+                    React.createElement(Avatar, { alt: receiver.username, src: receiver.avatar }),
+                    React.createElement(Typography, { variant: "body1", color: "inherit" }, receiver.username)),
+                React.createElement(Icon, { fontSize: "medium", onClick: threadCallbacks.onThreadDelete }, "delete"))),
+            openDeleteMessageDialog && (React.createElement(ConfirmDialog, { open: openDeleteMessageDialog, title: React.createElement(FormattedMessage, { id: "ui.privateMessage.thread.message.dialog.msg", defaultMessage: "ui.privateMessage.thread.message.dialog.msg" }), btnConfirm: React.createElement(FormattedMessage, { id: "ui.privateMessage.thread.message.dialog.confirm", defaultMessage: "ui.privateMessage.thread.message.dialog.confirm" }), onConfirm: () => handleDelete(), onClose: handleCloseDeleteDialog })),
+            React.createElement(List, { subheader: React.createElement("li", null) }, Object.keys(formattedMessages).map((key, index) => (React.createElement("li", { key: key, className: classes.section },
+                React.createElement("ul", null,
+                    React.createElement(ListSubheader, null,
+                        React.createElement(Typography, { align: "center", className: classes.subHeader }, key)),
+                    formattedMessages[key].map((msg, index) => (React.createElement(PrivateMessageThreadItem, { className: scUserContext['user'].id === msg.sender.id ? classes.sender : classes.receiver, message: msg, key: msg.id, mouseEvents: { onMouseEnter: () => handleMouseEnter(msg.id), onMouseLeave: () => handleMouseLeave(msg.id) }, isHovering: isHovered[msg.id], showMenuIcon: scUserContext['user'].id === msg.sender.id, onMenuIconClick: () => handleOpenDeleteDialog(msg) })))))))),
+            React.createElement(PrivateMessageEditor, { send: (m, f) => sendMessage(m, f), autoHide: !isFollower, onThreadChangeId: userObj })));
+    }
+    /**
+     * Renders empty box (when there is no thread open) or new message box
+     * @return {JSX.Element}
+     */
+    function renderNewOrNoMessageBox() {
+        return (React.createElement(CardContent, null, openNewMessage || newMessageThread ? (React.createElement(React.Fragment, null,
+            React.createElement(Box, { className: classes.newMessageHeader },
+                React.createElement(Box, { className: classes.newMessageHeaderContent },
+                    React.createElement(Icon, { className: classes.newMessageHeaderIcon }, "person"),
+                    React.createElement(Typography, null,
+                        React.createElement(FormattedMessage, { defaultMessage: "ui.privateMessage.thread.newMessage.to", id: "ui.privateMessage.thread.newMessage.to" })),
+                    React.createElement(Autocomplete, { className: classes.autocomplete, multiple: !newMessageThread, limitTags: 3, freeSolo: true, options: followers, value: newMessageThread ? newMessageUser : recipients, getOptionLabel: (option) => (option ? option.username : '...'), renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { placeholder: `${intl.formatMessage(messages.placeholder)}`, variant: "standard", InputProps: Object.assign(Object.assign({}, params.InputProps), { disableUnderline: true }) }))), onChange: selectRecipients, disabled: !followers })),
+                React.createElement(IconButton, { size: "small", onClick: threadCallbacks.onMessageBack },
+                    React.createElement(Icon, { fontSize: "small" }, "close"))),
+            React.createElement(PrivateMessageEditor, { send: (m, f) => sendMessage(m, f), autoHide: !followers }))) : (React.createElement(Typography, { component: "span", className: classes.emptyMessage },
+            React.createElement(FormattedMessage, { id: "ui.privateMessage.thread.emptyBox.message", defaultMessage: "ui.privateMessage.thread.emptyBox.message" })))));
+    }
+    // Anonymous
+    if (!scUserContext.user) {
+        return React.createElement(HiddenPlaceholder, null);
+    }
+    if (loading && userObj) {
+        return React.createElement(PrivateMessageThreadSkeleton, null);
+    }
+    /**
+     * Renders the component (if not hidden by autoHide prop)
+     */
+    if (!autoHide) {
+        return (React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className) }), userObj && !newMessageThread ? renderThread() : renderNewOrNoMessageBox()));
+    }
+    return null;
+}
+//# sourceMappingURL=PrivateMessageThread.js.map

package/lib/esm/components/PrivateMessageThread/PrivateMessageThread.js.map

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

package/lib/esm/components/PrivateMessageThread/Skeleton.d.ts

@@ -0,0 +1,23 @@
+/**
+ * > API documentation for the Community-JS PrivateMessage Thread Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {PrivateMessageThreadSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCPrivateMessageThreadSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCPrivateMessageThreadSkeleton-root|Styles applied to the root element.|
+ |list|.SCPrivateMessageThreadSkeleton-list|Styles applied to the list element.|
+ *
+ */
+export default function PrivateMessageThreadSkeleton(props: any): JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/esm/components/PrivateMessageThread/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/Skeleton.tsx"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAsBvE"}

package/lib/esm/components/{Thread → PrivateMessageThread}/Skeleton.js

@@ -6,7 +6,7 @@ import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import Skeleton from '@mui/material/Skeleton';
 import ListItemText from '@mui/material/ListItemText';
-const PREFIX = 'SCThreadSkeleton';
+const PREFIX = 'SCPrivateMessageThreadSkeleton';
 const classes = {
     root: `${PREFIX}-root`,
     list: `${PREFIX}-list`
@@ -26,27 +26,27 @@ const Root = styled(Widget, {
     }
 }));
 /**
- * > API documentation for the Community-JS Thread Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS PrivateMessage Thread Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 
  ```jsx
- import {ThreadSkeleton} from '@selfcommunity/react-ui';
+ import {PrivateMessageThreadSkeleton} from '@selfcommunity/react-ui';
  ```
 
  #### Component Name
 
- The name `SCThreadSkeleton` can be used when providing style overrides in the theme.
+ The name `SCPrivateMessageThreadSkeleton` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCThreadSkeleton-root|Styles applied to the root element.|
- |list|.SCThreadSkeleton-list|Styles applied to the list element.|
+ |root|.SCPrivateMessageThreadSkeleton-root|Styles applied to the root element.|
+ |list|.SCPrivateMessageThreadSkeleton-list|Styles applied to the list element.|
  *
  */
-export default function ThreadSkeleton(props) {
+export default function PrivateMessageThreadSkeleton(props) {
     return (React.createElement(Root, Object.assign({ className: classes.root }, props),
         React.createElement(CardContent, null,
             React.createElement(List, { className: classes.list }, [...Array(6)].map((category, index) => (React.createElement(ListItem, { key: index },

package/lib/esm/components/PrivateMessageThread/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,4BAA4B,CAAC;AAEtD,MAAM,MAAM,GAAG,gCAAgC,CAAC;AAEhD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE;IAC1B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE,OAAO;KACf;CACF,CAAC,CAAC,CAAC;AACJ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,KAAK;IACxD,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK;QACtC,oBAAC,WAAW;YACV,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAC1B,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;gBAClB,oBAAC,YAAY,IACX,EAAE,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAC,EAClF,OAAO,EACL;wBACE,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,YAAY,EAAE,EAAE,EAAC,GAAI;wBAChF,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACnD,GAEL,CACO,CACZ,CAAC,CACG,CACK,CACT,CACR,CAAC;AACJ,CAAC"}

package/lib/esm/components/PrivateMessageThread/index.d.ts

@@ -0,0 +1,5 @@
+import PrivateMessageThread, { PrivateMessageThreadProps } from './PrivateMessageThread';
+import PrivateMessageThreadSkeleton from './Skeleton';
+export default PrivateMessageThread;
+export { PrivateMessageThreadProps, PrivateMessageThreadSkeleton };
+//# sourceMappingURL=index.d.ts.map