@selfcommunity/react-ui 0.11.0-alpha.8 → 0.11.0-alpha.80

package/lib/esm/components/Courses/prefetchedCourses.d.ts

@@ -0,0 +1,81 @@
+export declare const prefetchedCourses: {
+    id: number;
+    name: string;
+    slug: string;
+    type: string;
+    privacy: string;
+    image_bigger: string;
+    image_big: string;
+    image_medium: string;
+    image_small: string;
+    join_status: string;
+    created_at: string;
+    created_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_counter: number;
+        categories_counter: number;
+        date_joined: string;
+        bio: string;
+        location: string;
+        location_lat_lng: any;
+        position_lat_lng: any;
+        date_of_birth: string;
+        description: string;
+        gender: string;
+        website: string;
+        cover: string;
+        tags: {
+            id: number;
+            type: string;
+            name: string;
+            description: string;
+            color: string;
+            visible: boolean;
+            visibility_boost: boolean;
+            active: boolean;
+            deleted: boolean;
+            created_at: string;
+        }[];
+        reputation: number;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: string;
+        store: string;
+        brand: string;
+        race: string;
+    };
+    categories: {
+        id: number;
+        tags: any[];
+        followed: boolean;
+        order: number;
+        name: string;
+        name_synonyms: string;
+        slug: string;
+        slogan: string;
+        html_info: any;
+        seo_title: string;
+        seo_description: string;
+        auto_follow: string;
+        active: boolean;
+        image_original: string;
+        image_bigger: string;
+        image_big: string;
+        image_medium: string;
+        image_small: string;
+        emotional_image_original: string;
+        emotional_image_position: number;
+        stream_order_by: string;
+        followers_counter: number;
+    }[];
+}[];

package/lib/esm/components/Courses/prefetchedCourses.js

