@selfcommunity/react-templates 0.4.8-alpha.9 → 0.4.8-payments.144

package/lib/cjs/components/CategoryFeed/CategoryFeed.js

@@ -72,6 +72,7 @@ function CategoryFeed(inProps) {
     const { id = 'category_feed', className, category, categoryId, widgets = WIDGETS, FeedObjectProps = {}, FeedSidebarProps = null, FeedProps = {} } = props;
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();
+    const scUserContext = (0, react_core_1.useSCUser)();
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     // REF
     const feedRef = (0, react_1.useRef)();
@@ -114,7 +115,7 @@ function CategoryFeed(inProps) {
             markRead: scUser ? !item.seen_by_id.includes(scUser.id) : null
         }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: react_ui_1.FeedObjectSkeleton, ItemSkeletonProps: {
             template: react_ui_1.SCFeedObjectTemplateType.PREVIEW
-        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: (0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess, defaultValue: { categories: [scCategory] }, feedType: types_1.SCFeedTypologyType.CATEGORY }), CustomAdvProps: { categoriesId: [scCategory.id] }, enabledCustomAdvPositions: [
+        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ((scCategory.content_only_staff && react_core_1.UserUtils.isStaff(scUserContext.user)) || !scCategory.content_only_staff) && ((0, jsx_runtime_1.jsx)(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess, defaultValue: { categories: [scCategory] }, feedType: types_1.SCFeedTypologyType.CATEGORY })) }), CustomAdvProps: { categoriesId: [scCategory.id] }, enabledCustomAdvPositions: [
             types_1.SCCustomAdvPosition.POSITION_FEED_SIDEBAR,
             types_1.SCCustomAdvPosition.POSITION_FEED,
             types_1.SCCustomAdvPosition.POSITION_BELOW_TOPBAR

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

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from 'react';
+import { SCCourseType } from '@selfcommunity/types';
+export interface CourseProps {
+    /**
+     * Id of the feed object
+     * @default 'course'
+     */
+    id?: string;
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: HTMLAttributes<HTMLDivElement>['className'];
+    /**
+     * Course Object
+     * @default null
+     */
+    course?: SCCourseType;
+    /**
+     * Id of the course for filter the feed
+     * @default null
+     */
+    courseId?: number;
+    viewDashboard?: boolean;
+}
+export default function Course(inProps: CourseProps): JSX.Element;

package/lib/cjs/components/Course/Course.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("./constants");
+const material_1 = require("@mui/material");
+const react_core_1 = require("@selfcommunity/react-core");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_ui_1 = require("@selfcommunity/react-ui");
+const api_services_1 = require("@selfcommunity/api-services");
+const classes = {
+    root: `${constants_1.PREFIX}-root`
+};
+const Root = (0, material_1.styled)(material_1.Box, {
+    name: constants_1.PREFIX,
+    slot: 'Root'
+})(() => ({}));
+function Course(inProps) {
+    // PROPS
+    const props = (0, material_1.useThemeProps)({
+        props: inProps,
+        name: constants_1.PREFIX
+    });
+    const { id = 'course', className = null, course = null, courseId = null, viewDashboard } = props;
+    // HOOKS
+    const { scCourse, error } = (0, react_core_1.useSCFetchCourse)({
+        id: courseId,
+        course,
+        params: { view: viewDashboard ? api_services_1.CourseInfoViewType.DASHBOARD : api_services_1.CourseInfoViewType.USER }
+    });
+    if (error) {
+        return null;
+    }
+    if (viewDashboard) {
+        return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, { children: (0, jsx_runtime_1.jsx)(react_ui_1.CourseDashboard.Teacher, { course: scCourse }) })));
+    }
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, { children: (0, jsx_runtime_1.jsx)(react_ui_1.CourseDashboard.Student, { course: scCourse }) })));
+}
+exports.default = Course;

package/lib/cjs/components/Course/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCCourse";

package/lib/cjs/components/Course/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCCourse';

package/lib/cjs/components/Course/index.d.ts

