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

package/lib/esm/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.js

@@ -0,0 +1,133 @@
+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, useMemo } from 'react';
+import { styled } from '@mui/material/styles';
+import { Avatar, ListItemButton, ListItemAvatar, ListItemText, Typography, Chip, IconButton, useTheme, Menu, MenuItem, ListItem, ListItemIcon } from '@mui/material';
+import PrivateMessageSnippetItemSkeleton from './Skeleton';
+import { FormattedMessage, useIntl } from 'react-intl';
+import { SCUserContext, SCPreferences, useSCPreferences } from '@selfcommunity/react-core';
+import Icon from '@mui/material/Icon';
+import classNames from 'classnames';
+import { useThemeProps } from '@mui/system';
+import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
+import useMediaQuery from '@mui/material/useMediaQuery';
+const PREFIX = 'SCPrivateMessageSnippetItem';
+const classes = {
+    root: `${PREFIX}-root`,
+    username: `${PREFIX}-username`,
+    badgeLabel: `${PREFIX}-badge-label`,
+    time: `${PREFIX}-time`,
+    menuItem: `${PREFIX}-menu-item`
+};
+const Root = styled(ListItem, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({}));
+const PREFERENCES = [SCPreferences.STAFF_STAFF_BADGE_LABEL, SCPreferences.STAFF_STAFF_BADGE_ICON];
+/**
+ *
+ > API documentation for the Community-JS PrivateMessageSnippetItem component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {PrivateMessageSnippetItem} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCPrivateMessageSnippetItem` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCPrivateMessageSnippetItem-root|Styles applied to the root element.|
+ |username|.SCPrivateMessageSnippetItem-username|Styles applied to the username element.|
+ |badgeLabel|.SCPrivateMessageSnippetItem-badgeLabel|Styles applied to the badgeLabel element.|
+ |time|.SCPrivateMessageSnippetItem-time|Styles applied to the time element.|
+ |menuItem|.SCPrivateMessageSnippetItem-menu-item|Styles applied to the menu item element.|
+
+ * @param inProps
+ */
+export default function PrivateMessageSnippetItem(inProps) {
+    var _a, _b, _c;
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { autoHide = false, message = null, className = null, actions = {} } = props, rest = __rest(props, ["autoHide", "message", "className", "actions"]);
+    // CONTEXT
+    const scUserContext = useContext(SCUserContext);
+    // PREFERENCES
+    const scPreferences = useSCPreferences();
+    const preferences = useMemo(() => {
+        const _preferences = {};
+        PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
+        return _preferences;
+    }, [scPreferences.preferences]);
+    // INTL
+    const intl = useIntl();
+    // STATE
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+    const isNew = message ? message.thread_status === 'new' : null;
+    const hasBadge = message === null || message === void 0 ? void 0 : message.receiver.community_badge;
+    const [anchorEl, setAnchorEl] = React.useState(null);
+    const open = Boolean(anchorEl);
+    //HANDLERS
+    const handleOpenMenu = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleMenuClose = () => {
+        setAnchorEl(null);
+    };
+    const handleMenuItemClick = () => {
+        actions.onMenuClick();
+        handleMenuClose();
+    };
+    /**
+     *
+     */
+    if (!message) {
+        return React.createElement(PrivateMessageSnippetItemSkeleton, { elevation: 0 });
+    }
+    /**
+     * Renders root object (if not hidden by autoHide prop)
+     */
+    if (autoHide) {
+        return React.createElement(HiddenPlaceholder, null);
+    }
+    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { secondaryAction: !isMobile && (React.createElement(React.Fragment, null,
+            React.createElement(IconButton, { size: "small", onClick: handleOpenMenu },
+                React.createElement(Icon, null, "more_vert")),
+            React.createElement(Menu, { anchorEl: anchorEl, open: open, onClose: handleMenuClose },
+                React.createElement(MenuItem, { classes: { root: classes.menuItem }, onClick: handleMenuItemClick },
+                    React.createElement(ListItemIcon, null,
+                        React.createElement(Icon, { fontSize: "small" }, "delete")),
+                    React.createElement(FormattedMessage, { id: "ui.privateMessage.snippetItem.menu.item.delete", defaultMessage: "ui.privateMessage.snippetItem.menu.item.delete" }))))), disablePadding: true }),
+        React.createElement(ListItemButton, { onClick: actions.onItemClick },
+            React.createElement(ListItemAvatar, null, ((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.username) === message.receiver.username ? (React.createElement(Avatar, { alt: message.sender.username, src: message.sender.avatar })) : (React.createElement(Avatar, { alt: message.receiver.username, src: message.receiver.avatar }))),
+            React.createElement(ListItemText, { primary: React.createElement(React.Fragment, null,
+                    React.createElement(Typography, { component: "span", className: classes.username }, ((_b = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _b === void 0 ? void 0 : _b.username) === message.receiver.username ? message.sender.username : message.receiver.username),
+                    hasBadge && preferences && (React.createElement(Chip, { component: "span", className: classes.badgeLabel, size: "small", label: preferences[SCPreferences.STAFF_STAFF_BADGE_LABEL] })),
+                    React.createElement(Typography, { color: "secondary", className: classes.time, component: "span" }, `${intl.formatDate(message.last_message_at, {
+                        weekday: 'long',
+                        day: 'numeric'
+                    })}`)), secondary: React.createElement(React.Fragment, null,
+                    React.createElement(Typography, { component: "span", color: "text.secondary", dangerouslySetInnerHTML: { __html: (_c = message.headline) !== null && _c !== void 0 ? _c : message.message } }),
+                    isNew && (React.createElement(Icon, { fontSize: "small", color: "secondary" }, "fiber_manual_record"))) }))));
+}
+//# sourceMappingURL=PrivateMessageSnippetItem.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemAvatar from '@mui/material/ListItemAvatar';
+import ListItemText from '@mui/material/ListItemText';
+import { styled } from '@mui/material/styles';
+import Skeleton from '@mui/material/Skeleton';
+import Widget from '../Widget';
+import { useTheme } from '@mui/material';
+const PREFIX = 'SCPrivateMessageSnippetItemSkeleton';
+const classes = {
+    root: `${PREFIX}-root`,
+    list: `${PREFIX}-list`
+};
+const Root = styled(Widget)(({ theme }) => ({
+    maxWidth: 700
+}));
+/**
+ * > API documentation for the Community-JS PrivateMessageSnippetItem Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {PrivateMessageSnippetItemSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCPrivateMessageSnippetItemSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCPrivateMessageSnippetItemSkeleton-root|Styles applied to the root element.|
+ |list|.SCPrivateMessageSnippetItemSkeleton-list|Styles applied to the list element.|
+ *
+ */
+export default function PrivateMessageSnippetItemSkeleton(props) {
+    const theme = useTheme();
+    const m = (React.createElement(ListItem, null,
+        React.createElement(ListItemAvatar, null,
+            React.createElement(Skeleton, { animation: "wave", variant: "circular", width: theme.selfcommunity.user.avatar.sizeMedium, height: theme.selfcommunity.user.avatar.sizeMedium })),
+        React.createElement(ListItemText, { primary: React.createElement(Skeleton, { animation: "wave", height: 10, width: 120, style: { marginBottom: 10 } }), secondary: React.createElement(Skeleton, { animation: "wave", height: 10, width: 70, style: { marginBottom: 10 } }) })));
+    return (React.createElement(Root, Object.assign({ className: classes.root }, props),
+        React.createElement(List, null, m)));
+}
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippetItem/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAGvC,MAAM,MAAM,GAAG,qCAAqC,CAAC;AAErD,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;IACxC,QAAQ,EAAE,GAAG;CACd,CAAC,CAAC,CAAC;AACJ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,iCAAiC,CAAC,KAAK;IAC7D,MAAM,KAAK,GAAG,QAAQ,EAAe,CAAC;IACtC,MAAM,CAAC,GAAG,CACR,oBAAC,QAAQ;QACP,oBAAC,cAAc;YACb,oBAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EACjD,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,GAClD,CACa;QACjB,oBAAC,YAAY,IACX,OAAO,EAAE,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,YAAY,EAAE,EAAE,EAAC,GAAI,EACzF,SAAS,EAAE,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAC,YAAY,EAAE,EAAE,EAAC,GAAI,GAC1F,CACO,CACZ,CAAC;IACF,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK;QACtC,oBAAC,IAAI,QAAE,CAAC,CAAQ,CACX,CACR,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippetItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,EAAE,EAAC,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AACtG,OAAO,iCAAiC,MAAM,YAAY,CAAC;AAC3D,eAAe,yBAAyB,CAAC;AACzC,OAAO,EAAC,8BAA8B,EAAE,iCAAiC,EAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippetItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAA2D,MAAM,6BAA6B,CAAC;AACtG,OAAO,iCAAiC,MAAM,YAAY,CAAC;AAC3D,eAAe,yBAAyB,CAAC;AACzC,OAAO,EAAiC,iCAAiC,EAAC,CAAC"}

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

