@selfcommunity/react-ui 0.7.0-alpha.36 → 0.7.0-alpha.361

package/lib/esm/index.js

@@ -1,100 +1,137 @@
 /**
  * Components
  */
+import AccountDataPortability from './components/AccountDataPortability';
+import AccountDataPortabilityButton from './components/AccountDataPortabilityButton';
+import AccountDelete from './components/AccountDelete';
+import AccountDeleteButton from './components/AccountDeleteButton';
+import NavigationSettingsIconButton from './components/NavigationSettingsIconButton';
+import NavigationToolbar, { NavigationToolbarSkeleton } from './components/NavigationToolbar';
+import NavigationToolbarMobile, { NavigationToolbarMobileSkeleton, } from './components/NavigationToolbarMobile';
+import NavigationMenuIconButton from './components/NavigationMenuIconButton';
+import BottomNavigation from './components/BottomNavigation';
 import BroadcastMessages, { BroadcastMessagesSkeleton } from './components/BroadcastMessages';
 import Category, { CategorySkeleton } from './components/Category';
+import CategoryAutocomplete from './components/CategoryAutocomplete';
+import CategoryFollowersButton from './components/CategoryFollowersButton';
 import CategoryHeader, { CategoryHeaderSkeleton } from './components/CategoryHeader';
 import Categories, { CategoriesSkeleton } from './components/Categories';
-import CategoriesFollowed, { CategoriesFollowedSkeleton } from './components/CategoriesFollowed';
-import CategoriesPopular, { CategoriesPopularSkeleton } from './components/CategoriesPopular';
-import CategoriesSuggestion, { CategoriesSuggestionSkeleton } from './components/CategoriesSuggestion';
+import UserFollowedCategoriesWidget, { UserFollowedCategoriesWidgetSkeleton, } from './components/UserFollowedCategoriesWidget';
+import CategoriesPopularWidget, { CategoriesPopularWidgetSkeleton } from './components/CategoriesPopularWidget';
+import CategoriesSuggestionWidget, { CategoriesSuggestionWidgetSkeleton, } from './components/CategoriesSuggestionWidget';
 import ChangeCover from './components/ChangeCover';
 import ChangePicture from './components/ChangePicture';
 import FriendshipUserButton from './components/FriendshipUserButton';
-import Composer, { ComposerSkeleton } from './components/Composer';
-import { COMPOSER_TYPE_DISCUSSION, COMPOSER_TYPE_POST } from './constants/Composer';
+import Composer from './components/Composer';
+import ComposerIconButton from './components/ComposerIconButton';
 import Editor, { EditorSkeleton } from './components/Editor';
 import User, { UserSkeleton } from './components/User';
 import Feed, { FeedSkeleton } from './components/Feed';
 import FeedObject, { FeedObjectSkeleton } from './components/FeedObject';
-import FeedUpdates, { FeedUpdatesSkeleton } from './components/FeedUpdates';
-import FollowCategoryButton from './components/FollowCategoryButton';
+import FeedUpdatesWidget, { FeedUpdatesWidgetSkeleton } from './components/FeedUpdatesWidget';
+import CategoryFollowButton from './components/CategoryFollowButton';
 import FollowUserButton from './components/FollowUserButton';
 import ConnectionUserButton from './components/ConnectionUserButton';
-import InlineComposer, { InlineComposerSkeleton } from './components/InlineComposer';
-import PeopleSuggestion, { PeopleSuggestionSkeleton } from './components/PeopleSuggestion';
-import Platform, { PlatformSkeleton } from './components/Platform';
-import Snippets, { SnippetsSkeleton } from './components/Snippets';
-import LoyaltyProgram, { LoyaltyProgramSkeleton } from './components/LoyaltyProgram';
-import LoyaltyProgramDetail, { LoyaltyProgramDetailSkeleton } from './components/LoyaltyProgramDetail';
-import TrendingFeed, { TrendingFeedSkeleton } from './components/TrendingFeed';
-import TrendingPeople, { TrendingPeopleSkeleton } from './components/TrendingPeople';
+import InlineComposerWidget, { InlineComposerWidgetSkeleton, } from './components/InlineComposerWidget';
+import UserSuggestionWidget, { UserSuggestionWidgetSkeleton, } from './components/UserSuggestionWidget';
+import PlatformWidget, { PlatformWidgetSkeleton } from './components/PlatformWidget';
+import PrivateMessageSnippets, { PrivateMessageSnippetsSkeleton, } from './components/PrivateMessageSnippets';
+import LocationAutocomplete from './components/LocationAutocomplete';
+import LoyaltyProgramWidget, { LoyaltyProgramWidgetSkeleton, } from './components/LoyaltyProgramWidget';
+import CategoryTrendingFeedWidget, { CategoryTrendingFeedWidgetSkeleton, } from './components/CategoryTrendingFeedWidget';
+import CategoryTrendingUsersWidget, { CategoryTrendingPeopleWidgetSkeleton, } from './components/CategoryTrendingUsersWidget';
+import UserActionIconButton from './components/UserActionIconButton';
+import UserCounters from './components/UserCounters';
 import UserProfileHeader, { UserProfileHeaderSkeleton } from './components/UserProfileHeader';