@@ -0,0 +1,4 @@
+import Course, { CourseProps } from './Course';
+import { TeacherSkeleton, StudentSkeleton } from '@selfcommunity/react-ui';
+export default Course;
+export { CourseProps, TeacherSkeleton, StudentSkeleton };

package/lib/cjs/components/Course/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StudentSkeleton = exports.TeacherSkeleton = void 0;
+const tslib_1 = require("tslib");
+const Course_1 = tslib_1.__importDefault(require("./Course"));
+const react_ui_1 = require("@selfcommunity/react-ui");
+Object.defineProperty(exports, "TeacherSkeleton", { enumerable: true, get: function () { return react_ui_1.TeacherSkeleton; } });
+Object.defineProperty(exports, "StudentSkeleton", { enumerable: true, get: function () { return react_ui_1.StudentSkeleton; } });
+exports.default = Course_1.default;

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

@@ -0,0 +1,65 @@
+import { SCCourseLessonType, SCCourseType } from '@selfcommunity/types';
+import { LessonAppbarProps, LessonDrawerProps } from '@selfcommunity/react-ui';
+export interface LessonProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * The course object
+     */
+    course?: SCCourseType;
+    /**
+     * The course id
+     */
+    courseId?: string | number;
+    /**
+     * The section id
+     */
+    sectionId: string | number;
+    /**
+     * The lesson object
+     * @default null
+     */
+    lesson?: SCCourseLessonType;
+    /**
+     * The lesson id
+     */
+    lessonId?: string | number;
+    /**
+     * Props to spread to LessonAppbar Component
+     * @default {}
+     */
+    LessonAppbarProps?: LessonAppbarProps;
+    /**
+     * Props to spread to LessonDrawer Component
+     * @default {}
+     */
+    LessonDrawerProps?: LessonDrawerProps;
+    /**
+     * Opens edit mode
+     * @default false
+     */
+    editMode?: boolean;
+    /**
+     * Callback fired on edit mode close
+     * @default null
+     */
+    onEditModeClose?: () => void;
+    /**
+     * Handler on lesson change
+     * @default null
+     */
+    onLessonChange?: (lessonId: any, sectionId: any) => void;
+    /**
+     * Handler on panel change
+     * @default null
+     */
+    onActivePanelChange?: (panel: any) => void;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+export default function Lesson(inProps: LessonProps): JSX.Element;

package/lib/cjs/components/Lesson/Lesson.js