@@ -0,0 +1,75 @@
+import { SCPrivateMessageSnippetType } from '@selfcommunity/types';
+export interface PrivateMessageSnippetsProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Hides this component
+     * @default false
+     */
+    autoHide?: boolean;
+    /**
+     *
+     */
+    snippetActions?: {
+        onSnippetClick?: (msg: any) => void;
+        onNewMessageClick?: () => void;
+        onMenuItemClick?: (msg: any) => void;
+    };
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+    /**
+     * Clicked thread id
+     * @default null
+     */
+    threadId?: number;
+    /**
+     * Callbacks to handle component update after thread delete, on message/new message sent
+     */
+    snippetCallbacksData?: {
+        onDeleteThreadSuccess?: number;
+        onMessageChanges?: {
+            message: SCPrivateMessageSnippetType;
+            reason: string;
+        };
+    };
+    /**
+     * Prop to highlight selected snippet
+     * @default null
+     */
+    selected?: any;
+}
+/**
+ *
+ > API documentation for the Community-JS PrivateMessageSnippets component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {PrivateMessageSnippets} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCPrivateMessageSnippets` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCPrivateMessageSnippets-root|Styles applied to the root element.|
+ |icon|.SCPrivateMessageSnippets-icon|Styles applied to the search icon element.|
+ |input|.SCPrivateMessageSnippets-input|Styles applied to the search input element.|
+ |clear|.SCPrivateMessageSnippets-clear|Styles applied to the search bar clear icon element.|
+ |searchBar|.SCPrivateMessageSnippets-searchBar|Styles applied to the search bar element.|
+ |newMessageButton|.SCPrivateMessageSnippets-new-message-button|Styles applied to new message button element.|
+
+ * @param inProps
+ */
+export default function PrivateMessageSnippets(inProps: PrivateMessageSnippetsProps): JSX.Element;
+//# sourceMappingURL=PrivateMessageSnippets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrivateMessageSnippets.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippets/PrivateMessageSnippets.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,2BAA2B,EAAsD,MAAM,sBAAsB,CAAC;AAkCtH,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE;QACf,cAAc,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;QAC/B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;QAC/B,eAAe,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;KACjC,CAAC;IACF;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,oBAAoB,CAAC,EAAE;QACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,gBAAgB,CAAC,EAAE;YAAC,OAAO,EAAE,2BAA2B,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAC,CAAC;KAC3E,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,OAAO,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CAgOhG"}

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

