@selfcommunity/react-ui 0.7.0-alpha.94 → 0.7.0-alpha.95

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

@@ -0,0 +1,34 @@
+import React from 'react';
+interface PrivateMessageComponentSkeletonMap {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+}
+export declare type PrivateMessageComponentProps = React.PropsWithChildren<PrivateMessageComponentSkeletonMap>;
+/**
+ * > API documentation for the Community-JS Private Messages Skeleton Template. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {PrivateMessageComponentSkeleton} from '@selfcommunity/react-templates';
+ ```
+
+ #### Component Name
+
+ The name `SCPrivateMessageComponentSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCPrivateMessageComponentSkeleton-root|Styles applied to the root element.|
+ |snippetsSection|.SCPrivateMessageComponentSkeleton-snippets-section|Styles applied to the snippets section|
+ |threadSection|.SCPrivateMessageComponentSkeleton-thread-section|Styles applied to the thread section|
+ *
+ */
+export default function PrivateMessageComponentSkeleton(props: PrivateMessageComponentProps): JSX.Element;
+export {};
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageComponent/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,UAAU,kCAAkC;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,oBAAY,4BAA4B,GAAG,KAAK,CAAC,iBAAiB,CAAC,kCAAkC,CAAC,CAAC;AACvG;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,KAAK,EAAE,4BAA4B,GAAG,GAAG,CAAC,OAAO,CAYxG"}

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import { styled } from '@mui/material/styles';
+import { Grid } from '@mui/material';
+import PrivateMessageSnippetsSkeleton from '../PrivateMessageSnippets';
+import PrivateMessageThreadSkeleton from '../PrivateMessageThread';
+import classNames from 'classnames';
+const PREFIX = 'SCPrivateMessageComponentSkeleton';
+const classes = {
+    root: `${PREFIX}-root`,
+    snippetsSection: `${PREFIX}-snippets-section`,
+    threadSection: `${PREFIX}-thread-section`
+};
+const Root = styled(Grid, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(() => ({}));
+/**
+ * > API documentation for the Community-JS Private Messages Skeleton Template. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {PrivateMessageComponentSkeleton} from '@selfcommunity/react-templates';
+ ```
+
+ #### Component Name
+
+ The name `SCPrivateMessageComponentSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCPrivateMessageComponentSkeleton-root|Styles applied to the root element.|
+ |snippetsSection|.SCPrivateMessageComponentSkeleton-snippets-section|Styles applied to the snippets section|
+ |threadSection|.SCPrivateMessageComponentSkeleton-thread-section|Styles applied to the thread section|
+ *
+ */
+export default function PrivateMessageComponentSkeleton(props) {
+    const { className } = props;
+    return (React.createElement(Root, { container: true, className: classNames(classes.root, className) },
+        React.createElement(Grid, { item: true, xs: 12, md: 5, className: classes.snippetsSection },
+            React.createElement(PrivateMessageSnippetsSkeleton, null)),
+        React.createElement(Grid, { item: true, xs: 12, md: 7, className: classes.threadSection },
+            React.createElement(PrivateMessageThreadSkeleton, null))));
+}
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageComponent/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,8BAA8B,MAAM,2BAA2B,CAAC;AACvE,OAAO,4BAA4B,MAAM,yBAAyB,CAAC;AACnE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,MAAM,GAAG,mCAAmC,CAAC;AAEnD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,eAAe,EAAE,GAAG,MAAM,mBAAmB;IAC7C,aAAa,EAAE,GAAG,MAAM,iBAAiB;CAC1C,CAAC;AACF,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE;IACxB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAUf;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,KAAmC;IACzF,MAAM,EAAC,SAAS,EAAC,GAAG,KAAK,CAAC;IAC1B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;QAC5D,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,eAAe;YAC1D,oBAAC,8BAA8B,OAAG,CAC7B;QACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,aAAa;YACxD,oBAAC,4BAA4B,OAAG,CAC3B,CACF,CACR,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,EAAE,EAAC,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,+BAA+B,MAAM,YAAY,CAAC;AACzD,eAAe,uBAAuB,CAAC;AACvC,OAAO,EAAC,4BAA4B,EAAE,+BAA+B,EAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuD,MAAM,2BAA2B,CAAC;AAChG,OAAO,+BAA+B,MAAM,YAAY,CAAC;AACzD,eAAe,uBAAuB,CAAC;AACvC,OAAO,EAA+B,+BAA+B,EAAC,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippetItem/Skeleton.tsx"],"names":[],"mappings":"AAsBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,iCAAiC,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAuB5E"}

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

@@ -7,6 +7,7 @@ import { styled } from '@mui/material/styles';
 import Skeleton from '@mui/material/Skeleton';
 import Widget from '../Widget';
 import { useTheme } from '@mui/material';
+import Icon from '@mui/material/Icon';
 const PREFIX = 'SCPrivateMessageSnippetItemSkeleton';
 const classes = {
     root: `${PREFIX}-root`,
@@ -38,7 +39,7 @@ const Root = styled(Widget)(({ theme }) => ({
  */
 export default function PrivateMessageSnippetItemSkeleton(props) {
     const theme = useTheme();
-    const m = (React.createElement(ListItem, null,
+    const m = (React.createElement(ListItem, { secondaryAction: React.createElement(Icon, null, "more_vert") },
         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 } }) })));

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

@@ -1 +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"}
+{"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;AAEvC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,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,IAAC,eAAe,EAAE,oBAAC,IAAI,oBAAiB;QAC/C,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/PrivateMessageSnippets/PrivateMessageSnippets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrivateMessageSnippets.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippets/PrivateMessageSnippets.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,2BAA2B,EAAE,0BAA0B,EAAC,MAAM,sBAAsB,CAAC;AA+B7F,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;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,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,OAAO,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CA8GhG"}
+{"version":3,"file":"PrivateMessageSnippets.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippets/PrivateMessageSnippets.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,2BAA2B,EAAE,0BAA0B,EAAC,MAAM,sBAAsB,CAAC;AA+B7F,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;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,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,OAAO,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CA6GhG"}

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

@@ -74,7 +74,6 @@ export default function PrivateMessageSnippets(inProps) {
         name: PREFIX
     });
     const { snippets = [], loading, autoHide = false, className = null, threadObj = null, snippetActions, clearSearch } = props, rest = __rest(props, ["snippets", "loading", "autoHide", "className", "threadObj", "snippetActions", "clearSearch"]);
-    console.log(threadObj);
     // STATE
     const [search, setSearch] = useState('');
     // INTL

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

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

@@ -16,6 +16,8 @@
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCPrivateMessageSnippetsSkeleton-root|Styles applied to the root element.|
+ |searchBar|.SCPrivateMessageSnippetsSkeleton-search-bar|Styles applied to the search bar element.|
+ |button|.SCPrivateMessageSnippetsSkeleton-button|Styles applied to the button element.|
  |list|.SCPrivateMessageSnippetsSkeleton-list|Styles applied to the list element.|
  *
  */

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

@@ -1 +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"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageSnippets/Skeleton.tsx"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAgBzE"}

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

@@ -3,10 +3,12 @@ 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';
+import { Button, CardContent, Skeleton } from '@mui/material';
 const PREFIX = 'SCPrivateMessageSnippetsSkeleton';
 const classes = {
     root: `${PREFIX}-root`,
+    searchBar: `${PREFIX}-search-bar`,
+    button: `${PREFIX}-button`,
     list: `${PREFIX}-list`
 };
 const Root = styled(Widget)(({ theme }) => ({}));
@@ -28,12 +30,17 @@ const Root = styled(Widget)(({ theme }) => ({}));
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCPrivateMessageSnippetsSkeleton-root|Styles applied to the root element.|
+ |searchBar|.SCPrivateMessageSnippetsSkeleton-search-bar|Styles applied to the search bar element.|
+ |button|.SCPrivateMessageSnippetsSkeleton-button|Styles applied to the button 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 })))))));
+            React.createElement(Button, { variant: "outlined", size: "medium", disabled: true, className: classes.button },
+                React.createElement(Skeleton, { height: 20, width: 100, variant: 'rectangular' })),
+            React.createElement(Skeleton, { height: 30, width: '100%', variant: 'rounded', className: classes.searchBar }),
+            React.createElement(List, { className: classes.list }, [...Array(5)].map((category, index) => (React.createElement(PrivateMessageSnippetItemSkeleton, { key: index, elevation: 0 })))))));
 }
 //# sourceMappingURL=Skeleton.js.map

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

