@selfcommunity/react-ui 0.11.0-alpha.7 → 0.11.0-alpha.70

package/lib/cjs/index.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommentsObject = exports.CommentsFeedObjectSkeleton = exports.CommentsFeedObject = exports.CommentObjectSkeleton = exports.CommentObjectReply = exports.CommentObject = exports.ChangePicture = exports.ChangeGroupPicture = exports.ChangeGroupCover = exports.ChangeCover = exports.CentralProgress = exports.CategoryTrendingUsersWidget = exports.CategoryTrendingPeopleWidgetSkeleton = exports.CategoryTrendingFeedWidgetSkeleton = exports.CategoryTrendingFeedWidget = exports.CategorySkeleton = exports.CategoryHeaderSkeleton = exports.CategoryHeader = exports.CategoryFollowersButton = exports.CategoryFollowButton = exports.CategoryAutocomplete = exports.Category = exports.CategoriesSuggestionWidgetSkeleton = exports.CategoriesSuggestionWidget = exports.CategoriesSkeleton = exports.CategoriesPopularWidgetSkeleton = exports.CategoriesPopularWidget = exports.Categories = exports.Calendar = exports.encodePassphrase = exports.decodePassphrase = exports.randomString = exports.generateRoomId = exports.bytesToSize = exports.BroadcastMessagesSkeleton = exports.BroadcastMessages = exports.BottomNavigation = exports.BaseLightbox = exports.BaseItem = exports.BaseDialog = exports.AvatarGroupSkeleton = exports.AccountVerify = exports.AccountReset = exports.AccountRecover = exports.AccountDeleteButton = exports.AccountDelete = exports.AccountDataPortabilityButton = exports.AccountDataPortability = exports.AccountChangeMailValidation = exports.AcceptRequestUserEventButton = void 0;
-exports.Feed = exports.FACEBOOK_SHARE = exports.EventsSkeleton = exports.EventSkeleton = exports.Events = exports.EventParticipantsButton = exports.EventMembersWidgetSkeleton = exports.EventMembersWidget = exports.EventMediaWidgetSkeleton = exports.EventMediaWidget = exports.EventLocationWidgetSkeleton = exports.EventLocationWidget = exports.EventInviteButton = exports.EventInfoWidget = exports.EventInfoDetails = exports.EventHeaderSkeleton = exports.EventHeader = exports.EventActionsMenu = exports.Event = exports.EmailTextField = exports.EditorSkeleton = exports.Editor = exports.EditGroupButton = exports.EditEventButton = exports.DefaultDrawerSkeleton = exports.DefaultHeaderContent = exports.DefaultDrawerContent = exports.DEFAULT_WIDGETS_NUMBER = exports.DEFAULT_PRELOAD_OFFSET_VIEWPORT = exports.DEFAULT_PAGINATION_QUERY_PARAM_NAME = exports.DEFAULT_PAGINATION_OFFSET = exports.DEFAULT_PAGINATION_LIMIT = exports.DEFAULT_FIELDS = exports.CustomAdvSkeleton = exports.CustomAdv = exports.EventFormDialog = exports.EventForm = exports.CreateGroupButton = exports.CreateEventWidgetSkeleton = exports.CreateEventWidget = exports.CreateEventButton = exports.ContributionUtils = exports.ConsentSolutionSkeleton = exports.ConsentSolutionButton = exports.ConsentSolution = exports.ConnectionUserButton = exports.ConfirmDialog = exports.ComposerIconButton = exports.Composer = exports.CommentsObjectSkeleton = void 0;
-exports.LINKEDIN_SHARE = exports.Link = exports.Lightbox = exports.LEGAL_POLICIES = exports.LanguageSwitcher = exports.InviteUserEventButton = exports.InlineComposerWidgetSkeleton = exports.InlineComposerWidget = exports.InfiniteScroll = exports.IncubatorSuggestionWidget = exports.IncubatorSubscribeButton = exports.IncubatorListWidget = exports.IncubatorDetail = exports.Incubator = exports.HiddenPlaceholder = exports.GroupSubscribeButton = exports.GroupsSkeleton = exports.GroupSkeleton = exports.GroupSettingsIconButton = exports.Groups = exports.GroupRequestsWidgetSkeleton = exports.GroupRequestsWidget = exports.GroupMembersWidgetSkeleton = exports.GroupMembersWidget = exports.GroupMembersButton = exports.GroupInvitedWidgetSkeleton = exports.GroupInvitedWidget = exports.GroupInviteButton = exports.GroupInfoWidgetSkeleton = exports.GroupInfoWidget = exports.GroupHeaderSkeleton = exports.GroupHeader = exports.GroupForm = exports.GroupActionsMenu = exports.Group = exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.getRelativeTime = exports.GenericSkeleton = exports.FriendshipUserButton = exports.FooterSkeleton = exports.Footer = exports.FollowUserButton = exports.File = exports.FeedUpdatesWidgetSkeleton = exports.FeedUpdatesWidget = exports.FeedSkeleton = exports.FeedObjectSkeleton = exports.FeedObjectMediaPreview = exports.FeedObject = void 0;
-exports.PrivateMessageSnippetsSkeleton = exports.PrivateMessageSnippets = exports.PrivateMessageSnippetItemSkeleton = exports.PrivateMessageSnippetItem = exports.PrivateMessageSettingsIconButton = exports.PrivateMessageEditorSkeleton = exports.PrivateMessageEditor = exports.PrivateMessageComponentSkeleton = exports.PrivateMessageComponent = exports.PollSuggestionWidget = exports.PlatformWidgetSkeleton = exports.PlatformWidget = exports.PhoneTextField = exports.PasswordTextField = exports.OnBoardingWidgetSkeleton = exports.OnBoardingWidget = exports.NotificationSkeleton = exports.Notification = exports.NavigationToolbarSkeleton = exports.NavigationToolbarMobileSkeleton = exports.NavigationToolbarMobile = exports.NavigationToolbar = exports.NavigationSettingsIconButton = exports.NavigationMenuIconButton = exports.NavigationMenuHeader = exports.NavigationMenuDrawer = exports.NavigationMenuContent = exports.MyEventsWidgetSkeleton = exports.MyEventsWidget = exports.MIN_PRELOAD_OFFSET_VIEWPORT = exports.MetadataField = exports.MessageUploaderUtils = exports.MediaChunkUploader = exports.MEDIA_TYPE_VIDEO = exports.MEDIA_TYPE_URL = exports.MEDIA_TYPE_SHARE = exports.MEDIA_TYPE_LINK = exports.MEDIA_TYPE_IMAGE = exports.MEDIA_TYPE_EVENT = exports.MEDIA_TYPE_EMBED = exports.MEDIA_TYPE_DOCUMENT = exports.MEDIA_EMBED_SC_SHARED_OBJECT = exports.MEDIA_EMBED_SC_SHARED_EVENT = exports.MEDIA_EMBED_SC_LINK_TYPE = exports.MAX_PRELOAD_OFFSET_VIEWPORT = exports.LoyaltyProgramWidgetSkeleton = exports.LoyaltyProgramWidget = exports.DefaultCoverSelfCommunity = exports.LogoSelfCommunity = exports.LocationAutocomplete = void 0;
-exports.UserInfo = exports.UserFollowersWidgetSkeleton = exports.UserFollowersWidget = exports.UserFollowedUsersWidgetSkeleton = exports.UserFollowedUsersWidget = exports.UserFollowedCategoriesWidgetSkeleton = exports.UserFollowedCategoriesWidget = exports.UserDeletedSnackBar = exports.UserCounters = exports.UserConnectionsWidgetSkeleton = exports.UserConnectionsWidget = exports.UserConnectionsRequestsWidgetSkeleton = exports.UserConnectionsRequestsWidget = exports.UserConnectionsRequestsSentWidgetSkeleton = exports.UserConnectionsRequestsSentWidget = exports.UserAvatar = exports.UserActionIconButton = exports.User = exports.UrlTextField = exports.ToastNotificationsSkeleton = exports.ToastNotifications = exports.TagChip = exports.SuggestedEventsWidgetSkeleton = exports.TagAutocomplete = exports.SuggestedEventsWidget = exports.StickyBox = exports.SnippetNotificationsSkeleton = exports.SnippetNotifications = exports.Share = exports.SearchDialog = exports.SearchAutocomplete = exports.SCUserSocialAssociations = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCEventTemplateType = exports.SCCommentsOrderBy = exports.SCBroadcastMessageTemplateType = exports.ReplyComment = exports.RelatedFeedObjectsWidgetSkeleton = exports.RelatedFeedObjectsWidget = exports.RelatedEventsWidgetSkeleton = exports.RelatedEventsWidget = exports.ProgressBar = exports.PrivateMessageThreadSkeleton = exports.PrivateMessageThreadItemSkeleton = exports.PrivateMessageThreadItem = exports.PrivateMessageThread = void 0;
-exports.PROVIDER_ICONS_OUTLINED = exports.PROVIDER_ICONS_CONTAINED = exports.X_SHARE = exports.Widget = exports.LiveStreamVideoConference = exports.LiveStreamRoom = exports.LiveStreamForm = exports.CreateLiveStreamButton = exports.CreateLiveStreamDialog = exports.UpScalingTierBadge = exports.LiveStreamInfoDetails = exports.LiveStreamSkeleton = exports.LiveStream = exports.useStickyBox = exports.UserLiveStreamWidgetSkeleton = exports.UserLiveStreamWidget = exports.UserSuggestionWidgetSkeleton = exports.UserSuggestionWidget = exports.UserSubscribedGroupsWidgetSkeleton = exports.UserSubscribedGroupsWidget = exports.UserSocialAssociation = exports.UserSkeleton = exports.UserProfileHeaderSkeleton = exports.UserProfileHeader = exports.UserProfileEditSkeleton = exports.UserProfileEditSectionSettings = exports.UserProfileEditSectionPublicInfo = exports.UserProfileEditSectionAccount = exports.UserProfileEdit = exports.UserProfileBlocked = exports.UsernameTextField = exports.UserInfoSkeleton = exports.UserInfoDialog = void 0;
+exports.EventInfoDetails = exports.EventHeaderSkeleton = exports.EventHeader = exports.EventActionsMenu = exports.Event = exports.EditCourseSkeleton = exports.EditCourse = exports.EmailTextField = exports.EditorSkeleton = exports.Editor = exports.EditGroupButton = exports.EditEventButton = exports.DefaultDrawerSkeleton = exports.DefaultHeaderContent = exports.DefaultDrawerContent = exports.DEFAULT_WIDGETS_NUMBER = exports.DEFAULT_PRELOAD_OFFSET_VIEWPORT = exports.DEFAULT_PAGINATION_QUERY_PARAM_NAME = exports.DEFAULT_PAGINATION_OFFSET = exports.DEFAULT_PAGINATION_LIMIT = exports.DEFAULT_FIELDS = exports.CustomAdvSkeleton = exports.CustomAdv = exports.EventFormDialog = exports.EventForm = exports.CreateGroupButton = exports.CreateEventWidgetSkeleton = exports.CreateEventWidget = exports.CreateEventButton = exports.StudentSkeleton = exports.TeacherSkeleton = exports.CourseDashboard = exports.CourseContentMenu = exports.CreateCourseButton = exports.CourseTypePopover = exports.CoursesSkeleton = exports.Courses = exports.CourseJoinButton = exports.CourseSkeleton = exports.Course = exports.SCCourseEditTabType = exports.ContributionUtils = exports.ConsentSolutionSkeleton = exports.ConsentSolutionButton = exports.ConsentSolution = exports.ConnectionUserButton = exports.ConfirmDialog = exports.ComposerIconButton = exports.Composer = exports.CommentsObjectSkeleton = void 0;
+exports.GroupSubscribeButton = exports.GroupsSkeleton = exports.GroupSkeleton = exports.GroupSettingsIconButton = exports.Groups = exports.GroupRequestsWidgetSkeleton = exports.GroupRequestsWidget = exports.GroupMembersWidgetSkeleton = exports.GroupMembersWidget = exports.GroupMembersButton = exports.GroupInvitedWidgetSkeleton = exports.GroupInvitedWidget = exports.GroupInviteButton = exports.GroupInfoWidgetSkeleton = exports.GroupInfoWidget = exports.GroupHeaderSkeleton = exports.GroupHeader = exports.GroupForm = exports.GroupActionsMenu = exports.Group = exports.getUrlLesson = exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.getRelativeTime = exports.GenericSkeleton = exports.FriendshipUserButton = exports.FooterSkeleton = exports.Footer = exports.FollowUserButton = exports.File = exports.FeedUpdatesWidgetSkeleton = exports.FeedUpdatesWidget = exports.FeedSkeleton = exports.FeedObjectSkeleton = exports.FeedObjectMediaPreview = exports.FeedObject = exports.Feed = exports.FACEBOOK_SHARE = exports.EventsSkeleton = exports.EventSkeleton = exports.Events = exports.EventParticipantsButton = exports.EventMembersWidgetSkeleton = exports.EventMembersWidget = exports.EventMediaWidgetSkeleton = exports.EventMediaWidget = exports.EventLocationWidgetSkeleton = exports.EventLocationWidget = exports.EventInviteButton = exports.EventInfoWidget = void 0;
+exports.MyEventsWidget = exports.MIN_PRELOAD_OFFSET_VIEWPORT = exports.MetadataField = exports.MessageUploaderUtils = exports.MediaChunkUploader = exports.SCCourseFormStepType = exports.MEDIA_TYPE_VIDEO = exports.MEDIA_TYPE_URL = exports.MEDIA_TYPE_SHARE = exports.MEDIA_TYPE_LINK = exports.MEDIA_TYPE_IMAGE = exports.MEDIA_TYPE_EVENT = exports.MEDIA_TYPE_EMBED = exports.MEDIA_TYPE_DOCUMENT = exports.MEDIA_EMBED_SC_SHARED_OBJECT = exports.MEDIA_EMBED_SC_SHARED_EVENT = exports.MEDIA_EMBED_SC_LINK_TYPE = exports.MAX_PRELOAD_OFFSET_VIEWPORT = exports.LoyaltyProgramWidgetSkeleton = exports.LoyaltyProgramWidget = exports.DefaultCoverSelfCommunity = exports.LogoSelfCommunity = exports.LocationAutocomplete = exports.LINKEDIN_SHARE = exports.Link = exports.Lightbox = exports.CourseCompletedDialog = exports.LEGAL_POLICIES = exports.LanguageSwitcher = exports.LessonObject = exports.LessonEditForm = exports.LessonDrawer = exports.LessonAppbar = exports.InviteUserEventButton = exports.InlineComposerWidgetSkeleton = exports.InlineComposerWidget = exports.ScrollContainer = exports.InfiniteScroll = exports.IncubatorSuggestionWidget = exports.IncubatorSubscribeButton = exports.IncubatorListWidget = exports.IncubatorDetail = exports.Incubator = exports.HiddenPlaceholder = exports.EmptyStatus = exports.CourseUsersTableSkeleton = exports.CourseUsersTable = exports.AddUsersButton = exports.AccordionLessonsSkeleton = exports.AccordionLessons = void 0;
+exports.Share = exports.SearchDialog = exports.SearchAutocomplete = exports.SCUserSocialAssociations = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCEventTemplateType = exports.SCCommentsOrderBy = exports.SCBroadcastMessageTemplateType = exports.ReplyComment = exports.RelatedFeedObjectsWidgetSkeleton = exports.RelatedFeedObjectsWidget = exports.RelatedEventsWidgetSkeleton = exports.RelatedEventsWidget = exports.ProgressBar = exports.PrivateMessageThreadSkeleton = exports.PrivateMessageThreadItemSkeleton = exports.PrivateMessageThreadItem = exports.PrivateMessageThread = exports.PrivateMessageSnippetsSkeleton = exports.PrivateMessageSnippets = exports.PrivateMessageSnippetItemSkeleton = exports.PrivateMessageSnippetItem = exports.PrivateMessageSettingsIconButton = exports.PrivateMessageEditorSkeleton = exports.PrivateMessageEditor = exports.PrivateMessageComponentSkeleton = exports.PrivateMessageComponent = exports.PollSuggestionWidget = exports.PlatformWidgetSkeleton = exports.PlatformWidget = exports.PhoneTextField = exports.PasswordTextField = exports.OnBoardingWidgetSkeleton = exports.OnBoardingWidget = exports.NotificationSkeleton = exports.Notification = exports.NavigationToolbarSkeleton = exports.NavigationToolbarMobileSkeleton = exports.NavigationToolbarMobile = exports.NavigationToolbar = exports.NavigationSettingsIconButton = exports.NavigationMenuIconButton = exports.NavigationMenuHeader = exports.NavigationMenuDrawer = exports.NavigationMenuContent = exports.MyEventsWidgetSkeleton = void 0;
+exports.UserPaymentMethodsPortal = exports.UserLiveStreamWidgetSkeleton = exports.UserLiveStreamWidget = exports.UserSuggestionWidgetSkeleton = exports.UserSuggestionWidget = exports.UserSubscribedGroupsWidgetSkeleton = exports.UserSubscribedGroupsWidget = exports.UserSocialAssociation = exports.UserSkeleton = exports.UserProfileHeaderSkeleton = exports.UserProfileHeader = exports.UserProfileEditSkeleton = exports.UserProfileEditSectionSettings = exports.UserProfileEditSectionPublicInfo = exports.UserProfileEditSectionAccount = exports.UserProfileEdit = exports.UserProfileBlocked = exports.UsernameTextField = exports.UserInfoSkeleton = exports.UserInfoDialog = exports.UserInfo = exports.UserFollowersWidgetSkeleton = exports.UserFollowersWidget = exports.UserFollowedUsersWidgetSkeleton = exports.UserFollowedUsersWidget = exports.UserFollowedCategoriesWidgetSkeleton = exports.UserFollowedCategoriesWidget = exports.UserDeletedSnackBar = exports.UserCreatedCoursesWidgetSkeleton = exports.UserCreatedCoursesWidget = exports.UserCounters = exports.UserConnectionsWidgetSkeleton = exports.UserConnectionsWidget = exports.UserConnectionsRequestsWidgetSkeleton = exports.UserConnectionsRequestsWidget = exports.UserConnectionsRequestsSentWidgetSkeleton = exports.UserConnectionsRequestsSentWidget = exports.UserAvatar = exports.UserActionIconButton = exports.User = exports.UrlTextField = exports.ToastNotificationsSkeleton = exports.ToastNotifications = exports.TagChip = exports.SuggestedEventsWidgetSkeleton = exports.TagAutocomplete = exports.SuggestedEventsWidget = exports.StickyBox = exports.SnippetNotificationsSkeleton = exports.SnippetNotifications = void 0;
+exports.CommunityPaywallsSkeleton = exports.CommunityPaywalls = exports.HiddenPurchasableContent = exports.CheckoutReturnDialog = exports.Checkout = exports.UserBillingInfoSkeleton = exports.UserBillingInfo = exports.UserChangeAddressDialog = exports.UserAddPaymentMethodDialog = exports.UserAddPaymentMethodForm = exports.UserPaymentMethodsSkeleton = exports.UserPaymentMethods = exports.PdfPreview = exports.PdfPreviewDialog = exports.PaymentProductPrice = exports.PaymentOrders = exports.PaymentDetailDialog = exports.PaymentOrderPdfButton = exports.PaymentOrder = exports.PaymentProduct = exports.PaymentProducts = exports.PaywallsConfiguratorSkeleton = exports.PaywallsConfigurator = exports.PaywallsDialog = exports.getConvertedAmount = exports.getDefaultAppearanceStyle = exports.getDefaultPaymentMethodConfiguration = exports.getDefaultLocale = exports.PROVIDER_ICONS_OUTLINED = exports.PROVIDER_ICONS_CONTAINED = exports.X_SHARE = exports.Widget = exports.SCLessonModeType = exports.SCLessonActionsType = exports.SCCourseTemplateType = exports.LiveStreamVideoConference = exports.LiveStreamRoom = exports.LiveStreamForm = exports.CreateLiveStreamButton = exports.CreateLiveStreamDialog = exports.UpScalingTierBadge = exports.LiveStreamInfoDetails = exports.LiveStreamSkeleton = exports.LiveStream = exports.useStickyBox = exports.UserPaymentMethodsPortalSkeleton = void 0;
 const tslib_1 = require("tslib");
 /**
  * Components
@@ -91,6 +92,22 @@ exports.ConsentSolution = ConsentSolution_1.default;
 Object.defineProperty(exports, "ConsentSolutionSkeleton", { enumerable: true, get: function () { return ConsentSolution_1.ConsentSolutionSkeleton; } });
 const ConsentSolutionButton_1 = tslib_1.__importDefault(require("./components/ConsentSolutionButton"));
 exports.ConsentSolutionButton = ConsentSolutionButton_1.default;
+const CourseContentMenu_1 = tslib_1.__importDefault(require("./components/CourseContentMenu"));
+exports.CourseContentMenu = CourseContentMenu_1.default;
+const CourseDashboard_1 = tslib_1.__importStar(require("./components/CourseDashboard"));
+exports.CourseDashboard = CourseDashboard_1.default;
+Object.defineProperty(exports, "TeacherSkeleton", { enumerable: true, get: function () { return CourseDashboard_1.TeacherSkeleton; } });
+Object.defineProperty(exports, "StudentSkeleton", { enumerable: true, get: function () { return CourseDashboard_1.StudentSkeleton; } });
+const Course_1 = tslib_1.__importStar(require("./components/Course"));
+exports.Course = Course_1.default;
+Object.defineProperty(exports, "CourseSkeleton", { enumerable: true, get: function () { return Course_1.CourseSkeleton; } });
+const CourseJoinButton_1 = tslib_1.__importDefault(require("./components/CourseJoinButton"));
+exports.CourseJoinButton = CourseJoinButton_1.default;
+const Courses_1 = tslib_1.__importStar(require("./components/Courses"));
+exports.Courses = Courses_1.default;
+Object.defineProperty(exports, "CoursesSkeleton", { enumerable: true, get: function () { return Courses_1.CoursesSkeleton; } });
+const CreateCourseButton_1 = tslib_1.__importDefault(require("./components/CreateCourseButton"));
+exports.CreateCourseButton = CreateCourseButton_1.default;
 const CreateEventButton_1 = tslib_1.__importDefault(require("./components/CreateEventButton"));
 exports.CreateEventButton = CreateEventButton_1.default;
 const CreateEventWidget_1 = tslib_1.__importStar(require("./components/CreateEventWidget"));
@@ -112,6 +129,9 @@ exports.EditGroupButton = EditGroupButton_1.default;
 const Editor_1 = tslib_1.__importStar(require("./components/Editor"));
 exports.Editor = Editor_1.default;
 Object.defineProperty(exports, "EditorSkeleton", { enumerable: true, get: function () { return Editor_1.EditorSkeleton; } });
+const EditCourse_1 = tslib_1.__importStar(require("./components/EditCourse"));
+exports.EditCourse = EditCourse_1.default;
+Object.defineProperty(exports, "EditCourseSkeleton", { enumerable: true, get: function () { return EditCourse_1.EditCourseSkeleton; } });
 const Event_1 = tslib_1.__importStar(require("./components/Event"));
 exports.Event = Event_1.default;
 Object.defineProperty(exports, "EventSkeleton", { enumerable: true, get: function () { return Event_1.EventSkeleton; } });
@@ -157,6 +177,8 @@ exports.Group = Group_1.default;
 Object.defineProperty(exports, "GroupSkeleton", { enumerable: true, get: function () { return Group_1.GroupSkeleton; } });
 const GroupActionsMenu_1 = tslib_1.__importDefault(require("./components/GroupActionsMenu"));
 exports.GroupActionsMenu = GroupActionsMenu_1.default;
+const CourseCompletedDialog_1 = tslib_1.__importDefault(require("./components/CourseCompletedDialog"));
+exports.CourseCompletedDialog = CourseCompletedDialog_1.default;
 const GroupForm_1 = tslib_1.__importDefault(require("./components/GroupForm"));
 exports.GroupForm = GroupForm_1.default;
 const GroupHeader_1 = tslib_1.__importStar(require("./components/GroupHeader"));
@@ -200,6 +222,14 @@ exports.InlineComposerWidget = InlineComposerWidget_1.default;
 Object.defineProperty(exports, "InlineComposerWidgetSkeleton", { enumerable: true, get: function () { return InlineComposerWidget_1.InlineComposerWidgetSkeleton; } });
 const InviteUserEventButton_1 = tslib_1.__importDefault(require("./components/InviteUserEventButton"));
 exports.InviteUserEventButton = InviteUserEventButton_1.default;
+const LessonAppbar_1 = tslib_1.__importDefault(require("./components/LessonAppbar"));
+exports.LessonAppbar = LessonAppbar_1.default;
+const LessonDrawer_1 = tslib_1.__importDefault(require("./components/LessonDrawer"));
+exports.LessonDrawer = LessonDrawer_1.default;
+const LessonEditForm_1 = tslib_1.__importDefault(require("./components/LessonEditForm"));
+exports.LessonEditForm = LessonEditForm_1.default;
+const LessonObject_1 = tslib_1.__importDefault(require("./components/LessonObject"));
+exports.LessonObject = LessonObject_1.default;
 const LocationAutocomplete_1 = tslib_1.__importDefault(require("./components/LocationAutocomplete"));
 exports.LocationAutocomplete = LocationAutocomplete_1.default;
 const LoyaltyProgramWidget_1 = tslib_1.__importStar(require("./components/LoyaltyProgramWidget"));
@@ -298,6 +328,9 @@ exports.UserConnectionsWidget = UserConnectionsWidget_1.default;
 Object.defineProperty(exports, "UserConnectionsWidgetSkeleton", { enumerable: true, get: function () { return UserConnectionsWidget_1.UserConnectionsWidgetSkeleton; } });
 const UserCounters_1 = tslib_1.__importDefault(require("./components/UserCounters"));
 exports.UserCounters = UserCounters_1.default;
+const UserCreatedCoursesWidget_1 = tslib_1.__importStar(require("./components/UserCreatedCoursesWidget"));
+exports.UserCreatedCoursesWidget = UserCreatedCoursesWidget_1.default;
+Object.defineProperty(exports, "UserCreatedCoursesWidgetSkeleton", { enumerable: true, get: function () { return UserCreatedCoursesWidget_1.UserCreatedCoursesWidgetSkeleton; } });
 const UserFollowedCategoriesWidget_1 = tslib_1.__importStar(require("./components/UserFollowedCategoriesWidget"));
 exports.UserFollowedCategoriesWidget = UserFollowedCategoriesWidget_1.default;
 Object.defineProperty(exports, "UserFollowedCategoriesWidgetSkeleton", { enumerable: true, get: function () { return UserFollowedCategoriesWidget_1.UserFollowedCategoriesWidgetSkeleton; } });
@@ -348,6 +381,15 @@ Object.defineProperty(exports, "MEDIA_TYPE_LINK", { enumerable: true, get: funct
 Object.defineProperty(exports, "MEDIA_TYPE_SHARE", { enumerable: true, get: function () { return Media_1.MEDIA_TYPE_SHARE; } });
 Object.defineProperty(exports, "MEDIA_TYPE_URL", { enumerable: true, get: function () { return Media_1.MEDIA_TYPE_URL; } });
 Object.defineProperty(exports, "MEDIA_TYPE_VIDEO", { enumerable: true, get: function () { return Media_1.MEDIA_TYPE_VIDEO; } });
+const Course_2 = require("./constants/Course");
+Object.defineProperty(exports, "SCCourseFormStepType", { enumerable: true, get: function () { return Course_2.SCCourseFormStepType; } });
+const AccordionLessons_1 = tslib_1.__importStar(require("./shared/AccordionLessons"));
+exports.AccordionLessons = AccordionLessons_1.default;
+Object.defineProperty(exports, "AccordionLessonsSkeleton", { enumerable: true, get: function () { return AccordionLessons_1.AccordionLessonsSkeleton; } });
+const AddUsersButton_1 = tslib_1.__importDefault(require("./shared/AddUsersButton"));
+exports.AddUsersButton = AddUsersButton_1.default;
+const EmptyStatus_1 = tslib_1.__importDefault(require("./shared/EmptyStatus"));
+exports.EmptyStatus = EmptyStatus_1.default;
 const LiveStream_1 = tslib_1.__importStar(require("./components/LiveStream"));
 exports.LiveStream = LiveStream_1.default;
 Object.defineProperty(exports, "LiveStreamSkeleton", { enumerable: true, get: function () { return LiveStream_1.LiveStreamSkeleton; } });
@@ -365,6 +407,51 @@ const LiveStreamRoom_1 = tslib_1.__importDefault(require("./components/LiveStrea
 exports.LiveStreamRoom = LiveStreamRoom_1.default;
 const LiveStreamVideoConference_1 = tslib_1.__importDefault(require("./components/LiveStreamRoom/LiveStreamVideoConference"));
 exports.LiveStreamVideoConference = LiveStreamVideoConference_1.default;
+const PaywallsConfigurator_1 = tslib_1.__importStar(require("./components/PaywallsConfigurator"));
+exports.PaywallsConfigurator = PaywallsConfigurator_1.default;
+Object.defineProperty(exports, "PaywallsConfiguratorSkeleton", { enumerable: true, get: function () { return PaywallsConfigurator_1.PaywallsConfiguratorSkeleton; } });
+const PaywallsDialog_1 = tslib_1.__importDefault(require("./components/PaywallsDialog"));
+exports.PaywallsDialog = PaywallsDialog_1.default;
+const PaymentProducts_1 = tslib_1.__importDefault(require("./components/PaymentProducts"));
+exports.PaymentProducts = PaymentProducts_1.default;
+const PaymentProduct_1 = tslib_1.__importDefault(require("./components/PaymentProduct"));
+exports.PaymentProduct = PaymentProduct_1.default;
+const PaymentOrder_1 = tslib_1.__importDefault(require("./components/PaymentOrder"));
+exports.PaymentOrder = PaymentOrder_1.default;
+const PaymentOrderPdfButton_1 = tslib_1.__importDefault(require("./components/PaymentOrderPdfButton"));
+exports.PaymentOrderPdfButton = PaymentOrderPdfButton_1.default;
+const PaymentDetailDialog_1 = tslib_1.__importDefault(require("./components/PaymentDetailDialog"));
+exports.PaymentDetailDialog = PaymentDetailDialog_1.default;
+const PaymentOrders_1 = tslib_1.__importDefault(require("./components/PaymentOrders"));
+exports.PaymentOrders = PaymentOrders_1.default;
+const PaymentProductPrice_1 = tslib_1.__importDefault(require("./components/PaymentProductPrice"));
+exports.PaymentProductPrice = PaymentProductPrice_1.default;
+const UserPaymentMethodsPortal_1 = tslib_1.__importStar(require("./components/UserPaymentMethodsPortal"));
+exports.UserPaymentMethodsPortal = UserPaymentMethodsPortal_1.default;
+Object.defineProperty(exports, "UserPaymentMethodsPortalSkeleton", { enumerable: true, get: function () { return UserPaymentMethodsPortal_1.UserPaymentMethodsPortalSkeleton; } });
+const UserPaymentMethods_1 = tslib_1.__importStar(require("./components/UserPaymentMethods"));
+exports.UserPaymentMethods = UserPaymentMethods_1.default;
+Object.defineProperty(exports, "UserPaymentMethodsSkeleton", { enumerable: true, get: function () { return UserPaymentMethods_1.UserPaymentMethodsSkeleton; } });
+const UserAddPaymentMethodForm_1 = tslib_1.__importDefault(require("./components/UserAddPaymentMethodForm"));
+exports.UserAddPaymentMethodForm = UserAddPaymentMethodForm_1.default;
+const UserAddPaymentMethodDialog_1 = tslib_1.__importDefault(require("./components/UserAddPaymentMethodDialog"));
+exports.UserAddPaymentMethodDialog = UserAddPaymentMethodDialog_1.default;
+const UserChangeAddressDialog_1 = tslib_1.__importDefault(require("./components/UserChangeAddressDialog"));
+exports.UserChangeAddressDialog = UserChangeAddressDialog_1.default;
+const UserBillingInfo_1 = tslib_1.__importStar(require("./components/UserBillingInfo"));
+exports.UserBillingInfo = UserBillingInfo_1.default;
+Object.defineProperty(exports, "UserBillingInfoSkeleton", { enumerable: true, get: function () { return UserBillingInfo_1.UserBillingInfoSkeleton; } });
+const Checkout_1 = tslib_1.__importDefault(require("./components/Checkout"));
+exports.Checkout = Checkout_1.default;
+const CheckoutReturnDialog_1 = tslib_1.__importDefault(require("./components/CheckoutReturnDialog"));
+exports.CheckoutReturnDialog = CheckoutReturnDialog_1.default;
+const CommunityPaywalls_1 = tslib_1.__importStar(require("./components/CommunityPaywalls"));
+exports.CommunityPaywalls = CommunityPaywalls_1.default;
+Object.defineProperty(exports, "CommunityPaywallsSkeleton", { enumerable: true, get: function () { return CommunityPaywalls_1.CommunityPaywallsSkeleton; } });
+const PdfPreviewDialog_1 = tslib_1.__importDefault(require("./components/PdfPreviewDialog"));
+exports.PdfPreviewDialog = PdfPreviewDialog_1.default;
+const PdfPreview_1 = tslib_1.__importDefault(require("./components/PdfPreview"));
+exports.PdfPreview = PdfPreview_1.default;
 const BaseDialog_1 = tslib_1.__importDefault(require("./shared/BaseDialog"));
 exports.BaseDialog = BaseDialog_1.default;
 const BaseItem_1 = tslib_1.__importDefault(require("./shared/BaseItem"));
@@ -373,6 +460,11 @@ const Calendar_1 = tslib_1.__importDefault(require("./shared/Calendar"));
 exports.Calendar = Calendar_1.default;
 const ConfirmDialog_1 = tslib_1.__importDefault(require("./shared/ConfirmDialog/ConfirmDialog"));
 exports.ConfirmDialog = ConfirmDialog_1.default;
+const CourseUsersTable_1 = tslib_1.__importStar(require("./shared/CourseUsersTable"));
+exports.CourseUsersTable = CourseUsersTable_1.default;
+Object.defineProperty(exports, "CourseUsersTableSkeleton", { enumerable: true, get: function () { return CourseUsersTable_1.CourseUsersTableSkeleton; } });
+const CourseTypePopover_1 = tslib_1.__importDefault(require("./shared/CourseTypePopover"));
+exports.CourseTypePopover = CourseTypePopover_1.default;
 const EmailTextField_1 = tslib_1.__importDefault(require("./shared/EmailTextField"));
 exports.EmailTextField = EmailTextField_1.default;
 const EventActionsMenu_1 = tslib_1.__importDefault(require("./shared/EventActionsMenu"));
@@ -411,6 +503,8 @@ const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("./shared/UserDele
 exports.UserDeletedSnackBar = UserDeletedSnackBar_1.default;
 const UsernameTextField_1 = tslib_1.__importDefault(require("./shared/UsernameTextField"));
 exports.UsernameTextField = UsernameTextField_1.default;
+const HiddenPurchasableContent_1 = tslib_1.__importDefault(require("./shared/HiddenPurchasableContent"));
+exports.HiddenPurchasableContent = HiddenPurchasableContent_1.default;
 const types_1 = require("./types");
 Object.defineProperty(exports, "SCBroadcastMessageTemplateType", { enumerable: true, get: function () { return types_1.SCBroadcastMessageTemplateType; } });
 Object.defineProperty(exports, "SCCommentsOrderBy", { enumerable: true, get: function () { return types_1.SCCommentsOrderBy; } });
@@ -421,6 +515,10 @@ Object.defineProperty(exports, "SCNotificationObjectTemplateType", { enumerable:
 Object.defineProperty(exports, "SCUserProfileFields", { enumerable: true, get: function () { return types_1.SCUserProfileFields; } });
 Object.defineProperty(exports, "SCUserProfileSettings", { enumerable: true, get: function () { return types_1.SCUserProfileSettings; } });
 Object.defineProperty(exports, "SCUserSocialAssociations", { enumerable: true, get: function () { return types_1.SCUserSocialAssociations; } });
+Object.defineProperty(exports, "SCCourseTemplateType", { enumerable: true, get: function () { return types_1.SCCourseTemplateType; } });
+Object.defineProperty(exports, "SCLessonActionsType", { enumerable: true, get: function () { return types_1.SCLessonActionsType; } });
+Object.defineProperty(exports, "SCLessonModeType", { enumerable: true, get: function () { return types_1.SCLessonModeType; } });
+Object.defineProperty(exports, "SCCourseEditTabType", { enumerable: true, get: function () { return types_1.SCCourseEditTabType; } });
 /**
  * Constants
  */
