@selfcommunity/react-ui 0.7.50-alpha.1 → 0.7.50-event.29

package/lib/esm/components/PlatformWidget/PlatformWidget.js

@@ -1,24 +1,133 @@
 import { __rest } from "tslib";
-import React, { useContext, useMemo } from 'react';
+import React, { useCallback, useContext, useMemo, useState } from 'react';
 import { styled } from '@mui/material/styles';
-import { Button, Grid, Typography } from '@mui/material';
+import { Backdrop, Box, Button, Collapse, Divider, Grid, Icon, IconButton, Stack, Tooltip, Typography } from '@mui/material';
 import { http, Endpoints } from '@selfcommunity/api-services';
-import { SCUserContext, UserUtils, useSCLocale } from '@selfcommunity/react-core';
-import Icon from '@mui/material/Icon';
+import { Link, SCUserContext, UserUtils, useSCContext } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
 import Widget from '../Widget';
 import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
-import { PREFIX } from './constants';
+import { CONTACT_PROD, CONTACT_STAGE, HUB_PROD, HUB_STAGE, PREFIX } from './constants';
+import LogoPlaceholder from '../../assets/logo';
+import Grow from '@mui/material/Grow';
 const classes = {
     root: `${PREFIX}-root`,
-    title: `${PREFIX}-title`
+    title: `${PREFIX}-title`,
+    content: `${PREFIX}-content`,
+    actions: `${PREFIX}-actions`,
+    action: `${PREFIX}-action`,
+    actionHighlighted: `${PREFIX}-action-highlighted`,
+    tutorial: `${PREFIX}-tutorial`,
+    tutorialContent: `${PREFIX}-tutorial-content`,
+    tutorialTitle: `${PREFIX}-tutorial-title`,
+    tutorialTitleClose: `${PREFIX}-tutorial-title-close`,
+    tutorialDesc: `${PREFIX}-tutorial-desc`,
+    tutorialOpen: `${PREFIX}-tutorial-open`,
+    divider: `${PREFIX}-divider`,
+    tutorialControls: `${PREFIX}-tutorial-controls`,
+    btnStep: `${PREFIX}-btn-step`,
+    btnPreviousStep: `${PREFIX}-btn-previous-step`,
+    btnNextStep: `${PREFIX}-btn-next-step`
 };
 const Root = styled(Widget, {
     name: PREFIX,
     slot: 'Root'
-})(() => ({}));
+})(({ theme }) => ({
+    padding: '0px !important',
+    [`&.${classes.tutorialOpen}`]: {
+        position: 'relative',
+        zIndex: theme.zIndex.drawer + 2,
+        [`& .${classes.tutorial}`]: {
+            padding: 0
+        }
+    },
+    [`& .${classes.title}`]: {
+        display: 'flex',
+        justifyContent: 'center',
+        marginBottom: theme.spacing(1)
+    },
+    [`& .${classes.content}`]: {
+        padding: `${theme.spacing(2)} 0 0 0`,
+        backgroundColor: '#EFEFEF'
+    },
+    [`& .${classes.actions}`]: {
+        display: 'flex',
+        paddingBottom: 0,
+        boxShadow: 'inset -1px -3px 7px -4px #CECECE',
+        '-webkit-overflow-scrolling': 'touch',
+        overflowX: 'auto',
+        overflowY: 'hidden',
+        scrollbarWidth: 'none' /* Firefox */,
+        '-ms-overflow-style': 'none' /* IE and Edge */,
+        '&::-webkit-scrollbar': {
+            display: 'none'
+        }
+    },
+    [`& .${classes.action}`]: {
+        padding: `0px 2px ${theme.spacing(2)} 2px`,
+        display: 'flex',
+        flexGrow: 1,
+        justifyContent: 'center',
+        '& .MuiButton-root': {
+            color: theme.palette.getContrastText(theme.palette.common.white),
+            backgroundColor: theme.palette.common.white,
+            '&:hover': {
+                color: theme.palette.getContrastText(theme.palette.primary.main),
+                backgroundColor: theme.palette.primary.main
+            }
+        }
+    },
+    [`& .${classes.tutorialContent}`]: {
+        width: '100%'
+    },
+    [`& .${classes.divider}`]: {
+        paddingTop: theme.spacing()
+    },
+    [`& .${classes.tutorialTitle}`]: {
+        position: 'relative',
+        fontWeight: 700,
+        fontSize: 15,
+        padding: `${theme.spacing(3)} ${theme.spacing()} ${theme.spacing()} ${theme.spacing(3)}`
+    },
+    [`& .${classes.tutorialTitleClose}`]: {
+        position: 'absolute',
+        top: theme.spacing(3),
+        right: theme.spacing(3)
+    },
+    [`& .${classes.tutorialDesc}`]: {
+        fontSize: 14,
+        fontWeight: 500,
+        color: theme.palette.grey[700],
+        padding: `0px ${theme.spacing(3)} ${theme.spacing()} ${theme.spacing(3)}`
+    },
+    [`& .${classes.tutorialControls}`]: {
+        padding: theme.spacing(2)
+    },
+    [`& .${classes.actionHighlighted}`]: {
+        position: 'relative',
+        '&:before': {
+            content: '""',
+            display: 'block',
+            position: 'absolute',
+            bottom: -11,
+            width: 10,
+            height: 10,
+            transform: 'translateY(-50%) rotate(45deg)',
+            boxShadow: '0px -20px 20px 0px #CECECE',
+            zIndex: 0,
+            backgroundColor: theme.palette.common.white
+        },
+        '& .MuiButton-root': {
+            backgroundColor: theme.palette.primary.main,
+            color: theme.palette.common.white
+        }
+    },
+    [`& .${classes.btnStep}`]: {
+        borderRadius: 3
+    }
+}));
 /**
  * > API documentation for the Community-JS PlatformWidget component. Learn about the available props and the CSS API.
  *
@@ -43,6 +152,20 @@ const Root = styled(Widget, {
  |---|---|---|
  |root|.SCPlatformWidget-root|Styles applied to the root element.|
  |title|.SCPlatformWidget-title|Styles applied to the title element.|
+ |actions|.SCPlatformWidget-actions|Styles applied to the actions container.|
+ |action|.SCPlatformWidget-action|Styles applied to the single action element.|
+ |actionHighlighted|.SCPlatformWidget-action-highlighted|Styles applied to the action highlighted.|
+ |tutorial|.SCPlatformWidget-tutorial|Styles applied to the tutorial element.|
+ |tutorialContent|.SCPlatformWidget-tutorial-content|Styles applied to the content of the tutorial element.|
+ |tutorialTitle|.SCPlatformWidget-tutorial-title|Styles applied to the title element of the tutorial.|
+ |tutorialTitleClose|.SCPlatformWidget-tutorial-title-close|Styles applied to the close button of the title in the tutorial.|
+ |tutorialDesc|.SCPlatformWidget-tutorial-desc|Styles applied to the tutorial description element.|
+ |tutorialOpen|.SCPlatformWidget-tutorial-open|Styles applied to the tutorial element when is active.|
+ |divider|.SCPlatformWidget-divider|Styles applied to the divider element in the tutorial container.|
+ |tutorialControls|.SCPlatformWidget-tutorial-controls|Styles applied to the tutorial bottom controls.|
+ |btnStep|.SCPlatformWidget-btn-step|Styles applied to the button next/previous/skip/close of the tutorial controls.|
+ |btnPreviousStep|.SCPlatformWidget-btn-previous-step|Styles applied to the button previous element of the tutorial controls.|
+ |btnNextStep|.SCPlatformWidget-btn-next-step|Styles applied to the button next element of the tutorial controls.|
 
  *
  * @param inProps
@@ -54,14 +177,103 @@ export default function PlatformWidget(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { autoHide, className, title = null, startActions = null, endActions = null, onHeightChange, onStateChange } = props, rest = __rest(props, ["autoHide", "className", "title", "startActions", "endActions", "onHeightChange", "onStateChange"]);
+    const { autoHide, className, title = null, startActions = [], endActions = [], hideConsoleAction = false, hideModerationAction = false, hideHubAction = false, hideContactUsAction = false, onHeightChange } = props, rest = __rest(props, ["autoHide", "className", "title", "startActions", "endActions", "hideConsoleAction", "hideModerationAction", "hideHubAction", "hideContactUsAction", "onHeightChange"]);
     // CONTEXT
+    const scContext = useSCContext();
     const scUserContext = useContext(SCUserContext);
-    const scLocaleContext = useSCLocale();
+    // STATE
+    const [tutorialIndex, setTutorialIndex] = useState(0);
+    const [isTutorialOpen, setIsTutorialOpen] = useState(false);
     // CONST
-    const language = scLocaleContext.locale;
     const isAdmin = useMemo(() => UserUtils.isAdmin(scUserContext.user), [scUserContext.user]);
+    const isEditor = useMemo(() => UserUtils.isEditor(scUserContext.user), [scUserContext.user]);
     const isModerator = useMemo(() => UserUtils.isModerator(scUserContext.user), [scUserContext.user]);
+    const isCommunityOwner = useMemo(() => { var _a; return ((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) === 1; }, [scUserContext.user]);
+    const isStage = scContext.settings.portal.includes('stage');
+    const actions = [
+        ...startActions,
+        ...((isAdmin || isEditor) && !hideConsoleAction
+            ? [
+                {
+                    render: (React.createElement(Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('') },
+                        React.createElement(FormattedMessage, { id: "ui.platformWidget.adm", defaultMessage: "ui.platformWidget.adm" }))),
+                    title: React.createElement(FormattedMessage, { id: "ui.platformWidget.adm", defaultMessage: "ui.platformWidget.adm" }),
+                    content: React.createElement(FormattedMessage, { id: "ui.platformWidget.adm.desc", defaultMessage: "ui.platformWidget.adm.desc" })
+                }
+            ]
+            : []),
+        ...((isAdmin || isModerator) && !hideModerationAction
+            ? [
+                {
+                    render: (React.createElement(Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('/moderation/flags/') },
+                        React.createElement(FormattedMessage, { id: "ui.platformWidget.mod", defaultMessage: "ui.platformWidget.mod" }))),
+                    title: React.createElement(FormattedMessage, { id: "ui.platformWidget.mod", defaultMessage: "ui.platformWidget.mod" }),
+                    content: React.createElement(FormattedMessage, { id: "ui.platformWidget.mod.desc", defaultMessage: "ui.platformWidget.mod.desc" })
+                }
+            ]
+            : []),
+        ...(isAdmin && isCommunityOwner && !hideHubAction
+            ? [
+                {
+                    render: (React.createElement(Button, { variant: "outlined", size: "small", component: Link, to: isStage ? HUB_STAGE : HUB_PROD, target: "_blank" },
+                        React.createElement(FormattedMessage, { id: "ui.platformWidget.hub", defaultMessage: "ui.platformWidget.hub" }))),
+                    title: React.createElement(FormattedMessage, { id: "ui.platformWidget.hub", defaultMessage: "ui.platformWidget.hub" }),
+                    content: React.createElement(FormattedMessage, { id: "ui.platformWidget.hub.desc", defaultMessage: "ui.platformWidget.hub.desc" })
+                }
+            ]
+            : []),
+        ...(isCommunityOwner && !hideContactUsAction
+            ? [
+                {
+                    render: (React.createElement(Button, { variant: "outlined", size: "small", component: Link, to: isStage ? CONTACT_STAGE : CONTACT_PROD, target: "_blank" },
+                        React.createElement(FormattedMessage, { id: "ui.platformWidget.contactUs", defaultMessage: "ui.platformWidget.contactUs" }))),
+                    title: React.createElement(FormattedMessage, { id: "ui.platformWidget.contactUs", defaultMessage: "ui.platformWidget.contactUs" }),
+                    content: React.createElement(FormattedMessage, { id: "ui.platformWidget.contactUs.desc", defaultMessage: "ui.platformWidget.contactUs.desc" })
+                }
+            ]
+            : []),
+        ...endActions
+    ];
+    /**
+     * Handle open tutorial
+     */
+    const handleOpenTutorial = useCallback(() => {
+        setTutorialIndex(0);
+        setIsTutorialOpen(true);
+        onHeightChange && onHeightChange();
+    }, [setTutorialIndex, setIsTutorialOpen, onHeightChange]);
+    /**
+     * Handle close tutorial
+     */
+    const handleCloseTutorial = useCallback(() => {
+        setIsTutorialOpen(false);
+        setTutorialIndex(0);
+        onHeightChange && onHeightChange();
+    }, [setIsTutorialOpen, setTutorialIndex, onHeightChange]);
+    /**
+     * Handle next step tutorial
+     */
+    const handlePrevious = useCallback(() => {
+        if (tutorialIndex > 0) {
+            setTutorialIndex((prev) => prev - 1);
+        }
+        else {
+            handleCloseTutorial();
+        }
+        onHeightChange && onHeightChange();
+    }, [tutorialIndex, setTutorialIndex, handleCloseTutorial, onHeightChange]);
+    /**
+     * Handle next step tutorial
+     */
+    const handleNext = useCallback(() => {
+        if (tutorialIndex < actions.length - 1) {
+            setTutorialIndex((prev) => prev + 1);
+        }
+        else {
+            handleCloseTutorial();
+        }
+        onHeightChange && onHeightChange();
+    }, [actions, tutorialIndex, setTutorialIndex, handleCloseTutorial, onHeightChange]);
     /**
      * Fetches platform url
      */