@@ -1 +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"}
+{"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,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAE5D,MAAM,MAAM,GAAG,kCAAkC,CAAC;AAElD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,SAAS,EAAE,GAAG,MAAM,aAAa;IACjC,MAAM,EAAE,GAAG,MAAM,SAAS;IAC1B,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;;;;;;;;;;;;;;;;;;;;;;GAsBG;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,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,QAAC,SAAS,EAAE,OAAO,CAAC,MAAM;gBACzE,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,aAAa,GAAI,CACrD;YACT,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI;YACzF,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/PrivateMessageThread/PrivateMessageThread.d.ts

@@ -1,10 +1,26 @@
-import { SCPrivateMessageThreadType } from '@selfcommunity/types';
+import { SCPrivateMessageFileType, SCPrivateMessageThreadType } from '@selfcommunity/types';
 export interface PrivateMessageThreadProps {
     /**
      * Thread object or thread id
      * default null
      */
     threadObj?: SCPrivateMessageThreadType | any;
+    /**
+     * Thread receiver
+     */
+    receiver?: any;
+    /**
+     * Thread recipients
+     */
+    recipients?: any;
+    /**
+     * Loading state
+     */
+    loadingMessageObjs?: boolean;
+    /***
+     * Thread messages
+     */
+    messages?: SCPrivateMessageThreadType[];
     /**
      * Overrides or extends the styles applied to the component.
      * @default null
@@ -20,21 +36,19 @@ export interface PrivateMessageThreadProps {
      * @default false
      */
     openNewMessage?: boolean;
+    /**
+     * Opens new message screen
+     * @default false
+     */
+    newMessageThread?: boolean;
     /**
      * Functions called on thread actions
      */
     threadCallbacks?: {
-        /**
-         * Callback fired when a  message is sent
-         * @param data
-         * @default null
-         */
-        onMessageSentOrDeleted?: (data: any) => void;
-        /**
-         * Callback fired only when exiting a thread.
-         * @default null
-         */
         onMessageBack?: (dispatch: any) => void;
+        onMessageDelete?: (msg: SCPrivateMessageThreadType) => void;
+        onMessageSend?: (message: string, file: SCPrivateMessageFileType) => void;
+        onRecipientSelect?: (event: any, recipient: any) => void;
     };
     /**
      * Any other properties

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

@@ -1 +1 @@
-{"version":3,"file":"PrivateMessageThread.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/PrivateMessageThread.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAgF,0BAA0B,EAAC,MAAM,sBAAsB,CAAC;AA8C/I,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,0BAA0B,GAAG,GAAG,CAAC;IAC7C;;;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,KAAK,IAAI,CAAC;QACxC;;;WAGG;QACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;KACzC,CAAC;IACF;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,OAAO,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAkY5F"}
+{"version":3,"file":"PrivateMessageThread.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/PrivateMessageThread.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAC,wBAAwB,EAAE,0BAA0B,EAAC,MAAM,sBAAsB,CAAC;AA2C1F,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,0BAA0B,GAAG,GAAG,CAAC;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;QACxC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,0BAA0B,KAAK,IAAI,CAAC;QAC5D,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;QAC1E,iBAAiB,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,KAAK,IAAI,CAAC;KAChD,CAAC;IACF;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,OAAO,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CA2N5F"}

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

@@ -9,29 +9,25 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useContext, useEffect, useMemo, useState, useRef } from 'react';
+import React, { useContext, useEffect, useMemo, useState } 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 { UserService } from '@selfcommunity/api-services';
+import { SCPreferences, SCPreferencesContext, SCUserContext } from '@selfcommunity/react-core';
 import PrivateMessageThreadItem from '../PrivateMessageThreadItem';
 import _ from 'lodash';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Box, CardContent, IconButton, List, ListSubheader, TextField, Typography } 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({
+const translMessages = defineMessages({
     placeholder: {
         id: 'ui.privateMessage.thread.newMessage.autocomplete.placeholder',
         defaultMessage: 'ui.privateMessage.thread.newMessage.autocomplete.placeholder'
@@ -93,28 +89,19 @@ export default function PrivateMessageThread(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { threadObj, autoHide, className, openNewMessage, threadCallbacks } = props, rest = __rest(props, ["threadObj", "autoHide", "className", "openNewMessage", "threadCallbacks"]);
+    const { threadObj, messages, loadingMessageObjs, receiver, recipients, openNewMessage, threadCallbacks, newMessageThread, autoHide, className } = props, rest = __rest(props, ["threadObj", "messages", "loadingMessageObjs", "receiver", "recipients", "openNewMessage", "threadCallbacks", "newMessageThread", "autoHide", "className"]);
     // 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 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 isNumber = typeof threadObj === 'number';
-    // REFS
-    const refreshSubscription = useRef(null);
     const authUserId = scUserContext.user ? scUserContext.user.id : null;
     // INTL
     const intl = useIntl();
@@ -124,13 +111,14 @@ export default function PrivateMessageThread(inProps) {
         day: 'numeric',
         month: 'long'
     });
-    // HANDLERS
-    const formatMessages = (messageObjs) => {
-        return _.groupBy(messageObjs, format);
+    const formatMessages = (messages) => {
+        return _.groupBy(messages, format);
     };
+    // CONST
     const formattedMessages = useMemo(() => {
-        return formatMessages(messageObjs);
-    }, [messageObjs]);
+        return formatMessages(messages);
+    }, [messages]);
+    // HANDLERS
     const handleMouseEnter = (index) => {
         setIsHovered((prevState) => {
             return Object.assign(Object.assign({}, prevState), { [index]: true });
@@ -141,92 +129,6 @@ export default function PrivateMessageThread(inProps) {
             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);
-            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 message
-     * @param file
-     */
-    function sendMessage(message, file) {
-        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 : [isNumber ? receiver.id : threadObj.receiver.id],
-                    message: message,
-                    file_uuid: file && !message ? file : null
-                }
-            })
-                .then((res) => {
-                setMessageObjs((prev) => [...prev, res.data]);
-                threadCallbacks.onMessageSentOrDeleted(res.data);
-                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
      */
@@ -250,50 +152,11 @@ export default function PrivateMessageThread(inProps) {
         });
     }, []);
     /**
-     * Fetches thread
-     */
-    function fetchThread() {
-        const _threadObjId = isNumber ? threadObj : threadObj === null || threadObj === void 0 ? void 0 : threadObj.id;
-        http
-            .request({
-            url: Endpoints.GetAThread.url(),
-            method: Endpoints.GetAThread.method,
-            params: {
-                thread: _threadObjId
-            }
-        })
-            .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(_threadObjId);
-            }
-            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.
+     * Fetches followers when a new message is selected
      */
     useEffect(() => {
-        threadObj && fetchThread();
         openNewMessage && fetchFollowers();
-    }, [threadObj, openNewMessage, authUserId]);
+    }, [openNewMessage, authUserId]);
     /**
      * Checks is thread receiver is a user follower
      */