@@ -453,6 +551,8 @@ const CentralProgress_1 = tslib_1.__importDefault(require("./shared/CentralProgr
 exports.CentralProgress = CentralProgress_1.default;
 const InfiniteScroll_1 = tslib_1.__importDefault(require("./shared/InfiniteScroll"));
 exports.InfiniteScroll = InfiniteScroll_1.default;
+const ScrollContainer_1 = tslib_1.__importDefault(require("./shared/ScrollContainer"));
+exports.ScrollContainer = ScrollContainer_1.default;
 const MetadataField_1 = tslib_1.__importDefault(require("./shared/MetadataField"));
 exports.MetadataField = MetadataField_1.default;
 const ContributionUtils = tslib_1.__importStar(require("./utils/contribution"));
@@ -471,6 +571,13 @@ Object.defineProperty(exports, "decodePassphrase", { enumerable: true, get: func
 Object.defineProperty(exports, "encodePassphrase", { enumerable: true, get: function () { return liveStream_1.encodePassphrase; } });
 const MessageUploaderUtils = tslib_1.__importStar(require("./utils/thumbnailCoverter"));
 exports.MessageUploaderUtils = MessageUploaderUtils;
+const payment_1 = require("./utils/payment");
+Object.defineProperty(exports, "getDefaultLocale", { enumerable: true, get: function () { return payment_1.getDefaultLocale; } });
+Object.defineProperty(exports, "getDefaultPaymentMethodConfiguration", { enumerable: true, get: function () { return payment_1.getDefaultPaymentMethodConfiguration; } });
+Object.defineProperty(exports, "getDefaultAppearanceStyle", { enumerable: true, get: function () { return payment_1.getDefaultAppearanceStyle; } });
+Object.defineProperty(exports, "getConvertedAmount", { enumerable: true, get: function () { return payment_1.getConvertedAmount; } });
+const course_1 = require("./utils/course");
+Object.defineProperty(exports, "getUrlLesson", { enumerable: true, get: function () { return course_1.getUrlLesson; } });
 /**
  * Import Assets
  */

package/lib/cjs/shared/AccordionLessons/AccordionLessons.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+import { SCCourseJoinStatusType, SCCourseType } from '@selfcommunity/types';
+export interface AccordionLessonsProps {
+    course: SCCourseType | null;
+    viewerJoinStatus?: SCCourseJoinStatusType;
+    className?: HTMLAttributes<HTMLDivElement>['className'];
+}
+export default function AccordionLessons(inProps: AccordionLessonsProps): JSX.Element;

package/lib/cjs/shared/AccordionLessons/AccordionLessons.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_intl_1 = require("react-intl");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_1 = require("react");
+const types_1 = require("@selfcommunity/types");
+const react_core_1 = require("@selfcommunity/react-core");
+const constants_1 = require("./constants");
+const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
+const react_core_2 = require("@selfcommunity/react-core");
+const Bullet_1 = tslib_1.__importDefault(require("../Bullet"));
+const course_1 = require("../../utils/course");
+const classes = {
+    root: `${constants_1.PREFIX}-root`,
+    empty: `${constants_1.PREFIX}-empty`,
+    accordion: `${constants_1.PREFIX}-accordion`,
+    summary: `${constants_1.PREFIX}-summary`,
+    nameWrapper: `${constants_1.PREFIX}-name-wrapper`,
+    details: `${constants_1.PREFIX}-details`,
+    circle: `${constants_1.PREFIX}-circle`,
+    link: `${constants_1.PREFIX}-link`
+};
+const Root = (0, material_1.styled)(material_1.Box, {
+    name: constants_1.PREFIX,
+    slot: 'Root',
+    overridesResolver: (_props, styles) => styles.root
+})(() => ({}));
+function AccordionLessons(inProps) {
+    var _a;
+    // PROPS
+    const props = (0, material_1.useThemeProps)({
+        props: inProps,
+        name: constants_1.PREFIX
+    });
+    const { course, viewerJoinStatus, className } = props;
+    //STATES
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    // HOOKS
+    const theme = (0, material_1.useTheme)();
+    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
+    // CONTEXTS
+    const scRoutingContext = (0, react_core_1.useSCRouting)();
+    // INTL
+    const intl = (0, react_intl_1.useIntl)();
+    // HANDLERS
+    const handleChange = (0, react_1.useCallback)((panel) => (_, newExpanded) => {
+        setExpanded(newExpanded ? panel : false);
+    }, [setExpanded]);
+    if (!course) {
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
+    }
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: ((_a = course.sections) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (course.sections.map((section) => ((0, jsx_runtime_1.jsxs)(material_1.Accordion, Object.assign({ className: classes.accordion, expanded: expanded === section.id, onChange: handleChange(section.id), disableGutters: true, elevation: 0, square: true }, { children: [(0, jsx_runtime_1.jsxs)(material_1.AccordionSummary, Object.assign({ className: classes.summary, expandIcon: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_more" }) }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: classes.nameWrapper }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: "span", variant: "body1" }, { children: section.name })), viewerJoinStatus !== types_1.SCCourseJoinStatusType.CREATOR && viewerJoinStatus !== types_1.SCCourseJoinStatusType.MANAGER && section.locked && ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Bullet_1.default, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: "span", variant: "body1" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.course.accordionLessons.date", defaultMessage: "ui.course.accordionLessons.date", values: {
+                                                    date: intl.formatDate(section.available_date, { day: 'numeric', month: 'numeric', year: 'numeric' }),
+                                                    hour: intl.formatDate(section.available_date, { hour: 'numeric', minute: 'numeric' })
+                                                } }) }))] }))] })), !isMobile && ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: "span", variant: "body1" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.course.table.lessons.title", defaultMessage: "ui.course.table.lessons.title", values: {
+                                    lessonsNumber: section.lessons.length
+                                } }) })))] })), section.lessons.map((lesson) => ((0, jsx_runtime_1.jsxs)(material_1.AccordionDetails, Object.assign({ className: classes.details }, { children: [lesson.completion_status === types_1.SCCourseLessonCompletionStatusType.COMPLETED ? ((0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ fontSize: "small", color: "primary" }, { children: "circle_checked" }))) : lesson.locked ? ((0, jsx_runtime_1.jsx)(material_1.Icon, { children: "private" })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { className: classes.circle })), course.join_status === null ||
+                            viewerJoinStatus === types_1.SCCourseJoinStatusType.CREATOR ||
+                            viewerJoinStatus === types_1.SCCourseJoinStatusType.MANAGER ||
+                            lesson.locked ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: lesson.name })) : ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ component: react_core_2.Link, to: scRoutingContext.url(react_core_1.SCRoutes.COURSE_LESSON_ROUTE_NAME, (0, course_1.getUrlLesson)(course, lesson, section)), variant: "text", color: "inherit", className: classes.link }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: lesson.name }) })))] }), lesson.id)))] }), section.id)))) : ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", className: classes.empty }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.course.accordionLessons.empty", defaultMessage: "ui.course.accordionLessons.empty" }) }))) })));
+}
+exports.default = AccordionLessons;