-import UserProfileInfo, { UserProfileInfoSkeleton } from './components/UserProfileInfo';
-import UserProfileEdit, { UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings } from './components/UserProfileEdit';
-import UsersFollowed, { UsersFollowedSkeleton } from './components/UsersFollowed';
+import UserInfoDialog from './components/UserInfoDialog';
+import UserInfo, { UserInfoSkeleton } from './components/UserInfo';
+import UserProfileBlocked from './components/UserProfileBlocked';
+import UserProfileEdit, { UserProfileEditSectionAccount, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UserProfileEditSkeleton, } from './components/UserProfileEdit';
+import UserFollowedUsersWidget, { UserFollowedUsersWidgetSkeleton, } from './components/UserFollowedUsersWidget';
 import UserSocialAssociation from './components/UserSocialAssociation';
-import UserFollowers, { UserFollowersSkeleton } from './components/UserFollowers';
-import RelatedFeedObjects, { RelatedFeedObjectsSkeleton } from './components/RelatedFeedObjects';
+import UserFollowersWidget, { UserFollowersWidgetSkeleton, } from './components/UserFollowersWidget';
+import UserConnectionsWidget, { UserConnectionsWidgetSkeleton, } from './components/UserConnectionsWidget';
+import UserConnectionsRequestsWidget, { UserConnectionsRequestsWidgetSkeleton, } from './components/UserConnectionsRequestsWidget';
+import UserConnectionsRequestsSentWidget, { UserConnectionsRequestsSentWidgetSkeleton, } from './components/UserConnectionsRequestsSentWidget';
+import RelatedFeedObjectsWidget, { RelatedFeedObjectsWidgetSkeleton, } from './components/RelatedFeedObjectsWidget';
 import CommentObject, { CommentObjectSkeleton } from './components/CommentObject';
+import CommentObjectReply from './components/CommentObjectReply';
+import ReplyComment from './components/CommentObjectReply';
 import CommentsObject, { CommentsObjectSkeleton } from './components/CommentsObject';
-import CommentsFeedObject, { CommentsFeedObjectSkeleton } from './components/CommentsFeedObject';
-import ReplyComment from './components/CommentObject/ReplyComment';
+import CommentsFeedObject, { CommentsFeedObjectSkeleton, } from './components/CommentsFeedObject';
 import CustomAdv, { CustomAdvSkeleton } from './components/CustomAdv';
 import { AvatarGroupSkeleton, GenericSkeleton } from './components/Skeleton';
-import Message, { MessageSkeleton } from './components/Message';
-import MessageEditor, { MessageEditorSkeleton } from './components/MessageEditor';
-import Thread, { ThreadSkeleton } from './components/Thread';
-import ToastNotifications, { ToastNotificationsSkeleton } from './components/ToastNotifications';
-import SnippetNotifications, { SnippetNotificationsSkeleton } from './components/SnippetNotifications';
+import PrivateMessageSnippetItem, { PrivateMessageSnippetItemSkeleton, } from './components/PrivateMessageSnippetItem';
+import PrivateMessageThreadItem, { PrivateMessageThreadItemSkeleton, } from './components/PrivateMessageThreadItem';
+import PrivateMessageEditor, { PrivateMessageEditorSkeleton, } from './components/PrivateMessageEditor';
+import PrivateMessageThread, { PrivateMessageThreadSkeleton, } from './components/PrivateMessageThread';
+import ToastNotifications, { ToastNotificationsSkeleton, } from './components/ToastNotifications';
+import SnippetNotifications, { SnippetNotificationsSkeleton, } from './components/SnippetNotifications';
 import Notification, { NotificationSkeleton } from './components/Notification';
 import AccountRecover from './components/AccountRecover';
 import AccountReset from './components/AccountReset';
 import AccountVerify from './components/AccountVerify';