@@ -302,39 +165,18 @@ export default function PrivateMessageThread(inProps) {
             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,
-            React.createElement(List, { subheader: React.createElement("li", null) }, Object.keys(formattedMessages).map((key, index) => (React.createElement("li", { key: key, className: classes.section },
+            React.createElement(List, { subheader: React.createElement("li", null) }, Object.keys(formattedMessages).map((key) => (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: (message, file) => sendMessage(message, file), autoHide: !isFollower, onThreadChangeId: isNumber ? threadObj : threadObj === null || threadObj === void 0 ? void 0 : threadObj.id }),
-            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 }))));
+                    formattedMessages[key].map((msg) => (React.createElement(PrivateMessageThreadItem, { className: authUserId === 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: authUserId === msg.sender.id, onMenuIconClick: () => threadCallbacks.onMessageDelete(msg) })))))))),
+            React.createElement(PrivateMessageEditor, { send: threadCallbacks.onMessageSend, autoHide: !isFollower, onThreadChangeId: isNumber ? threadObj : threadObj === null || threadObj === void 0 ? void 0 : threadObj.id })));
     }
     /**
      * Renders empty box (when there is no thread open) or new message box
@@ -347,17 +189,17 @@ export default function PrivateMessageThread(inProps) {
                     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 ? (isNumber ? threadObj : threadObj === null || threadObj === void 0 ? void 0 : threadObj.id) : 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(Autocomplete, { className: classes.autocomplete, loading: loading, multiple: !newMessageThread, limitTags: 3, freeSolo: true, options: followers, value: newMessageThread ? (isNumber ? threadObj : threadObj === null || threadObj === void 0 ? void 0 : threadObj.receiver.id) : recipients, getOptionLabel: (option) => (option ? option.username : '...'), renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { placeholder: `${intl.formatMessage(translMessages.placeholder)}`, variant: "standard", InputProps: Object.assign(Object.assign({}, params.InputProps), { disableUnderline: true }) }))), onChange: threadCallbacks.onRecipientSelect, disabled: !followers })),
                 React.createElement(IconButton, { size: "small", onClick: threadCallbacks.onMessageBack },
                     React.createElement(Icon, { fontSize: "small" }, "close"))),
-            React.createElement(PrivateMessageEditor, { send: (message, file) => sendMessage(message, file), autoHide: !followers }))) : (React.createElement(Typography, { component: "span", className: classes.emptyMessage },
+            React.createElement(PrivateMessageEditor, { send: threadCallbacks.onMessageSend, 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 && threadObj) {
+    if (loadingMessageObjs && threadObj) {
         return React.createElement(PrivateMessageThreadSkeleton, null);
     }
     /**
@@ -366,6 +208,6 @@ export default function PrivateMessageThread(inProps) {
     if (!autoHide) {
         return (React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className) }), threadObj && !newMessageThread ? renderThread() : renderNewOrNoMessageBox()));
     }
-    return null;
+    return React.createElement(HiddenPlaceholder, null);
 }
 //# sourceMappingURL=PrivateMessageThread.js.map