@selfcommunity/react-ui 0.11.0-alpha.67 → 0.11.0-alpha.69

package/lib/esm/components/GroupRequestsWidget/GroupRequestsWidget.d.ts

@@ -4,7 +4,7 @@ import { CacheStrategies } from '@selfcommunity/utils';
 import { BaseDialogProps } from '../../shared/BaseDialog';
 import { VirtualScrollerItemProps } from '../../types/virtualScroller';
 import { UserProps } from '../User';
-import { GroupSubscribeButtonProps } from '../GroupSubscribeButton';
+import { AcceptRequestUserGroupButtonProps } from '../AcceptRequestUserGroupButton';
 export interface GroupRequestsWidgetProps extends VirtualScrollerItemProps, WidgetProps {
     /**
      * Group Object
@@ -16,6 +16,11 @@ export interface GroupRequestsWidgetProps extends VirtualScrollerItemProps, Widg
      * @default null
      */
     groupId?: number | string;
+    /**
+     * Hides this component
+     * @default true
+     */
+    autoHide?: boolean;
     /**
      * Limit the number of users to show
      * @default false
@@ -40,7 +45,7 @@ export interface GroupRequestsWidgetProps extends VirtualScrollerItemProps, Widg
      * Props to spread to group subscribe button component
      * @default {}
      */
-    GroupSubscribeButtonProps?: GroupSubscribeButtonProps;
+    AcceptRequestUserGroupButtonComponentProps?: AcceptRequestUserGroupButtonProps;
     /**
      * onSubscribeAction callback
      * @param user

package/lib/esm/components/GroupRequestsWidget/GroupRequestsWidget.js

@@ -17,7 +17,7 @@ import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
 import { PREFIX } from './constants';
 import User, { UserSkeleton } from '../User';
-import GroupSubscribeButton from '../GroupSubscribeButton';
+import AcceptRequestUserGroupButton from '../AcceptRequestUserGroupButton';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -71,7 +71,7 @@ export default function GroupRequestsWidget(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { groupId, group, limit = 5, className, cacheStrategy = CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange, UserProps = {}, DialogProps = {}, GroupSubscribeButtonProps = {}, onSubscribeActon } = props, rest = __rest(props, ["groupId", "group", "limit", "className", "cacheStrategy", "onHeightChange", "onStateChange", "UserProps", "DialogProps", "GroupSubscribeButtonProps", "onSubscribeActon"]);
+    const { groupId, group, autoHide = true, limit = 5, className, cacheStrategy = CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange, UserProps = {}, DialogProps = {}, AcceptRequestUserGroupButtonComponentProps = {}, onSubscribeActon } = props, rest = __rest(props, ["groupId", "group", "autoHide", "limit", "className", "cacheStrategy", "onHeightChange", "onStateChange", "UserProps", "DialogProps", "AcceptRequestUserGroupButtonComponentProps", "onSubscribeActon"]);
     // STATE
     const [state, dispatch] = useReducer(dataWidgetReducer, {
         isLoadingNext: false,
@@ -97,6 +97,7 @@ export default function GroupRequestsWidget(inProps) {
      * Fetch data only if the component is not initialized and it is not loading data
      */
     const _initComponent = useMemo(() => () => {
+        console.log('initComponent');
         if (!state.initialized && !state.isLoadingNext) {
             dispatch({ type: actionWidgetTypes.LOADING_NEXT });
             GroupService.getGroupWaitingApprovalSubscribers(scGroup.id, { limit })
@@ -113,6 +114,7 @@ export default function GroupRequestsWidget(inProps) {
     useEffect(() => {
         var _a;
         let _t;
+        console.log(scGroup, scUserContext.user);
         if ((contentAvailability || (!contentAvailability && ((_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id))) && scGroup && scUserContext.user !== undefined) {
             _t = setTimeout(_initComponent);
             return () => {
@@ -177,12 +179,12 @@ export default function GroupRequestsWidget(inProps) {
         onSubscribeActon && onSubscribeActon(user);
     }, [dispatch, state.count, state.results, onSubscribeActon]);
     // RENDER
-    if ((!state.count && state.initialized) || (!contentAvailability && !scUserContext.user) || !scGroup || !isGroupAdmin) {
+    if ((autoHide && !state.count && state.initialized) || (!contentAvailability && !scUserContext.user) || !scGroup || !isGroupAdmin) {
         return _jsx(HiddenPlaceholder, {});
     }
     if (!state.initialized) {
         return _jsx(Skeleton, {});
     }
-    const content = (_jsxs(CardContent, { children: [_jsx(Typography, Object.assign({ className: classes.title, variant: "h5" }, { children: _jsx(FormattedMessage, { id: "ui.groupRequestsWidget.title", defaultMessage: "ui.groupRequestsWidget.title" }) })), _jsxs(React.Fragment, { children: [_jsx(List, { children: state.results.slice(0, state.visibleItems).map((user) => (_jsx(ListItem, { children: _jsx(User, { elevation: 0, actions: _jsx(GroupSubscribeButton, Object.assign({ group: scGroup, groupId: scGroup === null || scGroup === void 0 ? void 0 : scGroup.id, user: user, onSubscribe: () => handleSubscribeAction(user) }, GroupSubscribeButtonProps)), user: user, userId: user.id }) }, user.id))) }), state.count > state.visibleItems && (_jsx(Button, Object.assign({ className: classes.showMore, onClick: handleToggleDialogOpen }, { children: _jsx(FormattedMessage, { id: "ui.groupRequestsWidget.button.showMore", defaultMessage: "ui.groupRequestsWidget.button.showMore" }) })))] }), openDialog && (_jsx(DialogRoot, Object.assign({ className: classes.dialogRoot, title: _jsx(FormattedMessage, { defaultMessage: "ui.groupRequestsWidget.dialogTitle", id: "ui.groupRequestsWidget.dialogTitle", values: { total: scGroup.subscribers_counter } }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: _jsx(UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.groupRequestsWidget.noMoreResults", defaultMessage: "ui.groupRequestsWidget.noMoreResults" }) })) }, { children: _jsx(List, { children: state.results.map((user) => (_jsx(ListItem, { children: _jsx(User, { elevation: 0, actions: _jsx(GroupSubscribeButton, Object.assign({ group: scGroup, groupId: scGroup === null || scGroup === void 0 ? void 0 : scGroup.id, user: user, onSubscribe: () => handleSubscribeAction(user) }, GroupSubscribeButtonProps)), user: user, userId: user.id }) }, user.id))) }) })) })))] }));
+    const content = (_jsxs(CardContent, { children: [_jsx(Typography, Object.assign({ className: classes.title, variant: "h5" }, { children: _jsx(FormattedMessage, { id: "ui.groupRequestsWidget.title", defaultMessage: "ui.groupRequestsWidget.title" }) })), state.results.length === 0 && (_jsx(Typography, Object.assign({ variant: "body1", mt: 2 }, { children: _jsx(FormattedMessage, { id: "ui.groupRequestsWidget.noRequests", defaultMessage: "ui.groupRequestsWidget.noRequests" }) }))), _jsxs(React.Fragment, { children: [_jsx(List, { children: state.results.slice(0, state.visibleItems).map((user) => (_jsx(ListItem, { children: _jsx(User, { elevation: 0, actions: _jsx(AcceptRequestUserGroupButton, Object.assign({ group: scGroup, groupId: scGroup === null || scGroup === void 0 ? void 0 : scGroup.id, user: user, handleConfirm: () => handleSubscribeAction(user) }, AcceptRequestUserGroupButtonComponentProps)), user: user, userId: user.id }) }, user.id))) }), state.count > state.visibleItems && (_jsx(Button, Object.assign({ className: classes.showMore, onClick: handleToggleDialogOpen }, { children: _jsx(FormattedMessage, { id: "ui.groupRequestsWidget.button.showMore", defaultMessage: "ui.groupRequestsWidget.button.showMore" }) })))] }), openDialog && (_jsx(DialogRoot, Object.assign({ className: classes.dialogRoot, title: _jsx(FormattedMessage, { defaultMessage: "ui.groupRequestsWidget.dialogTitle", id: "ui.groupRequestsWidget.dialogTitle", values: { total: scGroup.subscribers_counter } }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: _jsx(UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.groupRequestsWidget.noMoreResults", defaultMessage: "ui.groupRequestsWidget.noMoreResults" }) })) }, { children: _jsx(List, { children: state.results.map((user) => (_jsx(ListItem, { children: _jsx(User, { elevation: 0, actions: _jsx(AcceptRequestUserGroupButton, Object.assign({ group: scGroup, groupId: scGroup === null || scGroup === void 0 ? void 0 : scGroup.id, user: user, handleConfirm: () => handleSubscribeAction(user) }, AcceptRequestUserGroupButtonComponentProps)), user: user, userId: user.id }) }, user.id))) }) })) })))] }));
     return (_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: content })));
 }

package/lib/esm/components/GroupSettingsIconButton/GroupSettingsIconButton.js

@@ -1,11 +1,11 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useMemo, useState } from 'react';
 import { SwipeableDrawer, MenuItem, IconButton, Menu, useTheme, useMediaQuery, List, ListItem, styled, Icon } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
-import { Link, SCRoutes, useSCRouting, useSCUser } from '@selfcommunity/react-core';
+import { Link, SCPreferences, SCRoutes, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import ConfirmDialog from '../../shared/ConfirmDialog/ConfirmDialog';
 import { GroupService } from '@selfcommunity/api-services';
 import { SCGroupEventType, SCTopicType } from '../../constants/PubSub';
@@ -69,6 +69,8 @@ export default function GroupSettingsIconButton(inProps) {
     const scRoutingContext = useSCRouting();
     // CONTEXT
     const scUserContext = useSCUser();
+    const { preferences } = useSCPreferences();
+    const privateMessagingEnabled = useMemo(() => SCPreferences.ADDONS_PRIVATE_MESSAGES_ENABLED in preferences && preferences[SCPreferences.ADDONS_PRIVATE_MESSAGES_ENABLED].value, [preferences]);
     // HANDLERS
     const handleOpen = (event) => {
         setAnchorEl(event.currentTarget);
@@ -118,13 +120,13 @@ export default function GroupSettingsIconButton(inProps) {
     const renderList = () => {
         if (isMobile) {
             return [
-                _jsx(ListItem, Object.assign({ className: classes.item, component: Link, to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, user) }, { children: _jsx(FormattedMessage, { id: "ui.groupSettingsIconButton.item.message", defaultMessage: "ui.groupSettingsIconButton.item.message" }) }), "message"),
+                privateMessagingEnabled && (_jsx(ListItem, Object.assign({ className: classes.item, component: Link, to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, user) }, { children: _jsx(FormattedMessage, { id: "ui.groupSettingsIconButton.item.message", defaultMessage: "ui.groupSettingsIconButton.item.message" }) }), "message")),
                 _jsx(ListItem, Object.assign({ className: classes.item, onClick: handleOpenDialog }, { children: _jsx(FormattedMessage, { id: "ui.groupSettingsIconButton.item.remove", defaultMessage: "ui.groupSettingsIconButton.item.remove" }) }), "delete")
             ];
         }
         else {
             return [
-                _jsx(MenuItem, Object.assign({ className: classes.item, component: Link, to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, user) }, { children: _jsx(FormattedMessage, { id: "ui.groupSettingsIconButton.item.message", defaultMessage: "ui.groupSettingsIconButton.item.message" }) }), "message"),
+                privateMessagingEnabled && (_jsx(MenuItem, Object.assign({ className: classes.item, component: Link, to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, user) }, { children: _jsx(FormattedMessage, { id: "ui.groupSettingsIconButton.item.message", defaultMessage: "ui.groupSettingsIconButton.item.message" }) }), "message")),
                 _jsx(MenuItem, Object.assign({ className: classes.item, onClick: handleOpenDialog }, { children: _jsx(FormattedMessage, { id: "ui.groupSettingsIconButton.item.remove", defaultMessage: "ui.groupSettingsIconButton.item.remove" }) }), "delete")
             ];
         }

package/lib/esm/components/GroupSubscribeButton/GroupSubscribeButton.d.ts

@@ -1,4 +1,4 @@
-import { SCGroupType, SCUserType } from '@selfcommunity/types';
+import { SCGroupType } from '@selfcommunity/types';
 export interface GroupSubscribeButtonProps {
     /**
      * Overrides or extends the styles applied to the component.
@@ -15,15 +15,10 @@ export interface GroupSubscribeButtonProps {
      * @default null
      */
     groupId?: number;
-    /**
-     * The user to be accepted into the group
-     * @default null
-     */
-    user?: SCUserType;
     /**
      * onSubscribe callback
-     * @param user
-     * @param joined
+     * @param group
+     * @param status
      */
     onSubscribe?: (group: SCGroupType, status: string | null) => any;
     /**

package/lib/esm/components/GroupSubscribeButton/GroupSubscribeButton.js

@@ -3,8 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
 import { styled } from '@mui/material';
 import { CacheStrategies, Logger } from '@selfcommunity/utils';
-import { useSCContext, useSCFetchGroup, useSCUser } from '@selfcommunity/react-core';
-import { SCGroupPrivacyType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
+import { useSCContext, useSCFetchGroup, useSCPaymentsEnabled, useSCUser } from '@selfcommunity/react-core';
+import { SCContentType, SCGroupPrivacyType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
 import { LoadingButton } from '@mui/lab';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
@@ -12,6 +12,7 @@ import { useThemeProps } from '@mui/system';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { SCGroupEventType, SCTopicType } from '../../constants/PubSub';
 import PubSub from 'pubsub-js';
+import BuyButton from '../BuyButton';
 const PREFIX = 'SCGroupSubscribeButton';
 const classes = {
     root: `${PREFIX}-root`
@@ -21,6 +22,12 @@ const Root = styled(LoadingButton, {
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
 })(({ theme }) => ({}));
+const BuyButtonRoot = styled(BuyButton, {
+    name: PREFIX,
+    slot: 'BuyButtonRoot'
+})(({ theme }) => ({
+    marginTop: theme.spacing()
+}));
 /**
  * > API documentation for the Community-JS Group Subscribe Button component. Learn about the available props and the CSS API.
 
@@ -44,19 +51,21 @@ const Root = styled(LoadingButton, {
  * @param inProps
  */
 export default function GroupSubscribeButton(inProps) {
-    var _a;
+    var _a, _b;
     // PROPS
     const props = useThemeProps({
         props: inProps,
         name: PREFIX
     });
-    const { className, groupId, group, user, onSubscribe } = props, rest = __rest(props, ["className", "groupId", "group", "user", "onSubscribe"]);
+    const { className, groupId, group, onSubscribe } = props, rest = __rest(props, ["className", "groupId", "group", "onSubscribe"]);
     // STATE
     const [status, setStatus] = useState(null);
     // CONTEXT
     const scContext = useSCContext();
     const scUserContext = useSCUser();
     const scGroupsManager = scUserContext.managers.groups;
+    // PAYMENTS
+    const { isPaymentsEnabled } = useSCPaymentsEnabled();
     // CONST
     const authUserId = scUserContext.user ? scUserContext.user.id : null;
     const { scGroup } = useSCFetchGroup({
@@ -74,6 +83,14 @@ export default function GroupSubscribeButton(inProps) {
             setStatus(scGroupsManager.subscriptionStatus(scGroup));
         }
     }, [authUserId, scGroupsManager.subscriptionStatus, scGroup]);
+    /**
+     * Define if the buyButton is visible
+     */
+    const showBuyButton = !isGroupAdmin &&
+        isPaymentsEnabled &&
+        ((_b = scGroup.paywalls) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+        (scGroup.privacy === SCGroupPrivacyType.PUBLIC ||
+            (scGroup.privacy === SCGroupPrivacyType.PRIVATE && status && status !== SCGroupSubscriptionStatusType.REQUESTED));
     /**
      * Notify UI when a member is added to a group
      * @param group
@@ -84,14 +101,16 @@ export default function GroupSubscribeButton(inProps) {
             PubSub.publish(`${SCTopicType.GROUP}.${SCGroupEventType.ADD_MEMBER}`, { group, user });
         }
     }
-    const subscribe = (user) => {
+    const subscribe = () => {
         scGroupsManager
-            .subscribe(scGroup, user === null || user === void 0 ? void 0 : user.id)
+            .subscribe(scGroup)
             .then(() => {
             const _status = scGroup.privacy === SCGroupPrivacyType.PRIVATE && scGroup.subscription_status !== SCGroupSubscriptionStatusType.INVITED
                 ? SCGroupSubscriptionStatusType.REQUESTED
                 : SCGroupSubscriptionStatusType.SUBSCRIBED;
-            notifyChanges(scGroup, user);
+            if (_status === SCGroupSubscriptionStatusType.SUBSCRIBED) {
+                notifyChanges(scGroup, scUserContext.user);
+            }
             onSubscribe && onSubscribe(scGroup, _status);
         })
             .catch((e) => {
@@ -113,7 +132,7 @@ export default function GroupSubscribeButton(inProps) {
             scContext.settings.handleAnonymousAction();
         }
         else {
-            status === SCGroupSubscriptionStatusType.SUBSCRIBED && !(user === null || user === void 0 ? void 0 : user.id) ? unsubscribe() : (user === null || user === void 0 ? void 0 : user.id) ? subscribe(user) : subscribe();
+            status === SCGroupSubscriptionStatusType.SUBSCRIBED ? unsubscribe() : subscribe();
         }
     };
     /**
@@ -139,8 +158,11 @@ export default function GroupSubscribeButton(inProps) {
         }
         return _status;
     }, [status, scGroup]);
-    if (!scGroup || (isGroupAdmin && (user === null || user === void 0 ? void 0 : user.id) === scUserContext.user.id) || (isGroupAdmin && !(user === null || user === void 0 ? void 0 : user.id))) {
+    if (!scGroup || isGroupAdmin) {
         return null;
     }
-    return (_jsx(Root, Object.assign({ size: "small", variant: "outlined", onClick: handleSubscribeAction, loading: scUserContext.user ? scGroupsManager.isLoading(scGroup) : null, disabled: status === SCGroupSubscriptionStatusType.REQUESTED, className: classNames(classes.root, className) }, rest, { children: isGroupAdmin ? _jsx(FormattedMessage, { defaultMessage: "ui.groupSubscribeButton.accept", id: "ui.groupSubscribeButton.accept" }) : getStatus })));
+    if (showBuyButton) {
+        return _jsx(BuyButtonRoot, { contentType: SCContentType.GROUP, content: scGroup });
+    }
+    return (_jsx(Root, Object.assign({ size: "small", variant: "outlined", onClick: handleSubscribeAction, loading: scUserContext.user ? scGroupsManager.isLoading(scGroup) : null, disabled: status === SCGroupSubscriptionStatusType.REQUESTED, className: classNames(classes.root, className) }, rest, { children: getStatus })));
 }

package/lib/esm/components/InlineComposerWidget/InlineComposerWidget.js

@@ -90,14 +90,15 @@ export default function InlineComposerWidget(inProps) {
             onSuccess(feedObject);
         }
         else {
-            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.inlineComposerWidget.success", defaultMessage: "ui.inlineComposerWidget.success" }), {
+            const messageId = feedObject.scheduled_at ? 'ui.composer.scheduled.success' : 'ui.inlineComposerWidget.success';
+            enqueueSnackbar(_jsx(FormattedMessage, { id: messageId, defaultMessage: messageId }), {
                 variant: 'success',
                 autoHideDuration: 3000
             });
         }
         setOpen(false);
     };
-    if (!UserUtils.isStaff(scUserContext.user) && onlyStaffEnabled) {
+    if (!UserUtils.isStaff(scUserContext.user) && !UserUtils.isPublisher(scUserContext.user) && onlyStaffEnabled) {
         return _jsx(HiddenPlaceholder, {});
     }
     return (_jsxs(React.Fragment, { children: [_jsx(Root, Object.assign({ className: classes.root }, rest, { children: _jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(Box, Object.assign({ className: classes.input }, { children: _jsx(Button, Object.assign({ variant: "text", disableFocusRipple: true, disableRipple: true, disableElevation: true, onClick: handleOpen, fullWidth: true, color: "inherit" }, { children: label !== null && label !== void 0 ? label : _jsx(FormattedMessage, { id: "ui.inlineComposerWidget.label", defaultMessage: "ui.inlineComposerWidget.label" }) })) })), _jsx(Box, Object.assign({ className: classes.avatar }, { children: !scUserContext.user ? (_jsx(Avatar, { variant: "circular" })) : (_jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, scUserContext.user) }, { children: _jsx(Avatar, { alt: scUserContext.user.username, variant: "circular", src: scUserContext.user.avatar }) }))) }))] })) })), open && (_jsx(Composer, { open: open, mediaObjectTypes: mediaObjectTypes, defaultValue: defaultValue, fullWidth: true, onClose: handleClose, onSuccess: handleSuccess, feedType: feedType }))] }));

package/lib/esm/components/LiveStreamForm/types.d.ts

@@ -1,4 +1,4 @@
-export type InitialFieldState = {
+export declare type InitialFieldState = {
     title: string;
     description: string;
     slug?: string;
@@ -7,5 +7,5 @@ export type InitialFieldState = {
     coverFile?: string | Blob;
     isSubmitting: boolean;
 };
-export type FieldStateKeys = keyof InitialFieldState;
-export type FieldStateValues = InitialFieldState[FieldStateKeys];
+export declare type FieldStateKeys = keyof InitialFieldState;
+export declare type FieldStateValues = InitialFieldState[FieldStateKeys];

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/ControlBar.d.ts

@@ -1,7 +1,7 @@
 import { Track } from 'livekit-client';
 import * as React from 'react';
 /** @public */
-export type ControlBarControls = {
+export declare type ControlBarControls = {
     microphone?: boolean;
     camera?: boolean;
     chat?: boolean;

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/FocusLayout.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { TrackReferenceOrPlaceholder } from '@livekit/components-core';
 import type { ParticipantClickEvent } from '@livekit/components-core';
-export type FocusLayoutContainerProps = React.HTMLAttributes<HTMLDivElement>;
+export declare type FocusLayoutContainerProps = React.HTMLAttributes<HTMLDivElement>;
 /**
  * The `FocusLayoutContainer` is a layout component that expects two children:
  * A small side component: In a video conference, this is usually a carousel of participants

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/SettingsMenuToggle.d.ts

@@ -12,7 +12,7 @@ export declare function useSettingsToggle({ props }: UseSettingsToggleProps): {
         'aria-pressed': string;
     };
 };
-export type SettingsMenuToggleProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare type SettingsMenuToggleProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
 /**
  * The `SettingsMenuToggle` component is a button that toggles the visibility of the `SettingsMenu` component.
  */

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/utils.d.ts

@@ -7,12 +7,12 @@ export declare function chain(...callbacks: any[]): (...args: any[]) => void;
 interface Props {
     [key: string]: any;
 }
-type TupleTypes<T> = {
+declare type TupleTypes<T> = {
     [P in keyof T]: T[P];
 } extends {
     [key: number]: infer V;
 } ? V : never;
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
 /**
  * Merges multiple props objects together. Event handlers are chained,
  * classNames are combined, and ids are deduplicated - different ids

package/lib/esm/components/LiveStreamRoom/types.d.ts

@@ -14,7 +14,7 @@ export interface TokenResult {
     accessToken: string;
 }
 export declare function isVideoCodec(codec: string): codec is VideoCodec;
-export type ConnectionDetails = {
+export declare type ConnectionDetails = {
     serverUrl: string;
     roomName: string;
     participantName: string;

package/lib/esm/components/NavigationMenuIconButton/DefaultDrawerContent.d.ts

@@ -2,5 +2,6 @@ import { BoxProps } from '@mui/material';
 import { CategoryProps } from '../Category';
 export interface DefaultDrawerContentProps extends BoxProps {
     CategoryItemProps?: CategoryProps;
+    tagImage?: string;
 }
 export default function DefaultDrawerContent(inProps: DefaultDrawerContentProps): JSX.Element;

package/lib/esm/components/NavigationMenuIconButton/DefaultDrawerContent.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Divider, Icon, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Typography, Zoom, styled } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Divider, Icon, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Typography, Zoom, styled, AccordionDetails, Accordion, AccordionSummary, Avatar } from '@mui/material';
 import { Link, SCPreferences, SCRoutes, useSCFetchCategories, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import { useEffect, useMemo, useState } from 'react';
 import Category from '../Category';
@@ -9,6 +9,9 @@ import { sortByAttr } from '@selfcommunity/utils';
 import { SCFeatureName } from '@selfcommunity/types';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
+import BaseItem from '../../shared/BaseItem';
+import FormazionePlaceholder from '../../assets/custom/formazione';
+import { DefaultCategoryTagName } from '../../constants/DefaultDrawerContent';
 const PREFIX = 'SCDefaultDrawerContent';
 const classes = {
     root: `${PREFIX}-root`,
@@ -26,7 +29,7 @@ export default function DefaultDrawerContent(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { className, CategoryItemProps = { showTooltip: true } } = props, rest = __rest(props, ["className", "CategoryItemProps"]);
+    const { className, CategoryItemProps = { showTooltip: true }, tagImage = '/' } = props, rest = __rest(props, ["className", "CategoryItemProps", "tagImage"]);
     // HOOKS
     const { categories } = useSCFetchCategories();
     const [categoriesOrdered, setCategoriesOrdered] = useState([]);
@@ -38,6 +41,7 @@ export default function DefaultDrawerContent(inProps) {
     const { preferences, features } = useSCPreferences();
     //STATE
     const [isHovered, setIsHovered] = useState({});
+    const [expanded, setExpanded] = useState(false);
     // MEMO
     const groupsEnabled = useMemo(() => preferences &&
         features &&
@@ -57,6 +61,8 @@ export default function DefaultDrawerContent(inProps) {
         preferences[SCPreferences.CONFIGURATIONS_COURSES_ENABLED].value, [preferences, features]);
     const exploreStreamEnabled = preferences[SCPreferences.CONFIGURATIONS_EXPLORE_STREAM_ENABLED].value;
     const contentAvailable = preferences[SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY].value;
+    const showAllCategories = useMemo(() => SCPreferences.CONFIGURATIONS_SIDEBAR_SHOW_ALL_CATEGORIES_ENABLED in preferences &&
+        preferences[SCPreferences.CONFIGURATIONS_SIDEBAR_SHOW_ALL_CATEGORIES_ENABLED].value, [preferences]);
     // HANDLERS
     const handleMouseEnter = (index) => {
         setIsHovered((prevState) => {
@@ -68,16 +74,48 @@ export default function DefaultDrawerContent(inProps) {
             return Object.assign(Object.assign({}, prevState), { [index]: false });
         });
     };
+    const handleChange = (tagName) => (_event, isExpanded) => {
+        setExpanded(isExpanded ? tagName : false);
+    };
     // Order categories
     useEffect(() => {
-        setCategoriesOrdered(sortByAttr(categories, 'order'));
-    }, [categories]);
+        if (!scUserContext.user || (scUserContext.user && showAllCategories)) {
+            setCategoriesOrdered(sortByAttr(categories, 'order'));
+        }
+        else {
+            setCategoriesOrdered(sortByAttr(categories.filter((cat) => cat.followed), 'order'));
+        }
+    }, [scUserContext.user, showAllCategories, categories]);
     const getMouseEvents = (mouseEnter, mouseLeave) => ({
         onMouseEnter: mouseEnter,
         onMouseLeave: mouseLeave,
         onTouchStart: mouseEnter,
         onTouchMove: mouseLeave
     });
+    const taggedCategories = {};
+    const untaggedCategories = [];
+    categoriesOrdered.forEach((c) => {
+        var _a;
+        const visibleTags = ((_a = c.tags) !== null && _a !== void 0 ? _a : []).filter((tag) => tag.visible);
+        if (visibleTags.length > 0) {
+            visibleTags.forEach((tag) => {
+                if (!taggedCategories[tag.name])
+                    taggedCategories[tag.name] = [];
+                taggedCategories[tag.name].push(c);
+            });
+        }
+        else {
+            untaggedCategories.push(c);
+        }
+    });
     //order
-    return (_jsxs(Root, Object.assign({ className: classNames(className, classes.root) }, rest, { children: [_jsxs(List, Object.assign({ className: classes.navigation }, { children: [scUserContext.user && (_jsx(ListItem, Object.assign({ disablePadding: true }, { children: _jsxs(ListItemButton, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "home" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.home", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.home" }) })] })) }))), coursesEnabled && (scUserContext.user || contentAvailable) && (_jsx(ListItem, Object.assign({ disablePadding: true }, { children: _jsxs(ListItemButton, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.COURSES_ROUTE_NAME, {}) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "courses" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.courses", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.courses" }) })] })) }))), groupsEnabled && scUserContext.user && (_jsx(ListItem, Object.assign({ disablePadding: true }, { children: _jsxs(ListItemButton, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.GROUPS_ROUTE_NAME, {}) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "groups" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.groups", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.groups" }) })] })) }))), eventsEnabled && (scUserContext.user || contentAvailable) && (_jsx(ListItem, Object.assign({ disablePadding: true }, { children: _jsxs(ListItemButton, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.EVENTS_ROUTE_NAME, {}) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "CalendarIcon" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.events", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.events" }) })] })) }))), exploreStreamEnabled && (contentAvailable || scUserContext.user) && (_jsx(ListItem, Object.assign({ disablePadding: true }, { children: _jsxs(ListItemButton, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.EXPLORE_ROUTE_NAME, {}) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "explore" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.explore", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.explore" }) })] })) })))] })), _jsx(Divider, {}), _jsx(Typography, Object.assign({ variant: "subtitle1", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.title", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.title" }) })), !categoriesOrdered.length && (_jsx(Typography, Object.assign({ variant: "body1", className: classes.noResults }, { children: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.noResults", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.noResults" }) }))), categoriesOrdered.map((c, index) => (_jsx(Zoom, Object.assign({ in: true, style: { transform: isHovered[c.id] && 'scale(1.05)' } }, { children: _jsx(ListItem, { children: _jsx(Category, Object.assign({ ButtonBaseProps: { component: Link, to: scRoutingContext.url(SCRoutes.CATEGORY_ROUTE_NAME, c) }, elevation: 0, category: c, actions: null }, CategoryItemProps, getMouseEvents(() => handleMouseEnter(c.id), () => handleMouseLeave(c.id)))) }, c.id) }), index)))] })));
+    return (_jsxs(Root, Object.assign({ className: classNames(className, classes.root) }, rest, { children: [_jsxs(List, Object.assign({ className: classes.navigation }, { children: [scUserContext.user && (_jsx(ListItem, Object.assign({ disablePadding: true }, { children: _jsxs(ListItemButton, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "home" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.home", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.home" }) })] })) }))), coursesEnabled && (scUserContext.user || contentAvailable) && (_jsx(ListItem, Object.assign({ disablePadding: true }, { children: _jsxs(ListItemButton, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.COURSES_ROUTE_NAME, {}) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "courses" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.courses", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.courses" }) })] })) }))), groupsEnabled && scUserContext.user && (_jsx(ListItem, Object.assign({ disablePadding: true }, { children: _jsxs(ListItemButton, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.GROUPS_ROUTE_NAME, {}) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "groups" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.groups", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.groups" }) })] })) }))), eventsEnabled && (scUserContext.user || contentAvailable) && (_jsx(ListItem, Object.assign({ disablePadding: true }, { children: _jsxs(ListItemButton, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.EVENTS_ROUTE_NAME, {}) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "CalendarIcon" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.events", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.events" }) })] })) }))), exploreStreamEnabled && (contentAvailable || scUserContext.user) && (_jsx(ListItem, Object.assign({ disablePadding: true }, { children: _jsxs(ListItemButton, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.EXPLORE_ROUTE_NAME, {}) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "explore" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.explore", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.navigation.explore" }) })] })) })))] })), _jsx(Divider, {}), _jsx(Typography, Object.assign({ variant: "subtitle1", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.title", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.title" }) })), !categoriesOrdered.length && (_jsx(Typography, Object.assign({ variant: "body1", className: classes.noResults }, { children: _jsx(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.noResults", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.noResults" }) }))), _jsxs(_Fragment, { children: [Object.entries(taggedCategories).map(([tagName, categories]) => {
+                        var _a;
+                        if (!categories.length || !((_a = categories[0].tags) === null || _a === void 0 ? void 0 : _a.length))
+                            return null;
+                        return (_jsxs(Accordion, Object.assign({ expanded: expanded === tagName, onChange: handleChange(tagName), elevation: 0, onFocus: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation() }, { children: [_jsx(AccordionSummary, Object.assign({ expandIcon: _jsx(Icon, { children: "expand_more" }) }, { children: _jsx(BaseItem, { elevation: 0, image: _jsx(Avatar, { alt: tagName, src: tagName === DefaultCategoryTagName ? FormazionePlaceholder : tagImage, variant: "square" }), primary: tagName, disableTypography: false }) })), _jsx(AccordionDetails, { children: _jsx(List, { children: categories.map((c) => (_jsx(Zoom, Object.assign({ in: true }, { children: _jsx(ListItem, { children: _jsx(Category, Object.assign({ ButtonBaseProps: {
+                                                        component: Link,
+                                                        to: scRoutingContext.url(SCRoutes.CATEGORY_ROUTE_NAME, c)
+                                                    }, elevation: 0, category: c, actions: null }, CategoryItemProps, getMouseEvents(() => handleMouseEnter(c.id), () => handleMouseLeave(c.id)))) }) }), c.id))) }) })] }), tagName));
+                    }), untaggedCategories.length > 0 && (_jsx(_Fragment, { children: untaggedCategories.map((c, index) => (_jsx(Zoom, Object.assign({ in: true, style: { transform: isHovered[c.id] && 'scale(1.05)' } }, { children: _jsx(ListItem, { children: _jsx(Category, Object.assign({ ButtonBaseProps: { component: Link, to: scRoutingContext.url(SCRoutes.CATEGORY_ROUTE_NAME, c) }, elevation: 0, category: c, actions: null }, CategoryItemProps, getMouseEvents(() => handleMouseEnter(c.id), () => handleMouseLeave(c.id)))) }, c.id) }), index))) }))] })] })));
 }

package/lib/esm/components/NavigationMenuIconButton/DefaultDrawerSkeleton.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '@mui/material';
 export declare const PREFIX = "SCDefaultDrawerSkeleton";
-export type DefaultDrawerSkeletonProps = BoxProps;
+export declare type DefaultDrawerSkeletonProps = BoxProps;
 /**
  * > API documentation for the Community-JS Default Drawer Skeleton component. Learn about the available props and the CSS API.
 

package/lib/esm/components/NavigationMenuIconButton/DefaultHeaderContent.d.ts

@@ -1,3 +1,3 @@
 import { BoxProps } from '@mui/material';
-export type DefaultHeaderContentProps = BoxProps;
+export declare type DefaultHeaderContentProps = BoxProps;
 export default function DefaultHeaderContent(inProps: DefaultHeaderContentProps): JSX.Element;

package/lib/esm/components/NavigationMenuIconButton/NavigationMenuDrawer.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { DrawerProps } from '@mui/material';
+import { DefaultDrawerContentProps } from './DefaultDrawerContent';
 import { CreateLiveStreamButtonProps } from '../CreateLiveStreamButton';
 export interface NavigationMenuDrawerProps extends DrawerProps {
     /**
@@ -17,6 +18,11 @@ export interface NavigationMenuDrawerProps extends DrawerProps {
      * @default null
      */
     drawerContent?: React.ReactNode;
+    /**
+     * Default Drawer Content props content
+     * @default null
+     */
+    defaultDrawerContentProps?: DefaultDrawerContentProps;
     /**
      * Hide drawer footer
      * @default true

package/lib/esm/components/NavigationMenuIconButton/NavigationMenuDrawer.js

@@ -31,7 +31,7 @@ export default function NavigationMenuDrawer(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { className = null, showDrawerHeader = true, drawerHeaderContent = _jsx(DefaultHeaderContent, {}), drawerContent = _jsx(DefaultDrawerContent, {}), showDrawerFooterContent = true, drawerFooterContent = null, ScrollContainerProps = { hideTracksWhenNotNeeded: true }, CreateLiveStreamButtonComponentProps = {}, open, onClose } = props, rest = __rest(props, ["className", "showDrawerHeader", "drawerHeaderContent", "drawerContent", "showDrawerFooterContent", "drawerFooterContent", "ScrollContainerProps", "CreateLiveStreamButtonComponentProps", "open", "onClose"]);
+    const { className = null, showDrawerHeader = true, defaultDrawerContentProps = null, drawerHeaderContent = _jsx(DefaultHeaderContent, {}), drawerContent = _jsx(DefaultDrawerContent, Object.assign({}, defaultDrawerContentProps)), showDrawerFooterContent = true, drawerFooterContent = null, ScrollContainerProps = { hideTracksWhenNotNeeded: true }, CreateLiveStreamButtonComponentProps = {}, open, onClose } = props, rest = __rest(props, ["className", "showDrawerHeader", "defaultDrawerContentProps", "drawerHeaderContent", "drawerContent", "showDrawerFooterContent", "drawerFooterContent", "ScrollContainerProps", "CreateLiveStreamButtonComponentProps", "open", "onClose"]);
     const footerContent = (() => {
         if (typeof drawerFooterContent === 'function') {
             return drawerFooterContent({ handleCloseMenuDrawer: onClose });