@selfcommunity/react-ui 0.7.0-alpha.4 → 0.7.0-alpha.40

package/lib/cjs/components/IncubatorsList/IncubatorsList.js

@@ -57,6 +57,8 @@ const system_1 = require("@mui/system");
 const Widget_1 = __importDefault(require("../Widget"));
 const CreateIncubatorDialog_1 = __importDefault(require("./CreateIncubatorDialog"));
 const IncubatorDetail_1 = __importDefault(require("../IncubatorDetail"));
+const tools_1 = require("../../utils/tools");
+const react_core_1 = require("@selfcommunity/react-core");
 const PREFIX = 'SCIncubatorsList';
 const classes = {
     root: `${PREFIX}-root`,
@@ -125,17 +127,19 @@ function IncubatorsList(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { autoHide = true, className, IncubatorProps = {} } = props, rest = __rest(props, ["autoHide", "className", "IncubatorProps"]);
+    const { autoHide = true, className, IncubatorProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange } = props, rest = __rest(props, ["autoHide", "className", "IncubatorProps", "cacheStrategy", "onHeightChange", "onStateChange"]);
+    // REFS
+    const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
     // STATE
-    const [incubators, setIncubators] = (0, react_1.useState)([]);
-    const [visibleIncubators, setVisibleIncubators] = (0, react_1.useState)(limit);
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [hasMore, setHasMore] = (0, react_1.useState)(false);
-    const [total, setTotal] = (0, react_1.useState)(0);
+    const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
+        isLoadingNext: true,
+        next: `${api_services_1.Endpoints.GetAllIncubators.url()}?limit=10`,
+        cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.INCUBATORS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY),
+        cacheStrategy
+    }, tools_1.stateToolsInitializer);
     const [openIncubatorsDialog, setOpenIncubatorsDialog] = (0, react_1.useState)(false);
     const [openCreateIncubatorDialog, setOpenCreateIncubatorDialog] = (0, react_1.useState)(false);
     const [openIncubatorDetailDialog, setOpenIncubatorDetailDialog] = (0, react_1.useState)(false);
-    const [next, setNext] = (0, react_1.useState)(`${api_services_1.Endpoints.GetAllIncubators.url()}?limit=10`);
     const [anchorEl, setAnchorEl] = react_1.default.useState(null);
     const isOpen = Boolean(anchorEl);
     const [detailObj, setDetailObj] = (0, react_1.useState)(null);
