@selfcommunity/react-theme-default 0.4.5-payments.149 → 0.4.5-payments.151

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

@@ -1,17 +1,21 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
+            [x: number]: {
+                padding: any;
+            };
             display: string;
             flexDirection: string;
-            padding: any;
             '& .SCLessonObject-content': {
                 padding: string;
                 '& .SCLessonObject-text': {
                     '& > div:first-of-type': {
-                        height: string;
                         img: {
-                            height: string;
-                            objectFit: string;
+                            display: string;
+                            margin: string;
+                            width: string;
+                            maxWidth: string;
+                            position: string;
                         };
                         padding: string;
                     };
@@ -25,6 +29,20 @@ declare const Component: {
                         color: string;
                     };
                 };
+                '& .SCLessonObject-medias-section': {
+                    display: string;
+                    '& .SCLessonFilePreview-root': {
+                        marginBottom: any;
+                    };
+                    '& .SCMediaLink-display-root': {
+                        marginBottom: any;
+                        '& > div > div': {
+                            [x: number]: {
+                                height: string;
+                            };
+                        };
+                    };
+                };
             };
             '& .SCLessonObject-content-edit': {
                 padding: string;

package/lib/cjs/components/SCLessonObject.js

@@ -5,19 +5,22 @@ const Component = {
         root: ({ theme }) => ({
             display: 'flex',
             flexDirection: 'column',
-            padding: theme.spacing(1),
+            [theme.breakpoints.up('sm')]: {
+                padding: theme.spacing(1)
+            },
             '& .SCLessonObject-content': {
                 padding: `${theme.spacing(2)} !important`,
                 '& .SCLessonObject-text': {
                     '& > div:first-of-type': {
-                        height: '240px',
                         img: {
-                            height: '240px',
-                            objectFit: 'cover'
+                            display: 'block',
+                            margin: '0 auto',
+                            width: 'auto !important',
+                            maxWidth: '100% !important',
+                            position: 'relative !important'
                         },
                         padding: '0 !important'
                     },
-                    // '& .SCEditor-paragraph': {}
                     '& > div:has(> a)': {
                         borderRadius: '5px',
                         padding: theme.spacing(1),
@@ -27,6 +30,20 @@ const Component = {
                         textDecoration: 'none',
                         color: 'inherit'
                     }
+                },
+                '& .SCLessonObject-medias-section': {
+                    display: 'flex',
+                    '& .SCLessonFilePreview-root': {
+                        marginBottom: theme.spacing(1)
+                    },
+                    '& .SCMediaLink-display-root': {
+                        marginBottom: theme.spacing(1),
+                        '& > div > div': {
+                            [theme.breakpoints.down('md')]: {
+                                height: '240px !important'
+                            }
+                        }
+                    }
                 }
             },
             '& .SCLessonObject-content-edit': {

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

@@ -8,10 +8,14 @@ declare const Component: {
                 justifyContent: string;
                 marginBottom: any;
             };
+            '& .SCLessonTemplate-button': {
+                alignSelf: string;
+                marginTop: string;
+            };
             width: string;
             display: string;
             flexDirection: string;
-            overflow: string;
+            paddingBottom: any;
             transition: any;
             marginRight: number;
         };

package/lib/cjs/components/SCLessonTemplate.js

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: () => ({}),
-        containerRoot: ({ theme, open }) => (Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', overflow: 'hidden', transition: theme.transitions.create('margin', {
+        containerRoot: ({ theme, open }) => (Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', paddingBottom: theme.mixins.toolbar.minHeight, 
+            //overflow: 'hidden',
+            transition: theme.transitions.create('margin', {
                 easing: theme.transitions.easing.sharp,
                 duration: theme.transitions.duration.leavingScreen
             }), marginRight: 0 }, (open && {
@@ -14,6 +16,9 @@ const Component = {
                 alignItems: 'center',
                 justifyContent: 'space-between',
                 marginBottom: theme.spacing(1)
+            }, '& .SCLessonTemplate-button': {
+                alignSelf: 'center',
+                marginTop: 'auto'
             } }))
     }
 };

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

@@ -25,10 +25,6 @@ declare const Component: {
                 };
             };
             '& .SCPaymentProductPrice-root': {
-                [x: number]: {
-                    width: string;
-                    borderRadius: string;
-                };
                 marginBottom: any;
                 width: string;
                 borderRadius: string;
@@ -46,9 +42,6 @@ declare const Component: {
                 };
             };
             '& .SCPaymentProductPrice-skeleton-root': {
-                [x: number]: {
-                    width: string;
-                };
                 marginBottom: any;
                 width: string;
             };

package/lib/cjs/components/SCPaymentProduct.js

@@ -26,12 +26,8 @@ const Component = {
             },
             '& .SCPaymentProductPrice-root': {
                 marginBottom: theme.spacing(),
-                width: '95%',
-                borderRadius: '3px',
-                [theme.breakpoints.down('md')]: {
-                    width: '88%',
-                    borderRadius: '3px'
-                }
+                width: 'auto',
+                borderRadius: '3px'
             }
         }),
         skeletonRoot: ({ theme }) => ({
@@ -45,10 +41,7 @@ const Component = {
             },
             '& .SCPaymentProductPrice-skeleton-root': {
                 marginBottom: theme.spacing(),
-                width: '95%',
-                [theme.breakpoints.down('md')]: {
-                    width: '88%'
-                }
+                width: 'auto'
             }
         })
     }