@@ -0,0 +1,183 @@
+export const prefetchedCourses = [
+    {
+        id: 1,
+        name: 'Distributed multi-state capability',
+        slug: 'distributed-multi-state-capability',
+        type: 'structured',
+        privacy: 'open',
+        image_bigger: 'https://static-cache.quentrix.com/wioggmfc/upfiles/structureds/bigger/distributed-multi-state-capability_3372.jpg',
+        image_big: 'https://static-cache.quentrix.com/wioggmfc/upfiles/structureds/big/distributed-multi-state-capability_0486.jpg',
+        image_medium: 'https://static-cache.quentrix.com/wioggmfc/upfiles/structureds/medium/distributed-multi-state-capability_5903.jpg',
+        image_small: 'https://static-cache.quentrix.com/wioggmfc/upfiles/structureds/small/distributed-multi-state-capability_6812.jpg',
+        join_status: 'manager',
+        created_at: '2025-01-16T14:52:24.400913+01:00',
+        created_by: {
+            id: 9,
+            username: 'team',
+            real_name: '',
+            avatar: 'https://static-cache.quentrix.com/wioggmfc/upfiles/svg/T9.svg',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 0,
+            followers_counter: 5,
+            posts_counter: 12,
+            discussions_counter: 4,
+            polls_counter: 4,
+            categories_counter: 2,
+            date_joined: '2024-04-10T14:37:48.153981+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 159,
+            language: 'it',
+            community_badge: true,
+            reg_approved: true,
+            job: 'Barbiere',
+            store: 'Brescia',
+            brand: 'Prima Classe',
+            race: null
+        },
+        categories: [
+            {
+                id: 1,
+                tags: [],
+                followed: true,
+                order: 14,
+                name: 'Band preferite',
+                name_synonyms: '',
+                slug: 'band-preferite',
+                slogan: "Note che si trasformano in emozioni: condividi la tua passione musicale, esplorando insieme le band preferite che ti fanno vibrare l'anima.",
+                html_info: null,
+                seo_title: '',
+                seo_description: '',
+                auto_follow: 'none',
+                active: true,
+                image_original: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/original/band-preferite_4420.png',
+                image_bigger: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/bigger/band-preferite_8770.png',
+                image_big: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/big/band-preferite_7524.png',
+                image_medium: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/medium/band-preferite_8937.png',
+                image_small: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/small/band-preferite_3325.png',
+                emotional_image_original: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/e_original/band-preferite_4837.png',
+                emotional_image_position: 50,
+                stream_order_by: 'recent',
+                followers_counter: 315
+            }
+        ]
+    },
+    {
+        id: 2,
+        name: 'Pre-emptive fresh-thinking frame',
+        slug: 'pre-emptive-fresh-thinking-frame',
+        type: 'scheduled',
+        privacy: 'open',
+        image_bigger: 'https://static-cache.quentrix.com/wioggmfc/upfiles/scheduleds/bigger/pre-emptive-fresh-thinking-frame_1155.jpg',
+        image_big: 'https://static-cache.quentrix.com/wioggmfc/upfiles/scheduleds/big/pre-emptive-fresh-thinking-frame_2446.jpg',
+        image_medium: 'https://static-cache.quentrix.com/wioggmfc/upfiles/scheduleds/medium/pre-emptive-fresh-thinking-frame_3088.jpg',
+        image_small: 'https://static-cache.quentrix.com/wioggmfc/upfiles/scheduleds/small/pre-emptive-fresh-thinking-frame_3209.jpg',
+        join_status: 'joined',
+        created_at: '2025-01-20T12:38:43.200219+01:00',
+        created_by: {
+            id: 1,
+            username: 'admin',
+            real_name: 'Amministratore',
+            avatar: 'https://static-cache.quentrix.com/wioggmfc/upfiles/avatars/1/resized/209/209/28b02add2c23b3a71801734eba773592.png',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 1,
+            followers_counter: 4,
+            posts_counter: 614,
+            discussions_counter: 551,
+            polls_counter: 84,
+            categories_counter: 5,
+            date_joined: '2024-04-10T13:23:59.754335+02:00',
+            bio: 'Vidi, feci, raccontai e poi me ne andai',
+            location: 'Milano',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: '1973-07-09',
+            description: 'Avvocato Civilista',
+            gender: 'Unspecified',
+            website: 'https://selfcommunity.com/',
+            cover: 'https://static-cache.quentrix.com/wioggmfc/upfiles/user_media/admin/cover/55655364-f786-4ead-a97f-56b1770ad951.jpg',
+            tags: [
+                {
+                    id: 93,
+                    type: 'user',
+                    name: 'PINO',
+                    description: '',
+                    color: '#e57373',
+                    visible: true,
+                    visibility_boost: false,
+                    active: true,
+                    deleted: false,
+                    created_at: '2024-05-31T16:15:43.986224+02:00'
+                }
+            ],
+            reputation: 2748,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: 'JR Clinic Manager',
+            store: 'Erbusco',
+            brand: 'Il Barbiere',
+            race: 'Umano'
+        },
+        categories: [
+            {
+                id: 1,
+                tags: [],
+                followed: true,
+                order: 14,
+                name: 'Band preferite',
+                name_synonyms: '',
+                slug: 'band-preferite',
+                slogan: "Note che si trasformano in emozioni: condividi la tua passione musicale, esplorando insieme le band preferite che ti fanno vibrare l'anima.",
+                html_info: null,
+                seo_title: '',
+                seo_description: '',
+                auto_follow: 'none',
+                active: true,
+                image_original: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/original/band-preferite_4420.png',
+                image_bigger: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/bigger/band-preferite_8770.png',
+                image_big: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/big/band-preferite_7524.png',
+                image_medium: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/medium/band-preferite_8937.png',
+                image_small: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/small/band-preferite_3325.png',
+                emotional_image_original: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/e_original/band-preferite_4837.png',
+                emotional_image_position: 50,
+                stream_order_by: 'recent',
+                followers_counter: 315
+            },
+            {
+                id: 2,
+                tags: [],
+                followed: true,
+                order: 13,
+                name: 'Nuovi generi musicali alternativi',
+                name_synonyms: '#alternative',
+                slug: 'nuovi-generi-musicali',
+                slogan: "Esplora l'innovazione sonora e scopri nuovi ritmi inaspettati. Abbraccia l'originalità dei nuovi generi musicali alternativi e lasciati trasportare dalle vibrazioni uniche.",
+                html_info: null,
+                seo_title: '',
+                seo_description: '',
+                auto_follow: 'forced',
+                active: true,
+                image_original: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/original/nuovi-generi-musicali_5714.png',
+                image_bigger: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/bigger/nuovi-generi-musicali_8854.png',
+                image_big: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/big/nuovi-generi-musicali_0593.png',
+                image_medium: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/medium/nuovi-generi-musicali_0368.png',
+                image_small: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/small/nuovi-generi-musicali_7491.png',
+                emotional_image_original: 'https://static-cache.quentrix.com/wioggmfc/upfiles/categories/e_original/nuovi-generi-musicali_7739.png',
+                emotional_image_position: 50,
+                stream_order_by: 'recent',
+                followers_counter: 345
+            }
+        ]
+    }
+];

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