-import { SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations } from './types';
+import AccountChangeMailValidation from './components/AccountChangeMailValidation';
+import { SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, } from './types';
 import Widget from './components/Widget';
 import ConfirmDialog from './shared/ConfirmDialog/ConfirmDialog';
+import LanguageSwitcher from './shared/LanguageSwitcher';
 import BaseItem from './shared/BaseItem';
+import BaseDialog from './shared/BaseDialog';
 import MediaChunkUploader from './shared/MediaChunkUploader';
-import { Document, Image, Link, Share } from './shared/Media';
+import { File, Link, Share } from './shared/Media';
 import UrlTextField from './shared/UrlTextField';
 import UsernameTextField from './shared/UsernameTextField';
 import EmailTextField from './shared/EmailTextField';
 import PasswordTextField from './shared/PasswordTextField';
 import PhoneTextField from './shared/PhoneTextField';
+import StickyBox, { useStickyBox } from './shared/StickyBox';
+import TagChip from './shared/TagChip';
+import UserDeletedSnackBar from './shared/UserDeletedSnackBar';
+import UserAvatar from './shared/UserAvatar';
+import Lightbox from './shared/Lightbox';
 import { MEDIA_TYPE_EMBED } from './constants/Media';
-import PollSuggestion from './components/PollSuggestion';
+import PollSuggestionWidget from './components/PollSuggestionWidget';
 import ConsentSolution, { ConsentSolutionSkeleton } from './components/ConsentSolution';
 import ConsentSolutionButton from './components/ConsentSolutionButton';
 import Incubator from './components/Incubator';
-import IncubatorsList from './components/IncubatorsList';
+import IncubatorSubscribeButton from './components/IncubatorSubscribeButton';
+import IncubatorListWidget from './components/IncubatorListWidget';
 import IncubatorDetail from './components/IncubatorDetail';
-import IncubatorSuggestion from './components/IncubatorSuggestion';
-import Footer from './components/Footer';
-import Header, { HeaderSkeleton } from './components/Header';
+import IncubatorSuggestionWidget from './components/IncubatorSuggestionWidget';
+import Footer, { FooterSkeleton } from './components/Footer';
+import SearchAutocomplete from './components/SearchAutocomplete';
+import SearchDialog from './components/SearchDialog';
+import PrivateMessageSettingsIconButton from './components/PrivateMessageSettingsIconButton';
+import PrivateMessageComponent, { PrivateMessageComponentSkeleton, } from './components/PrivateMessageComponent';
 /**
  * Constants
  */
 import { DEFAULT_WIDGETS_NUMBER } from './constants/Feed';
-import { DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT } from './constants/Pagination';
+import { DEFAULT_PAGINATION_LIMIT, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_QUERY_PARAM_NAME, } from './constants/Pagination';
 import { FACEBOOK_SHARE, LINKEDIN_SHARE, TWITTER_SHARE } from './constants/SocialShare';
-import { DEFAULT_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT } from './constants/LazyLoad';
+import { DEFAULT_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, } from './constants/LazyLoad';
 import { LEGAL_POLICIES } from './constants/LegalPolicies';
 import { DEFAULT_FIELDS } from './constants/UserProfile';
 /**
- * Utilities:
- * contribute
+ * Utilities
  */
 import * as ContributionUtils from './utils/contribution';
 import MetadataField from './shared/MetadataField';
+import InfiniteScroll from './shared/InfiniteScroll';
+import CentralProgress from './shared/CentralProgress';
+import { bytesToSize } from './utils/sizeCoverter';
+import { getUnseenNotification, getUnseenNotificationCounter } from './utils/feed';
+import * as MessageUploaderUtils from './utils/thumbnailCoverter';
+import { getRelativeTime } from './utils/formatRelativeTime';
+import FeedObjectMediaPreview from './components/FeedObjectMediaPreview';
 /**
  * List all exports
  */
