@selfcommunity/react-ui 0.7.50-alpha.0 → 0.7.50-event.28

package/lib/cjs/components/PlatformWidget/PlatformWidget.js

@@ -6,21 +6,130 @@ const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const api_services_1 = require("@selfcommunity/api-services");
 const react_core_1 = require("@selfcommunity/react-core");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const react_intl_1 = require("react-intl");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Widget_1 = tslib_1.__importDefault(require("../Widget"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
 const constants_1 = require("./constants");
+const logo_1 = tslib_1.__importDefault(require("../../assets/logo"));
+const Grow_1 = tslib_1.__importDefault(require("@mui/material/Grow"));
 const classes = {
     root: `${constants_1.PREFIX}-root`,
-    title: `${constants_1.PREFIX}-title`
+    title: `${constants_1.PREFIX}-title`,
+    content: `${constants_1.PREFIX}-content`,
+    actions: `${constants_1.PREFIX}-actions`,
+    action: `${constants_1.PREFIX}-action`,
+    actionHighlighted: `${constants_1.PREFIX}-action-highlighted`,
+    tutorial: `${constants_1.PREFIX}-tutorial`,
+    tutorialContent: `${constants_1.PREFIX}-tutorial-content`,
+    tutorialTitle: `${constants_1.PREFIX}-tutorial-title`,
+    tutorialTitleClose: `${constants_1.PREFIX}-tutorial-title-close`,
+    tutorialDesc: `${constants_1.PREFIX}-tutorial-desc`,
+    tutorialOpen: `${constants_1.PREFIX}-tutorial-open`,
+    divider: `${constants_1.PREFIX}-divider`,
+    tutorialControls: `${constants_1.PREFIX}-tutorial-controls`,
+    btnStep: `${constants_1.PREFIX}-btn-step`,
+    btnPreviousStep: `${constants_1.PREFIX}-btn-previous-step`,
+    btnNextStep: `${constants_1.PREFIX}-btn-next-step`
 };
 const Root = (0, styles_1.styled)(Widget_1.default, {
     name: constants_1.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.
  *
@@ -45,6 +154,20 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
  |---|---|---|
  |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
@@ -56,14 +179,103 @@ function PlatformWidget(inProps) {
         props: inProps,
         name: constants_1.PREFIX
     });
-    const { autoHide, className, title = null, startActions = null, endActions = null, onHeightChange, onStateChange } = props, rest = tslib_1.__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 = tslib_1.__rest(props, ["autoHide", "className", "title", "startActions", "endActions", "hideConsoleAction", "hideModerationAction", "hideHubAction", "hideContactUsAction", "onHeightChange"]);
     // CONTEXT
+    const scContext = (0, react_core_1.useSCContext)();
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
-    const scLocaleContext = (0, react_core_1.useSCLocale)();
+    // STATE
+    const [tutorialIndex, setTutorialIndex] = (0, react_1.useState)(0);
+    const [isTutorialOpen, setIsTutorialOpen] = (0, react_1.useState)(false);
     // CONST
-    const language = scLocaleContext.locale;
     const isAdmin = (0, react_1.useMemo)(() => react_core_1.UserUtils.isAdmin(scUserContext.user), [scUserContext.user]);
+    const isEditor = (0, react_1.useMemo)(() => react_core_1.UserUtils.isEditor(scUserContext.user), [scUserContext.user]);
     const isModerator = (0, react_1.useMemo)(() => react_core_1.UserUtils.isModerator(scUserContext.user), [scUserContext.user]);
+    const isCommunityOwner = (0, react_1.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_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('') },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.adm", defaultMessage: "ui.platformWidget.adm" }))),
+                    title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.adm", defaultMessage: "ui.platformWidget.adm" }),
+                    content: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.adm.desc", defaultMessage: "ui.platformWidget.adm.desc" })
+                }
+            ]
+            : []),
+        ...((isAdmin || isModerator) && !hideModerationAction
+            ? [
+                {
+                    render: (react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('/moderation/flags/') },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.mod", defaultMessage: "ui.platformWidget.mod" }))),
+                    title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.mod", defaultMessage: "ui.platformWidget.mod" }),
+                    content: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.mod.desc", defaultMessage: "ui.platformWidget.mod.desc" })
+                }
+            ]
+            : []),
+        ...(isAdmin && isCommunityOwner && !hideHubAction
+            ? [
+                {
+                    render: (react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", component: react_core_1.Link, to: isStage ? constants_1.HUB_STAGE : constants_1.HUB_PROD, target: "_blank" },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.hub", defaultMessage: "ui.platformWidget.hub" }))),
+                    title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.hub", defaultMessage: "ui.platformWidget.hub" }),
+                    content: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.hub.desc", defaultMessage: "ui.platformWidget.hub.desc" })
+                }
+            ]
+            : []),
+        ...(isCommunityOwner && !hideContactUsAction
+            ? [
+                {
+                    render: (react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", component: react_core_1.Link, to: isStage ? constants_1.CONTACT_STAGE : constants_1.CONTACT_PROD, target: "_blank" },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.contactUs", defaultMessage: "ui.platformWidget.contactUs" }))),
+                    title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.contactUs", defaultMessage: "ui.platformWidget.contactUs" }),
+                    content: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.contactUs.desc", defaultMessage: "ui.platformWidget.contactUs.desc" })
+                }
+            ]
+            : []),
+        ...endActions
+    ];
+    /**
+     * Handle open tutorial
+     */
+    const handleOpenTutorial = (0, react_1.useCallback)(() => {
+        setTutorialIndex(0);
+        setIsTutorialOpen(true);
+        onHeightChange && onHeightChange();
+    }, [setTutorialIndex, setIsTutorialOpen, onHeightChange]);
+    /**
+     * Handle close tutorial
+     */
+    const handleCloseTutorial = (0, react_1.useCallback)(() => {
+        setIsTutorialOpen(false);
+        setTutorialIndex(0);
+        onHeightChange && onHeightChange();
+    }, [setIsTutorialOpen, setTutorialIndex, onHeightChange]);
+    /**
+     * Handle next step tutorial
+     */
+    const handlePrevious = (0, react_1.useCallback)(() => {
+        if (tutorialIndex > 0) {
+            setTutorialIndex((prev) => prev - 1);
+        }
+        else {
+            handleCloseTutorial();
+        }
+        onHeightChange && onHeightChange();
+    }, [tutorialIndex, setTutorialIndex, handleCloseTutorial, onHeightChange]);
+    /**
+     * Handle next step tutorial
+     */
+    const handleNext = (0, react_1.useCallback)(() => {
+        if (tutorialIndex < actions.length - 1) {
+            setTutorialIndex((prev) => prev + 1);
+        }
+        else {
+            handleCloseTutorial();
+        }
+        onHeightChange && onHeightChange();
+    }, [actions, tutorialIndex, setTutorialIndex, handleCloseTutorial, onHeightChange]);
     /**
      * Fetches platform url
      */
