@selfcommunity/react-ui 0.7.0-alpha.70 → 0.7.0-alpha.72

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

@@ -0,0 +1,21 @@
+import { AppBarProps as MuiAppBarProps } from '@mui/material';
+export declare type AppBarProps = MuiAppBarProps;
+/**
+ * > API documentation for the Community-JS AppBar component. Learn about the available props and the CSS API.
+ * The AppBar component is wrapper of Toolbars used to render the header and navigation.
+
+ #### Import
+
+ ```jsx
+ import {AppBar} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCAppBar` can be used when providing style overrides in the theme.
+ |root|.SCAppBar-root|Styles applied to the root element|
+ *
+ * @param inProps
+ */
+export default function AppBar(inProps: AppBarProps): JSX.Element;
+//# sourceMappingURL=AppBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,WAAW,IAAI,cAAc,EAAS,MAAM,eAAe,CAAC;AAqBzF,oBAAY,WAAW,GAAG,cAAc,CAAC;AAEzC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,WAAW,eAUlD"}

package/lib/cjs/components/AppBar/AppBar.js

@@ -0,0 +1,64 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const react_1 = __importDefault(require("react"));
+const system_1 = require("@mui/system");
+const classnames_1 = __importDefault(require("classnames"));
+const PREFIX = 'SCAppBar';
+const classes = {
+    root: `${PREFIX}-root`
+};
+const Root = (0, material_1.styled)(material_1.AppBar, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => {
+    var _a, _b;
+    return ({
+        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+        // @ts-ignore
+        backgroundColor: (_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main
+    });
+});
+/**
+ * > API documentation for the Community-JS AppBar component. Learn about the available props and the CSS API.
+ * The AppBar component is wrapper of Toolbars used to render the header and navigation.
+
+ #### Import
+
+ ```jsx
+ import {AppBar} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCAppBar` can be used when providing style overrides in the theme.
+ |root|.SCAppBar-root|Styles applied to the root element|
+ *
+ * @param inProps
+ */
+function AppBar(inProps) {
+    // PROPS
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className } = props, rest = __rest(props, ["className"]);
+    return react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest));
+}
+exports.default = AppBar;
+//# sourceMappingURL=AppBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyF;AACzF,kDAA0B;AAC1B,wCAA0C;AAC1C,4DAAoC;AAEpC,MAAM,MAAM,GAAG,UAAU,CAAC;AAE1B,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,iBAAM,EAAC,iBAAS,EAAE;IAC7B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;;IAAC,OAAA,CAAC;QACf,4DAA4D;QAC5D,aAAa;QACb,eAAe,EAAE,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,MAAM,0CAAE,IAAI;KAC7C,CAAC,CAAA;CAAA,CAAC,CAAC;AAIJ;;;;;;;;;;;;;;;;GAgBG;AACH,SAAwB,MAAM,CAAC,OAAoB;IACjD,QAAQ;IACR,MAAM,KAAK,GAAgB,IAAA,sBAAa,EAAC;QACvC,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IAEH,MAAM,EAAC,SAAS,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAA5B,aAAoB,CAAQ,CAAC;IAEnC,OAAO,8BAAC,IAAI,kBAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI,EAAI,CAAC;AAC5E,CAAC;AAVD,yBAUC"}

package/lib/cjs/components/AppBar/NavigationToolbar/NavigationToolbar.d.ts

