@selfcommunity/react-theme-default 0.4.5-alpha.9 → 0.4.5-payments.143

package/lib/esm/components/SCLessonEditForm.js

@@ -0,0 +1,31 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            padding: theme.spacing(2),
+            [theme.breakpoints.up('sm')]: {
+                paddingBottom: theme.spacing(5)
+            },
+            height: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'space-between',
+            '& .SCLessonEditForm-form': {
+                display: 'flex',
+                flexDirection: 'column'
+            },
+            '& .MuiFormLabel-root': {
+                fontWeight: 700,
+                color: 'inherit',
+                '& .Mui-focused': { color: 'inherit' }
+            },
+            '& .SCLessonEditForm-settings': {
+                marginTop: theme.spacing(2)
+            },
+            '& .SCLessonEditForm-button': {
+                alignSelf: 'center',
+                marginBottom: theme.spacing(3)
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,48 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            display: string;
+            flexDirection: string;
+            padding: any;
+            '& .SCLessonObject-content': {
+                padding: string;
+                '& .SCLessonObject-text': {
+                    '& > div:first-of-type': {
+                        height: string;
+                        img: {
+                            height: string;
+                            objectFit: string;
+                        };
+                        padding: string;
+                    };
+                    '& > div:has(> a)': {
+                        borderRadius: string;
+                        padding: any;
+                        background: any;
+                    };
+                    '& > div:has(> a) > a:first-of-type': {
+                        textDecoration: string;
+                        color: string;
+                    };
+                };
+            };
+            '& .SCLessonObject-content-edit': {
+                padding: string;
+                '& .SCEditor-content': {
+                    paddingTop: number;
+                    paddingBottom: number;
+                };
+            };
+            '& .SCWidget-root': {
+                [x: number]: {
+                    boxShadow: string;
+                };
+                marginBottom: any;
+            };
+            '& .SCLessonObject-button': {
+                alignSelf: string;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCLessonObject.js

@@ -0,0 +1,49 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            display: 'flex',
+            flexDirection: 'column',
+            padding: theme.spacing(1),
+            '& .SCLessonObject-content': {
+                padding: `${theme.spacing(2)} !important`,
+                '& .SCLessonObject-text': {
+                    '& > div:first-of-type': {
+                        height: '240px',
+                        img: {
+                            height: '240px',
+                            objectFit: 'cover'
+                        },
+                        padding: '0 !important'
+                    },
+                    // '& .SCEditor-paragraph': {}
+                    '& > div:has(> a)': {
+                        borderRadius: '5px',
+                        padding: theme.spacing(1),
+                        background: theme.palette.grey[300]
+                    },
+                    '& > div:has(> a) > a:first-of-type': {
+                        textDecoration: 'none',
+                        color: 'inherit'
+                    }
+                }
+            },
+            '& .SCLessonObject-content-edit': {
+                padding: '0 !important',
+                '& .SCEditor-content': {
+                    paddingTop: 0,
+                    paddingBottom: 0
+                }
+            },
+            '& .SCWidget-root': {
+                marginBottom: theme.spacing(3),
+                [theme.breakpoints.down('md')]: {
+                    boxShadow: 'none'
+                }
+            },
+            '& .SCLessonObject-button': {
+                alignSelf: 'center'
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,32 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {};
+        popoverRoot: ({ theme }: any) => {
+            width: string;
+            borderRadius: string;
+            '& .MuiPaper-root': {
+                padding: any;
+            };
+            '& .SCLessonReleaseMenu-popover-content': {
+                marginTop: any;
+                '& .SCLessonReleaseMenu-popover-selection': {
+                    display: string;
+                    alignItems: string;
+                    gap: any;
+                    '& .MuiInputBase-root': {
+                        width: string;
+                        height: string;
+                    };
+                    '& .MuiRadio-root': {
+                        padding: any;
+                    };
+                };
+                '& .SCLessonReleaseMenu-popover-action': {
+                    marginTop: any;
+                    width: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCLessonReleaseMenu.js

@@ -0,0 +1,32 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({}),
+        popoverRoot: ({ theme }) => ({
+            width: '260px',
+            borderRadius: '4px',
+            '& .MuiPaper-root': {
+                padding: theme.spacing(2)
+            },
+            '& .SCLessonReleaseMenu-popover-content': {
+                marginTop: theme.spacing(1),
+                '& .SCLessonReleaseMenu-popover-selection': {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: theme.spacing(2),
+                    '& .MuiInputBase-root': {
+                        width: '68px',
+                        height: '38px'
+                    },
+                    '& .MuiRadio-root': {
+                        padding: theme.spacing(0.5)
+                    }
+                },
+                '& .SCLessonReleaseMenu-popover-action': {
+                    marginTop: theme.spacing(1),
+                    width: '100%'
+                }
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,20 @@
+declare const Component: {
+    styleOverrides: {
+        root: () => {};
+        containerRoot: ({ theme, open }: any) => {
+            '& .SCLessonTemplate-navigation-title': {
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                marginBottom: any;
+            };
+            width: string;
+            display: string;
+            flexDirection: string;
+            overflow: string;
+            transition: any;
+            marginRight: number;
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCLessonTemplate.js

@@ -0,0 +1,18 @@
+const Component = {
+    styleOverrides: {
+        root: () => ({}),
+        containerRoot: ({ theme, open }) => (Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', overflow: 'hidden', transition: theme.transitions.create('margin', {
+                easing: theme.transitions.easing.sharp,
+                duration: theme.transitions.duration.leavingScreen
+            }), marginRight: 0 }, (open && {
+            [theme.breakpoints.down('md')]: { width: '100%' },
+            width: `calc(100% - 300px)`
+        })), { '& .SCLessonTemplate-navigation-title': {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                marginBottom: theme.spacing(1)
+            } }))
+    }
+};
+export default Component;

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

@@ -13,6 +13,15 @@ declare const Component: {
                     minWidth: string;
                 };
             };
+            '& .SCLiveStreamForm-warning': {
+                margin: any;
+                "& a": {
+                    color: any;
+                    fontWeight: string;
+                    textDecoration: string;
+                    whiteSpace: string;
+                };
+            };
             "& .SCLiveStreamForm-access-view": {
                 margin: any;
             };

package/lib/esm/components/SCLiveStreamForm.js

@@ -13,8 +13,17 @@ const Component = {
                     minWidth: 'auto'
                 }
             },
-            [`& .SCLiveStreamForm-access-view`]: {
+            '& .SCLiveStreamForm-warning': {
                 margin: theme.spacing(2, 0),
+                [`& a`]: {
+                    color: theme.palette.common.white,
+                    fontWeight: 'bold',
+                    textDecoration: 'underline',
+                    whiteSpace: 'nowrap'
+                }
+            },
+            [`& .SCLiveStreamForm-access-view`]: {
+                margin: theme.spacing(2, 0)
             },
             [`& .SCLiveStreamForm-actions`]: {
                 display: 'flex',

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

@@ -95,6 +95,25 @@ declare const Component: {
                     backgroundColor: any;
                 };
             };
+            '& .lk-settings-menu-modal': {
+                minWidth: number;
+                paddingTop: any;
+                '& .lk-settings-menu-modal-icon-close': {
+                    color: any;
+                    position: string;
+                    top: number;
+                    right: number;
+                };
+                '& .MuiFormControlLabel-root': {
+                    marginLeft: number;
+                };
+                '& .MuiTypography-body1': {
+                    color: string;
+                };
+                '& .MuiSwitch-track': {
+                    backgroundColor: any;
+                };
+            };
         };
         dialogRoot: ({ theme }: any) => {
             "& .SCLiveStreamRoom-end-conference-wrap": {
@@ -103,7 +122,14 @@ declare const Component: {
                 alignItems: string;
                 alignContent: string;
                 flexDirection: string;
-                "& .SCLiveStreamVideoConference-btn-back-home": {
+                "& .SCLiveStreamRoom-logo": {
+                    img: {
+                        maxHeight: number;
+                        maxWidth: number;
+                    };
+                    marginBottom: any;
+                };
+                "& .SCLiveStreamRoom-btn-back-home": {
                     marginTop: any;
                 };
             };

package/lib/esm/components/SCLiveStreamRoom.js

@@ -94,6 +94,25 @@ const Component = {
                 '&:hover': {
                     backgroundColor: theme.palette.primary.dark
                 }
+            },
+            '& .lk-settings-menu-modal': {
+                minWidth: 290,
+                paddingTop: theme.spacing(3),
+                '& .lk-settings-menu-modal-icon-close': {
+                    color: theme.palette.common.white,
+                    position: 'absolute',
+                    top: 3,
+                    right: 2
+                },
+                '& .MuiFormControlLabel-root': {
+                    marginLeft: 0
+                },
+                '& .MuiTypography-body1': {
+                    color: '#FFF !important'
+                },
+                '& .MuiSwitch-track': {
+                    backgroundColor: theme.palette.grey['300']
+                }
             }
         }),
         dialogRoot: ({ theme }) => ({
@@ -103,7 +122,14 @@ const Component = {
                 alignItems: 'center',
                 alignContent: 'center',
                 flexDirection: 'column',
-                [`& .SCLiveStreamVideoConference-btn-back-home`]: {
+                [`& .SCLiveStreamRoom-logo`]: {
+                    img: {
+                        maxHeight: 60,
+                        maxWidth: 300
+                    },
+                    marginBottom: theme.spacing(2)
+                },
+                [`& .SCLiveStreamRoom-btn-back-home`]: {
                     marginTop: theme.spacing(2)
                 }
             }

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

@@ -6,6 +6,8 @@ declare const Component: {
                 "& a": {
                     color: any;
                     fontWeight: string;
+                    textDecoration: string;
+                    whiteSpace: string;
                 };
             };
             '& .SCLiveStreamSelector-options': {

package/lib/esm/components/SCLiveStreamSelector.js

@@ -5,7 +5,9 @@ const Component = {
                 margin: theme.spacing(2, 5, 2, 5),
                 [`& a`]: {
                     color: theme.palette.common.white,
-                    fontWeight: 'bold'
+                    fontWeight: 'bold',
+                    textDecoration: 'underline',
+                    whiteSpace: 'nowrap'
                 }
             },
             '& .SCLiveStreamSelector-options': {

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

@@ -15,7 +15,8 @@ declare const Component: {
                 textAlign: string;
                 "& .SCLiveStreamVideoConference-logo": {
                     img: {
-                        maxHeight: string;
+                        maxHeight: number;
+                        maxWidth: number;
                     };
                     marginBottom: any;
                 };

package/lib/esm/components/SCLiveStreamVideoConference.js

@@ -15,7 +15,8 @@ const Component = {
                 textAlign: 'center',
                 [`& .SCLiveStreamVideoConference-logo`]: {
                     img: {
-                        maxHeight: '100px'
+                        maxHeight: 70,
+                        maxWidth: 300
                     },
                     marginBottom: theme.spacing(2)
                 },

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

@@ -21,7 +21,7 @@ declare const Component: {
                 flexGrow: number;
                 textAlign: string;
                 alignSelf: string;
-                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events': {
+                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events, & .SCNavigationToolbar-courses': {
                     paddingTop: number;
                     paddingLeft: any;
                     paddingRight: any;

package/lib/esm/components/SCNavigationToolbar.js

@@ -16,7 +16,7 @@ const Component = {
                     flexGrow: 1,
                     textAlign: 'center',
                     alignSelf: 'end',
-                    '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events': {
+                    '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events, & .SCNavigationToolbar-courses': {
                         paddingTop: 12,
                         paddingLeft: theme.spacing(1),
                         paddingRight: theme.spacing(1),

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

@@ -0,0 +1,55 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: {
+            theme: any;
+        }) => {
+            borderRadius: string;
+            '& .MuiAccordionSummary-root': {
+                backgroundColor: any;
+                '& .MuiAccordionSummary-content': {
+                    display: string;
+                    flexDirection: string;
+                    '& .SCBaseItem-root': {
+                        backgroundColor: string;
+                    };
+                    '& .MuiTypography-body1': {
+                        fontWeight: number;
+                        color: any;
+                    };
+                };
+                '& .MuiAccordionDetails-root': {
+                    marginTop: any;
+                };
+            };
+            '& .SCPaymentProductPrice-root': {
+                [x: number]: {
+                    width: string;
+                    borderRadius: string;
+                };
+                marginBottom: any;
+                width: string;
+                borderRadius: string;
+            };
+        };
+        skeletonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            borderRadius: string;
+            '& .MuiAccordionSummary-root': {
+                backgroundColor: any;
+                marginBottom: any;
+                '& .SCBaseItem-root': {
+                    backgroundColor: string;
+                };
+            };
+            '& .SCPaymentProductPrice-skeleton-root': {
+                [x: number]: {
+                    width: string;
+                };
+                marginBottom: any;
+                width: string;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPaymentProduct.js

@@ -0,0 +1,51 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            borderRadius: '3px !important',
+            '& .MuiAccordionSummary-root': {
+                backgroundColor: theme.palette.grey[50],
+                '& .MuiAccordionSummary-content': {
+                    display: 'block',
+                    flexDirection: 'row',
+                    '& .SCBaseItem-root': {
+                        backgroundColor: 'transparent'
+                    },
+                    '& .MuiTypography-body1': {
+                        fontWeight: 200,
+                        color: theme.palette.grey[600]
+                    }
+                },
+                '& .MuiAccordionDetails-root': {
+                    marginTop: theme.spacing()
+                }
+            },
+            '& .SCPaymentProductPrice-root': {
+                marginBottom: theme.spacing(),
+                width: '95%',
+                borderRadius: '3px',
+                [theme.breakpoints.down('md')]: {
+                    width: '88%',
+                    borderRadius: '3px'
+                }
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            borderRadius: '3px !important',
+            '& .MuiAccordionSummary-root': {
+                backgroundColor: theme.palette.grey[50],
+                marginBottom: theme.spacing(1),
+                '& .SCBaseItem-root': {
+                    backgroundColor: 'transparent'
+                }
+            },
+            '& .SCPaymentProductPrice-skeleton-root': {
+                marginBottom: theme.spacing(),
+                width: '95%',
+                [theme.breakpoints.down('md')]: {
+                    width: '88%'
+                }
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,15 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: {
+            theme: any;
+        }) => {
+            borderRadius: string;
+        };
+        skeletonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            borderRadius: string;
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPaymentProductPrice.js

@@ -0,0 +1,11 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            borderRadius: '3px'
+        }),
+        skeletonRoot: ({ theme }) => ({
+            borderRadius: '3px'
+        })
+    }
+};
+export default Component;

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

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

package/lib/esm/components/SCPaymentProducts.js

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

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

@@ -82,12 +82,14 @@ declare const Component: {
                 [x: number]: {
                     width: any;
                 };
+                position: string;
                 '& img': {
                     height: string;
                     width: string;
                 };
                 '& .MuiButtonBase-root': {
                     flexWrap: string;
+                    width: string;
                     position: string;
                     bottom: any;
                     backgroundColor: string;

package/lib/esm/components/SCPrivateMessageThreadItem.js

@@ -79,6 +79,7 @@ const Component = {
                 }
             },
             '& .SCPrivateMessageThreadItem-document': {
+                position: 'relative',
                 [theme.breakpoints.up('sm')]: {
                     width: theme.spacing(32.5)
                 },
@@ -88,7 +89,7 @@ const Component = {
                 },
                 '& .MuiButtonBase-root': {
                     flexWrap: 'wrap',
-                    //width: 'calc(100% - 24px)',
+                    width: '100%',
                     position: 'absolute',
                     bottom: theme.spacing(4),
                     backgroundColor: 'rgba(0,0,0,0.5)',