@@ -82,25 +294,51 @@ export default function PlatformWidget(inProps) {
             console.log(error);
         });
     }
+    /**
+     * Render tutorial
+     */
+    const tutorial = (React.createElement(Grid, { container: true, spacing: isAdmin ? 1 : 3, justifyContent: "center", className: classes.tutorial },
+        !isTutorialOpen && (React.createElement(Grid, { item: true, xs: "auto", alignItems: "center", justifyContent: "center" },
+            React.createElement(IconButton, { size: "medium", onClick: handleOpenTutorial },
+                React.createElement(Icon, null, "info")))),
+        React.createElement(Collapse, { in: isTutorialOpen, className: classes.tutorialContent }, isTutorialOpen && (React.createElement(Grid, { item: true, xs: "auto" },
+            React.createElement(Typography, { variant: 'body2', className: classes.tutorialTitle, component: 'div' },
+                React.createElement(Grow, { in: true, timeout: 1000 },
+                    React.createElement("span", null, actions[tutorialIndex].title)),
+                React.createElement(IconButton, { size: 'small', className: classes.tutorialTitleClose, onClick: handleCloseTutorial },
+                    React.createElement(Icon, null, "close"))),
+            React.createElement(Grow, { in: true, timeout: 1200 },
+                React.createElement(Typography, { variant: 'body2', className: classes.tutorialDesc }, actions[tutorialIndex].content)),
+            React.createElement(Divider, { className: classes.divider }),
+            React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2, className: classes.tutorialControls },
+                React.createElement(Button, { variant: "text", size: "small", onClick: handlePrevious, className: classNames(classes.btnStep, classes.btnPreviousStep) }, tutorialIndex === 0 ? (React.createElement(FormattedMessage, { id: "ui.platformWidget.tutorial.skip", defaultMessage: "ui.platformWidget.tutorial.skip" })) : (React.createElement(FormattedMessage, { id: "ui.platformWidget.tutorial.previous", defaultMessage: "ui.platformWidget.tutorial.previous" }))),
+                React.createElement(Typography, { component: 'div' },
+                    tutorialIndex + 1,
+                    "/",
+                    actions.length),
+                React.createElement(Button, { variant: "contained", size: "small", color: "primary", onClick: handleNext, className: classNames(classes.btnStep, classes.btnNextStep) }, tutorialIndex === actions.length - 1 ? (React.createElement(FormattedMessage, { id: "ui.platformWidget.tutorial.close", defaultMessage: "ui.platformWidget.tutorial.close" })) : (React.createElement(FormattedMessage, { id: "ui.platformWidget.tutorial.next", defaultMessage: "ui.platformWidget.tutorial.next" })))))))));
     /**
      * Renders platform card
      */