@@ -0,0 +1,144 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("@mui/material/styles");
+const system_1 = require("@mui/system");
+const material_1 = require("@mui/material");
+const constants_1 = require("./constants");
+const react_core_1 = require("@selfcommunity/react-core");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_ui_1 = require("@selfcommunity/react-ui");
+const api_services_1 = require("@selfcommunity/api-services");
+const react_intl_1 = require("react-intl");
+const classes = {
+    root: `${constants_1.PREFIX}-root`,
+    containerRoot: `${constants_1.PREFIX}-container-root`,
+    navigation: `${constants_1.PREFIX}-navigation`,
+    navigationTitle: `${constants_1.PREFIX}-navigation-title`
+};
+const Root = (0, styles_1.styled)(material_1.Box, {
+    name: constants_1.PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => [styles.root]
+})(() => ({}));
+const Container = (0, styles_1.styled)(material_1.Box, {
+    name: constants_1.PREFIX,
+    slot: 'ContainerRoot',
+    overridesResolver: (props, styles) => styles.containerRoot,
+    shouldForwardProp: (prop) => prop !== 'open'
+})(() => ({}));
+function Lesson(inProps) {
+    var _a, _b, _c, _d, _e, _f;
+    // PROPS
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: constants_1.PREFIX
+    });
+    const { className = null, course, courseId, sectionId, lesson = null, lessonId, LessonAppbarProps = {}, LessonDrawerProps = {}, editMode = false, onEditModeClose = null, onLessonChange = null, onActivePanelChange = null } = props, rest = tslib_1.__rest(props, ["className", "course", "courseId", "sectionId", "lesson", "lessonId", "LessonAppbarProps", "LessonDrawerProps", "editMode", "onEditModeClose", "onLessonChange", "onActivePanelChange"]);
+    // HOOKS
+    const theme = (0, material_1.useTheme)();
+    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
+    const [_lessonId, setLessonId] = (0, react_1.useState)(lessonId);
+    const [_sectionId, setSectionId] = (0, react_1.useState)(sectionId);
+    const { scCourse } = (0, react_core_1.useSCFetchCourse)({ id: courseId, course, params: { view: editMode ? api_services_1.CourseInfoViewType.EDIT : api_services_1.CourseInfoViewType.USER } });
+    const { scLesson, setSCLesson } = (0, react_core_1.useSCFetchLesson)({ id: _lessonId, lesson, courseId, sectionId: _sectionId });
+    // STATE
+    const [activePanel, setActivePanel] = (0, react_1.useState)(null);
+    const [settings, setSettings] = (0, react_1.useState)(null);
+    const [updating, setUpdating] = (0, react_1.useState)(false);
+    const [lessonContent, setLessonContent] = (0, react_1.useState)('');
+    const [lessonMedias, setLessonMedias] = (0, react_1.useState)((_a = scLesson === null || scLesson === void 0 ? void 0 : scLesson.medias) !== null && _a !== void 0 ? _a : []);
+    // HANDLERS
+    /**
+     * Handles lesson settings change
+     * @param newSettings
+     */
+    const handleSettingsChange = (newSettings) => {
+        setSettings(newSettings);
+    };
+    const handleOpenDrawer = (panel) => {
+        setActivePanel((prevPanel) => (prevPanel === panel ? null : panel));
+        onActivePanelChange && onActivePanelChange(panel);
+    };
+    const handleCloseDrawer = () => {
+        setActivePanel(null);
+        onEditModeClose && onEditModeClose();
+        onActivePanelChange && onActivePanelChange(null);
+    };
+    const handleLessonContentEdit = (html) => {
+        setLessonContent(html);
+    };
+    const handleLessonMediaEdit = (medias) => {
+        setLessonMedias(medias);
+    };
+    const handleChangeLesson = (l, s) => {
+        setLessonId(l.id);
+        setSectionId(s.id);
+        setCurrentSection(s);
+        onLessonChange && onLessonChange(l.id, s.id);
+    };
+    /**
+     * Handles Lesson Edit
+     */
+    const handleLessonUpdate = () => {
+        setUpdating(true);
+        const mediaIds = lessonMedias.map((media) => media.id);
+        const data = Object.assign(Object.assign({}, settings), { type: scLesson.type, name: scLesson.name, text: lessonContent, medias: mediaIds });
+        api_services_1.CourseService.updateCourseLesson(scCourse.id, sectionId, scLesson.id, data)
+            .then((data) => {
+            setUpdating(false);
+            setSCLesson(data);
+        })
+            .catch((error) => {
+            setUpdating(false);
+            console.log(error);
+        });
+    };
+    const currentData = (0, react_1.useMemo)(() => {
+        if (!scCourse || !scLesson)
+            return null;
+        return (0, react_ui_1.getCurrentSectionAndLessonIndex)(scCourse, scLesson.section_id, scLesson.id);
+    }, [scCourse, scLesson]);
+    const [currentSectionIndex, setCurrentSectionIndex] = (0, react_1.useState)((currentData === null || currentData === void 0 ? void 0 : currentData.currentSectionIndex) || 0);
+    const [currentLessonIndex, setCurrentLessonIndex] = (0, react_1.useState)((currentData === null || currentData === void 0 ? void 0 : currentData.currentLessonIndex) || 0);
+    const [currentSection, setCurrentSection] = (0, react_1.useState)(((_b = scCourse === null || scCourse === void 0 ? void 0 : scCourse.sections) === null || _b === void 0 ? void 0 : _b[currentSectionIndex]) || null);
+    const handlePrev = () => {
+        if (currentLessonIndex > 0) {
+            const newLessonIndex = currentLessonIndex - 1;
+            setCurrentLessonIndex(newLessonIndex);
+            handleChangeLesson(currentSection.lessons[newLessonIndex], currentSection);
+        }
+        else if (currentSectionIndex > 0) {
+            const prevSectionIndex = currentSectionIndex - 1;
+            const prevSection = scCourse === null || scCourse === void 0 ? void 0 : scCourse.sections[prevSectionIndex];
+            const newLessonIndex = prevSection.lessons.length - 1;
+            setCurrentSectionIndex(prevSectionIndex);
+            setCurrentLessonIndex(newLessonIndex);
+            handleChangeLesson(prevSection.lessons[newLessonIndex], prevSection);
+        }
+    };
+    const handleNext = () => {
+        if (currentLessonIndex < currentSection.lessons.length - 1) {
+            const newLessonIndex = currentLessonIndex + 1;
+            setCurrentLessonIndex(newLessonIndex);
+            handleChangeLesson(currentSection.lessons[newLessonIndex], currentSection);
+        }
+        else if (currentSectionIndex < (scCourse === null || scCourse === void 0 ? void 0 : scCourse.sections.length) - 1) {
+            const newSectionIndex = currentSectionIndex + 1;
+            setCurrentSectionIndex(newSectionIndex);
+            setCurrentLessonIndex(0);
+            handleChangeLesson(scCourse === null || scCourse === void 0 ? void 0 : scCourse.sections[newSectionIndex].lessons[0], scCourse.sections[newSectionIndex]);
+        }
+    };
+    const isPrevDisabled = !(scCourse === null || scCourse === void 0 ? void 0 : scCourse.sections) || (currentSectionIndex === 0 && currentLessonIndex === 0);
+    const isNextDisabled = !(scCourse === null || scCourse === void 0 ? void 0 : scCourse.sections) ||
+        (currentSectionIndex === (scCourse === null || scCourse === void 0 ? void 0 : scCourse.sections.length) - 1 && currentLessonIndex === ((_c = currentSection === null || currentSection === void 0 ? void 0 : currentSection.lessons) === null || _c === void 0 ? void 0 : _c.length) - 1) ||
+        ((_e = (_d = scCourse === null || scCourse === void 0 ? void 0 : scCourse.sections[currentSectionIndex + 1]) === null || _d === void 0 ? void 0 : _d.lessons[0]) === null || _e === void 0 ? void 0 : _e.locked);
+    if (!scLesson || !scCourse) {
+        return (0, jsx_runtime_1.jsx)(react_ui_1.HiddenPlaceholder, {});
+    }
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.LessonAppbar, Object.assign({ showComments: scLesson.comments_enabled, editMode: editMode, activePanel: activePanel, title: scCourse.name, handleOpen: handleOpenDrawer, onSave: handleLessonUpdate, updating: updating }, LessonAppbarProps)), (0, jsx_runtime_1.jsxs)(Container, Object.assign({ open: Boolean(activePanel) || editMode, className: classes.containerRoot }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.navigation }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", color: "text.secondary" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.lesson.number", defaultMessage: "templates.lesson.number", values: { from: currentLessonIndex + 1, to: (_f = currentSection === null || currentSection === void 0 ? void 0 : currentSection.lessons) === null || _f === void 0 ? void 0 : _f.length } }) })) })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.navigationTitle }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h5" }, { children: scLesson.name })), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handlePrev, disabled: isPrevDisabled }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "arrow_back" }) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleNext, disabled: isNextDisabled }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "arrow_next" }) }))] })] })), (0, jsx_runtime_1.jsx)(react_ui_1.LessonObject, { course: scCourse, lesson: scLesson, editMode: editMode, onContentChange: handleLessonContentEdit, onMediaChange: handleLessonMediaEdit })] })), (0, jsx_runtime_1.jsx)(react_ui_1.LessonDrawer, Object.assign({ course: scCourse, lesson: scLesson, editMode: isMobile ? activePanel === react_ui_1.SCLessonActionsType.SETTINGS : editMode, activePanel: activePanel, handleClose: handleCloseDrawer, handleChangeLesson: handleChangeLesson, LessonEditFormProps: { lesson: scLesson, onSave: handleLessonUpdate, updating: updating, onSettingsChange: handleSettingsChange } }, LessonDrawerProps))] })));
+}
+exports.default = Lesson;