package/lib/cjs/index.d.ts

@@ -240,6 +240,9 @@ declare const theme: {
                 }) => {
                     border: string;
                     borderRadius: string;
+                    '& .SCAccordionLessons-empty': {
+                        padding: any;
+                    };
                     '& .SCAccordionLessons-accordion': {
                         '& .SCAccordionLessons-summary': {
                             flexDirection: string;
@@ -814,6 +817,13 @@ declare const theme: {
                 dialogRoot: () => {};
             };
         };
+        SCCategoryFollowButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    padding: any;
+                };
+            };
+        };
         SCCategoryHeader: {
             defaultProps: {
                 CategoryFollowButtonProps: {
@@ -862,6 +872,10 @@ declare const theme: {
                         '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
                             textAlign: string;
                             marginBottom: any;
+                            '& button': {
+                                marginLeft: any;
+                                marginRight: any;
+                            };
                         };
                         '& .SCCategoryHeader-followed': {
                             marginBottom: string;
@@ -1182,6 +1196,13 @@ declare const theme: {
                     '& .SCCommentObjectReply-comment': {
                         overflow: string;
                         borderRadius: number;
+                        '& .SCCommentObjectReply-media': {
+                            maxWidth: number;
+                            padding: any;
+                            '& .SCMediaFile-media': {
+                                height: string;
+                            };
+                        };
                     };
                     '& .SCCommentObjectReply-actions': {
                         marginLeft: any;
@@ -1445,11 +1466,24 @@ declare const theme: {
                     };
                 };
                 contentLessonRoot: ({ theme }: any) => {
+                    padding: any;
                     '& .SCEditor-root': {
                         '& .SCEditor-content': {
                             paddingTop: any;
                         };
                     };
+                    '& .SCComposer-content-lesson-medias': {
+                        '& .SCMediaFile-preview-root': {
+                            marginBottom: any;
+                            '& .SCMediaFile-media': {
+                                height: string;
+                                maxWidth: number;
+                            };
+                        };
+                        '& .SCMediaLink-preview-root': {
+                            marginBottom: any;
+                        };
+                    };
                 };
                 layerTransitionRoot: ({ theme }: any) => {
                     position: string;
@@ -1771,7 +1805,10 @@ declare const theme: {
                     };
                 };
                 previewRoot: ({ theme }: any) => {
-                    minHeight: string;
+                    [x: number]: {
+                        minHeight: string;
+                    };
+                    height: string;
                     '& .SCCourse-preview-image-wrapper': {
                         position: string;
                         '& .SCCourse-preview-image': {
@@ -1797,12 +1834,19 @@ declare const theme: {
                             height: any;
                             border: string;
                         };
+                        '.MuiBadge-badge': {
+                            left: any;
+                            top: any;
+                        };
                     };
                     '& .SCCourse-preview-content': {
                         padding: any;
                         '& .SCCourse-preview-creator': {
-                            paddingTop: number;
-                            marginBottom: any;
+                            textDecoration: string;
+                            color: string;
+                            '& .MuiTypography-root': {
+                                marginBottom: any;
+                            };
                         };
                         '& .SCCourse-preview-name-wrapper': {
                             textDecoration: string;
@@ -1866,7 +1910,10 @@ declare const theme: {
                     };
                 };
                 createPlaceholderRoot: ({ theme }: any) => {
-                    minHeight: string;
+                    [x: number]: {
+                        minHeight: string;
+                    };
+                    height: string;
                     '& .SCCourse-create-placeholder-image-wrapper': {
                         position: string;
                         '& .SCCourse-create-placeholder-image': {
@@ -1908,18 +1955,24 @@ declare const theme: {
                 };
                 skeletonRoot: ({ theme }: any) => {
                     '& .SCCourse-skeleton-preview-root': {
+                        [x: number]: {
+                            minHeight: string;
+                        };
+                        height: string;
                         '& .SCCourse-skeleton-preview-avatar': {
                             position: string;
-                            bottom: string;
+                            bottom: any;
                             left: any;
+                            width: any;
+                            height: any;
                             border: string;
                         };
                         '& .SCCourse-skeleton-preview-content': {
                             padding: string;
+                            minHeight: number;
                         };
                         '& .SCCourse-skeleton-preview-actions': {
                             display: string;
-                            marginTop: any;
                             justifyContent: string;
                             padding: any;
                         };
@@ -1995,6 +2048,9 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
+                    [x: number]: {
+                        marginBottom: string;
+                    };
                     '& .SCCourseDashboard-header': {
                         [x: number]: {
                             paddingLeft: string;
@@ -2140,9 +2196,20 @@ declare const theme: {
                                     width: string;
                                     height: string;
                                 };
+                                '& a': {
+                                    textDecoration: string;
+                                    color: string;
+                                };
+                                '& .MuiBadge-root': {
+                                    marginRight: any;
+                                };
                             };
                             '& .SCCourseDashboard-actions-wrapper': {
-                                flexDirection: string;
+                                [x: number]: {
+                                    flexDirection: string;
+                                    margin: number;
+                                };
+                                margin: string;
                                 gap: string;
                             };
                         };
@@ -2380,7 +2447,6 @@ declare const theme: {
                         };
                     };
                     '& .SCCourses-no-results': {
-                        marginTop: any;
                         display: string;
                         flexDirection: string;
                         alignItems: string;
@@ -3080,26 +3146,6 @@ declare const theme: {
                     '& .SCEditor-listItem': {
                         margin: string;
                     };
-                    '& .SCEditor-document': {
-                        '& .selected': {
-                            border: string;
-                        };
-                        '& .MuiBox-root': {
-                            padding: any;
-                            borderRadius: string;
-                            background: any;
-                            '& a': {
-                                display: string;
-                                alignItems: string;
-                                width: string;
-                                '& img': {
-                                    height: any;
-                                    width: any;
-                                    marginRight: any;
-                                };
-                            };
-                        };
-                    };
                 };
                 toolbar: ({ theme }: any) => {
                     '& .SCEditor-placeholder': {
@@ -3245,6 +3291,9 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
+                    [x: number]: {
+                        marginBottom: string;
+                    };
                     '& .SCEditCourse-header': {
                         [x: number]: {
                             paddingLeft: any;
@@ -3344,6 +3393,9 @@ declare const theme: {
                                 '& .SCEditCourse-cell-padding': {
                                     paddingRight: number;
                                 };
+                                '& .MuiTableCell-root': {
+                                    textWrapMode: string;
+                                };
                                 '& .SCEditCourse-table-header': {
                                     '& .SCEditCourse-table-header-typography': {
                                         textTransform: string;
@@ -5366,6 +5418,9 @@ declare const theme: {
                                 maxWidth: string;
                             };
                         };
+                        '& .SCLessonCommentObject-media-content': {
+                            marginBottom: any;
+                        };
                     };
                     '& .SCLessonCommentObject-avatar': {
                         top: any;
@@ -5514,6 +5569,36 @@ declare const theme: {
                 };
             };
         };
+        SCLessonFilePreview: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    backgroundSize: string;
+                    backgroundPosition: string;
+                    position: string;
+                    borderRadius: number;
+                    margin: any;
+                    width: string;
+                    height: string;
+                    flexBasis: number;
+                    flexGrow: number;
+                    flexShrink: number;
+                    '& .SCLessonFilePreview-title': {
+                        position: string;
+                        left: any;
+                        top: any;
+                        borderRadius: any;
+                        background: string;
+                        color: any;
+                        fontSize: string;
+                        padding: any;
+                        maxWidth: number;
+                        textOverflow: string;
+                        overflow: string;
+                        whiteSpace: string;
+                    };
+                };
+            };
+        };
         SCLessonTemplate: {
             styleOverrides: {
                 root: () => {};
@@ -5524,10 +5609,14 @@ declare const theme: {
                         justifyContent: string;
                         marginBottom: any;
                     };
+                    '& .SCLessonTemplate-button': {
+                        alignSelf: string;
+                        marginTop: string;
+                    };
                     width: string;
                     display: string;
                     flexDirection: string;
-                    overflow: string;
+                    paddingBottom: any;
                     transition: any;
                     marginRight: number;
                 };
@@ -5536,17 +5625,21 @@ declare const theme: {
         SCLessonObject: {
             styleOverrides: {
                 root: ({ theme }: any) => {
+                    [x: number]: {
+                        padding: any;
+                    };
                     display: string;
                     flexDirection: string;
-                    padding: any;
                     '& .SCLessonObject-content': {
                         padding: string;
                         '& .SCLessonObject-text': {
                             '& > div:first-of-type': {
-                                height: string;
                                 img: {
-                                    height: string;
-                                    objectFit: string;
+                                    display: string;
+                                    margin: string;
+                                    width: string;
+                                    maxWidth: string;
+                                    position: string;
                                 };
                                 padding: string;
                             };
@@ -5560,6 +5653,20 @@ declare const theme: {
                                 color: string;
                             };
                         };
+                        '& .SCLessonObject-medias-section': {
+                            display: string;
+                            '& .SCLessonFilePreview-root': {
+                                marginBottom: any;
+                            };
+                            '& .SCMediaLink-display-root': {
+                                marginBottom: any;
+                                '& > div > div': {
+                                    [x: number]: {
+                                        height: string;
+                                    };
+                                };
+                            };
+                        };
                     };
                     '& .SCLessonObject-content-edit': {
                         padding: string;
@@ -7481,9 +7588,7 @@ declare const theme: {
                     };
                     '& .SCOnBoardingWidget-app-summary': {
                         whiteSpace: string;
-                        margin: any; /**
-                         * Style assets - Imports - Start
-                         */
+                        margin: any;
                     };
                     '& .SCOnBoardingWidget-app-tabs': {
                         padding: any;
@@ -11225,10 +11330,6 @@ declare const theme: {
                         };
                     };
                     '& .SCPaymentProductPrice-root': {
-                        [x: number]: {
-                            width: string;
-                            borderRadius: string;
-                        };
                         marginBottom: any;
                         width: string;
                         borderRadius: string;
@@ -11246,9 +11347,6 @@ declare const theme: {
                         };
                     };
                     '& .SCPaymentProductPrice-skeleton-root': {
-                        [x: number]: {
-                            width: string;
-                        };
                         marginBottom: any;
                         width: string;
                     };
@@ -11323,8 +11421,10 @@ declare const theme: {
                         bottom: any;
                     };
                     "& .SCCheckout-object": {
+                        [x: number]: {
+                            minWidth: number;
+                        };
                         marginTop: any;
-                        minWidth: number;
                     };
                 };
             };
@@ -11354,6 +11454,13 @@ declare const theme: {
                 };
             };
         };
+        SCHiddenPurchasableContent: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    padding: any;
+                };
+            };
+        };
     };
     selfcommunity: {
         user: {

package/lib/cjs/index.js

@@ -41,6 +41,7 @@ const SCCategory_1 = tslib_1.__importDefault(require("./components/SCCategory"))
 const SCCategoryAutocomplete_1 = tslib_1.__importDefault(require("./components/SCCategoryAutocomplete"));
 const SCCategoryFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCCategoryFeedTemplate"));
 const SCCategoryFollowersButton_1 = tslib_1.__importDefault(require("./components/SCCategoryFollowersButton"));
+const SCCategoryFollowButton_1 = tslib_1.__importDefault(require("./components/SCCategoryFollowButton"));
 const SCCategoryHeader_1 = tslib_1.__importDefault(require("./components/SCCategoryHeader"));
 const SCCategoryTemplate_1 = tslib_1.__importDefault(require("./components/SCCategoryTemplate"));
 const SCCategoryTrendingFeedWidget_1 = tslib_1.__importDefault(require("./components/SCCategoryTrendingFeedWidget"));
@@ -129,6 +130,7 @@ const SCLessonCommentObject_1 = tslib_1.__importDefault(require("./components/SC
 const SCLessonCommentObjects_1 = tslib_1.__importDefault(require("./components/SCLessonCommentObjects"));
 const SCCourseCompletedDialog_1 = tslib_1.__importDefault(require("./components/SCCourseCompletedDialog"));
 const SCLessonEditForm_1 = tslib_1.__importDefault(require("./components/SCLessonEditForm"));
+const SCLessonFilePreview_1 = tslib_1.__importDefault(require("./components/SCLessonFilePreview"));
 const SCLessonTemplate_1 = tslib_1.__importDefault(require("./components/SCLessonTemplate"));
 const SCLessonObject_1 = tslib_1.__importDefault(require("./components/SCLessonObject"));
 const SCLessonReleaseMenu_1 = tslib_1.__importDefault(require("./components/SCLessonReleaseMenu"));
@@ -208,6 +210,7 @@ const SCPaymentProduct_1 = tslib_1.__importDefault(require("./components/SCPayme
 const SCPaymentProductPrice_1 = tslib_1.__importDefault(require("./components/SCPaymentProductPrice"));
 const SCCheckout_1 = tslib_1.__importDefault(require("./components/SCCheckout"));
 const SCCheckoutReturnDialog_1 = tslib_1.__importDefault(require("./components/SCCheckoutReturnDialog"));
+const SCHiddenPurchasableContent_1 = tslib_1.__importDefault(require("./components/SCHiddenPurchasableContent"));
 /**
  * Style fragments - Imports - End
  */
@@ -331,6 +334,7 @@ const theme = {
         SCCategoryAutocomplete: SCCategoryAutocomplete_1.default,
         SCCategoryFeedTemplate: SCCategoryFeedTemplate_1.default,
         SCCategoryFollowersButton: SCCategoryFollowersButton_1.default,
+        SCCategoryFollowButton: SCCategoryFollowButton_1.default,
         SCCategoryHeader: SCCategoryHeader_1.default,
         SCCategoryTemplate: SCCategoryTemplate_1.default,
         SCCategoryTrendingFeedWidget: SCCategoryTrendingFeedWidget_1.default,
@@ -401,6 +405,7 @@ const theme = {
         SCLessonCommentObjects: SCLessonCommentObjects_1.default,
         SCCourseCompletedDialog: SCCourseCompletedDialog_1.default,
         SCLessonEditForm: SCLessonEditForm_1.default,
+        SCLessonFilePreview: SCLessonFilePreview_1.default,
         SCLessonTemplate: SCLessonTemplate_1.default,
         SCLessonObject: SCLessonObject_1.default,
         SCLessonReleaseMenu: SCLessonReleaseMenu_1.default,
@@ -498,7 +503,8 @@ const theme = {
         SCPaymentProduct: SCPaymentProduct_1.default,
         SCPaymentProductPrice: SCPaymentProductPrice_1.default,
         SCCheckout: SCCheckout_1.default,
-        SCCheckoutReturnDialog: SCCheckoutReturnDialog_1.default
+        SCCheckoutReturnDialog: SCCheckoutReturnDialog_1.default,
+        SCHiddenPurchasableContent: SCHiddenPurchasableContent_1.default
     },
     selfcommunity: {
         user: {

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

@@ -5,6 +5,9 @@ declare const Component: {
         }) => {
             border: string;
             borderRadius: string;
+            '& .SCAccordionLessons-empty': {
+                padding: any;
+            };
             '& .SCAccordionLessons-accordion': {
                 '& .SCAccordionLessons-summary': {
                     flexDirection: string;

package/lib/esm/components/SCAccordionLessons.js

@@ -3,6 +3,9 @@ const Component = {
         root: ({ theme }) => ({
             border: `1px solid ${theme.palette.grey['300']}`,
             borderRadius: '5px',
+            '& .SCAccordionLessons-empty': {
+                padding: theme.spacing('19px', 3)
+            },
             '& .SCAccordionLessons-accordion': {
                 '& .SCAccordionLessons-summary': {
                     flexDirection: 'row-reverse',

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

@@ -0,0 +1,8 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            padding: any;
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCCategoryFollowButton.js

@@ -0,0 +1,8 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            padding: theme.spacing(0.75, 3)
+        })
+    }
+};
+export default Component;