-    const c = (React.createElement(Grid, { container: true, spacing: isAdmin ? 1 : 3, justifyContent: "center" },
-        React.createElement(Grid, { item: true, xs: 12 }, title ? (title) : (React.createElement(Typography, { className: classes.title, component: "h3", align: "center" },
-            React.createElement(FormattedMessage, { id: "ui.platformWidget.title", defaultMessage: "ui.platformWidget.title" }),
-            React.createElement(Icon, { fontSize: "small" }, "lock")))),
-        startActions,
-        isAdmin && (React.createElement(Grid, { item: true, xs: "auto" },
-            React.createElement(Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('') },
-                React.createElement(FormattedMessage, { id: "ui.platformWidget.adm", defaultMessage: "ui.platformWidget.adm" })))),
-        React.createElement(Grid, { item: true, xs: "auto" },
-            React.createElement(Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('/moderation/flags/') }, isAdmin || isModerator ? (React.createElement(FormattedMessage, { id: "ui.platformWidget.mod", defaultMessage: "ui.platformWidget.mod" })) : (React.createElement(FormattedMessage, { id: "ui.platformWidget.edt", defaultMessage: "ui.platformWidget.edt" })))),
-        endActions));
+    const content = (React.createElement(Grid, { container: true, spacing: isAdmin ? 1 : 3, justifyContent: "center", className: classes.content },
+        React.createElement(Grid, { item: true, xs: 12 }, title ? (title) : (React.createElement(Box, { className: classes.title },
+            React.createElement(Tooltip, { title: React.createElement(FormattedMessage, { id: "ui.platformWidget.title.tooltip", defaultMessage: "ui.platformWidget.title.tooltip" }), placement: "top" },
+                React.createElement("img", { src: LogoPlaceholder, alt: "logo" }))))),
+        React.createElement(Grid, { item: true, xs: 12, className: classes.actions },
+            React.createElement(Grid, { item: true, xs: 1, className: classes.action }),
+            actions.map((a, i) => {
+                return (React.createElement(Grid, { key: i, item: true, xs: "auto", className: classNames(classes.action, { [classes.actionHighlighted]: tutorialIndex === i && isTutorialOpen }) }, a.render));
+            }),
+            React.createElement(Grid, { item: true, xs: 1, className: classes.action }))));
     /**
      * Renders root object (if not hidden by autoHide prop)
      */
     if (!autoHide && ((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.role)) {
-        return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), c));
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Root, Object.assign({ className: classNames(classes.root, className, { [classes.tutorialOpen]: isTutorialOpen }) }, rest),
+                content,
+                tutorial),
+            React.createElement(Backdrop, { sx: { color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }, open: isTutorialOpen, onClick: handleCloseTutorial })));
     }
     return React.createElement(HiddenPlaceholder, null);
 }