package/lib/cjs/components/Lesson/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCLessonTemplate";

package/lib/cjs/components/Lesson/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCLessonTemplate';

package/lib/cjs/components/Lesson/index.d.ts

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

package/lib/cjs/components/Lesson/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const Lesson_1 = tslib_1.__importDefault(require("./Lesson"));
+exports.default = Lesson_1.default;

package/lib/cjs/index.d.ts

@@ -11,4 +11,6 @@ import Group, { GroupProps, GroupSkeleton } from './components/Group';
 import GroupFeed, { GroupFeedProps, GroupFeedSkeleton } from './components/GroupFeed';
 import Event, { EventProps, EventSkeleton } from './components/Event';
 import EventFeed, { EventFeedProps, EventFeedSkeleton } from './components/EventFeed';
-export { Category, CategoryProps, CategorySkeleton, CategoryFeed, CategoryFeedProps, CategoryFeedSkeleton, ExploreFeed, ExploreFeedProps, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailProps, FeedObjectDetailSkeleton, MainFeed, MainFeedProps, MainFeedSkeleton, NotificationFeed, NotificationFeedProps, NotificationFeedSkeleton, UserFeed, UserFeedProps, UserFeedSkeleton, UserProfile, UserProfileProps, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedProps, GroupFeedSkeleton, Group, GroupProps, GroupSkeleton, Event, EventProps, EventSkeleton, EventFeed, EventFeedProps, EventFeedSkeleton };
+import Lesson, { LessonProps } from './components/Lesson';
+import Course, { CourseProps, TeacherSkeleton, StudentSkeleton } from './components/Course';
+export { Category, CategoryProps, CategorySkeleton, CategoryFeed, CategoryFeedProps, CategoryFeedSkeleton, Course, CourseProps, TeacherSkeleton, StudentSkeleton, ExploreFeed, ExploreFeedProps, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailProps, FeedObjectDetailSkeleton, MainFeed, MainFeedProps, MainFeedSkeleton, NotificationFeed, NotificationFeedProps, NotificationFeedSkeleton, UserFeed, UserFeedProps, UserFeedSkeleton, UserProfile, UserProfileProps, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedProps, GroupFeedSkeleton, Group, GroupProps, GroupSkeleton, Event, EventProps, EventSkeleton, EventFeed, EventFeedProps, EventFeedSkeleton, Lesson, LessonProps };

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EventFeedSkeleton = exports.EventFeed = exports.EventSkeleton = exports.Event = exports.GroupSkeleton = exports.Group = exports.GroupFeedSkeleton = exports.GroupFeed = exports.LoyaltyProgramDetailSkeleton = exports.LoyaltyProgramDetail = exports.UserProfileSkeleton = exports.UserProfile = exports.UserFeedSkeleton = exports.UserFeed = exports.NotificationFeedSkeleton = exports.NotificationFeed = exports.MainFeedSkeleton = exports.MainFeed = exports.FeedObjectDetailSkeleton = exports.FeedObjectDetail = exports.ExploreFeedSkeleton = exports.ExploreFeed = exports.CategoryFeedSkeleton = exports.CategoryFeed = exports.CategorySkeleton = exports.Category = void 0;
+exports.Lesson = exports.EventFeedSkeleton = exports.EventFeed = exports.EventSkeleton = exports.Event = exports.GroupSkeleton = exports.Group = exports.GroupFeedSkeleton = exports.GroupFeed = exports.LoyaltyProgramDetailSkeleton = exports.LoyaltyProgramDetail = exports.UserProfileSkeleton = exports.UserProfile = exports.UserFeedSkeleton = exports.UserFeed = exports.NotificationFeedSkeleton = exports.NotificationFeed = exports.MainFeedSkeleton = exports.MainFeed = exports.FeedObjectDetailSkeleton = exports.FeedObjectDetail = exports.ExploreFeedSkeleton = exports.ExploreFeed = exports.StudentSkeleton = exports.TeacherSkeleton = exports.Course = exports.CategoryFeedSkeleton = exports.CategoryFeed = exports.CategorySkeleton = exports.Category = void 0;
 const tslib_1 = require("tslib");
 const Category_1 = tslib_1.__importStar(require("./components/Category"));
 exports.Category = Category_1.default;