-export { AccountRecover, AccountReset, AccountVerify, BroadcastMessages, BroadcastMessagesSkeleton, Category, CategorySkeleton, CategoryHeader, CategoryHeaderSkeleton, Categories, CategoriesSkeleton, CategoriesFollowed, CategoriesFollowedSkeleton, CategoriesPopular, CategoriesPopularSkeleton, CategoriesSuggestion, CategoriesSuggestionSkeleton, ChangeCover, ChangePicture, Composer, COMPOSER_TYPE_DISCUSSION, COMPOSER_TYPE_POST, ComposerSkeleton, Editor, EditorSkeleton, FriendshipUserButton, Feed, FeedSkeleton, FollowCategoryButton, FollowUserButton, ConnectionUserButton, FeedObject, FeedObjectSkeleton, FeedUpdates, FeedUpdatesSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectSkeleton, CommentObjectSkeleton, CommentsFeedObject, CommentsFeedObjectSkeleton, ReplyComment, InlineComposer, InlineComposerSkeleton, Notification, NotificationSkeleton, PeopleSuggestion, PeopleSuggestionSkeleton, Platform, PlatformSkeleton, LoyaltyProgram, LoyaltyProgramSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailSkeleton, TrendingFeed, TrendingFeedSkeleton, TrendingPeople, TrendingPeopleSkeleton, RelatedFeedObjects, RelatedFeedObjectsSkeleton, UserProfileHeader, UserProfileHeaderSkeleton, UserProfileInfo, UserProfileInfoSkeleton, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UsersFollowed, UsersFollowedSkeleton, UserFollowers, UserFollowersSkeleton, UserSocialAssociation, SCUserSocialAssociations, CustomAdv, CustomAdvSkeleton, User, UserSkeleton, Thread, ThreadSkeleton, Message, MessageEditor, MessageEditorSkeleton, Snippets, SnippetsSkeleton, MessageSkeleton, ToastNotifications, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsSkeleton, Widget, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, 
+export { AccountDataPortability, AccountDataPortabilityButton, AccountDelete, AccountDeleteButton, AccountRecover, AccountReset, AccountVerify, AccountChangeMailValidation, NavigationSettingsIconButton, NavigationToolbarMobile, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarSkeleton, NavigationMenuIconButton, BottomNavigation, BroadcastMessages, BroadcastMessagesSkeleton, Category, CategorySkeleton, CategoryAutocomplete, CategoryFollowersButton, CategoryHeader, CategoryHeaderSkeleton, Categories, CategoriesSkeleton, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, Composer, ComposerIconButton, Editor, EditorSkeleton, FriendshipUserButton, Feed, FeedSkeleton, CategoryFollowButton, FollowUserButton, ConnectionUserButton, FeedObject, FeedObjectSkeleton, FeedObjectMediaPreview, FeedUpdatesWidget, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentsFeedObject, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetSkeleton, Notification, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetSkeleton, LocationAutocomplete, LoyaltyProgramWidget, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserCounters, UserProfileHeader, UserProfileHeaderSkeleton, UserInfoDialog, UserInfo, UserInfoSkeleton, UserProfileBlocked, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UserProfileEditSectionAccount, UserFollowedUsersWidget, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, SCUserSocialAssociations, CustomAdv, CustomAdvSkeleton, User, UserSkeleton, PrivateMessageThread, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, ToastNotifications, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsSkeleton, SearchAutocomplete, SearchDialog, Widget, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, 
 /* SC UI SHARED */
-UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, ConfirmDialog, MediaChunkUploader, Document, Image, Link, Share, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, TWITTER_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, 
+UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, InfiniteScroll, StickyBox, useStickyBox, TagChip, UserDeletedSnackBar, UserAvatar, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, File, Link, Share, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, TWITTER_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, 
 /* SC CONSENT SOLUTION */
 ConsentSolution, ConsentSolutionSkeleton, ConsentSolutionButton, LEGAL_POLICIES, DEFAULT_FIELDS, 
 /* SC UI PAGINATION */
-DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestion, Incubator, IncubatorsList, IncubatorDetail, IncubatorSuggestion, ContributionUtils, Footer, Header, HeaderSkeleton, BaseItem };
-//# sourceMappingURL=index.js.map
+DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, Incubator, IncubatorSubscribeButton, IncubatorListWidget, IncubatorDetail, IncubatorSuggestionWidget, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterSkeleton, BaseItem, BaseDialog };

package/lib/esm/messages/common.d.ts