package/lib/esm/components/PlatformWidget/constants.d.ts

@@ -1 +1,5 @@
 export declare const PREFIX = "SCPlatformWidget";
+export declare const HUB_STAGE = "https://hub.stage.quentrix.com/";
+export declare const HUB_PROD = "https://hub.selfcommunity.com/";
+export declare const CONTACT_STAGE = "https://hub.stage.quentrix.com/dashboard/account/contact-us";
+export declare const CONTACT_PROD = "https://hub.selfcommunity.com/dashboard/account/contact-us";

package/lib/esm/components/PlatformWidget/constants.js

@@ -1 +1,5 @@
 export const PREFIX = 'SCPlatformWidget';
+export const HUB_STAGE = 'https://hub.stage.quentrix.com/';
+export const HUB_PROD = 'https://hub.selfcommunity.com/';
+export const CONTACT_STAGE = 'https://hub.stage.quentrix.com/dashboard/account/contact-us';
+export const CONTACT_PROD = 'https://hub.selfcommunity.com/dashboard/account/contact-us';

package/lib/esm/components/PrivateMessageEditor/MessageMediaUploader/index.js

@@ -105,7 +105,7 @@ export default function MessageMediaUploader(props) {
      * Renders root object
      */
     return (React.createElement(Root, { className: classNames(classes.root, className) },
-        React.createElement(CardHeader, { action: React.createElement(Icon, { fontSize: 'small', onClick: onClose, className: classes.closeButton }, "close") }),
+        React.createElement(CardHeader, { action: React.createElement(Icon, { onClick: onClose, className: classes.closeButton }, "close") }),
         Object.keys(errors).map((id) => (React.createElement(Fade, { in: true, key: id },
             React.createElement(Alert, { severity: "error", onClose: handleRemoveErrors(id) },
                 React.createElement(AlertTitle, null, errors[id].name),

package/lib/esm/components/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js

@@ -110,15 +110,15 @@ export default function PrivateMessageSettingsIconButton(inProps) {
             return [
                 user && !group && (React.createElement(ListItem, { className: classes.item, key: "profile", component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, user) },
                     React.createElement(ListItemIcon, null,
-                        React.createElement(Icon, { fontSize: "small" }, "people_alt")),
+                        React.createElement(Icon, null, "people_alt")),
                     React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
                 group && !user && (React.createElement(ListItem, { className: classes.item, key: "group", component: Link, to: scRoutingContext.url(SCRoutes.GROUP_ROUTE_NAME, group) },
                     React.createElement(ListItemIcon, null,
-                        React.createElement(Icon, { fontSize: "small" }, "groups")),
+                        React.createElement(Icon, null, "groups")),
                     React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.group", defaultMessage: "ui.privateMessageSettingsIconButton.item.group" }))),
                 React.createElement(ListItem, { className: classes.item, key: "delete", onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick },
                     React.createElement(ListItemIcon, null,
-                        React.createElement(Icon, { fontSize: "small" }, "delete")),
+                        React.createElement(Icon, null, "delete")),
                     React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" }))
             ];
         }
@@ -126,15 +126,15 @@ export default function PrivateMessageSettingsIconButton(inProps) {
             return [
                 user && !group && (React.createElement(MenuItem, { className: classes.item, component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, user), key: "profile", onClick: handleCloseDialog },
                     React.createElement(ListItemIcon, null,
-                        React.createElement(Icon, { fontSize: "small" }, "people_alt")),
+                        React.createElement(Icon, null, "people_alt")),
                     React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
                 group && !user && (React.createElement(MenuItem, { className: classes.item, component: Link, to: scRoutingContext.url(SCRoutes.GROUP_ROUTE_NAME, group), key: "group", onClick: handleCloseDialog },
                     React.createElement(ListItemIcon, null,
-                        React.createElement(Icon, { fontSize: "small" }, "groups")),
+                        React.createElement(Icon, null, "groups")),
                     React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.group", defaultMessage: "ui.privateMessageSettingsIconButton.item.group" }))),
                 React.createElement(MenuItem, { className: classes.item, onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick, key: "delete" },
                     React.createElement(ListItemIcon, null,
-                        React.createElement(Icon, { fontSize: "small" }, "delete")),
+                        React.createElement(Icon, null, "delete")),
                     React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" }))
             ];
         }

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

@@ -245,6 +245,6 @@ export default function PrivateMessageSnippets(inProps) {
                             React.createElement(Icon, null, "close")))
                     } }),
                 React.createElement(List, null, filteredSnippets.map((message) => (React.createElement(PrivateMessageSnippetItem, { message: message, key: message.id, onItemClick: () => handleOpenThread(message), secondaryAction: React.createElement(React.Fragment, null,
-                        message.thread_status === SCPrivateMessageStatusType.NEW && (React.createElement(Icon, { fontSize: "small", color: "secondary" }, "fiber_manual_record")),
+                        message.thread_status === SCPrivateMessageStatusType.NEW && React.createElement(Icon, { color: "secondary" }, "fiber_manual_record"),
                         !isMobile && (React.createElement(PrivateMessageSettingsIconButton, { threadToDelete: (message === null || message === void 0 ? void 0 : message.group) ? message.group.id : messageReceiver(message, authUserId), onItemDeleteConfirm: () => handleDeleteConversation(messageReceiver(message, authUserId)), user: messageReceiver(message, authUserId, true), group: message === null || message === void 0 ? void 0 : message.group }))), selected: isSelected(message) })))))))));
 }

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

