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

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

@@ -46,6 +46,10 @@ declare const Component: {
                 '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
                     textAlign: string;
                     marginBottom: any;
+                    '& button': {
+                        marginLeft: any;
+                        marginRight: any;
+                    };
                 };
                 '& .SCCategoryHeader-followed': {
                     marginBottom: string;

package/lib/esm/components/SCCategoryHeader.js

@@ -45,7 +45,11 @@ const Component = {
                 },
                 '& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
                     textAlign: 'center',
-                    marginBottom: theme.spacing(2)
+                    marginBottom: theme.spacing(2),
+                    '& button': {
+                        marginLeft: theme.spacing(0.5),
+                        marginRight: theme.spacing(0.5)
+                    }
                 },
                 '& .SCCategoryHeader-followed': {
                     marginBottom: `${theme.spacing(0)} !important`,

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

@@ -45,8 +45,10 @@ declare const Component: {
                 bottom: any;
             };
             "& .SCCheckout-object": {
+                [x: number]: {
+                    minWidth: number;
+                };
                 marginTop: any;
-                minWidth: number;
             };
         };
     };

package/lib/esm/components/SCCheckout.js

@@ -44,7 +44,9 @@ const Component = {
             },
             ['& .SCCheckout-object']: {
                 marginTop: theme.spacing(2),
-                minWidth: 395
+                [theme.breakpoints.up('sm')]: {
+                    minWidth: 395
+                }
             }
         })
     }

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