@@ -41,3 +41,9 @@ Object.defineProperty(exports, "EventSkeleton", { enumerable: true, get: functio
 const EventFeed_1 = tslib_1.__importStar(require("./components/EventFeed"));
 exports.EventFeed = EventFeed_1.default;
 Object.defineProperty(exports, "EventFeedSkeleton", { enumerable: true, get: function () { return EventFeed_1.EventFeedSkeleton; } });
+const Lesson_1 = tslib_1.__importDefault(require("./components/Lesson"));
+exports.Lesson = Lesson_1.default;
+const Course_1 = tslib_1.__importStar(require("./components/Course"));
+exports.Course = Course_1.default;
+Object.defineProperty(exports, "TeacherSkeleton", { enumerable: true, get: function () { return Course_1.TeacherSkeleton; } });
+Object.defineProperty(exports, "StudentSkeleton", { enumerable: true, get: function () { return Course_1.StudentSkeleton; } });

package/lib/esm/components/CategoryFeed/CategoryFeed.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
 import { styled } from '@mui/material/styles';
 import { CategoryTrendingFeedWidget, CategoryTrendingUsersWidget, ContributionUtils, Feed, FeedObject, FeedObjectSkeleton, InlineComposerWidget, SCFeedObjectTemplateType } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
-import { Link, SCRoutes, useSCFetchCategory, useSCRouting } from '@selfcommunity/react-core';
+import { Link, SCRoutes, UserUtils, useSCFetchCategory, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import { SCCustomAdvPosition, SCFeedTypologyType } from '@selfcommunity/types';
 import { CategoryFeedSkeleton } from './index';
 import { useThemeProps } from '@mui/system';
@@ -69,6 +69,7 @@ export default function CategoryFeed(inProps) {
     const { id = 'category_feed', className, category, categoryId, widgets = WIDGETS, FeedObjectProps = {}, FeedSidebarProps = null, FeedProps = {} } = props;
     // CONTEXT
     const scRoutingContext = useSCRouting();
+    const scUserContext = useSCUser();
     const { enqueueSnackbar } = useSnackbar();
     // REF
     const feedRef = useRef();
@@ -111,7 +112,7 @@ export default function CategoryFeed(inProps) {
             markRead: scUser ? !item.seen_by_id.includes(scUser.id) : null
         }), itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: FeedObjectSkeleton, ItemSkeletonProps: {
             template: SCFeedObjectTemplateType.PREVIEW
-        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: _jsx(InlineComposerWidget, { onSuccess: handleComposerSuccess, defaultValue: { categories: [scCategory] }, feedType: SCFeedTypologyType.CATEGORY }), CustomAdvProps: { categoriesId: [scCategory.id] }, enabledCustomAdvPositions: [
+        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: _jsx(_Fragment, { children: ((scCategory.content_only_staff && UserUtils.isStaff(scUserContext.user)) || !scCategory.content_only_staff) && (_jsx(InlineComposerWidget, { onSuccess: handleComposerSuccess, defaultValue: { categories: [scCategory] }, feedType: SCFeedTypologyType.CATEGORY })) }), CustomAdvProps: { categoriesId: [scCategory.id] }, enabledCustomAdvPositions: [
             SCCustomAdvPosition.POSITION_FEED_SIDEBAR,
             SCCustomAdvPosition.POSITION_FEED,
             SCCustomAdvPosition.POSITION_BELOW_TOPBAR

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

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from 'react';
+import { SCCourseType } from '@selfcommunity/types';
+export interface CourseProps {
+    /**
+     * Id of the feed object
+     * @default 'course'
+     */
+    id?: string;
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: HTMLAttributes<HTMLDivElement>['className'];
+    /**
+     * Course Object
+     * @default null
+     */
+    course?: SCCourseType;
+    /**
+     * Id of the course for filter the feed
+     * @default null
+     */
+    courseId?: number;
+    viewDashboard?: boolean;
+}
+export default function Course(inProps: CourseProps): JSX.Element;

package/lib/esm/components/Course/Course.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PREFIX } from './constants';
+import { Box, styled, useThemeProps } from '@mui/material';
+import { useSCFetchCourse } from '@selfcommunity/react-core';
+import classNames from 'classnames';
+import { CourseDashboard } from '@selfcommunity/react-ui';
+import { CourseInfoViewType } from '@selfcommunity/api-services';
+const classes = {
+    root: `${PREFIX}-root`
+};
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'Root'
+})(() => ({}));
+export default function Course(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { id = 'course', className = null, course = null, courseId = null, viewDashboard } = props;
+    // HOOKS
+    const { scCourse, error } = useSCFetchCourse({
+        id: courseId,
+        course,
+        params: { view: viewDashboard ? CourseInfoViewType.DASHBOARD : CourseInfoViewType.USER }
+    });
+    if (error) {
+        return null;
+    }
+    if (viewDashboard) {
+        return (_jsx(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, { children: _jsx(CourseDashboard.Teacher, { course: scCourse }) })));
+    }
+    return (_jsx(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, { children: _jsx(CourseDashboard.Student, { course: scCourse }) })));
+}

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

@@ -0,0 +1 @@
+export declare const PREFIX = "SCCourse";

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

@@ -0,0 +1 @@
+export const PREFIX = 'SCCourse';

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

@@ -0,0 +1,4 @@
+import Course, { CourseProps } from './Course';
+import { TeacherSkeleton, StudentSkeleton } from '@selfcommunity/react-ui';
+export default Course;
+export { CourseProps, TeacherSkeleton, StudentSkeleton };

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

@@ -0,0 +1,4 @@
+import Course from './Course';
+import { TeacherSkeleton, StudentSkeleton } from '@selfcommunity/react-ui';
+export default Course;
+export { TeacherSkeleton, StudentSkeleton };

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

@@ -0,0 +1,65 @@
+import { SCCourseLessonType, SCCourseType } from '@selfcommunity/types';
+import { LessonAppbarProps, LessonDrawerProps } from '@selfcommunity/react-ui';
+export interface LessonProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * The course object
+     */
+    course?: SCCourseType;
+    /**
+     * The course id
+     */
+    courseId?: string | number;
+    /**
+     * The section id
+     */
+    sectionId: string | number;
+    /**
+     * The lesson object
+     * @default null
+     */
+    lesson?: SCCourseLessonType;
+    /**
+     * The lesson id
+     */
+    lessonId?: string | number;
+    /**
+     * Props to spread to LessonAppbar Component
+     * @default {}
+     */
+    LessonAppbarProps?: LessonAppbarProps;
+    /**
+     * Props to spread to LessonDrawer Component
+     * @default {}
+     */
+    LessonDrawerProps?: LessonDrawerProps;
+    /**
+     * Opens edit mode
+     * @default false
+     */
+    editMode?: boolean;
+    /**
+     * Callback fired on edit mode close
+     * @default null
+     */
+    onEditModeClose?: () => void;
+    /**
+     * Handler on lesson change
+     * @default null
+     */
+    onLessonChange?: (lessonId: any, sectionId: any) => void;
+    /**
+     * Handler on panel change
+     * @default null
+     */
+    onActivePanelChange?: (panel: any) => void;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+export default function Lesson(inProps: LessonProps): JSX.Element;