@@ -0,0 +1,48 @@
+import { ToolbarProps } from '@mui/material';
+import { SearchAutocompleteProps } from '../../SearchAutocomplete';
+export interface NavigationToolbarProps extends ToolbarProps {
+    /**
+     * Searchbar props
+     */
+    SearchAutocompleteProps?: SearchAutocompleteProps;
+    /**
+     * The navigation path
+     */
+    value: string;
+}
+/**
+ * > API documentation for the Community-JS NavigationToolbar component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {NavigationToolbar} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCNavigationToolbar` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCNavigationToolbar-root|Styles applied to the root element.|
+ |logo|.SCNavigationToolbar-logo|Styles applied to the logo element.|
+ |register|.SCNavigationToolbar-register|Styles applied to the register button elements.|
+ |navigation|.SCNavigationToolbar-navigation|Styles applied to the navigation container element|
+ |home|.SCNavigationToolbar-home|Styles applied to the home button|
+ |explore|.SCNavigationToolbar-explore|Styles applied to the explore button|
+ |search|.SCNavigationToolbar-search|Styles applied to the search component|
+ |profile|.SCNavigationToolbar-profile|Styles applied to the profile button|
+ |notification|.SCNavigationToolbar-notification|Styles applied to the notification button|
+ |messages|.SCNavigationToolbar-messages|Styles applied to the messages button|
+ |settings|.SCNavigationToolbar-settings|Styles applied to the settings button|
+ |active|.SCNavigationToolbar-active|Styles applied to the active button on navigation|
+
+ *
+ * @param inProps
+ */
+export default function NavigationToolbar(inProps: NavigationToolbarProps): JSX.Element;
+//# sourceMappingURL=NavigationToolbar.d.ts.map

package/lib/cjs/components/AppBar/NavigationToolbar/NavigationToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbar/NavigationToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,YAAY,EAAC,MAAM,eAAe,CAAC;AAoBpG,OAA2B,EAAC,uBAAuB,EAAC,MAAM,0BAA0B,CAAC;AAoCrF,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D;;OAEG;IACH,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,OAAO,EAAE,sBAAsB,eAgJxE"}

package/lib/cjs/components/AppBar/NavigationToolbar/NavigationToolbar.js