@@ -84,25 +296,51 @@ function PlatformWidget(inProps) {
             console.log(error);
         });
     }
+    /**
+     * Render tutorial
+     */
+    const tutorial = (react_1.default.createElement(material_1.Grid, { container: true, spacing: isAdmin ? 1 : 3, justifyContent: "center", className: classes.tutorial },
+        !isTutorialOpen && (react_1.default.createElement(material_1.Grid, { item: true, xs: "auto", alignItems: "center", justifyContent: "center" },
+            react_1.default.createElement(material_1.IconButton, { size: "medium", onClick: handleOpenTutorial },
+                react_1.default.createElement(material_1.Icon, null, "info")))),
+        react_1.default.createElement(material_1.Collapse, { in: isTutorialOpen, className: classes.tutorialContent }, isTutorialOpen && (react_1.default.createElement(material_1.Grid, { item: true, xs: "auto" },
+            react_1.default.createElement(material_1.Typography, { variant: 'body2', className: classes.tutorialTitle, component: 'div' },
+                react_1.default.createElement(Grow_1.default, { in: true, timeout: 1000 },
+                    react_1.default.createElement("span", null, actions[tutorialIndex].title)),
+                react_1.default.createElement(material_1.IconButton, { size: 'small', className: classes.tutorialTitleClose, onClick: handleCloseTutorial },
+                    react_1.default.createElement(material_1.Icon, null, "close"))),
+            react_1.default.createElement(Grow_1.default, { in: true, timeout: 1200 },
+                react_1.default.createElement(material_1.Typography, { variant: 'body2', className: classes.tutorialDesc }, actions[tutorialIndex].content)),
+            react_1.default.createElement(material_1.Divider, { className: classes.divider }),
+            react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2, className: classes.tutorialControls },
+                react_1.default.createElement(material_1.Button, { variant: "text", size: "small", onClick: handlePrevious, className: (0, classnames_1.default)(classes.btnStep, classes.btnPreviousStep) }, tutorialIndex === 0 ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.tutorial.skip", defaultMessage: "ui.platformWidget.tutorial.skip" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.tutorial.previous", defaultMessage: "ui.platformWidget.tutorial.previous" }))),
+                react_1.default.createElement(material_1.Typography, { component: 'div' },
+                    tutorialIndex + 1,
+                    "/",
+                    actions.length),
+                react_1.default.createElement(material_1.Button, { variant: "contained", size: "small", color: "primary", onClick: handleNext, className: (0, classnames_1.default)(classes.btnStep, classes.btnNextStep) }, tutorialIndex === actions.length - 1 ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.tutorial.close", defaultMessage: "ui.platformWidget.tutorial.close" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.tutorial.next", defaultMessage: "ui.platformWidget.tutorial.next" })))))))));
     /**
      * Renders platform card
      */