@@ -27,6 +27,13 @@ declare const Component: {
             '& .SCCommentObjectReply-comment': {
                 overflow: string;
                 borderRadius: number;
+                '& .SCCommentObjectReply-media': {
+                    maxWidth: number;
+                    padding: any;
+                    '& .SCMediaFile-media': {
+                        height: string;
+                    };
+                };
             };
             '& .SCCommentObjectReply-actions': {
                 marginLeft: any;

package/lib/esm/components/SCCommentObjectReply.js

@@ -26,7 +26,14 @@ const Component = {
             },
             '& .SCCommentObjectReply-comment': {
                 overflow: 'visible',
-                borderRadius: theme.shape.borderRadius * 0.5
+                borderRadius: theme.shape.borderRadius * 0.5,
+                '& .SCCommentObjectReply-media': {
+                    maxWidth: 200,
+                    padding: theme.spacing(1),
+                    '& .SCMediaFile-media': {
+                        height: '40px !important'
+                    }
+                }
             },
             '& .SCCommentObjectReply-actions': {
                 marginLeft: theme.spacing(),

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

@@ -170,11 +170,24 @@ declare const Component: {
             };
         };
         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;

package/lib/esm/components/SCComposer.js

@@ -171,31 +171,23 @@ const Component = {
             }
         }),
         contentLessonRoot: ({ theme }) => ({
-            // '& .SCComposer-content-lesson-editor': {
+            padding: theme.spacing(2),
             '& .SCEditor-root': {
                 '& .SCEditor-content': {
-                    paddingTop: theme.spacing(1)
+                    paddingTop: theme.spacing(1.5)
+                }
+            },
+            '& .SCComposer-content-lesson-medias': {
+                '& .SCMediaFile-preview-root': {
+                    marginBottom: theme.spacing(1),
+                    '& .SCMediaFile-media': {
+                        height: '60px !important',
+                        maxWidth: 140
+                    }
+                },
+                '& .SCMediaLink-preview-root': {
+                    marginBottom: theme.spacing(1)
                 }
-                // paddingBottom: theme.spacing(2),
-                // '& .MuiInputBase-root': {
-                //   paddingLeft: 0,
-                //   paddingRight: 0,
-                //   paddingBottom: 0,
-                //   fontSize: '1.429rem',
-                //   fontWeight: theme.typography.fontWeightBold,
-                //   '& fieldset': {
-                //     display: 'none'
-                //   },
-                //   '&.MuiInputBase-adornedEnd .MuiTypography-root': {
-                //     alignSelf: 'end'
-                //   },
-                //   '&.Mui-error': {
-                //     color: theme.palette.error.main
-                //   }
-                // },
-                // '& .MuiFormHelperText-root': {
-                //   marginLeft: 0
-                // }
             }
         }),
         layerTransitionRoot: ({ theme }) => ({

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

@@ -62,7 +62,10 @@ declare const Component: {
             };
         };
         previewRoot: ({ theme }: any) => {
-            minHeight: string;
+            [x: number]: {
+                minHeight: string;
+            };
+            height: string;
             '& .SCCourse-preview-image-wrapper': {
                 position: string;
                 '& .SCCourse-preview-image': {
@@ -88,12 +91,19 @@ declare const Component: {
                     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;
@@ -157,7 +167,10 @@ declare const Component: {
             };
         };
         createPlaceholderRoot: ({ theme }: any) => {
-            minHeight: string;
+            [x: number]: {
+                minHeight: string;
+            };
+            height: string;
             '& .SCCourse-create-placeholder-image-wrapper': {
                 position: string;
                 '& .SCCourse-create-placeholder-image': {
@@ -199,18 +212,24 @@ declare const Component: {
         };
         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;
                 };

package/lib/esm/components/SCCourse.js

@@ -62,7 +62,10 @@ const Component = {
             }
         }),
         previewRoot: ({ theme }) => ({
-            minHeight: '290px',
+            height: '100%',
+            [theme.breakpoints.up('sm')]: {
+                minHeight: '376px'
+            },
             '& .SCCourse-preview-image-wrapper': {
                 position: 'relative',
                 '& .SCCourse-preview-image': {
@@ -87,13 +90,20 @@ const Component = {
                     width: theme.selfcommunity.user.avatar.sizeMedium,
                     height: theme.selfcommunity.user.avatar.sizeMedium,
                     border: `#FFF solid ${theme.spacing(0.2)}`
+                },
+                '.MuiBadge-badge': {
+                    left: theme.spacing(3),
+                    top: theme.spacing(-0.5)
                 }
             },
             '& .SCCourse-preview-content': {
-                padding: theme.spacing(2),
+                padding: theme.spacing(1.5, 2, 2, 2),
                 '& .SCCourse-preview-creator': {
-                    paddingTop: 0,
-                    marginBottom: theme.spacing(1)
+                    textDecoration: 'none',
+                    color: 'inherit',
+                    '& .MuiTypography-root': {
+                        marginBottom: theme.spacing(1)
+                    }
                 },
                 '& .SCCourse-preview-name-wrapper': {
                     textDecoration: 'none',
@@ -157,7 +167,10 @@ const Component = {
             }
         }),
         createPlaceholderRoot: ({ theme }) => ({
-            minHeight: '290px',
+            height: '100%',
+            [theme.breakpoints.up('sm')]: {
+                minHeight: '376px'
+            },
             '& .SCCourse-create-placeholder-image-wrapper': {
                 position: 'relative',
                 '& .SCCourse-create-placeholder-image': {
@@ -194,23 +207,29 @@ const Component = {
             '& .SCCourse-create-placeholder-actions': {
                 display: 'flex',
                 justifyContent: 'center',
-                height: '246px'
+                height: '258px'
             }
         }),
         skeletonRoot: ({ theme }) => ({
             '& .SCCourse-skeleton-preview-root': {
+                height: '100%',
+                [theme.breakpoints.up('sm')]: {
+                    minHeight: '376px'
+                },
                 '& .SCCourse-skeleton-preview-avatar': {
                     position: 'absolute',
-                    bottom: '-20px',
+                    bottom: theme.spacing(-2),
                     left: theme.spacing(1.5),
+                    width: theme.selfcommunity.user.avatar.sizeMedium,
+                    height: theme.selfcommunity.user.avatar.sizeMedium,
                     border: `#FFF solid ${theme.spacing(0.2)}`
                 },
                 '& .SCCourse-skeleton-preview-content': {
-                    padding: `16px ${theme.spacing(2)} 0 !important`
+                    padding: `${theme.spacing(1.5, 2, 2, 2)} !important`,
+                    minHeight: 184
                 },
                 '& .SCCourse-skeleton-preview-actions': {
                     display: 'flex',
-                    marginTop: theme.spacing(4),
                     justifyContent: 'center',
                     padding: theme.spacing(2)
                 }

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

@@ -3,6 +3,9 @@ declare const Component: {
         root: ({ theme }: {
             theme: any;
         }) => {
+            [x: number]: {
+                marginBottom: string;
+            };
             '& .SCCourseDashboard-header': {
                 [x: number]: {
                     paddingLeft: string;
@@ -148,9 +151,20 @@ declare const Component: {
                             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;
                     };
                 };

package/lib/esm/components/SCCourseDashboard.js

@@ -1,6 +1,9 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            [theme.breakpoints.down('sm')]: {
+                marginBottom: '56px'
+            },
             '& .SCCourseDashboard-header': {
                 [theme.breakpoints.down('sm')]: {
                     paddingLeft: '14px',
@@ -142,11 +145,22 @@ const Component = {
                         '& .SCCourseDashboard-avatar': {
                             width: '36px',
                             height: '36px'
+                        },
+                        '& a': {
+                            textDecoration: 'none',
+                            color: 'inherit'
+                        },
+                        '& .MuiBadge-root': {
+                            marginRight: theme.spacing(0.5)
                         }
                     },
                     '& .SCCourseDashboard-actions-wrapper': {
-                        flexDirection: 'row',
-                        gap: '5px'
+                        margin: '6px 0',
+                        gap: '5px',
+                        [theme.breakpoints.up('sm')]: {
+                            flexDirection: 'row',
+                            margin: 0
+                        }
                     }
                 },
                 '& .SCCourseDashboard-lessons-sections': {

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

@@ -52,7 +52,6 @@ declare const Component: {
                 };
             };
             '& .SCCourses-no-results': {
-                marginTop: any;
                 display: string;
                 flexDirection: string;
                 alignItems: string;

package/lib/esm/components/SCCourses.js

@@ -52,7 +52,6 @@ const Component = {
                 }
             },
             '& .SCCourses-no-results': {
-                marginTop: theme.spacing(5),
                 display: 'flex',
                 flexDirection: 'column',
                 alignItems: 'center',

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

@@ -3,6 +3,9 @@ declare const Component: {
         root: ({ theme }: {
             theme: any;
         }) => {
+            [x: number]: {
+                marginBottom: string;
+            };
             '& .SCEditCourse-header': {
                 [x: number]: {
                     paddingLeft: any;
@@ -102,6 +105,9 @@ declare const Component: {
                         '& .SCEditCourse-cell-padding': {
                             paddingRight: number;
                         };
+                        '& .MuiTableCell-root': {
+                            textWrapMode: string;
+                        };
                         '& .SCEditCourse-table-header': {
                             '& .SCEditCourse-table-header-typography': {
                                 textTransform: string;

package/lib/esm/components/SCEditCourse.js

@@ -1,6 +1,9 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            [theme.breakpoints.down('sm')]: {
+                marginBottom: '56px'
+            },
             '& .SCEditCourse-header': {
                 flexDirection: 'row',
                 alignItems: 'center',
@@ -100,6 +103,9 @@ const Component = {
                         '& .SCEditCourse-cell-padding': {
                             paddingRight: 0
                         },
+                        '& .MuiTableCell-root': {
+                            textWrapMode: 'nowrap'
+                        },
                         '& .SCEditCourse-table-header': {
                             '& .SCEditCourse-table-header-typography': {
                                 textTransform: 'uppercase'

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

@@ -154,26 +154,6 @@ declare const Component: {
             '& .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': {

package/lib/esm/components/SCEditor.js

@@ -154,26 +154,6 @@ const Component = {
             },
             '& .SCEditor-listItem': {
                 margin: '0 32px'
-            },
-            '& .SCEditor-document': {
-                '& .selected': {
-                    border: `2px solid ${theme.palette.secondary.main}`
-                },
-                '& .MuiBox-root': {
-                    padding: theme.spacing(1),
-                    borderRadius: '5px',
-                    background: theme.palette.grey[300],
-                    '& a': {
-                        display: 'flex',
-                        alignItems: 'center',
-                        width: 'fit-content',
-                        '& img': {
-                            height: theme.spacing(3),
-                            width: theme.spacing(3),
-                            marginRight: theme.spacing(1)
-                        }
-                    }
-                }
             }
         }),
         toolbar: ({ theme }) => ({

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

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

package/lib/esm/components/SCHiddenPurchasableContent.js

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

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

@@ -65,6 +65,9 @@ declare const Component: {
                         maxWidth: string;
                     };
                 };
+                '& .SCLessonCommentObject-media-content': {
+                    marginBottom: any;
+                };
             };
             '& .SCLessonCommentObject-avatar': {
                 top: any;

package/lib/esm/components/SCLessonCommentObject.js

@@ -64,6 +64,9 @@ const Component = {
                     '& img': {
                         maxWidth: '100%'
                     }
+                },
+                '& .SCLessonCommentObject-media-content': {
+                    marginBottom: theme.spacing(1)
                 }
             },
             '& .SCLessonCommentObject-avatar': {

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

@@ -0,0 +1,31 @@
+declare const Component: {
+    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;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCLessonFilePreview.js

@@ -0,0 +1,31 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+            position: 'relative',
+            borderRadius: theme.shape.borderRadius * 0.5,
+            margin: theme.spacing(0.5),
+            width: '100%',
+            height: '60px',
+            flexBasis: 120,
+            flexGrow: 0,
+            flexShrink: 0,
+            '& .SCLessonFilePreview-title': {
+                position: 'absolute',
+                left: theme.spacing(1),
+                top: theme.spacing(1),
+                borderRadius: theme.shape.borderRadius,
+                background: '#33333380 0% 0% no-repeat padding-box',
+                color: theme.palette.common.white,
+                fontSize: '0.875rem',
+                padding: theme.spacing(0.5, 1),
+                maxWidth: 80,
+                textOverflow: 'ellipsis',
+                overflow: 'hidden',
+                whiteSpace: 'nowrap'
+            }
+        })
+    }
+};
+export default Component;

package/lib/esm/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;