@@ -0,0 +1,191 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const react_1 = __importStar(require("react"));
+const react_core_1 = require("@selfcommunity/react-core");
+const Icon_1 = __importDefault(require("@mui/material/Icon"));
+const system_1 = require("@mui/system");
+const classnames_1 = __importDefault(require("classnames"));
+const SettingsMenu_1 = __importDefault(require("./SettingsMenu"));
+const Skeleton_1 = __importDefault(require("./Skeleton"));
+const react_intl_1 = require("react-intl");
+const NotificationMenu_1 = __importDefault(require("./NotificationMenu"));
+const SearchAutocomplete_1 = __importDefault(require("../../SearchAutocomplete"));
+const PREFIX = 'SCNavigationToolbar';
+const classes = {
+    root: `${PREFIX}-root`,
+    logo: `${PREFIX}-logo`,
+    register: `${PREFIX}-register`,
+    navigation: `${PREFIX}-navigation`,
+    home: `${PREFIX}-home`,
+    explore: `${PREFIX}-explore`,
+    search: `${PREFIX}-search`,
+    profile: `${PREFIX}-profile`,
+    notification: `${PREFIX}-notification`,
+    messages: `${PREFIX}-messages`,
+    settings: `${PREFIX}-settings`,
+    active: `${PREFIX}-active`
+};
+const Root = (0, material_1.styled)(material_1.Toolbar, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    [`& .${classes.logo}`]: {
+        maxHeight: theme.mixins.toolbar.minHeight
+    },
+    [`& .${classes.navigation}`]: {
+        flexGrow: 1,
+        textAlign: 'center'
+    },
+    [`& .${classes.search}`]: {
+        flexGrow: 1
+    }
+}));
+const PREFERENCES = [
+    react_core_1.SCPreferences.CONFIGURATIONS_EXPLORE_STREAM_ENABLED,
+    react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY,
+    react_core_1.SCPreferences.LOGO_NAVBAR_LOGO,
+    react_core_1.SCPreferences.ADDONS_CLOSED_COMMUNITY
+];
+/**
+ * > API documentation for the Community-JS NavigationToolbar component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {NavigationToolbar} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCNavigationToolbar` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCNavigationToolbar-root|Styles applied to the root element.|
+ |logo|.SCNavigationToolbar-logo|Styles applied to the logo element.|
+ |register|.SCNavigationToolbar-register|Styles applied to the register button elements.|
+ |navigation|.SCNavigationToolbar-navigation|Styles applied to the navigation container element|
+ |home|.SCNavigationToolbar-home|Styles applied to the home button|
+ |explore|.SCNavigationToolbar-explore|Styles applied to the explore button|
+ |search|.SCNavigationToolbar-search|Styles applied to the search component|
+ |profile|.SCNavigationToolbar-profile|Styles applied to the profile button|
+ |notification|.SCNavigationToolbar-notification|Styles applied to the notification button|
+ |messages|.SCNavigationToolbar-messages|Styles applied to the messages button|
+ |settings|.SCNavigationToolbar-settings|Styles applied to the settings button|
+ |active|.SCNavigationToolbar-active|Styles applied to the active button on navigation|
+
+ *
+ * @param inProps
+ */
+function NavigationToolbar(inProps) {
+    // PROPS
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { value = '', className, SearchAutocompleteProps = {} } = props, rest = __rest(props, ["value", "className", "SearchAutocompleteProps"]);
+    // CONTEXT
+    const scUserContext = (0, react_core_1.useSCUser)();
+    const scRoutingContext = (0, react_core_1.useSCRouting)();
+    // PREFERENCES
+    const scPreferences = (0, react_core_1.useSCPreferences)();
+    const preferences = (0, react_1.useMemo)(() => {
+        const _preferences = {};
+        PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
+        return _preferences;
+    }, [scPreferences.preferences]);
+    // STATE
+    const [anchorSetting, setAnchorMenu] = react_1.default.useState(null);
+    const [anchorNotification, setAnchorNotification] = react_1.default.useState(null);
+    // HANDLERS
+    const handleOpenSettingMenu = (event) => {
+        setAnchorMenu(event.currentTarget);
+    };
+    const handleCloseSettingMenu = () => {
+        setAnchorMenu(null);
+    };
+    const handleOpenNotificationMenu = (event) => {
+        setAnchorNotification(event.currentTarget);
+    };
+    const handleCloseNotificationMenu = () => {
+        setAnchorNotification(null);
+    };
+    // RENDER
+    if (scUserContext.loading) {
+        return react_1.default.createElement(Skeleton_1.default, null);
+    }
+    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root) }, rest),
+        react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {}) },
+            react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO], alt: 'logo', className: classes.logo })),
+        !scUserContext.user && !preferences[react_core_1.SCPreferences.ADDONS_CLOSED_COMMUNITY] && (react_1.default.createElement(material_1.Button, { color: "inherit", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.SIGNUP_ROUTE_NAME, {}), className: classes.register },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.register", defaultMessage: "ui.appBar.navigation.register" }))),
+        react_1.default.createElement(material_1.Box, { className: classes.navigation },
+            scUserContext.user && (react_1.default.createElement(material_1.IconButton, { className: (0, classnames_1.default)(classes.home, { [classes.active]: value.startsWith(scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {})) }), "aria-label": "Home", to: scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {}), component: react_core_1.Link },
+                react_1.default.createElement(Icon_1.default, null, "home"))),
+            preferences[react_core_1.SCPreferences.CONFIGURATIONS_EXPLORE_STREAM_ENABLED] &&
+                (preferences[react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY] || scUserContext.user) && (react_1.default.createElement(material_1.IconButton, { className: (0, classnames_1.default)(classes.explore, { [classes.active]: value.startsWith(scRoutingContext.url(react_core_1.SCRoutes.EXPLORE_ROUTE_NAME, {})) }), "aria-label": "Explore", to: scRoutingContext.url(react_core_1.SCRoutes.EXPLORE_ROUTE_NAME, {}), component: react_core_1.Link },
+                react_1.default.createElement(Icon_1.default, null, "explore")))),
+        preferences[react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY] || scUserContext.user ? (react_1.default.createElement(SearchAutocomplete_1.default, Object.assign({ className: classes.search, blurOnSelect: true }, SearchAutocompleteProps))) : (react_1.default.createElement(material_1.Box, { className: classes.search })),
+        scUserContext.user ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.IconButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, scUserContext.user), "aria-label": "Profile", className: classes.profile },
+                react_1.default.createElement(material_1.Avatar, { alt: scUserContext.user.username, src: scUserContext.user.avatar })),
+            react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(material_1.IconButton, { className: (0, classnames_1.default)(classes.notification, {
+                        [classes.active]: value.startsWith(scRoutingContext.url(react_core_1.SCRoutes.USER_NOTIFICATIONS_ROUTE_NAME, {}))
+                    }), "aria-label": "Notification", onClick: handleOpenNotificationMenu },
+                    react_1.default.createElement(material_1.Badge, { badgeContent: scUserContext.user.unseen_notification_banners_counter + scUserContext.user.unseen_interactions_counter, color: "secondary" },
+                        react_1.default.createElement(Icon_1.default, null, "notifications_active"))),
+                react_1.default.createElement(NotificationMenu_1.default, { id: "notification-menu", anchorEl: anchorNotification, open: Boolean(anchorNotification), onClose: handleCloseNotificationMenu, onClick: handleCloseNotificationMenu, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } })),
+            react_1.default.createElement(material_1.IconButton, { className: (0, classnames_1.default)(classes.messages, {
+                    [classes.active]: value.startsWith(scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, {}))
+                }), "aria-label": "Messages", to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, {}), component: react_core_1.Link },
+                react_1.default.createElement(material_1.Badge, { badgeContent: scUserContext.user.unseen_notification_banners_counter, color: "secondary" },
+                    react_1.default.createElement(Icon_1.default, null, "email"))),
+            react_1.default.createElement(material_1.IconButton, { onClick: handleOpenSettingMenu, className: classes.settings }, anchorSetting ? react_1.default.createElement(Icon_1.default, null, "expand_less") : react_1.default.createElement(Icon_1.default, null, "expand_more")),
+            react_1.default.createElement(SettingsMenu_1.default, { id: "setting-menu", anchorEl: anchorSetting, open: Boolean(anchorSetting), onClose: handleCloseSettingMenu, onClick: handleCloseSettingMenu, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } }))) : (react_1.default.createElement(material_1.Button, { color: "inherit", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.SIGNIN_ROUTE_NAME, {}) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.login", defaultMessage: "ui.appBar.navigation.login" })))));
+}
+exports.default = NavigationToolbar;
+//# sourceMappingURL=NavigationToolbar.js.map

package/lib/cjs/components/AppBar/NavigationToolbar/NavigationToolbar.js.map

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

package/lib/cjs/components/AppBar/NavigationToolbar/NotificationMenu.d.ts

@@ -0,0 +1,4 @@
+import { MenuProps } from '@mui/material';
+export declare type NotificationsMenuProps = MenuProps;
+export default function NotificationMenu(inProps: NotificationsMenuProps): JSX.Element;
+//# sourceMappingURL=NotificationMenu.d.ts.map

package/lib/cjs/components/AppBar/NavigationToolbar/NotificationMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbar/NotificationMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAS,MAAM,eAAe,CAAC;AA+BnE,oBAAY,sBAAsB,GAAG,SAAS,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,OAAO,EAAE,sBAAsB,eAmBvE"}

package/lib/cjs/components/AppBar/NavigationToolbar/NotificationMenu.js

@@ -0,0 +1,60 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const react_core_1 = require("@selfcommunity/react-core");
+const react_intl_1 = require("react-intl");
+const react_1 = __importDefault(require("react"));
+const system_1 = require("@mui/system");
+const SnippetNotifications_1 = __importDefault(require("../../SnippetNotifications"));
+const PREFIX = 'SCNotificationsMenu';
+const classes = {
+    root: `${PREFIX}-root`,
+    paper: `${PREFIX}-paper`,
+    notifications: `${PREFIX}-notifications`,
+    link: `${PREFIX}-link`
+};
+const Root = (0, material_1.styled)(material_1.Menu, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    [`& .${classes.paper}`]: {
+        minWidth: 370,
+        padding: theme.spacing(2)
+    },
+    [`& .${classes.link}`]: {
+        display: 'block',
+        textAlign: 'center',
+        margin: theme.spacing(0, 'auto')
+    }
+}));
+function NotificationMenu(inProps) {
+    // PROPS
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { PaperProps = { className: classes.paper } } = props, rest = __rest(props, ["PaperProps"]);
+    // HOOKS
+    const scRoutingContext = (0, react_core_1.useSCRouting)();
+    return (react_1.default.createElement(Root, Object.assign({ className: classes.root, PaperProps: PaperProps }, rest),
+        react_1.default.createElement(SnippetNotifications_1.default, { className: classes.notifications }),
+        react_1.default.createElement(material_1.Button, { className: classes.link, component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_NOTIFICATIONS_ROUTE_NAME, {}), variant: "text" },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.notifications.button.seeMore", defaultMessage: "ui.header.notifications.button.seeMore" }))));
+}
+exports.default = NotificationMenu;
+//# sourceMappingURL=NotificationMenu.js.map

package/lib/cjs/components/AppBar/NavigationToolbar/NotificationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationMenu.js","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbar/NotificationMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAmE;AACnE,0DAA+F;AAC/F,2CAA4C;AAC5C,kDAA0B;AAC1B,wCAA0C;AAC1C,sFAA8D;AAE9D,MAAM,MAAM,GAAG,qBAAqB,CAAC;AAErC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,KAAK,EAAE,GAAG,MAAM,QAAQ;IACxB,aAAa,EAAE,GAAG,MAAM,gBAAgB;IACxC,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AACF,MAAM,IAAI,GAAG,IAAA,iBAAM,EAAC,eAAI,EAAE;IACxB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE;QACvB,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC1B;IACD,CAAC,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE;QACtB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC;KACjC;CACF,CAAC,CAAC,CAAC;AAIJ,SAAwB,gBAAgB,CAAC,OAA+B;IACtE,QAAQ;IACR,MAAM,KAAK,GAA2B,IAAA,sBAAa,EAAC;QAClD,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,MAAM,EAAC,UAAU,GAAG,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAC,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAA1D,cAAkD,CAAQ,CAAC;IAEjE,QAAQ;IACR,MAAM,gBAAgB,GAAyB,IAAA,yBAAY,GAAE,CAAC;IAE9D,OAAO,CACL,8BAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,IAAM,IAAI;QAC7D,8BAAC,8BAAoB,IAAC,SAAS,EAAE,OAAO,CAAC,aAAa,GAAI;QAC1D,8BAAC,iBAAM,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,iBAAI,EAAE,EAAE,EAAE,gBAAgB,CAAC,GAAG,CAAC,qBAAQ,CAAC,6BAA6B,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM;YACpI,8BAAC,6BAAgB,IAAC,EAAE,EAAC,wCAAwC,EAAC,cAAc,EAAC,wCAAwC,GAAG,CACjH,CACJ,CACR,CAAC;AACJ,CAAC;AAnBD,mCAmBC"}

package/lib/cjs/components/AppBar/NavigationToolbar/SettingsMenu.d.ts

@@ -0,0 +1,4 @@
+import { MenuProps } from '@mui/material';
+export declare type SettingsMenuProps = MenuProps;
+export default function SettingsMenu(inProps: SettingsMenuProps): JSX.Element;
+//# sourceMappingURL=SettingsMenu.d.ts.map

package/lib/cjs/components/AppBar/NavigationToolbar/SettingsMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbar/SettingsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,SAAS,EAAS,MAAM,eAAe,CAAC;AAqCzE,oBAAY,iBAAiB,GAAG,SAAS,CAAC;AAQ1C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,OAAO,EAAE,iBAAiB,eA+J9D"}

package/lib/cjs/components/AppBar/NavigationToolbar/SettingsMenu.js

@@ -0,0 +1,133 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const react_core_1 = require("@selfcommunity/react-core");
+const react_intl_1 = require("react-intl");
+const react_1 = __importStar(require("react"));
+const system_1 = require("@mui/system");
+const api_services_1 = require("@selfcommunity/api-services");
+const PREFIX = 'SCSettingMenu';
+const classes = {
+    root: `${PREFIX}-root`,
+    paper: `${PREFIX}-paper`,
+    item: `${PREFIX}-item`
+};
+const Root = (0, material_1.styled)(material_1.Menu, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    [`& .${classes.paper}`]: {
+        minWidth: 370,
+        padding: theme.spacing(2)
+    },
+    [`& .${classes.item}`]: {}
+}));
+const PREFERENCES = [
+    react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED,
+    react_core_1.SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED,
+    react_core_1.SCPreferences.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED
+];
+function SettingsMenu(inProps) {
+    // PROPS
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { PaperProps = { className: classes.paper } } = props, rest = __rest(props, ["PaperProps"]);
+    // CONTEXT
+    const scUserContext = (0, react_core_1.useSCUser)();
+    const roles = scUserContext.user && scUserContext.user.role;
+    const isAdmin = roles && roles.includes('admin');
+    const isModerator = roles && roles.includes('moderator');
+    // HOOKS
+    const scRoutingContext = (0, react_core_1.useSCRouting)();
+    // PREFERENCES
+    const scPreferences = (0, react_core_1.useSCPreferences)();
+    const preferences = (0, react_1.useMemo)(() => {
+        const _preferences = {};
+        PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
+        return _preferences;
+    }, [scPreferences.preferences]);
+    /**
+     * Fetches paltform url
+     * @param query
+     */
+    const fetchPlatform = (query) => {
+        api_services_1.UserService.getCurrentUserPlatform(query).then((res) => {
+            const platformUrl = res.platform_url;
+            window.open(platformUrl, '_blank').focus();
+        });
+    };
+    const handleLogout = () => {
+        scUserContext.logout();
+    };
+    return (react_1.default.createElement(Root, Object.assign({ className: classes.root, PaperProps: PaperProps }, rest),
+        react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "profile", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, scUserContext.user) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.profile", defaultMessage: "ui.appBar.navigation.settings.menuItem.profile" })),
+        preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED] && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "followings", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWINGS_ROUTE_NAME, scUserContext.user) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.followings", defaultMessage: "ui.appBar.navigation.settings.menuItem.followings" }))),
+        preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED] && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "followers", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWERS_ROUTE_NAME, scUserContext.user) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.followers", defaultMessage: "ui.appBar.navigation.settings.menuItem.followers" }))),
+        !preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED] && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "connections", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_CONNECTIONS_ROUTE_NAME, scUserContext.user) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.connections", defaultMessage: "ui.appBar.navigation.settings.menuItem.connections" }))),
+        scPreferences.features.includes(react_core_1.SCFeatures.LOYALTY) && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "loyaltyProgram", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.LOYALTY_ROUTE_NAME, {}) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.loyalty", defaultMessage: "ui.appBar.navigation.settings.menuItem.loyalty" }))),
+        react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "suggestedPeople", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.PEOPLE_SUGGESTION_ROUTE_NAME, {}) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.interestingPeople", defaultMessage: "ui.appBar.navigation.settings.menuItem.interestingPeople" })),
+        preferences[react_core_1.SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED] && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "followedPosts", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME, scUserContext.user) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.postsFollowed", defaultMessage: "ui.appBar.navigation.settings.menuItem.postsFollowed" }))),
+        preferences[react_core_1.SCPreferences.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED] && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "followedDiscussions", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME, scUserContext.user) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.discussionsFollowed", defaultMessage: "ui.appBar.navigation.settings.menuItem.discussionsFollowed" }))),
+        react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "privateMessages", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, {}) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.privateMessages", defaultMessage: "ui.appBar.navigation.settings.menuItem.privateMessages" })),
+        isAdmin && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.Divider, null),
+            react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "platform", onClick: () => fetchPlatform('') },
+                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.platform", defaultMessage: "ui.appBar.navigation.settings.menuItem.platform" })))),
+        (isModerator || isAdmin) && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.Divider, null),
+            react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "moderation", onClick: () => fetchPlatform('/moderation') },
+                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.moderation", defaultMessage: "ui.appBar.navigation.settings.menuItem.moderation" })))),
+        react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "settings", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_SETTINGS_ROUTE_NAME, scUserContext.user) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.settings", defaultMessage: "ui.appBar.navigation.settings.menuItem.settings" })),
+        react_1.default.createElement(material_1.Divider, null),
+        react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "logout", onClick: handleLogout },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.logout", defaultMessage: "ui.appBar.navigation.settings.menuItem.logout" }))));
+}
+exports.default = SettingsMenu;
+//# sourceMappingURL=SettingsMenu.js.map

package/lib/cjs/components/AppBar/NavigationToolbar/SettingsMenu.js.map

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

package/lib/cjs/components/AppBar/NavigationToolbar/Skeleton.d.ts

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

package/lib/cjs/components/AppBar/NavigationToolbar/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbar/Skeleton.tsx"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,IAAI,GAAG,CAAC,OAAO,CAQ/D"}