@@ -497,7 +497,7 @@ export default function PrivateMessageThread(inProps) {
                         React.createElement(FormattedMessage, { defaultMessage: "ui.privateMessage.thread.newMessage.to", id: "ui.privateMessage.thread.newMessage.to" })),
                     React.createElement(Autocomplete, { className: classes.autocomplete, loading: loading, multiple: !singleMessageThread, limitTags: 3, freeSolo: true, disableClearable: true, options: followers, onChange: handleChange, onInputChange: handleInputChange, inputValue: value, value: singleMessageThread ? singleMessageUser : recipients, getOptionLabel: (option) => (option ? option.username : '...'), isOptionEqualToValue: (option, value) => (option ? value.id === option.id : false), renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { placeholder: singleMessageThread ? '...' : `${intl.formatMessage(translMessages.placeholder)}`, variant: "standard", InputProps: Object.assign(Object.assign({}, params.InputProps), { disableUnderline: true }) }))), classes: { popper: classes.autocompleteDialog }, disabled: Boolean(singleMessageUser) })),
                 React.createElement(IconButton, { size: "small", onClick: handleNewMessageClose },
-                    React.createElement(Icon, { fontSize: "small" }, "close"))),
+                    React.createElement(Icon, null, "close"))),
             React.createElement(List, { className: classes.newMessageContent }),
             React.createElement(PrivateMessageEditor, { className: classes.editor, send: handleSend, autoHide: !followers, error: error, onErrorRemove: () => setError(false) }))) : (React.createElement(Typography, { className: classes.emptyMessage },
             React.createElement(FormattedMessage, { id: "ui.privateMessage.thread.emptyBox.message", defaultMessage: "ui.privateMessage.thread.emptyBox.message" })))));

package/lib/esm/constants/Event.d.ts

@@ -0,0 +1,2 @@
+export declare const EVENT_TITLE_MAX_LENGTH = 50;
+export declare const EVENT_DESCRIPTION_MAX_LENGTH = 150;

package/lib/esm/constants/Event.js

@@ -0,0 +1,2 @@
+export const EVENT_TITLE_MAX_LENGTH = 50;
+export const EVENT_DESCRIPTION_MAX_LENGTH = 150;

package/lib/esm/constants/PubSub.d.ts