@@ -160,39 +164,52 @@ function IncubatorsList(inProps) {
     /**
      * Fetches incubators list
      */
-    function fetchIncubators() {
-        if (next) {
-            api_services_1.http
-                .request({
-                url: next,
-                method: api_services_1.Endpoints.GetAllIncubators.method
-            })
+    const fetchIncubators = (0, react_1.useMemo)(() => () => {
+        return api_services_1.http.request({
+            url: state.next,
+            method: api_services_1.Endpoints.GetAllIncubators.method
+        });
+    }, [dispatch, state.next, state.isLoadingNext]);
+    (0, react_1.useEffect)(() => {
+        if (cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
+            onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
+        }
+    }, []);
+    /**
+     * On mount, fetches  incubators list
+     */
+    (0, react_1.useEffect)(() => {
+        let ignore = false;
+        if (state.next) {
+            fetchIncubators()
                 .then((res) => {
-                const data = res.data;
-                setIncubators([...incubators, ...data['results']]);
-                setHasMore(data['count'] > visibleIncubators);
-                setNext(data['next']);
-                setLoading(false);
-                setTotal(data['count']);
+                if (res.status < 300 && isMountedRef.current && !ignore) {
+                    const data = res.data;
+                    dispatch({
+                        type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
+                        payload: {
+                            results: data.results,
+                            count: data.count,
+                            next: data.next
+                        }
+                    });
+                }
             })
                 .catch((error) => {
-                setLoading(false);
+                dispatch({ type: tools_1.actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
                 utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
             });
+            return () => {
+                ignore = true;
+            };
         }
-    }
-    /**
-     * On mount, fetches  incubators list
-     */
-    (0, react_1.useEffect)(() => {
-        fetchIncubators();
-    }, []);
+    }, [state.next]);
     /**
      * Handles subscriptions counter update on subscribe/unsubscribe action.
      * @param incubator
      */
     function handleSubscriptionsUpdate(incubator) {
-        const newIncubators = [...incubators];
+        const newIncubators = [...state.results];
         const index = newIncubators.findIndex((i) => i.id === incubator.id);
         if (index !== -1) {
             if (incubator.subscribed) {
@@ -203,13 +220,19 @@ function IncubatorsList(inProps) {
                 newIncubators[index].subscribers_count = incubator.subscribers_count + 1;
                 newIncubators[index].subscribed = !incubator.subscribed;
             }
-            setIncubators(newIncubators);
+            dispatch({
+                type: tools_1.actionToolsTypes.SET_RESULTS,
+                payload: { results: newIncubators }
+            });
         }
     }
     /**
      * Renders incubators list
      */
-    const c = (react_1.default.createElement(react_1.default.Fragment, null, loading ? (react_1.default.createElement(Skeleton_1.default, { elevation: 0 })) : (react_1.default.createElement(CardContent_1.default, null,
+    if (state.isLoadingNext) {
+        return react_1.default.createElement(Skeleton_1.default, { elevation: 0 });
+    }
+    const c = (react_1.default.createElement(CardContent_1.default, null,
         react_1.default.createElement(material_1.Box, { className: classes.header },
             react_1.default.createElement(material_1.Typography, { className: classes.title, variant: 'h5' },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" })),
@@ -222,26 +245,26 @@ function IncubatorsList(inProps) {
                 react_1.default.createElement(material_1.Box, { sx: { p: '10px' } },
                     react_1.default.createElement(material_1.Typography, { component: 'span', sx: { whiteSpace: 'pre-line' } },
                         react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.popover", defaultMessage: "ui.incubatorsList.popover" })))))),
-        !total ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
+        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.noResults", defaultMessage: "ui.incubatorsList.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.List, null, incubators.slice(0, visibleIncubators).map((incubator) => (react_1.default.createElement(material_1.ListItem, { key: incubator.id },
+            react_1.default.createElement(material_1.List, null, state.results.slice(0, limit).map((incubator) => (react_1.default.createElement(material_1.ListItem, { key: incubator.id },
                 react_1.default.createElement(Incubator_1.default, Object.assign({ elevation: 0, incubator: incubator, className: classes.incubatorItem, subscribeButtonProps: { onSubscribe: handleSubscriptionsUpdate }, ButtonProps: { onClick: () => handleIncubatorDetailDialogOpening(incubator) } }, IncubatorProps)))))),
             react_1.default.createElement(material_1.Box, { className: classes.actions },
-                hasMore && (react_1.default.createElement(material_1.Button, { size: "small", onClick: () => setOpenIncubatorsDialog(true) },
+                limit < state.count && (react_1.default.createElement(material_1.Button, { size: "small", onClick: () => setOpenIncubatorsDialog(true) },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.ShowAll", defaultMessage: "ui.incubatorsList.ShowAll" }))),
                 react_1.default.createElement(material_1.Button, { size: "small", onClick: () => setOpenCreateIncubatorDialog(true) },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.SuggestNewTopic", defaultMessage: "ui.incubatorsList.SuggestNewTopic" }))))),
-        openIncubatorsDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" }), onClose: () => setOpenIncubatorsDialog(false), open: openIncubatorsDialog }, loading ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: incubators.length, next: fetchIncubators, hasMoreNext: Boolean(next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
+        openIncubatorsDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" }), onClose: () => setOpenIncubatorsDialog(false), open: openIncubatorsDialog }, state.isLoadingNext ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: fetchIncubators, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
                 react_1.default.createElement("b", null,
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.noMoreIncubators", defaultMessage: "ui.incubatorsList.noMoreIncubators" }))) },
-            react_1.default.createElement(material_1.List, null, incubators.map((i) => (react_1.default.createElement(material_1.ListItem, { key: i.id, sx: { display: 'block', padding: 0 } },
+            react_1.default.createElement(material_1.List, null, state.results.map((i) => (react_1.default.createElement(material_1.ListItem, { key: i.id, sx: { display: 'block', padding: 0 } },
                 react_1.default.createElement(Incubator_1.default, Object.assign({ elevation: 0, incubator: i, className: classes.incubatorItem, subscribeButtonProps: { onSubscribe: handleSubscriptionsUpdate }, ButtonProps: { onClick: () => handleIncubatorDetailDialogOpening(i) } }, IncubatorProps)))))))))),
         openCreateIncubatorDialog && react_1.default.createElement(CreateIncubatorDialog_1.default, { open: openCreateIncubatorDialog, onClose: handleCreateIncubatorDialogClose }),
-        openIncubatorDetailDialog && (react_1.default.createElement(IncubatorDetail_1.default, { open: openIncubatorDetailDialog, onClose: handleIncubatorDetailDialogClose, incubator: detailObj, onSubscriptionsUpdate: handleSubscriptionsUpdate }))))));
+        openIncubatorDetailDialog && (react_1.default.createElement(IncubatorDetail_1.default, { open: openIncubatorDetailDialog, onClose: handleIncubatorDetailDialogClose, incubator: detailObj, onSubscriptionsUpdate: handleSubscriptionsUpdate }))));
     /**
      * Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
      */
-    if (autoHide && !total) {
+    if (autoHide && !state.count) {
         return null;
     }
     return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), c));

package/lib/cjs/components/IncubatorsList/IncubatorsList.js.map

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

package/lib/cjs/components/Message/Message.d.ts

@@ -1,11 +1,6 @@
 import { CardProps } from '@mui/material';
 import { SCPrivateMessageType } from '@selfcommunity/types';
 export interface MessageProps extends Pick<CardProps, Exclude<keyof CardProps, 'id'>> {
-    /**
-     * Id of message object
-     * @default null
-     */
-    id?: number;
     /**
      * Overrides or extends the styles applied to the component.
      * @default null
@@ -42,25 +37,15 @@ export interface MessageProps extends Pick<CardProps, Exclude<keyof CardProps, '
      */
     isHovering?: () => void;
     /**
-     * Id of the logged user
-     * @default null
+     * Delete icon showed only for messages sent by logged user
+     * @default false
      */
-    loggedUser?: number;
+    showDeleteIcon?: boolean;
     /**
      * Action triggered on delete icon click
      * @default null
      */
     onDeleteIconClick?: () => void;
-    /**
-     * Callback fired on touch hover
-     * @default null
-     */
-    onTouchStart?: () => void;
-    /**
-     * Callback fired on touch leave
-     * @default null
-     */
-    onTouchEnd?: () => void;
 }
 /**
  *

package/lib/cjs/components/Message/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiD,SAAS,EAA8B,MAAM,eAAe,CAAC;AAGrH,OAAO,EAAC,oBAAoB,EAAoB,MAAM,sBAAsB,CAAC;AA2D7E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,SAAS,EAAE,IAAI,CAAC,CAAC;IACnF;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAiLlE"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiD,SAAS,EAA8B,MAAM,eAAe,CAAC;AAGrH,OAAO,EAAC,oBAAoB,EAAoB,MAAM,sBAAsB,CAAC;AA2D7E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,SAAS,EAAE,IAAI,CAAC,CAAC;IACnF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA6KlE"}

package/lib/cjs/components/Message/Message.js

@@ -136,7 +136,7 @@ function Message(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { id = null, autoHide = false, message = null, className = null, snippetType = true, onMouseEnter = null, onMouseLeave = null, onTouchStart = null, onTouchEnd = null, isHovering = null, loggedUser = null, onDeleteIconClick = null } = props, rest = __rest(props, ["id", "autoHide", "message", "className", "snippetType", "onMouseEnter", "onMouseLeave", "onTouchStart", "onTouchEnd", "isHovering", "loggedUser", "onDeleteIconClick"]);
+    const { autoHide = false, message = null, className = null, snippetType = true, onMouseEnter = null, onMouseLeave = null, isHovering = null, showDeleteIcon = false, onDeleteIconClick = null } = props, rest = __rest(props, ["autoHide", "message", "className", "snippetType", "onMouseEnter", "onMouseLeave", "isHovering", "showDeleteIcon", "onDeleteIconClick"]);
     // INTL
     const intl = (0, react_intl_1.useIntl)();
     // STATE
@@ -185,34 +185,37 @@ function Message(inProps) {
         return react_1.default.createElement(react_1.default.Fragment, null, section);
     };
     /**
-     * Renders snippet or thread type message object
+     * Renders thread type message object
      */
-    const c = (react_1.default.createElement(react_1.default.Fragment, null, snippetType ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.ListItem, null,
-            react_1.default.createElement(material_1.ListItemAvatar, null, scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (react_1.default.createElement(material_1.Avatar, { alt: message.sender.username, src: message.sender.avatar })) : (react_1.default.createElement(material_1.Avatar, { alt: message.receiver.username, src: message.receiver.avatar }))),
-            react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(material_1.Box, { className: classes.info },
-                    scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (react_1.default.createElement(material_1.Typography, { component: "span" }, message.sender.username)) : (react_1.default.createElement(material_1.Typography, { component: "span" }, message.receiver.username)),
-                    react_1.default.createElement(material_1.Typography, { component: "span" }, `${intl.formatDate(message.last_message_at, {
-                        weekday: 'long',
-                        day: 'numeric'
-                    })}`)), secondary: react_1.default.createElement(material_1.Box, { component: "span", className: classes.info },
-                    react_1.default.createElement(material_1.Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.headline } }),
-                    isNew && (react_1.default.createElement(Icon_1.default, { fontSize: "small", className: classes.unread }, "fiber_manual_record"))) })))) : (react_1.default.createElement(react_lazyload_1.default, { once: true, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT },
-        react_1.default.createElement(material_1.ListItem, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onTouchStart, onTouchMove: onTouchEnd },
-            !snippetType && isHovering && loggedUser === message.sender.id && message.status !== 'hidden' && (react_1.default.createElement(react_1.default.Fragment, null,
+    const threadMessage = (react_1.default.createElement(react_lazyload_1.default, { once: true, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT },
+        react_1.default.createElement(material_1.ListItem, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onMouseEnter, onTouchMove: onMouseLeave },
+            isHovering && showDeleteIcon && message.status !== 'hidden' && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(material_1.IconButton, { sx: { marginBottom: '25px' }, onClick: onDeleteIconClick },
                     react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "delete")))),
             react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(material_1.Box, { className: classes.messageBox }, hasFile ? renderMessageFile(message) : react_1.default.createElement(material_1.Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.message } })), secondary: react_1.default.createElement(material_1.Box, { component: "span", className: classes.messageTime },
                     react_1.default.createElement(material_1.Typography, { component: "span" }, `${intl.formatDate(message.created_at, {
                         hour: 'numeric',
                         minute: 'numeric'
-                    })}`)) }))))));
+                    })}`)) }))));
+    /**
+     * Renders snippet type message object
+     */
+    const snippetMessage = (react_1.default.createElement(material_1.ListItem, null,
+        react_1.default.createElement(material_1.ListItemAvatar, null, scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (react_1.default.createElement(material_1.Avatar, { alt: message.sender.username, src: message.sender.avatar })) : (react_1.default.createElement(material_1.Avatar, { alt: message.receiver.username, src: message.receiver.avatar }))),
+        react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(material_1.Box, { className: classes.info },
+                scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (react_1.default.createElement(material_1.Typography, { component: "span" }, message.sender.username)) : (react_1.default.createElement(material_1.Typography, { component: "span" }, message.receiver.username)),
+                react_1.default.createElement(material_1.Typography, { component: "span" }, `${intl.formatDate(message.last_message_at, {
+                    weekday: 'long',
+                    day: 'numeric'
+                })}`)), secondary: react_1.default.createElement(material_1.Box, { component: "span", className: classes.info },
+                react_1.default.createElement(material_1.Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.headline } }),
+                isNew && (react_1.default.createElement(Icon_1.default, { fontSize: "small", className: classes.unread }, "fiber_manual_record"))) })));
     /**
      * Renders root object (if not hidden by autoHide prop)
      */
     if (!autoHide) {
         return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
-            react_1.default.createElement(List_1.default, null, c)));
+            react_1.default.createElement(List_1.default, null, snippetType ? snippetMessage : threadMessage)));
     }
     return null;
 }

package/lib/cjs/components/Message/Message.js.map

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

package/lib/cjs/components/MessageEditor/MessageEditor.d.ts

@@ -1,3 +1,4 @@
+import { SCMessageFileType } from '@selfcommunity/types';
 export interface MessageEditorProps {
     /**
      * Hides this component
@@ -9,24 +10,14 @@ export interface MessageEditorProps {
      * @default null
      */
     className?: string;
-    /**
-     * Any other properties
-     */
-    [p: string]: any;
     /**
      * Callback to send the message
      */
-    send?: () => void;
+    send?: (message?: string, file?: SCMessageFileType) => void;
     /**
-     * Callback to pass message item
-     * @param message
-     */
-    getMessage?: (message: any) => void;
-    /**
-     * Callback to pass message file item
-     * @param file
+     * Any other properties
      */
-    getMessageFile?: (file: any) => void;
+    [p: string]: any;
 }
 /**
  *

package/lib/cjs/components/MessageEditor/MessageEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageEditor/MessageEditor.tsx"],"names":[],"mappings":"AA8CA,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAoI9E"}
+{"version":3,"file":"MessageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageEditor/MessageEditor.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAkDvD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA4J9E"}

package/lib/cjs/components/MessageEditor/MessageEditor.js

@@ -45,6 +45,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const index_1 = __importDefault(require("./MessageMediaUploader/index"));
 const react_intl_1 = require("react-intl");
 const system_1 = require("@mui/system");
+const BaseDrawer_1 = __importDefault(require("../../shared/BaseDrawer"));
 // import deps only if csr
 let Picker;
 typeof window !== 'undefined' &&
@@ -68,9 +69,6 @@ const Root = (0, styles_1.styled)(material_1.Box, {
     zIndex: 1,
     [`& .${classes.messageInput}`]: {
         width: '100%'
-        // '& .MuiOutlinedInput-root': {
-        //   borderRadius: '20px'
-        // }
     },
     [`& .${classes.sendMediaSection}`]: {
         backgroundColor: theme.palette.grey['A200'],
@@ -78,6 +76,20 @@ const Root = (0, styles_1.styled)(material_1.Box, {
         justifyContent: 'center'
     }
 }));
+const MobileRoot = (0, styles_1.styled)(material_1.AppBar, {
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    position: 'fixed',
+    top: 'auto',
+    bottom: 0,
+    backgroundColor: theme.palette.common.white,
+    [`& .${classes.sendMediaSection}`]: {
+        backgroundColor: theme.palette.grey['A200'],
+        display: 'flex',
+        justifyContent: 'center'
+    }
+}));
 /**
  *
  > API documentation for the Community-JS Message Editor component. Learn about the available props and the CSS API.
@@ -109,13 +121,16 @@ function MessageEditor(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { autoHide = null, className = null, send = null, isSending = null, getMessage = null, getMessageFile = null } = props, rest = __rest(props, ["autoHide", "className", "send", "isSending", "getMessage", "getMessageFile"]);
+    const { autoHide = null, className = null, send = null, onThreadChangeId } = props, rest = __rest(props, ["autoHide", "className", "send", "onThreadChangeId"]);
     // STATE
+    const theme = (0, material_1.useTheme)();
+    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
     const [message, setMessage] = (0, react_1.useState)('');
     const [messageFile, setMessageFile] = (0, react_1.useState)(null);
     const [show, setShow] = (0, react_1.useState)(false);
     const [emojiAnchorEl, setEmojiAnchorEl] = react_1.default.useState(null);
     const [openMediaSection, setOpenMediaSection] = (0, react_1.useState)(false);
+    const [threadId, setThreadId] = (0, react_1.useState)(null);
     // REF
     const ref = (0, react_1.useRef)(null);
     // HANDLERS
@@ -125,23 +140,16 @@ function MessageEditor(inProps) {
     };
     const handleMessageFile = (f) => {
         setMessageFile(f);
-        getMessageFile(f);
     };
     const handleMessageSend = () => {
-        send();
+        send(message, messageFile);
         setMessage('');
         setOpenMediaSection(false);
         setShow(false);
     };
     const handleMessageInput = (event) => {
         setMessage(event.target.value);
-        if (event.target.value === '') {
-            setShow(false);
-        }
-        else {
-            setShow(true);
-        }
-        getMessage(event.target.value);
+        setShow(event.target.value !== '');
     };
     const handleToggleEmoji = (event) => {
         setEmojiAnchorEl(emojiAnchorEl ? null : event.currentTarget);
@@ -150,38 +158,51 @@ function MessageEditor(inProps) {
         const cursor = ref.current.selectionStart;
         const text = message.slice(0, cursor) + emojiObject.emoji;
         setMessage(text);
-        getMessage(text);
         setShow(true);
     };
+    (0, react_1.useEffect)(() => {
+        setThreadId(onThreadChangeId);
+        if (threadId !== onThreadChangeId) {
+            setMessage('');
+            setMessageFile(null);
+            setOpenMediaSection(false);
+        }
+    }, [onThreadChangeId]);
     if (autoHide) {
         return null;
     }
-    return (react_1.default.createElement(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className) }),
-        openMediaSection && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Box, { className: classes.sendMediaSection }, show && (react_1.default.createElement(material_1.Button, { disabled: !messageFile, onClick: handleMessageSend, variant: "outlined" },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.messageEditor.button.send", defaultMessage: "ui.messageEditor.button.send" })))),
-            react_1.default.createElement(index_1.default, { open: openMediaSection, onClose: handleMediaSectionClose, forwardMessageFile: handleMessageFile, onFileUploaded: () => setShow(true), onFileCleared: () => setShow(false) }))),
-        react_1.default.createElement(material_1.TextField, { size: "small", ref: ref, className: classes.messageInput, multiline: true, placeholder: "Aa", value: message, onChange: handleMessageInput, InputProps: {
-                endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                        react_1.default.createElement(material_1.IconButton, { onClick: () => setOpenMediaSection(true) },
-                            react_1.default.createElement(Icon_1.default, null, "attach_file"))),
-                    react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                        react_1.default.createElement(material_1.Stack, null,
-                            react_1.default.createElement("div", null,
-                                react_1.default.createElement(material_1.IconButton, { size: "small", onClick: handleToggleEmoji },
-                                    react_1.default.createElement(Icon_1.default, null, "sentiment_satisfied_alt")),
-                                react_1.default.createElement(material_1.Popover, { open: Boolean(emojiAnchorEl), anchorEl: emojiAnchorEl, onClose: handleToggleEmoji, anchorOrigin: {
-                                        vertical: 'top',
-                                        horizontal: 'right'
-                                    }, transformOrigin: {
-                                        vertical: 'bottom',
-                                        horizontal: 'left'
-                                    }, sx: (theme) => {
-                                        return { zIndex: theme.zIndex.tooltip };
-                                    } }, Picker && react_1.default.createElement(Picker, { onEmojiClick: handleEmojiClick })))),
-                        react_1.default.createElement(material_1.IconButton, { disabled: isSending, onClick: handleMessageSend }, show && react_1.default.createElement(Icon_1.default, null, "send")))))
-            } })));
+    function renderContent() {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            openMediaSection && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(material_1.Box, { className: classes.sendMediaSection }, show && (react_1.default.createElement(material_1.Button, { disabled: !messageFile, onClick: handleMessageSend, variant: "outlined" },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.messageEditor.button.send", defaultMessage: "ui.messageEditor.button.send" })))),
+                react_1.default.createElement(index_1.default, { open: openMediaSection, onClose: handleMediaSectionClose, forwardMessageFile: handleMessageFile, onFileUploaded: () => setShow(true), onFileCleared: () => setShow(false) }))),
+            react_1.default.createElement(material_1.TextField, { size: "small", ref: ref, className: classes.messageInput, multiline: true, placeholder: "Aa", value: message, onChange: handleMessageInput, InputProps: {
+                    endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(material_1.InputAdornment, { position: "end" },
+                            react_1.default.createElement(material_1.IconButton, { disabled: message !== '', onClick: () => setOpenMediaSection(true) },
+                                react_1.default.createElement(Icon_1.default, null, "attach_file"))),
+                        react_1.default.createElement(material_1.InputAdornment, { position: "end" },
+                            react_1.default.createElement(material_1.Stack, null,
+                                react_1.default.createElement("div", null,
+                                    react_1.default.createElement(material_1.IconButton, { size: "small", onClick: handleToggleEmoji },
+                                        react_1.default.createElement(Icon_1.default, null, "sentiment_satisfied_alt")),
+                                    isMobile ? (react_1.default.createElement(BaseDrawer_1.default, { open: Boolean(emojiAnchorEl), onClose: handleToggleEmoji, width: '100%' }, Picker && react_1.default.createElement(Picker, { onEmojiClick: handleEmojiClick }))) : (react_1.default.createElement(material_1.Popover, { open: Boolean(emojiAnchorEl), anchorEl: emojiAnchorEl, onClose: handleToggleEmoji, anchorOrigin: {
+                                            vertical: 'top',
+                                            horizontal: 'right'
+                                        }, transformOrigin: {
+                                            vertical: 'bottom',
+                                            horizontal: 'left'
+                                        }, sx: (theme) => {
+                                            return { zIndex: theme.zIndex.tooltip };
+                                        } }, Picker && react_1.default.createElement(Picker, { onEmojiClick: handleEmojiClick }))))),
+                            react_1.default.createElement(material_1.IconButton, { disabled: messageFile !== null, onClick: handleMessageSend }, show && react_1.default.createElement(Icon_1.default, null, "send")))))
+                } })));
+    }
+    if (isMobile) {
+        return react_1.default.createElement(MobileRoot, null, renderContent());
+    }
+    return (react_1.default.createElement(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className) }), renderContent()));
 }
 exports.default = MessageEditor;
 //# sourceMappingURL=MessageEditor.js.map