-    const c = (react_1.default.createElement(material_1.Grid, { container: true, spacing: isAdmin ? 1 : 3, justifyContent: "center" },
-        react_1.default.createElement(material_1.Grid, { item: true, xs: 12 }, title ? (title) : (react_1.default.createElement(material_1.Typography, { className: classes.title, component: "h3", align: "center" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.title", defaultMessage: "ui.platformWidget.title" }),
-            react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "lock")))),
-        startActions,
-        isAdmin && (react_1.default.createElement(material_1.Grid, { item: true, xs: "auto" },
-            react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('') },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.adm", defaultMessage: "ui.platformWidget.adm" })))),
-        react_1.default.createElement(material_1.Grid, { item: true, xs: "auto" },
-            react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('/moderation/flags/') }, isAdmin || isModerator ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.mod", defaultMessage: "ui.platformWidget.mod" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.edt", defaultMessage: "ui.platformWidget.edt" })))),
-        endActions));
+    const content = (react_1.default.createElement(material_1.Grid, { container: true, spacing: isAdmin ? 1 : 3, justifyContent: "center", className: classes.content },
+        react_1.default.createElement(material_1.Grid, { item: true, xs: 12 }, title ? (title) : (react_1.default.createElement(material_1.Box, { className: classes.title },
+            react_1.default.createElement(material_1.Tooltip, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.title.tooltip", defaultMessage: "ui.platformWidget.title.tooltip" }), placement: "top" },
+                react_1.default.createElement("img", { src: logo_1.default, alt: "logo" }))))),
+        react_1.default.createElement(material_1.Grid, { item: true, xs: 12, className: classes.actions },
+            react_1.default.createElement(material_1.Grid, { item: true, xs: 1, className: classes.action }),
+            actions.map((a, i) => {
+                return (react_1.default.createElement(material_1.Grid, { key: i, item: true, xs: "auto", className: (0, classnames_1.default)(classes.action, { [classes.actionHighlighted]: tutorialIndex === i && isTutorialOpen }) }, a.render));
+            }),
+            react_1.default.createElement(material_1.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_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), c));
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className, { [classes.tutorialOpen]: isTutorialOpen }) }, rest),
+                content,
+                tutorial),
+            react_1.default.createElement(material_1.Backdrop, { sx: { color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }, open: isTutorialOpen, onClick: handleCloseTutorial })));
     }
     return react_1.default.createElement(HiddenPlaceholder_1.default, null);
 }