@@ -8,7 +8,7 @@ export declare enum SCTopicType {
 /**
  * Event types
  */
-export declare enum SCEventType {
+export declare enum SCGroupEventType {
     CREATE = "create",
     EDIT = "edit",
     MEMBERS = "members",

package/lib/esm/constants/PubSub.js

@@ -8,12 +8,12 @@ export var SCTopicType;
 /**
  * Event types
  */
-export var SCEventType;
-(function (SCEventType) {
-    SCEventType["CREATE"] = "create";
-    SCEventType["EDIT"] = "edit";
-    SCEventType["MEMBERS"] = "members";
-    SCEventType["ADD_MEMBER"] = "members.add_member";
-    SCEventType["INVITE_MEMBER"] = "members.invite_member";
-    SCEventType["REMOVE_MEMBER"] = "members.remove_member";
-})(SCEventType || (SCEventType = {}));
+export var SCGroupEventType;
+(function (SCGroupEventType) {
+    SCGroupEventType["CREATE"] = "create";
+    SCGroupEventType["EDIT"] = "edit";
+    SCGroupEventType["MEMBERS"] = "members";
+    SCGroupEventType["ADD_MEMBER"] = "members.add_member";
+    SCGroupEventType["INVITE_MEMBER"] = "members.invite_member";
+    SCGroupEventType["REMOVE_MEMBER"] = "members.remove_member";
+})(SCGroupEventType || (SCGroupEventType = {}));

package/lib/esm/index.d.ts

@@ -8,7 +8,7 @@ import AccountDeleteButton, { AccountDeleteButtonProps } from './components/Acco
 import NavigationSettingsIconButton, { NavigationSettingsIconButtonProps, NavigationSettingsItem } from './components/NavigationSettingsIconButton';
 import NavigationToolbar, { NavigationToolbarProps, NavigationToolbarSkeleton } from './components/NavigationToolbar';
 import NavigationToolbarMobile, { NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton } from './components/NavigationToolbarMobile';
-import NavigationMenuIconButton, { NavigationMenuContent, NavigationMenuIconButtonProps } from './components/NavigationMenuIconButton';
+import NavigationMenuIconButton, { NavigationMenuContent, NavigationMenuIconButtonProps, NavigationMenuHeader } from './components/NavigationMenuIconButton';
 import BottomNavigation, { BottomNavigationProps } from './components/BottomNavigation';
 import BroadcastMessages, { BroadcastMessagesProps, BroadcastMessagesSkeleton } from './components/BroadcastMessages';
 import Category, { CategoryProps, CategorySkeleton } from './components/Category';
@@ -72,7 +72,7 @@ import AccountRecover, { AccountRecoverProps } from './components/AccountRecover
 import AccountReset, { AccountResetProps } from './components/AccountReset';
 import AccountVerify, { AccountVerifyProps } from './components/AccountVerify';
 import AccountChangeMailValidation, { AccountChangeMailValidationProps } from './components/AccountChangeMailValidation';
-import { SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCFeedWidgetType, SCMediaChunkType, SCMediaObjectType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps } from './types';
+import { SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCFeedWidgetType, SCMediaChunkType, SCMediaObjectType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType } from './types';
 import Widget, { WidgetProps } from './components/Widget';
 import ConfirmDialog from './shared/ConfirmDialog/ConfirmDialog';
 import LanguageSwitcher from './shared/LanguageSwitcher';
@@ -123,6 +123,10 @@ import GroupSettingsIconButton, { GroupSettingsIconButtonProps } from './compone
 import GroupInvitedWidget, { GroupInvitedWidgetProps, GroupInvitedWidgetSkeleton } from './components/GroupInvitedWidget';
 import UserSubscribedGroupsWidget, { UserSubscribedGroupsWidgetProps, UserSubscribedGroupsWidgetSkeleton } from './components/UserSubscribedGroupsWidget';
 import DefaultDrawerContent, { DefaultDrawerContentProps } from './components/NavigationMenuIconButton/DefaultDrawerContent';
+import DefaultHeaderContent, { DefaultHeaderContentProps } from './components/NavigationMenuIconButton/DefaultHeaderContent';
+import CreateEventButton, { CreateEventButtonProps } from './components/CreateEventButton';
+import EventLocationWidget, { EventLocationWidgetProps, EventLocationWidgetSkeleton } from './components/EventLocationWidget';
+import Event, { EventProps, EventSkeleton } from './components/Event';
 /**
  * Constants
  */
@@ -136,7 +140,7 @@ import { DEFAULT_FIELDS } from './constants/UserProfile';
  * Utilities
  */
 import * as ContributionUtils from './utils/contribution';
-import MetadataField from './shared/MetadataField';
+import MetadataField, { MetadataFieldProps } from './shared/MetadataField';
 import InfiniteScroll from './shared/InfiniteScroll';
 import CentralProgress from './shared/CentralProgress';
 import { bytesToSize } from './utils/sizeCoverter';
@@ -144,7 +148,11 @@ import { getUnseenNotification, getUnseenNotificationCounter } from './utils/fee
 import * as MessageUploaderUtils from './utils/thumbnailCoverter';
 import { getRelativeTime } from './utils/formatRelativeTime';
 import FeedObjectMediaPreview, { FeedObjectMediaPreviewProps } from './components/FeedObjectMediaPreview';
+/**
+ * Import Assets
+ */
+import LogoSelfCommunity from './assets/logo';
 /**
  * List all exports
  */
-export { AccountDataPortability, AccountDataPortabilityProps, AccountDataPortabilityButton, AccountDataPortabilityButtonProps, AccountDelete, AccountDeleteProps, AccountDeleteButton, AccountDeleteButtonProps, AccountRecover, AccountRecoverProps, AccountReset, AccountResetProps, AccountVerify, AccountVerifyProps, AccountChangeMailValidation, AccountChangeMailValidationProps, NavigationSettingsIconButton, NavigationSettingsIconButtonProps, NavigationSettingsItem, NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarProps, NavigationToolbarSkeleton, NavigationMenuIconButton, NavigationMenuContent, NavigationMenuIconButtonProps, BottomNavigation, BottomNavigationProps, BroadcastMessages, BroadcastMessagesProps, BroadcastMessagesSkeleton, Category, CategoryProps, CategorySkeleton, CategoryAutocomplete, CategoryAutocompleteProps, CategoryFollowersButton, CategoryFollowersButtonProps, CategoryHeader, CategoryHeaderProps, CategoryHeaderSkeleton, Categories, CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, ChangePictureProps, ChangeCoverProps, Composer, ComposerProps, ComposerIconButton, ComposerIconButtonProps, Editor, EditorProps, EditorSkeleton, FriendshipUserButton, FriendshipButtonProps, Feed, FeedRef, FeedProps, FeedSidebarProps, FeedSkeleton, CategoryFollowButton, CategoryFollowButtonProps, FollowUserButton, FollowUserButtonProps, ConnectionUserButton, FeedObject, FeedObjectProps, FeedObjectSkeleton, FeedObjectMediaPreview, FeedObjectMediaPreviewProps, FeedUpdatesWidget, FeedUpdatesWidgetProps, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectProps, CommentObjectProps, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentObjectReplyProps, CommentsFeedObject, CommentsFeedObjectProps, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetProps, InlineComposerWidgetSkeleton, Notification, NotificationProps, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetProps, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetProps, PlatformWidgetSkeleton, LocationAutocomplete, LocationAutocompleteProps, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingUsersWidgetProps, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectWidgetProps, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserActionIconButtonProps, UserCounters, UserCountersProps, UserProfileHeader, UserProfileHeaderProps, UserProfileHeaderSkeleton, UserInfoDialog, UserInfoDialogProps, UserInfo, UserInfoProps, UserInfoSkeleton, UserProfileBlocked, UserProfileBlockedProps, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditProps, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserFollowedUsersWidget, UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetProps, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, UserSocialAssociationProps, SCUserSocialAssociations, VirtualScrollerItemProps, CustomAdv, CustomAdvProps, CustomAdvSkeleton, User, UserProps, UserSkeleton, PrivateMessageThread, PrivateMessageThreadProps, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemProps, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorProps, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentProps, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSettingsIconButtonProps, ToastNotifications, ToastNotificationsProps, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsProps, SnippetNotificationsSkeleton, SearchAutocomplete, SearchAutocompleteProps, SearchDialog, SearchDialogProps, Widget, WidgetProps, SCFeedWidgetType, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCMediaObjectType, SCMediaChunkType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, ChangeGroupCover, ChangeGroupCoverProps, ChangeGroupPicture, ChangeGroupPictureProps, GroupHeader, GroupHeaderProps, GroupHeaderSkeleton, GroupMembersButton, GroupMembersButtonProps, CreateGroupButton, CreateGroupButtonProps, EditGroupButton, EditGroupButtonProps, GroupInviteButton, GroupInviteButtonProps, GroupInfoWidget, GroupInfoWidgetProps, GroupInfoWidgetSkeleton, Group, GroupProps, GroupSkeleton, GroupSubscribeButton, GroupSubscribeButtonProps, GroupMembersWidget, GroupMembersWidgetProps, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetProps, GroupRequestsWidgetSkeleton, Groups, GroupsProps, GroupsSkeleton, GroupForm, GroupFormProps, GroupInvitedWidget, GroupInvitedWidgetProps, GroupInvitedWidgetSkeleton, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetProps, UserSubscribedGroupsWidgetSkeleton, DefaultDrawerContent, DefaultDrawerContentProps, HiddenPlaceholder, UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, InfiniteScroll, StickyBox, useStickyBox, StickyBoxProps, StickyBoxComponent, UseStickyBoxProps, TagChip, TagChipProps, UserDeletedSnackBar, UserDeletedSnackBarProps, UserAvatar, UserAvatarProps, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, MediaChunkUploaderProps, File, Link, Share, EditMediaProps, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, X_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, ConsentSolution, ConsentSolutionProps, ConsentSolutionSkeleton, ConsentSolutionButton, ConsentSolutionButtonProps, LEGAL_POLICIES, DEFAULT_FIELDS, DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, PollSuggestionWidgetProps, Incubator, IncubatorSubscribeButton, IncubatorSubscribeButtonProps, IncubatorProps, IncubatorListWidget, IncubatorListWidgetProps, IncubatorDetail, IncubatorDetailProps, IncubatorSuggestionWidget, IncubatorSuggestionWidgetProps, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterProps, FooterSkeleton, BaseItem, BaseItemProps, BaseDialog, BaseDialogProps, GroupSettingsIconButton, GroupSettingsIconButtonProps };
+export { AccountDataPortability, AccountDataPortabilityProps, AccountDataPortabilityButton, AccountDataPortabilityButtonProps, AccountDelete, AccountDeleteProps, AccountDeleteButton, AccountDeleteButtonProps, AccountRecover, AccountRecoverProps, AccountReset, AccountResetProps, AccountVerify, AccountVerifyProps, AccountChangeMailValidation, AccountChangeMailValidationProps, NavigationSettingsIconButton, NavigationSettingsIconButtonProps, NavigationSettingsItem, NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarProps, NavigationToolbarSkeleton, NavigationMenuIconButton, NavigationMenuContent, NavigationMenuHeader, NavigationMenuIconButtonProps, BottomNavigation, BottomNavigationProps, BroadcastMessages, BroadcastMessagesProps, BroadcastMessagesSkeleton, Category, CategoryProps, CategorySkeleton, CategoryAutocomplete, CategoryAutocompleteProps, CategoryFollowersButton, CategoryFollowersButtonProps, CategoryHeader, CategoryHeaderProps, CategoryHeaderSkeleton, Categories, CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, ChangePictureProps, ChangeCoverProps, Composer, ComposerProps, ComposerIconButton, ComposerIconButtonProps, Editor, EditorProps, EditorSkeleton, FriendshipUserButton, FriendshipButtonProps, Feed, FeedRef, FeedProps, FeedSidebarProps, FeedSkeleton, CategoryFollowButton, CategoryFollowButtonProps, FollowUserButton, FollowUserButtonProps, ConnectionUserButton, FeedObject, FeedObjectProps, FeedObjectSkeleton, FeedObjectMediaPreview, FeedObjectMediaPreviewProps, FeedUpdatesWidget, FeedUpdatesWidgetProps, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectProps, CommentObjectProps, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentObjectReplyProps, CommentsFeedObject, CommentsFeedObjectProps, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetProps, InlineComposerWidgetSkeleton, Notification, NotificationProps, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetProps, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetProps, PlatformWidgetSkeleton, LocationAutocomplete, LocationAutocompleteProps, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingUsersWidgetProps, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectWidgetProps, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserActionIconButtonProps, UserCounters, UserCountersProps, UserProfileHeader, UserProfileHeaderProps, UserProfileHeaderSkeleton, UserInfoDialog, UserInfoDialogProps, UserInfo, UserInfoProps, UserInfoSkeleton, UserProfileBlocked, UserProfileBlockedProps, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditProps, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserFollowedUsersWidget, UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetProps, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, UserSocialAssociationProps, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType, CustomAdv, CustomAdvProps, CustomAdvSkeleton, User, UserProps, UserSkeleton, PrivateMessageThread, PrivateMessageThreadProps, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemProps, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorProps, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentProps, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSettingsIconButtonProps, ToastNotifications, ToastNotificationsProps, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsProps, SnippetNotificationsSkeleton, SearchAutocomplete, SearchAutocompleteProps, SearchDialog, SearchDialogProps, Widget, WidgetProps, SCFeedWidgetType, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCMediaObjectType, SCMediaChunkType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, ChangeGroupCover, ChangeGroupCoverProps, ChangeGroupPicture, ChangeGroupPictureProps, GroupHeader, GroupHeaderProps, GroupHeaderSkeleton, GroupMembersButton, GroupMembersButtonProps, CreateGroupButton, CreateGroupButtonProps, EditGroupButton, EditGroupButtonProps, GroupInviteButton, GroupInviteButtonProps, GroupInfoWidget, GroupInfoWidgetProps, GroupInfoWidgetSkeleton, Group, GroupProps, GroupSkeleton, GroupSubscribeButton, GroupSubscribeButtonProps, GroupMembersWidget, GroupMembersWidgetProps, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetProps, GroupRequestsWidgetSkeleton, Groups, GroupsProps, GroupsSkeleton, GroupForm, GroupFormProps, GroupInvitedWidget, GroupInvitedWidgetProps, GroupInvitedWidgetSkeleton, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetProps, UserSubscribedGroupsWidgetSkeleton, DefaultDrawerContent, DefaultDrawerContentProps, DefaultHeaderContent, DefaultHeaderContentProps, CreateEventButton, CreateEventButtonProps, EventLocationWidget, EventLocationWidgetProps, EventLocationWidgetSkeleton, Event, EventProps, EventSkeleton, HiddenPlaceholder, UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, MetadataFieldProps, InfiniteScroll, StickyBox, useStickyBox, StickyBoxProps, StickyBoxComponent, UseStickyBoxProps, TagChip, TagChipProps, UserDeletedSnackBar, UserDeletedSnackBarProps, UserAvatar, UserAvatarProps, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, MediaChunkUploaderProps, File, Link, Share, EditMediaProps, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, X_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, ConsentSolution, ConsentSolutionProps, ConsentSolutionSkeleton, ConsentSolutionButton, ConsentSolutionButtonProps, LEGAL_POLICIES, DEFAULT_FIELDS, DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, PollSuggestionWidgetProps, Incubator, IncubatorSubscribeButton, IncubatorSubscribeButtonProps, IncubatorProps, IncubatorListWidget, IncubatorListWidgetProps, IncubatorDetail, IncubatorDetailProps, IncubatorSuggestionWidget, IncubatorSuggestionWidgetProps, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterProps, FooterSkeleton, BaseItem, BaseItemProps, BaseDialog, BaseDialogProps, GroupSettingsIconButton, GroupSettingsIconButtonProps, LogoSelfCommunity };

package/lib/esm/index.js

@@ -8,7 +8,7 @@ import AccountDeleteButton from './components/AccountDeleteButton';
 import NavigationSettingsIconButton from './components/NavigationSettingsIconButton';
 import NavigationToolbar, { NavigationToolbarSkeleton } from './components/NavigationToolbar';
 import NavigationToolbarMobile, { NavigationToolbarMobileSkeleton } from './components/NavigationToolbarMobile';
-import NavigationMenuIconButton, { NavigationMenuContent } from './components/NavigationMenuIconButton';
+import NavigationMenuIconButton, { NavigationMenuContent, NavigationMenuHeader } from './components/NavigationMenuIconButton';
 import BottomNavigation from './components/BottomNavigation';
 import BroadcastMessages, { BroadcastMessagesSkeleton } from './components/BroadcastMessages';
 import Category, { CategorySkeleton } from './components/Category';
@@ -123,6 +123,10 @@ import GroupSettingsIconButton from './components/GroupSettingsIconButton';
 import GroupInvitedWidget, { GroupInvitedWidgetSkeleton } from './components/GroupInvitedWidget';
 import UserSubscribedGroupsWidget, { UserSubscribedGroupsWidgetSkeleton } from './components/UserSubscribedGroupsWidget';
 import DefaultDrawerContent from './components/NavigationMenuIconButton/DefaultDrawerContent';
+import DefaultHeaderContent from './components/NavigationMenuIconButton/DefaultHeaderContent';
+import CreateEventButton from './components/CreateEventButton';
+import EventLocationWidget, { EventLocationWidgetSkeleton } from './components/EventLocationWidget';
+import Event, { EventSkeleton } from './components/Event';
 /**
  * Constants
  */
@@ -144,13 +148,19 @@ import { getUnseenNotification, getUnseenNotificationCounter } from './utils/fee
 import * as MessageUploaderUtils from './utils/thumbnailCoverter';
 import { getRelativeTime } from './utils/formatRelativeTime';
 import FeedObjectMediaPreview from './components/FeedObjectMediaPreview';
+/**
+ * Import Assets
+ */
+import LogoSelfCommunity from './assets/logo';
 /**
  * List all exports
  */
-export { AccountDataPortability, AccountDataPortabilityButton, AccountDelete, AccountDeleteButton, AccountRecover, AccountReset, AccountVerify, AccountChangeMailValidation, NavigationSettingsIconButton, NavigationToolbarMobile, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarSkeleton, NavigationMenuIconButton, NavigationMenuContent, BottomNavigation, BroadcastMessages, BroadcastMessagesSkeleton, Category, CategorySkeleton, CategoryAutocomplete, CategoryFollowersButton, CategoryHeader, CategoryHeaderSkeleton, Categories, CategoriesSkeleton, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, Composer, ComposerIconButton, Editor, EditorSkeleton, FriendshipUserButton, Feed, FeedSkeleton, CategoryFollowButton, FollowUserButton, ConnectionUserButton, FeedObject, FeedObjectSkeleton, FeedObjectMediaPreview, FeedUpdatesWidget, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentsFeedObject, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetSkeleton, Notification, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetSkeleton, LocationAutocomplete, LoyaltyProgramWidget, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserCounters, UserProfileHeader, UserProfileHeaderSkeleton, UserInfoDialog, UserInfo, UserInfoSkeleton, UserProfileBlocked, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UserProfileEditSectionAccount, UserFollowedUsersWidget, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, SCUserSocialAssociations, CustomAdv, CustomAdvSkeleton, User, UserSkeleton, PrivateMessageThread, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, ToastNotifications, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsSkeleton, SearchAutocomplete, SearchDialog, Widget, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, ChangeGroupCover, ChangeGroupPicture, GroupHeader, GroupHeaderSkeleton, GroupMembersButton, CreateGroupButton, EditGroupButton, GroupInviteButton, GroupInfoWidget, GroupInfoWidgetSkeleton, Group, GroupSkeleton, GroupSubscribeButton, GroupMembersWidget, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetSkeleton, Groups, GroupsSkeleton, GroupForm, GroupInvitedWidget, GroupInvitedWidgetSkeleton, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetSkeleton, DefaultDrawerContent, 
+export { AccountDataPortability, AccountDataPortabilityButton, AccountDelete, AccountDeleteButton, AccountRecover, AccountReset, AccountVerify, AccountChangeMailValidation, NavigationSettingsIconButton, NavigationToolbarMobile, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarSkeleton, NavigationMenuIconButton, NavigationMenuContent, NavigationMenuHeader, BottomNavigation, BroadcastMessages, BroadcastMessagesSkeleton, Category, CategorySkeleton, CategoryAutocomplete, CategoryFollowersButton, CategoryHeader, CategoryHeaderSkeleton, Categories, CategoriesSkeleton, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, Composer, ComposerIconButton, Editor, EditorSkeleton, FriendshipUserButton, Feed, FeedSkeleton, CategoryFollowButton, FollowUserButton, ConnectionUserButton, FeedObject, FeedObjectSkeleton, FeedObjectMediaPreview, FeedUpdatesWidget, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentsFeedObject, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetSkeleton, Notification, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetSkeleton, LocationAutocomplete, LoyaltyProgramWidget, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserCounters, UserProfileHeader, UserProfileHeaderSkeleton, UserInfoDialog, UserInfo, UserInfoSkeleton, UserProfileBlocked, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UserProfileEditSectionAccount, UserFollowedUsersWidget, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, SCUserSocialAssociations, CustomAdv, CustomAdvSkeleton, User, UserSkeleton, PrivateMessageThread, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, ToastNotifications, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsSkeleton, SearchAutocomplete, SearchDialog, Widget, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, ChangeGroupCover, ChangeGroupPicture, GroupHeader, GroupHeaderSkeleton, GroupMembersButton, CreateGroupButton, EditGroupButton, GroupInviteButton, GroupInfoWidget, GroupInfoWidgetSkeleton, Group, GroupSkeleton, GroupSubscribeButton, GroupMembersWidget, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetSkeleton, Groups, GroupsSkeleton, GroupForm, GroupInvitedWidget, GroupInvitedWidgetSkeleton, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetSkeleton, DefaultDrawerContent, DefaultHeaderContent, CreateEventButton, EventLocationWidget, EventLocationWidgetSkeleton, Event, EventSkeleton, 
 /* SC UI SHARED */
 HiddenPlaceholder, UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, InfiniteScroll, StickyBox, useStickyBox, TagChip, UserDeletedSnackBar, UserAvatar, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, File, Link, Share, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, X_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, 
 /* SC CONSENT SOLUTION */
 ConsentSolution, ConsentSolutionSkeleton, ConsentSolutionButton, LEGAL_POLICIES, DEFAULT_FIELDS, 
 /* SC UI PAGINATION */
-DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, Incubator, IncubatorSubscribeButton, IncubatorListWidget, IncubatorDetail, IncubatorSuggestionWidget, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterSkeleton, BaseItem, BaseDialog, GroupSettingsIconButton };
+DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, Incubator, IncubatorSubscribeButton, IncubatorListWidget, IncubatorDetail, IncubatorSuggestionWidget, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterSkeleton, BaseItem, BaseDialog, GroupSettingsIconButton, 
+/* Assets */
+LogoSelfCommunity };