package/lib/cjs/shared/AccordionLessons/Skeleton.d.ts

@@ -0,0 +1 @@
+export default function AccordionLessonSkeleton(): JSX.Element;

package/lib/cjs/shared/AccordionLessons/Skeleton.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const constants_1 = require("./constants");
+const classes = {
+    root: `${constants_1.PREFIX}-skeleton-root`,
+    accordion: `${constants_1.PREFIX}-accordion`,
+    summary: `${constants_1.PREFIX}-summary`,
+    details: `${constants_1.PREFIX}-details`,
+    circle: `${constants_1.PREFIX}-circle`
+};
+const Root = (0, material_1.styled)(material_1.Box, {
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot',
+    overridesResolver: (_props, styles) => styles.skeletonRoot
+})(() => ({}));
+function AccordionLessonSkeleton() {
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root }, { children: (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.accordion }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.summary }, { children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", variant: "text", width: "210px", height: "21px" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", variant: "text", width: "54px", height: "21px" })] })) })) })));
+}
+exports.default = AccordionLessonSkeleton;

package/lib/cjs/shared/AccordionLessons/constants.d.ts

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

package/lib/cjs/shared/AccordionLessons/constants.js

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

package/lib/cjs/shared/AccordionLessons/index.d.ts

@@ -0,0 +1,4 @@
+import AccordionLessons, { AccordionLessonsProps } from './AccordionLessons';
+import AccordionLessonsSkeleton from './Skeleton';
+export default AccordionLessons;
+export { AccordionLessonsProps, AccordionLessonsSkeleton };