@@ -7,6 +7,13 @@ declare const messages: {
         id: string;
         defaultMessage: string;
     };
+    messageFileUploadError: {
+        id: string;
+        defaultMessage: string;
+    };
+    fileUploadErrorGeneric: {
+        id: string;
+        defaultMessage: string;
+    };
 };
 export default messages;
-//# sourceMappingURL=common.d.ts.map

package/lib/esm/messages/common.js

@@ -7,7 +7,14 @@ const messages = defineMessages({
     urlError: {
         id: 'ui.common.error.url',
         defaultMessage: 'ui.common.error.url'
+    },
+    messageFileUploadError: {
+        id: 'ui.shared.messageChunkUploader.error',
+        defaultMessage: 'ui.shared.messageChunkUploader.error'
+    },
+    fileUploadErrorGeneric: {
+        id: 'ui.common.fileUpload.error',
+        defaultMessage: 'ui.common.fileUpload.error'
     }
 });
 export default messages;
-//# sourceMappingURL=common.js.map

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

@@ -14,6 +14,11 @@ export interface AutoPlayerProps {
      * @default true
      */
     muted?: boolean;
+    /**
+     * Applies the playsinline attribute where supported
+     * @default true
+     */
+    playsinline?: boolean;
     /**
      * Handles player controls
      * @default true
@@ -39,4 +44,3 @@ export interface AutoPlayerProps {
     [p: string]: any;
 }
 export default function AutoPlayer(props: AutoPlayerProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,16 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
 // @ts-nocheck
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React, { useEffect, useState } from 'react';
 import { Waypoint } from 'react-waypoint';
 import ReactPlayer from 'react-player';
@@ -23,7 +13,7 @@ const Root = styled(Waypoint, {
 })(() => ({}));
 export default function AutoPlayer(props) {
     // PROPS
-    const { enableAutoplay = true, loop = false, muted = true, controls = true, stopOnUnmount = true, pip = true, onVideoWatch } = props, rest = __rest(props, ["enableAutoplay", "loop", "muted", "controls", "stopOnUnmount", "pip", "onVideoWatch"]);
+    const { enableAutoplay = true, loop = false, muted = true, playsinline = true, controls = true, stopOnUnmount = true, pip = true, onVideoWatch } = props, rest = __rest(props, ["enableAutoplay", "loop", "muted", "playsinline", "controls", "stopOnUnmount", "pip", "onVideoWatch"]);
     // STATE
     const [shouldPlay, setShouldPlay] = useState(false);
     const [played, setPlayed] = useState(0);
@@ -53,7 +43,7 @@ export default function AutoPlayer(props) {
         React.createElement("div", null,
             React.createElement(ReactPlayer, Object.assign({ loop: loop, controls: controls, stopOnUnmount: stopOnUnmount, pip: pip, playing: shouldPlay, muted: muted, onProgress: (progress) => {
                     setPlayed(progress.playedSeconds);
-                }, config: {
+                }, playsinline: playsinline, config: {
                     youtube: {
                         embedOptions: {
                             host: 'https://www.youtube-nocookie.com'
@@ -62,6 +52,7 @@ export default function AutoPlayer(props) {
                     },
                     vimeo: {
                         playerOptions: {
+                            autoplay: enableAutoplay,
                             autopause: true,
                             dnt: true,
                             transparent: false
@@ -70,4 +61,3 @@ export default function AutoPlayer(props) {
                     }
                 } }, rest)))));
 }
-//# sourceMappingURL=index.js.map

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

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+import { DialogContentProps } from '@mui/material/DialogContent';
 export interface BaseDialogProps {
     /**
      * Overrides or extends the styles applied to the component.
@@ -9,6 +11,16 @@ export interface BaseDialogProps {
      * @default ''
      */
     title?: any;
+    /**
+     * Dialog subtitle
+     * @default ''
+     */
+    subtitle?: any;
+    /**
+     * Dialog content props
+     * @default {dividers: !isMobile}
+     */
+    DialogContentProps?: DialogContentProps;
     /**
      * Handles dialog opening
      * @default false
@@ -19,10 +31,13 @@ export interface BaseDialogProps {
      * @default null
      */
     onClose?: () => any;
+    /**
+     * Actions for the dialog
+     */
+    actions?: ReactNode;
     /**
      * Any other properties
      */
     [p: string]: any;
 }
 export default function BaseDialog(props: BaseDialogProps): JSX.Element;