package/lib/cjs/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/cjs/components/PlatformWidget/constants.js

@@ -1,4 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PREFIX = void 0;
+exports.CONTACT_PROD = exports.CONTACT_STAGE = exports.HUB_PROD = exports.HUB_STAGE = exports.PREFIX = void 0;
 exports.PREFIX = 'SCPlatformWidget';
+exports.HUB_STAGE = 'https://hub.stage.quentrix.com/';
+exports.HUB_PROD = 'https://hub.selfcommunity.com/';
+exports.CONTACT_STAGE = 'https://hub.stage.quentrix.com/dashboard/account/contact-us';
+exports.CONTACT_PROD = 'https://hub.selfcommunity.com/dashboard/account/contact-us';

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

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

package/lib/cjs/components/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js

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

package/lib/cjs/components/PrivateMessageSnippets/PrivateMessageSnippets.js

@@ -247,7 +247,7 @@ function PrivateMessageSnippets(inProps) {
                             react_1.default.createElement(material_1.Icon, null, "close")))
                     } }),
                 react_1.default.createElement(material_1.List, null, filteredSnippets.map((message) => (react_1.default.createElement(PrivateMessageSnippetItem_1.default, { message: message, key: message.id, onItemClick: () => handleOpenThread(message), secondaryAction: react_1.default.createElement(react_1.default.Fragment, null,
-                        message.thread_status === types_1.SCPrivateMessageStatusType.NEW && (react_1.default.createElement(material_1.Icon, { fontSize: "small", color: "secondary" }, "fiber_manual_record")),
+                        message.thread_status === types_1.SCPrivateMessageStatusType.NEW && react_1.default.createElement(material_1.Icon, { color: "secondary" }, "fiber_manual_record"),
                         !isMobile && (react_1.default.createElement(PrivateMessageSettingsIconButton_1.default, { 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) })))))))));
 }
 exports.default = PrivateMessageSnippets;

package/lib/cjs/components/PrivateMessageThread/PrivateMessageThread.js

@@ -499,7 +499,7 @@ function PrivateMessageThread(inProps) {
                         react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.privateMessage.thread.newMessage.to", id: "ui.privateMessage.thread.newMessage.to" })),
                     react_1.default.createElement(Autocomplete_1.default, { 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_1.default.createElement(material_1.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_1.default.createElement(material_1.IconButton, { size: "small", onClick: handleNewMessageClose },
-                    react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "close"))),
+                    react_1.default.createElement(Icon_1.default, null, "close"))),
             react_1.default.createElement(material_1.List, { className: classes.newMessageContent }),
             react_1.default.createElement(PrivateMessageEditor_1.default, { className: classes.editor, send: handleSend, autoHide: !followers, error: error, onErrorRemove: () => setError(false) }))) : (react_1.default.createElement(material_1.Typography, { className: classes.emptyMessage },
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessage.thread.emptyBox.message", defaultMessage: "ui.privateMessage.thread.emptyBox.message" })))));

package/lib/cjs/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/cjs/constants/Event.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EVENT_DESCRIPTION_MAX_LENGTH = exports.EVENT_TITLE_MAX_LENGTH = void 0;
+exports.EVENT_TITLE_MAX_LENGTH = 50;
+exports.EVENT_DESCRIPTION_MAX_LENGTH = 150;

package/lib/cjs/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/cjs/constants/PubSub.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SCEventType = exports.SCTopicType = void 0;
+exports.SCGroupEventType = exports.SCTopicType = void 0;
 /**
  * Define topics for pubsub
  */
@@ -11,12 +11,12 @@ var SCTopicType;
 /**
  * Event types
  */
-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 = exports.SCEventType || (exports.SCEventType = {}));
+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 = exports.SCGroupEventType || (exports.SCGroupEventType = {}));

package/lib/cjs/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 };