@@ -0,0 +1,38 @@
+import { ButtonProps } from '@mui/material';
+import { CourseFormDialogProps } from '../CourseFormDialog';
+export interface CreateCourseButtonProps extends ButtonProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Props to spread to CreateGroup component
+     * @default empty object
+     */
+    CourseFormDialogComponentProps?: CourseFormDialogProps;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+/**
+ *> API documentation for the Community-JS Create Group Button component. Learn about the available props and the CSS API.
+ *
+ #### Import
+ ```jsx
+ import {CreateCourseButton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+ The name `SCCreateCourseButton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCCreateCourseButton-root|Styles applied to the root element.|
+
+ * @param inProps
+ */
+export default function CreateCourseButton(inProps: CreateCourseButtonProps): JSX.Element;

package/lib/esm/components/CreateCourseButton/CreateCourseButton.js

@@ -0,0 +1,77 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Icon, styled } from '@mui/material';
+import { useThemeProps } from '@mui/system';
+import { SCPreferences, SCUserContext, useSCPreferences } from '@selfcommunity/react-core';
+import { SCFeatureName } from '@selfcommunity/types';
+import classNames from 'classnames';
+import React, { useContext, useMemo } from 'react';
+import { FormattedMessage } from 'react-intl';
+import CourseFormDialog from '../CourseFormDialog';
+const PREFIX = 'SCCreateCourseButton';
+const classes = {
+    root: `${PREFIX}-root`
+};
+const Root = styled(Button, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(() => ({}));
+/**
+ *> API documentation for the Community-JS Create Group Button component. Learn about the available props and the CSS API.
+ *
+ #### Import
+ ```jsx
+ import {CreateCourseButton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+ The name `SCCreateCourseButton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCCreateCourseButton-root|Styles applied to the root element.|
+
+ * @param inProps
+ */
+export default function CreateCourseButton(inProps) {
+    var _a;
+    //PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className, CourseFormDialogComponentProps = { CourseFormComponentProps: { hidePaywalls: true } }, children } = props, rest = __rest(props, ["className", "CourseFormDialogComponentProps", "children"]);
+    // CONTEXT
+    const scUserContext = useContext(SCUserContext);
+    // STATE
+    const [open, setOpen] = React.useState(false);
+    // CONST
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
+    const { preferences, features } = useSCPreferences();
+    const coursesEnabled = useMemo(() => preferences &&
+        features &&
+        features.includes(SCFeatureName.COURSE) &&
+        SCPreferences.CONFIGURATIONS_COURSES_ENABLED in preferences &&
+        preferences[SCPreferences.CONFIGURATIONS_COURSES_ENABLED].value, [preferences, features]);
+    const onlyStaffEnabled = useMemo(() => { var _a; return (_a = preferences[SCPreferences.CONFIGURATIONS_COURSES_ONLY_STAFF_ENABLED]) === null || _a === void 0 ? void 0 : _a.value; }, [preferences]);
+    const canCreateCourse = useMemo(() => { var _a, _b; return (_b = (_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.create_course; }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission]);
+    /**
+     * Handle click on button
+     */
+    const handleClick = () => {
+        setOpen((o) => !o);
+    };
+    /**
+     * If there's no authUserId, component is hidden.
+     */
+    if (!coursesEnabled || (!canCreateCourse && onlyStaffEnabled) || !authUserId) {
+        return null;
+    }
+    /**
+     * Renders root object
+     */
+    return (_jsxs(React.Fragment, { children: [_jsx(Root, Object.assign({ className: classNames(classes.root, className), onClick: handleClick, variant: "contained", color: "primary", startIcon: _jsx(Icon, Object.assign({ fontSize: "small" }, { children: "add" })) }, rest, { children: children !== null && children !== void 0 ? children : _jsx(FormattedMessage, { id: "ui.createCourseButton", defaultMessage: "ui.createCourseButton" }) })), open && _jsx(CourseFormDialog, Object.assign({}, CourseFormDialogComponentProps, { open: true, onClose: handleClick }))] }));
+}

package/lib/esm/components/CreateCourseButton/index.d.ts

@@ -0,0 +1,3 @@
+import CreateCourseButton, { CreateCourseButtonProps } from './CreateCourseButton';
+export default CreateCourseButton;
+export { CreateCourseButtonProps };

package/lib/esm/components/CreateCourseButton/index.js

@@ -0,0 +1,2 @@
+import CreateCourseButton from './CreateCourseButton';
+export default CreateCourseButton;

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

@@ -7,7 +7,7 @@ export interface CreateEventButtonProps extends ButtonProps {
      */
     className?: string;
     /**
-     * Props to spread to CreateGroup component
+     * Props to spread to CreateEvent component
      * @default empty object
      */
     EventFormDialogComponentProps?: EventFormDialogProps;

package/lib/esm/components/CreateEventButton/CreateEventButton.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Icon } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Button, Icon, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCPreferences, SCUserContext, useSCPreferences } from '@selfcommunity/react-core';
 import { SCFeatureName } from '@selfcommunity/types';
@@ -16,7 +15,7 @@ const classes = {
 const Root = styled(Button, {
     name: PREFIX,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(() => ({}));
 /**
  *> API documentation for the Community-JS Create Group Button component. Learn about the available props and the CSS API.

package/lib/esm/components/CreateEventWidget/Skeleton.js

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CardActions, CardContent, Divider } from '@mui/material';
-import Skeleton from '@mui/material/Skeleton';
-import { styled } from '@mui/material/styles';
+import { Box, CardActions, CardContent, Divider, Skeleton, styled } from '@mui/material';
 import Widget from '../Widget';
 import { PREFIX } from './constants';
 const classes = {

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

@@ -1,4 +1,4 @@
-import { ButtonProps } from '@mui/material/Button/Button';
+import { ButtonProps } from '@mui/material';
 import { GroupFormProps } from '../GroupForm';
 export interface CreateGroupButtonProps extends ButtonProps {
     /**

package/lib/esm/components/CreateGroupButton/CreateGroupButton.js

@@ -2,8 +2,7 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useContext, useMemo } from 'react';
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import { Button, Icon } from '@mui/material';
+import { Button, Icon, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { SCPreferences, SCUserContext, useSCPreferences } from '@selfcommunity/react-core';
 import classNames from 'classnames';

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

@@ -1,5 +1,4 @@
-import { ButtonProps } from '@mui/material/Button/Button';
-import { SCEventType, SCLiveStreamType } from '@selfcommunity/types';
+import { ButtonProps } from '@mui/material';
 import { CreateLiveStreamDialogProps } from '../CreateLiveStreamDialog';
 export interface CreateLiveStreamButtonProps extends ButtonProps {
     /**
@@ -12,11 +11,6 @@ export interface CreateLiveStreamButtonProps extends ButtonProps {
      * @default empty object
      */
     CreateLiveStreamDialogComponentProps?: CreateLiveStreamDialogProps;
-    /**
-     * On success callback function
-     * @default null
-     */
-    onSuccess?: (data: SCEventType | SCLiveStreamType) => void;
     /**
      * Any other properties
      */

package/lib/esm/components/CreateLiveStreamButton/CreateLiveStreamButton.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Icon } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Button, Icon, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCPreferences, SCUserContext, UserUtils, useSCPreferences } from '@selfcommunity/react-core';
 import classNames from 'classnames';
@@ -43,7 +42,7 @@ export default function CreateLiveStreamButton(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { className, CreateLiveStreamDialogComponentProps = {}, onSuccess, children } = props, rest = __rest(props, ["className", "CreateLiveStreamDialogComponentProps", "onSuccess", "children"]);
+    const { className, CreateLiveStreamDialogComponentProps = {}, children } = props, rest = __rest(props, ["className", "CreateLiveStreamDialogComponentProps", "children"]);
     // CONTEXT
     const scUserContext = useContext(SCUserContext);
     const { preferences, features } = useSCPreferences();
@@ -69,13 +68,6 @@ export default function CreateLiveStreamButton(inProps) {
     const handleClose = () => {
         setOpen((o) => !o);
     };
-    /**
-     * Handle close
-     */
-    const handleSuccess = (data) => {
-        onSuccess && onSuccess(data);
-        setOpen((o) => !o);
-    };
     /**
      * If there's no authUserId, component is hidden.
      */
@@ -85,5 +77,5 @@ export default function CreateLiveStreamButton(inProps) {
     /**
      * Renders root object
      */
-    return (_jsxs(React.Fragment, { children: [_jsx(Root, Object.assign({ className: classNames(classes.root, className), onClick: handleClose, variant: "contained", color: "secondary", startIcon: _jsx(Icon, { children: "movie" }) }, rest, { children: children !== null && children !== void 0 ? children : _jsx(FormattedMessage, { id: "ui.createEventButton.goLive", defaultMessage: "ui.createEventButton.goLive" }) })), open && _jsx(CreateLivestreamDialog, Object.assign({ open: true, onClose: handleClose, onSuccess: handleSuccess }, CreateLiveStreamDialogComponentProps))] }));
+    return (_jsxs(React.Fragment, { children: [_jsx(Root, Object.assign({ className: classNames(classes.root, className), onClick: handleClose, variant: "contained", color: "secondary", startIcon: _jsx(Icon, { children: "movie" }) }, rest, { children: children !== null && children !== void 0 ? children : _jsx(FormattedMessage, { id: "ui.createEventButton.goLive", defaultMessage: "ui.createEventButton.goLive" }) })), open && _jsx(CreateLivestreamDialog, Object.assign({ open: true, onClose: handleClose }, CreateLiveStreamDialogComponentProps))] }));
 }

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

@@ -1,5 +1,6 @@
-import { SCEventType, SCLiveStreamType } from '@selfcommunity/types';
 import { BaseDialogProps } from '../../shared/BaseDialog';
+import { EventFormProps } from '../EventForm';
+import { LiveStreamFormProps } from '../LiveStreamForm';
 export interface CreateLiveStreamDialogProps extends BaseDialogProps {
     /**
      * Overrides or extends the styles applied to the component.
@@ -17,10 +18,15 @@ export interface CreateLiveStreamDialogProps extends BaseDialogProps {
      */
     onClose?: () => void;
     /**
-     * On success callback function
-     * @default null
+     * Props to spread to EventForm component
+     * @default {}
+     */
+    EventFormComponentProps?: EventFormProps;
+    /**
+     * Props to spread to LiveStreamForm component
+     * @default {}
      */
-    onSuccess?: (data: SCEventType | SCLiveStreamType) => void;
+    LiveStreamFormComponentProps?: LiveStreamFormProps;
     /**
      * Any other properties
      */

package/lib/esm/components/CreateLiveStreamDialog/CreateLiveStreamDialog.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import { useSCUser } from '@selfcommunity/react-core';
 import { SCEventLocationType } from '@selfcommunity/types';
@@ -13,8 +12,7 @@ import EventForm from '../EventForm';
 import LiveStreamSelector from './LiveStreamSelector/LiveStreamSelector';
 import { CreateLiveStreamStep, LiveStreamType } from './types';
 import LiveStreamForm from '../LiveStreamForm';
-import Slide from '@mui/material/Slide';
-import { Box, Button, Icon } from '@mui/material';
+import { Box, Button, Icon, styled, Slide } from '@mui/material';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -23,10 +21,11 @@ const classes = {
 const Root = styled(BaseDialog, {
     name: PREFIX,
     slot: 'Root'
-})(({ theme }) => ({
+})(() => ({
     paddingBottom: '0px !important',
     [`& .${classes.title}`]: {
-        display: 'flex'
+        display: 'flex',
+        alignItems: 'center'
     },
     [`& .${classes.content}`]: {
         paddingBottom: 0
@@ -56,20 +55,21 @@ const Transition = React.forwardRef(function Transition(props, ref) {
  * @param inProps
  */
 export default function CreateLiveStreamDialog(inProps) {
-    var _a, _b;
+    var _a;
     //PROPS
     const props = useThemeProps({
         props: inProps,
         name: PREFIX
     });
-    const { className, open = true, onClose, onSuccess } = props, rest = __rest(props, ["className", "open", "onClose", "onSuccess"]);
+    const { className, open = true, onClose, EventFormComponentProps = {}, LiveStreamFormComponentProps = {} } = props, rest = __rest(props, ["className", "open", "onClose", "EventFormComponentProps", "LiveStreamFormComponentProps"]);
     // CONTEXT
     const scUserContext = useSCUser();
-    const canCreateLiveStream = useMemo(() => { var _a, _b; return (_b = (_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.create_live_stream; }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission]);
-    const canCreateEvent = useMemo(() => { var _a, _b; return (_b = (_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.create_event; }, [(_b = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _b === void 0 ? void 0 : _b.permission]);
+    // PERMISSION
+    const canCreateEvent = useMemo(() => { var _a, _b; return (_b = (_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.create_event; }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission]);
     // STATE
     const [step, setStep] = useState(canCreateEvent ? CreateLiveStreamStep.SELECT_TYPE : CreateLiveStreamStep.CREATE_LIVE);
     const [liveType, setLiveType] = useState(canCreateEvent ? null : LiveStreamType.DIRECT_LIVE);
+    const canShowBackButton = useMemo(() => step === CreateLiveStreamStep.CREATE_LIVE && canCreateEvent, [step, canCreateEvent]);
     // HANDLER
     const handleLiveTypeSelected = useCallback((l) => {
         setLiveType(l);
@@ -78,23 +78,27 @@ export default function CreateLiveStreamDialog(inProps) {
         setLiveType(l);
         setStep(CreateLiveStreamStep.CREATE_LIVE);
     }, []);
-    const handleBack = useCallback((l) => {
+    const handleBack = useCallback(() => {
         setStep(CreateLiveStreamStep.SELECT_TYPE);
     }, []);
     const handleSubmit = useCallback((e) => {
-        onSuccess && onSuccess(e);
-    }, []);
+        var _a, _b;
+        liveType === LiveStreamType.EVENT_LIVE
+            ? (_a = EventFormComponentProps.onSuccess) === null || _a === void 0 ? void 0 : _a.call(EventFormComponentProps, e)
+            : (_b = LiveStreamFormComponentProps.onSuccess) === null || _b === void 0 ? void 0 : _b.call(LiveStreamFormComponentProps, e);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    }, [liveType, onClose, EventFormComponentProps, LiveStreamFormComponentProps]);
     useEffect(() => {
         if (!canCreateEvent) {
             setLiveType(LiveStreamType.DIRECT_LIVE);
         }
     }, [canCreateEvent]);
     // user must be logged
-    if (!scUserContext.user || !canCreateLiveStream) {
+    if (!scUserContext.user) {
         return null;
     }
     /**
      * Renders root object
      */
-    return (_jsx(Root, Object.assign({ DialogContentProps: { dividers: false }, maxWidth: 'md', title: _jsxs(Box, Object.assign({ className: classes.title, component: 'span' }, { children: [Boolean(step === CreateLiveStreamStep.CREATE_LIVE && canCreateEvent) && (_jsx(Button, Object.assign({ variant: "text", onClick: handleBack, startIcon: _jsx(Icon, { children: "arrow_back" }) }, { children: _jsx(FormattedMessage, { id: "ui.createLivestreamDialog.button.back", defaultMessage: "ui.createLivestreamDialog.button.back" }) }))), _jsx(Box, Object.assign({ component: 'span' }, { children: _jsx(FormattedMessage, { id: "ui.createLivestreamDialog.title", defaultMessage: "ui.createLivestreamDialog.title" }) }))] })), fullWidth: true, open: open, scroll: "body", onClose: onClose, className: classNames(classes.root, className), TransitionComponent: Transition, PaperProps: { elevation: 0 } }, rest, { children: _jsxs(Box, Object.assign({ className: classes.content }, { children: [step === CreateLiveStreamStep.SELECT_TYPE && (_jsx(LiveStreamSelector, { liveSelected: liveType, onLiveSelected: handleLiveTypeSelected, onNext: handleLiveTypeSelectedNext })), step === CreateLiveStreamStep.CREATE_LIVE && (_jsx(_Fragment, { children: liveType === LiveStreamType.EVENT_LIVE ? (_jsx(EventForm, { EventAddressComponentProps: { locations: [SCEventLocationType.LIVESTREAM] }, onSuccess: handleSubmit })) : (_jsx(LiveStreamForm, { onSuccess: handleSubmit })) }))] })) })));
+    return (_jsx(Root, Object.assign({ DialogContentProps: { dividers: false }, maxWidth: "md", title: _jsxs(Box, Object.assign({ className: classes.title, component: "span" }, { children: [canShowBackButton && (_jsx(Button, Object.assign({ variant: "text", onClick: handleBack, startIcon: _jsx(Icon, { children: "arrow_back" }) }, { children: _jsx(FormattedMessage, { id: "ui.createLivestreamDialog.button.back", defaultMessage: "ui.createLivestreamDialog.button.back" }) }))), _jsx(Box, Object.assign({ component: "span" }, { children: _jsx(FormattedMessage, { id: "ui.createLivestreamDialog.title", defaultMessage: "ui.createLivestreamDialog.title" }) }))] })), fullWidth: true, open: open, scroll: "body", onClose: !canShowBackButton ? onClose : undefined, className: classNames(classes.root, className), TransitionComponent: Transition, PaperProps: { elevation: 0 } }, rest, { children: _jsxs(Box, Object.assign({ className: classes.content }, { children: [step === CreateLiveStreamStep.SELECT_TYPE && (_jsx(LiveStreamSelector, { liveSelected: liveType, onLiveSelected: handleLiveTypeSelected, onNext: handleLiveTypeSelectedNext })), step === CreateLiveStreamStep.CREATE_LIVE && (_jsx(_Fragment, { children: liveType === LiveStreamType.EVENT_LIVE ? (_jsx(EventForm, Object.assign({}, EventFormComponentProps, { EventAddressComponentProps: { locations: [SCEventLocationType.LIVESTREAM] }, onSuccess: handleSubmit }))) : (_jsx(LiveStreamForm, Object.assign({}, LiveStreamFormComponentProps, { onSuccess: handleSubmit }))) }))] })) })));
 }