@@ -0,0 +1,252 @@
+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, { useEffect, useMemo, useRef, useState } from 'react';
+import { styled } from '@mui/material/styles';
+import { Button, CardContent, Icon, IconButton, List, TextField } from '@mui/material';
+import Widget from '../Widget';
+import { http, Endpoints } from '@selfcommunity/api-services';
+import { SCNotificationTopicType, SCNotificationTypologyType } from '@selfcommunity/types';
+import PrivateMessageSnippetsSkeleton from './Skeleton';
+import PrivateMessageSnippetItem from '../PrivateMessageSnippetItem';
+import classNames from 'classnames';
+import { useThemeProps } from '@mui/system';
+import PubSub from 'pubsub-js';
+import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
+import { SCOPE_SC_UI } from '../../constants/Errors';
+import { Logger } from '@selfcommunity/utils';
+const messages = defineMessages({
+    placeholder: {
+        id: 'ui.privateMessage.snippets.searchBar.placeholder',
+        defaultMessage: 'ui.privateMessage.snippets.searchBar.placeholder'
+    }
+});
+const PREFIX = 'SCPrivateMessageSnippets';
+const classes = {
+    root: `${PREFIX}-root`,
+    searchBar: `${PREFIX}-search-bar`,
+    icon: `${PREFIX}-icon`,
+    input: `${PREFIX}-input`,
+    clear: `${PREFIX}-clear`,
+    newMessageButton: `${PREFIX}-new-message-button`
+};
+const Root = styled(Widget, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({}));
+/**
+ *
+ > API documentation for the Community-JS PrivateMessageSnippets component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {PrivateMessageSnippets} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCPrivateMessageSnippets` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCPrivateMessageSnippets-root|Styles applied to the root element.|
+ |icon|.SCPrivateMessageSnippets-icon|Styles applied to the search icon element.|
+ |input|.SCPrivateMessageSnippets-input|Styles applied to the search input element.|
+ |clear|.SCPrivateMessageSnippets-clear|Styles applied to the search bar clear icon element.|
+ |searchBar|.SCPrivateMessageSnippets-searchBar|Styles applied to the search bar element.|
+ |newMessageButton|.SCPrivateMessageSnippets-new-message-button|Styles applied to new message button element.|
+
+ * @param inProps
+ */
+export default function PrivateMessageSnippets(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { autoHide = false, className = null, threadId, selected, snippetActions, snippetCallbacksData } = props, rest = __rest(props, ["autoHide", "className", "threadId", "selected", "snippetActions", "snippetCallbacksData"]);
+    // STATE
+    const [snippets, setSnippets] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [total, setTotal] = useState(0);
+    const isNumber = typeof selected === 'number';
+    const [search, setSearch] = useState('');
+    // REFS
+    const refreshSubscription = useRef(null);
+    // INTL
+    const intl = useIntl();
+    /**
+     * Memoized fetchSnippets
+     */
+    const fetchSnippets = useMemo(() => () => {
+        return http
+            .request({
+            url: Endpoints.GetSnippets.url(),
+            method: Endpoints.GetSnippets.method
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            return Promise.resolve(res.data);
+        });
+    }, []);
+    /**
+     * On mount, fetches snippets
+     */
+    useEffect(() => {
+        fetchSnippets()
+            .then((data) => {
+            setSnippets(data.results);
+            setLoading(false);
+            setTotal(data.count);
+        })
+            .catch((error) => {
+            console.log(error);
+            Logger.error(SCOPE_SC_UI, { error });
+        });
+    }, []);
+    /**
+     * Updates snippet headline and status
+     * @param id
+     * @param headline
+     * @param status
+     */
+    function updateSnippets(id, headline, status) {
+        const newSnippets = [...snippets];
+        const index = newSnippets.findIndex((s) => s.id === id);
+        if (index !== -1) {
+            newSnippets[index].headline = headline;
+            newSnippets[index].thread_status = status;
+            setSnippets(newSnippets);
+        }
+    }
+    function updateSnippetsList(id) {
+        const _snippets = snippets.filter((s) => s.id !== id);
+        setSnippets(_snippets);
+    }
+    const handleChange = (event) => {
+        setSearch(event.target.value);
+    };
+    const handleClear = () => {
+        setSearch('');
+    };
+    const filteredSnippets = snippets.filter((el) => {
+        if (search === '') {
+            return el;
+        }
+        return el.receiver.username.toLowerCase().includes(search);
+    });
+    const handleOpenNewMessage = () => {
+        snippetActions && snippetActions.onNewMessageClick();
+        handleClear();
+    };
+    const handleDeleteConversation = (msg) => {
+        snippetActions && snippetActions.onMenuItemClick(msg);
+    };
+    /**
+     * Updates snippet status
+     * @param id
+     * @param status
+     */
+    function updateStatus(id, status) {
+        const newSnippets = [...snippets];
+        const index = newSnippets.findIndex((s) => s.id === id);
+        if (index !== -1) {
+            newSnippets[index].thread_status = status;
+            setSnippets(newSnippets);
+        }
+    }
+    /**
+     * When a ws notification arrives, updates data
+     */
+    useEffect(() => {
+        refreshSubscription.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.PRIVATE_MESSAGE}`, subscriber);
+        return () => {
+            PubSub.unsubscribe(refreshSubscription.current);
+        };
+    }, [snippets]);
+    function updateSnippetsOnCallbacks(snippetCallbacksData) {
+        //Removes deleted thread from snippet list
+        if (snippetCallbacksData.onDeleteThreadSuccess) {
+            updateSnippetsList(snippetCallbacksData.onDeleteThreadSuccess);
+            handleClear();
+        }
+        else if (snippetCallbacksData.onMessageChanges) {
+            //Updates snippet headline when a new message is sent or deleted
+            const newSnippets = [...snippets];
+            //console.log(newSnippets);
+            const inList = newSnippets.some((o) => o.receiver.id === snippetCallbacksData.onMessageChanges['message'].receiver.id);
+            if (inList) {
+                const index = newSnippets.findIndex((s) => s.receiver.id === snippetCallbacksData.onMessageChanges['message'].receiver.id);
+                if (index !== -1) {
+                    newSnippets[index].headline = snippetCallbacksData.onMessageChanges['message'].message;
+                    setSnippets(newSnippets);
+                }
+            }
+            else {
+                //Adds a new snippet when a new message is sent
+                setSnippets((prev) => [...prev, snippetCallbacksData.onMessageChanges['message']]);
+            }
+        }
+    }
+    /**
+     * Updates snippets list when some message action is made inside thread component
+     */
+    useEffect(() => {
+        updateSnippetsOnCallbacks(snippetCallbacksData);
+    }, [snippetCallbacksData]);
+    /**
+     * Notification subscriber
+     */
+    const subscriber = (msg, data) => {
+        const res = data.data;
+        updateSnippets(res.thread_id, res.notification_obj.snippet.headline, res.notification_obj.snippet.thread_status);
+    };
+    /**
+     * Handles thread opening
+     */
+    function handleOpenThread(msg) {
+        snippetActions && snippetActions.onSnippetClick(msg);
+        handleClear();
+        updateStatus(msg.id, 'seen');
+    }
+    /**
+     * Renders snippets skeleton when loading
+     */
+    if (loading) {
+        return React.createElement(PrivateMessageSnippetsSkeleton, { elevation: 0 });
+    }
+    /**
+     * Renders the component (if not hidden by autoHide prop)
+     */
+    if (!autoHide && total) {
+        return (React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className) }),
+            React.createElement(CardContent, null,
+                React.createElement(Button, { variant: "outlined", size: "medium", className: classes.newMessageButton, onClick: handleOpenNewMessage },
+                    React.createElement(FormattedMessage, { id: "ui.privateMessage.snippets.button.newMessage", defaultMessage: "ui.privateMessage.snippets.button.newMessage" })),
+                React.createElement(TextField, { className: classes.searchBar, margin: "normal", fullWidth: true, id: `${PREFIX}-search`, placeholder: `${intl.formatMessage(messages.placeholder)}`, size: "small", onChange: handleChange, value: search, InputProps: {
+                        className: classes.input,
+                        startAdornment: React.createElement(Icon, { className: classes.icon }, "search"),
+                        endAdornment: (React.createElement(IconButton, { className: classes.clear, disabled: !search, onClick: handleClear, size: "small" },
+                            React.createElement(Icon, null, "close")))
+                    } }),
+                React.createElement(List, null, filteredSnippets.map((message) => (React.createElement(PrivateMessageSnippetItem, { message: message, key: message.id, actions: { onItemClick: () => handleOpenThread(message), onMenuClick: () => handleDeleteConversation(message) }, selected: message.id === threadId || (!isNumber && selected ? message.receiver.id === selected.receiver.id : message.receiver.id === selected) })))))));
+    }
+    return React.createElement(HiddenPlaceholder, null);
+}
+//# sourceMappingURL=PrivateMessageSnippets.js.map

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

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

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

@@ -0,0 +1,23 @@
+/**
+ * > 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: any): JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippets/Skeleton.tsx"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAYzE"}