package/lib/cjs/shared/AccordionLessons/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionLessonsSkeleton = void 0;
+const tslib_1 = require("tslib");
+const AccordionLessons_1 = tslib_1.__importDefault(require("./AccordionLessons"));
+const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
+exports.AccordionLessonsSkeleton = Skeleton_1.default;
+exports.default = AccordionLessons_1.default;

package/lib/cjs/shared/AddUsersButton/AddUsersButton.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ButtonProps } from '@mui/material';
+import { SCUserType } from '@selfcommunity/types';
+import { EndpointType } from '@selfcommunity/api-services';
+export interface AddUsersButtonProps extends ButtonProps {
+    label: string;
+    /**
+     * Event API Endpoint
+     * @default Endpoints.GetCourseSuggestedUsers
+     */
+    endpoint: EndpointType;
+    /**
+     * Feed API Query Params
+     * @default [{'limit': 10, 'offset': 0, 'search': ''}]
+     */
+    endpointQueryParams?: Record<string, string | number>;
+    /**
+     * Handles dialog confirm
+     * @default null
+     */
+    onConfirm?: (users: SCUserType[]) => void;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+declare function AddUsersButton(inProps: AddUsersButtonProps): JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AddUsersButton>;
+export default _default;

package/lib/cjs/shared/AddUsersButton/AddUsersButton.js

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lab_1 = require("@mui/lab");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_intl_1 = require("react-intl");
+const BaseDialog_1 = tslib_1.__importDefault(require("../BaseDialog"));
+const api_services_1 = require("@selfcommunity/api-services");
+const Pagination_1 = require("../../constants/Pagination");
+const utils_1 = require("@selfcommunity/utils");
+const Errors_1 = require("../../constants/Errors");
+const notistack_1 = require("notistack");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const PREFIX = 'SCAddUsersButton';
+const classes = {
+    root: `${PREFIX}-root`,
+    dialogRoot: `${PREFIX}-dialog-root`,
+    dialogAutocompleteWrapper: `${PREFIX}-dialog-autocomplete-wrapper`,
+    dialogUserWrapper: `${PREFIX}-dialog-user-wrapper`,
+    dialogChipWrapper: `${PREFIX}-dialog-chip-wrapper`,
+    contrastColor: `${PREFIX}-contrast-color`
+};
+const messages = (0, react_intl_1.defineMessages)({
+    placeholder: {
+        id: 'ui.addUserButton.dialog.searchBar.placeholder',
+        defaultMessage: 'ui.addUserButton.dialog.searchBar.placeholder'
+    }
+});
+const Root = (0, material_1.styled)(material_1.Button, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (_props, styles) => styles.root
+})(() => ({}));
+const DialogRoot = (0, material_1.styled)(BaseDialog_1.default, {
+    name: PREFIX,
+    slot: 'DialogRoot',
+    overridesResolver: (_props, styles) => styles.dialogRoot
+})(() => ({}));
+function AddUsersButton(inProps) {
+    // PROPS
+    const props = (0, material_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { label, variant = 'outlined', color = 'inherit', size = 'small', endpoint = api_services_1.Endpoints.GetCourseSuggestedUsers, endpointQueryParams = { limit: Pagination_1.DEFAULT_PAGINATION_LIMIT, offset: Pagination_1.DEFAULT_PAGINATION_OFFSET, search: '' }, onConfirm, className } = props, rest = tslib_1.__rest(props, ["label", "variant", "color", "size", "endpoint", "endpointQueryParams", "onConfirm", "className"]);
+    // STATES
+    const [openDialog, setOpenDialog] = (0, react_1.useState)(false);
+    const [invited, setInvited] = (0, react_1.useState)([]);
+    const [suggested, setSuggested] = (0, react_1.useState)([]);
+    const [value, setValue] = (0, react_1.useState)('');
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    // HOOKS
+    const intl = (0, react_intl_1.useIntl)();
+    const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
+    // CALLBACKS
+    const fetchUsers = (0, react_1.useCallback)((newValue) => {
+        setLoading(true);
+        api_services_1.http
+            .request({
+            url: endpoint.url(),
+            method: endpoint.method,
+            params: Object.assign(Object.assign({}, endpointQueryParams), { search: newValue })
+        })
+            .then((response) => {
+            setSuggested(response.data.results);
+            setLoading(false);
+        })
+            .catch((error) => {
+            utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
+                variant: 'error',
+                autoHideDuration: 3000
+            });
+        });
+    }, [setLoading, endpoint, endpointQueryParams, setSuggested]);
+    // EFFECTS
+    (0, react_1.useEffect)(() => {
+        if (openDialog) {
+            fetchUsers(value);
+        }
+    }, [openDialog, value]);
+    // HANDLERS DIALOG
+    /**
+     * Handles dialog closing
+     * @param reason
+     */
+    const handleToggleDialogOpen = (0, react_1.useCallback)(() => {
+        setOpenDialog((prev) => !prev);
+    }, [setOpenDialog]);
+    /**
+     * Handles action confirm
+     */
+    const handleConfirm = (0, react_1.useCallback)(() => {
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(invited);
+        setInvited([]);
+        handleToggleDialogOpen();
+    }, [invited, onConfirm, handleToggleDialogOpen]);
+    // HANDLERS AUTOCOMPLETE
+    const handleInputChange = (0, react_1.useCallback)((_, newValue, reason) => {
+        switch (reason) {
+            case 'input':
+                setValue(newValue);
+                !newValue && setSuggested([]);
+                break;
+            case 'reset':
+                setValue(newValue);
+                break;
+        }
+    }, [setValue, setSuggested]);
+    const filterOptions = (0, react_1.useCallback)((options, state) => {
+        return options.filter((option) => {
+            const usernameMatch = option.username.toLowerCase().includes(state.inputValue.toLowerCase());
+            const nameMatch = option.real_name.toLowerCase().includes(state.inputValue.toLowerCase());
+            return usernameMatch || nameMatch;
+        });
+    }, []);
+    const handleChange = (0, react_1.useCallback)((e, value, reason) => {
+        e.preventDefault();
+        e.stopPropagation();
+        switch (reason) {
+            case 'selectOption':
+            case 'removeOption':
+                setInvited(value);
+                break;
+        }
+    }, [setInvited]);
+    const handleDelete = (0, react_1.useCallback)((userToDelete) => {
+        setInvited((prev) => prev.filter((user) => user.id !== userToDelete.id));
+    }, [setInvited]);
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Root, Object.assign({ onClick: handleToggleDialogOpen, variant: variant, color: color, size: size, className: (0, classnames_1.default)(classes.root, classes.contrastColor, className) }, rest, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: label, defaultMessage: label }) })), openDialog && ((0, jsx_runtime_1.jsx)(DialogRoot, Object.assign({ DialogContentProps: { dividers: false }, open: true, onClose: handleToggleDialogOpen, title: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h5" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.addUserButton.dialog.title", defaultMessage: "ui.addUserButton.dialog.title" }) })), actions: (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, Object.assign({ onClick: handleConfirm, size: "medium", variant: "contained", autoFocus: true, disabled: !invited.length }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.addUserButton.dialog.confirm", defaultMessage: "ui.addUserButton.dialog.confirm" }) })) })), className: classes.dialogRoot }, { children: (0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: classes.dialogAutocompleteWrapper }, { children: [(0, jsx_runtime_1.jsx)(material_1.Autocomplete, { loading: loading, size: "small", multiple: true, options: suggested, onChange: handleChange, onInputChange: handleInputChange, inputValue: value, filterOptions: filterOptions, value: invited, getOptionLabel: (option) => (option === null || option === void 0 ? void 0 : option.username) || '...', isOptionEqualToValue: (option, value) => (option === null || option === void 0 ? void 0 : option.id) === value.id, loadingText: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.addUserButton.autocomplete.loading", defaultMessage: "ui.addUserButton.autocomplete.loading" }), noOptionsText: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.addUserButton.autocomplete.noResults", defaultMessage: "ui.addUserButton.autocomplete.noResults" }), renderTags: () => null, popupIcon: null, disableClearable: true, renderOption: (props, option) => ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ component: "li", flexDirection: "row", gap: "5px" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: option.username, src: option.avatar }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: option.username })] }))), renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, params, { variant: "outlined", placeholder: `${intl.formatMessage(messages.placeholder)}`, InputProps: Object.assign({}, params.InputProps) }))) }), (0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ className: classes.dialogChipWrapper }, { children: invited.map((option, index) => ((0, jsx_runtime_1.jsx)(material_1.Chip, { avatar: (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: option.username, src: option.avatar }), label: option.username, onDelete: () => {
+                                    handleDelete(option);
+                                } }, index))) }))] })) })))] }));
+}
+exports.default = (0, react_1.memo)(AddUsersButton);