-//# sourceMappingURL=BaseDialog.d.ts.map

package/lib/esm/shared/BaseDialog/BaseDialog.js

@@ -1,60 +1,51 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React from 'react';
 import { styled } from '@mui/material/styles';
-import Button from '@mui/material/Button';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
-import { FormattedMessage } from 'react-intl';
 import useMediaQuery from '@mui/material/useMediaQuery';
-import Title from './title';
 import classNames from 'classnames';
 import { useTheme } from '@mui/material';
+import MuiDialogTitle from '@mui/material/DialogTitle';
+import IconButton from '@mui/material/IconButton';
+import Icon from '@mui/material/Icon';
 const PREFIX = 'SCBaseDialog';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-root`,
+    titleRoot: `${PREFIX}-title-root`
+};
+const DialogTitleRoot = styled(MuiDialogTitle, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.titleRoot
+})(({ theme }) => ({}));
+const DialogTitle = ({ children = null, onClose = null }) => {
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down('md'), { noSsr: typeof window !== 'undefined' });
+    return (React.createElement(DialogTitleRoot, { className: classes.titleRoot },
+        React.createElement("span", null, children),
+        onClose ? (React.createElement(IconButton, { "aria-label": "close", onClick: onClose },
+            React.createElement(Icon, null, isMobile ? 'arrow_back' : 'close'))) : null));
 };
 const Root = styled(Dialog, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [theme.breakpoints.down(500)]: {
-        minWidth: 300
-    },
-    [theme.breakpoints.only('xs')]: {
-        '& .MuiDialogContent-root': {
-            padding: 0
-        }
-    },
-    minWidth: 500
-}));
+})(({ theme }) => ({}));
 export default function BaseDialog(props) {
-    // PROPS
-    const theme = useTheme();
-    const isMobile = useMediaQuery(theme.breakpoints.down('md'));
-    const { className, title = '', open = false, onClose = null } = props, rest = __rest(props, ["className", "title", "open", "onClose"]);
-    const { children } = rest;
     // OPTIONS
-    const fullScreen = useMediaQuery((theme) => theme['breakpoints'].down('sm'), { noSsr: typeof window !== 'undefined' });
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down('md'), { noSsr: typeof window !== 'undefined' });
+    const fullScreen = isMobile;
+    // PROPS
+    const { className = '', title = '', subtitle = null, DialogContentProps = { dividers: !isMobile }, open = false, onClose = null, actions = null, children, maxWidth = 'sm', scroll = 'body' } = props, rest = __rest(props, ["className", "title", "subtitle", "DialogContentProps", "open", "onClose", "actions", "children", "maxWidth", "scroll"]);
     /**
      * Renders root object
      */
-    return (React.createElement(Root, { className: classNames(classes.root, className), fullScreen: fullScreen, fullWidth: true, open: open, onClose: onClose, maxWidth: rest.maxWidth ? rest.maxWidth : 'sm', scroll: "body" },
-        React.createElement(Title, { onClose: onClose }, title),
-        React.createElement(DialogContent, { dividers: !isMobile }, children),
-        !isMobile && (React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: onClose, color: "primary", autoFocus: true, variant: 'outlined' },
-                React.createElement(FormattedMessage, { id: "ui.baseDialog.button.close", defaultMessage: "ui.baseDialog.button.close" }))))));
+    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className), fullScreen: fullScreen, fullWidth: true, open: open, onClose: onClose, maxWidth: maxWidth, scroll: scroll }, rest),
+        React.createElement(DialogTitle, { onClose: onClose }, title),
+        subtitle && subtitle,
+        React.createElement(DialogContent, Object.assign({}, DialogContentProps), children),
+        actions && React.createElement(DialogActions, null, actions)));
 }
-//# sourceMappingURL=BaseDialog.js.map

package/lib/esm/shared/BaseDialog/index.d.ts

@@ -1,4 +1,3 @@
 import BaseDialog, { BaseDialogProps } from './BaseDialog';
 export default BaseDialog;
 export { BaseDialogProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/BaseDialog/index.js

@@ -1,3 +1,2 @@
 import BaseDialog from './BaseDialog';
 export default BaseDialog;
-//# sourceMappingURL=index.js.map

package/lib/esm/shared/BaseItem/BaseItem.d.ts

@@ -79,4 +79,3 @@ export interface BaseItemProps extends Pick<WidgetProps, Exclude<keyof WidgetPro
  * @param inProps
  */
 export default function BaseItem(inProps: BaseItemProps): JSX.Element;
-//# sourceMappingURL=BaseItem.d.ts.map

package/lib/esm/shared/BaseItem/BaseItem.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import { Box, Typography } from '@mui/material';
@@ -18,6 +8,7 @@ import { useThemeProps } from '@mui/system';
 const PREFIX = 'SCBaseItem';
 const classes = {
     root: `${PREFIX}-root`,
+    withActions: `${PREFIX}-with-actions`,
     content: `${PREFIX}-content`,
     image: `${PREFIX}-image`,
     text: `${PREFIX}-text`,
@@ -29,55 +20,7 @@ const Root = styled(Widget, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`&.${classes.root}`]: {
-        width: '100%',
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        '&.MuiPaper-elevation': {
-            paddingTop: theme.spacing(),
-            paddingBottom: theme.spacing(),
-            paddingLeft: theme.spacing(2),
-            paddingRight: theme.spacing(2),
-            '&.MuiPaper-elevation0': {
-                paddingTop: 0,
-                paddingBottom: 0,
-                paddingLeft: 0,
-                paddingRight: 0,
-                [`& .${classes.actions}`]: {
-                    right: 0
-                }
-            }
-        }
-    },
-    [`& .${classes.content}`]: {
-        display: 'flex',
-        flexDirection: 'row',
-        justifyContent: 'flex-start',
-        alignItems: 'center',
-        width: '100%'
-    },
-    [`& .${classes.image}`]: {
-        flexShrink: 0,
-        marginRight: theme.spacing(2)
-    },
-    [`& .${classes.text}`]: {
-        flex: '1 1 auto',
-        marginTop: theme.spacing(),
-        marginBottom: theme.spacing(),
-        textAlign: 'left',
-        width: '100%'
-    },
-    [`& .${classes.primary}`]: {
-        color: theme.palette.text.primary
-    },
-    [`& .${classes.secondary}`]: {
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        color: theme.palette.text.secondary
-    }
-}));
+})(({ theme }) => ({}));
 /**
  * > API documentation for the Community-JS BaseItem component. Learn about the available props and the CSS API.
 
@@ -114,7 +57,7 @@ export default function BaseItem(inProps) {
     });
     const { id = null, className = null, image = null, disableTypography = false, primary = null, primaryTypographyProps = { component: 'span', variant: 'body1' }, secondary = null, secondaryTypographyProps = { component: 'p', variant: 'body2' }, actions = null } = props, rest = __rest(props, ["id", "className", "image", "disableTypography", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps", "actions"]);
     // RENDER
-    return (React.createElement(Root, Object.assign({ id: id }, rest, { className: classNames(classes.root, className) }),
+    return (React.createElement(Root, Object.assign({ id: id }, rest, { className: classNames(classes.root, className, { [classes.withActions]: Boolean(actions) }) }),
         React.createElement(Box, { className: classes.content },
             image && React.createElement(Box, { className: classes.image }, image),
             React.createElement(Box, { className: classes.text },
@@ -124,4 +67,3 @@ export default function BaseItem(inProps) {
                     (disableTypography ? (secondary) : (React.createElement(Typography, Object.assign({ className: classes.secondary }, secondaryTypographyProps), secondary))))),
         actions && React.createElement(Box, { className: classes.actions }, actions)));
 }
-//# sourceMappingURL=BaseItem.js.map

package/lib/esm/shared/BaseItem/index.d.ts

@@ -1,4 +1,3 @@
 import BaseItem, { BaseItemProps } from './BaseItem';
 export default BaseItem;
 export { BaseItemProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/BaseItem/index.js

@@ -1,3 +1,2 @@
 import BaseItem from './BaseItem';
 export default BaseItem;
-//# sourceMappingURL=index.js.map

package/lib/esm/shared/BaseItemButton/BaseItemButton.d.ts

@@ -91,4 +91,3 @@ export interface BaseItemButtonProps extends Pick<WidgetProps, Exclude<keyof Wid
  * @param inProps
  */
 export default function BaseItemButton(inProps: BaseItemButtonProps): JSX.Element;
-//# sourceMappingURL=BaseItemButton.d.ts.map