package/lib/cjs/shared/AddUsersButton/index.d.ts

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

package/lib/cjs/shared/AddUsersButton/index.js

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

package/lib/cjs/shared/AutoPlayer/index.d.ts

@@ -1,9 +1,4 @@
 export interface AutoPlayerProps {
-    /**
-     * Handles player autoplay
-     * @default true
-     */
-    enableAutoplay?: boolean;
     /**
      * Handles player loop
      * @default false

package/lib/cjs/shared/AutoPlayer/index.js

@@ -2,24 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-// @ts-nocheck
 const react_1 = require("react");
 const react_waypoint_1 = require("react-waypoint");
 const react_player_1 = tslib_1.__importDefault(require("react-player"));
-const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+const react_core_1 = require("@selfcommunity/react-core");
 const PREFIX = 'SCAutoPlayer';
-const Root = (0, styles_1.styled)(react_waypoint_1.Waypoint, {
+const Root = (0, material_1.styled)(react_waypoint_1.Waypoint, {
     name: PREFIX,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(() => ({}));
 function AutoPlayer(props) {
     // PROPS
-    const { enableAutoplay = true, loop = false, muted = true, playsinline = true, controls = true, stopOnUnmount = true, pip = true, onVideoWatch } = props, rest = tslib_1.__rest(props, ["enableAutoplay", "loop", "muted", "playsinline", "controls", "stopOnUnmount", "pip", "onVideoWatch"]);
+    const { loop = false, muted = true, playsinline = true, controls = true, stopOnUnmount = true, pip = true, onVideoWatch } = props, rest = tslib_1.__rest(props, ["loop", "muted", "playsinline", "controls", "stopOnUnmount", "pip", "onVideoWatch"]);
     // STATE
     const [shouldPlay, setShouldPlay] = (0, react_1.useState)(false);
     const [played, setPlayed] = (0, react_1.useState)(0);
+    const { preferences } = (0, react_core_1.useSCPreferences)();
+    const enableAutoplay = react_core_1.SCPreferences.CONFIGURATIONS_VIDEO_AUTOPLAY_ENABLED in preferences && preferences[react_core_1.SCPreferences.CONFIGURATIONS_VIDEO_AUTOPLAY_ENABLED].value;
     (0, react_1.useEffect)(() => {
         if (played >= 10 && played <= 11) {
             onVideoWatch === null || onVideoWatch === void 0 ? void 0 : onVideoWatch();

package/lib/cjs/shared/BaseDialog/BaseDialog.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DialogContentProps } from '@mui/material/DialogContent';
+import { DialogContentProps } from '@mui/material';
 export interface BaseDialogProps {
     /**
      * Overrides or extends the styles applied to the component.