@selfcommunity/react-theme-default 0.4.5-payments.213 → 0.4.5-payments.215

package/lib/cjs/index.d.ts

@@ -2156,6 +2156,18 @@ declare const theme: {
                                     alignItems: string;
                                     gap: any;
                                 };
+                                '& .SCBuyButton-request-root': {
+                                    fontWeight: any;
+                                    '& .MuiButton-startIcon': {
+                                        marginRight: any;
+                                        '& .MuiIcon-root': {
+                                            fontSize: string;
+                                        };
+                                    };
+                                    '&.Mui-selected, &:hover': {
+                                        backgroundColor: string;
+                                    };
+                                };
                             };
                         };
                     };
@@ -2282,6 +2294,16 @@ declare const theme: {
                                 };
                                 margin: string;
                                 gap: string;
+                                '& .SCBuyButton-request-root': {
+                                    '&:hover, &:active': {
+                                        backgroundColor: any;
+                                        color: any;
+                                        border: string;
+                                        '& .MuiIcon-root': {
+                                            color: any;
+                                        };
+                                    };
+                                };
                             };
                         };
                         '& .SCCourseDashboard-lessons-sections': {
@@ -4955,6 +4977,18 @@ declare const theme: {
                                 alignItems: string;
                                 gap: any;
                             };
+                            '& .SCBuyButton-request-root': {
+                                fontWeight: any;
+                                '& .MuiButton-startIcon': {
+                                    marginRight: any;
+                                    '& .MuiIcon-root': {
+                                        fontSize: string;
+                                    };
+                                };
+                                '&.Mui-selected, &:hover': {
+                                    backgroundColor: string;
+                                };
+                            };
                         };
                         '& .SCGroupHeader-multi-actions': {
                             display: string;
@@ -5193,6 +5227,23 @@ declare const theme: {
                 };
             };
         };
+        SCGroupSubscribeButton: {
+            styleOverrides: {
+                buyButtonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    border: string;
+                    '&:hover, &:active': {
+                        backgroundColor: any;
+                        color: any;
+                        border: string;
+                        '& .MuiIcon-root': {
+                            color: any;
+                        };
+                    };
+                };
+            };
+        };
         SCGroupTemplate: {
             styleOverrides: {
                 root: ({ theme }: any) => {
@@ -7886,6 +7937,9 @@ declare const theme: {
                             alignItems: string;
                             marginRight: any;
                             '& .MuiIcon-root': {
+                                /**
+                                 * Style assets - Imports - Start
+                                 */
                                 margin: any;
                             };
                         };
@@ -10163,6 +10217,18 @@ declare const theme: {
                 requestRoot: ({ theme }: {
                     theme: any;
                 }) => {};
+                buyButtonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '&:hover, &:active': {
+                        backgroundColor: any;
+                        color: any;
+                        border: string;
+                        '& .MuiIcon-root': {
+                            color: any;
+                        };
+                    };
+                };
                 menuRoot: ({ theme }: {
                     theme: any;
                 }) => {
@@ -11640,47 +11706,45 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
+                    marginBottom: any;
                     borderRadius: string;
-                    '& .MuiAccordionSummary-root': {
-                        backgroundColor: any;
-                        '& .MuiAccordionSummary-content': {
-                            display: string;
-                            flexDirection: string;
-                            '& .SCBaseItem-root': {
-                                backgroundColor: string;
-                            };
-                            '& .MuiTypography-body1': {
-                                [x: number]: {
-                                    fontSize: any;
-                                };
-                                fontWeight: number;
-                                color: any;
-                            };
+                    boxShadow: string;
+                    backgroundColor: any;
+                    '& .MuiCardContent-root': {
+                        '& .SCBaseItem-root': {
+                            backgroundColor: string;
                         };
-                        '& .MuiAccordionDetails-root': {
-                            marginTop: any;
+                        '& .MuiTypography-body1': {
+                            [x: number]: {
+                                fontSize: any;
+                            };
+                            fontWeight: number;
+                            color: any;
                         };
                     };
                     '& .SCPaymentProductPrice-root': {
-                        marginBottom: any;
                         width: string;
-                        borderRadius: string;
+                        paddingLeft: string;
                     };
                 };
                 skeletonRoot: ({ theme }: {
                     theme: any;
                 }) => {
+                    marginBottom: any;
                     borderRadius: string;
-                    '& .MuiAccordionSummary-root': {
-                        backgroundColor: any;
+                    boxShadow: string;
+                    backgroundColor: any;
+                    '& .MuiCardContent-root': {
                         marginBottom: any;
                         '& .SCBaseItem-root': {
                             backgroundColor: string;
+                            boxShadow: string;
                         };
                     };
                     '& .SCPaymentProductPrice-skeleton-root': {
-                        marginBottom: any;
+                        marginTop: any;
                         width: string;
+                        paddingLeft: string;
                     };
                 };
             };
@@ -11726,7 +11790,24 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
-                    borderRadius: string;
+                    borderRadius: number;
+                    boxShadow: string;
+                    '& .SCPaymentProductPrice-primary': {
+                        fontSize: string;
+                        fontWeight: string;
+                        color: string;
+                    };
+                    '& .SCPaymentProductPrice-button': {
+                        textTransform: string;
+                        '&:hover, &:active': {
+                            backgroundColor: any;
+                            color: any;
+                            border: string;
+                            '& .MuiIcon-root': {
+                                color: any;
+                            };
+                        };
+                    };
                     '& .SCPaymentProductPrice-button-purchased': {
                         backgroundColor: string;
                         color: string;
@@ -11738,7 +11819,7 @@ declare const theme: {
                 skeletonRoot: ({ theme }: {
                     theme: any;
                 }) => {
-                    borderRadius: string;
+                    borderRadius: number;
                 };
             };
         };
@@ -11765,6 +11846,7 @@ declare const theme: {
                         maxWidth: number;
                         display: string;
                         gridTemplateColumns: string;
+                        padding: any;
                         gap: number;
                         "& .SCCheckout-content-object": {
                             [x: number]: {
@@ -11777,6 +11859,9 @@ declare const theme: {
                             alignItems: string;
                             '& .SCWidget-root': {
                                 width: string;
+                                '& .SCEvent-preview-content': {
+                                    padding: string;
+                                };
                             };
                         };
                         "& .SCCheckout-content-coverage": {
@@ -11794,7 +11879,6 @@ declare const theme: {
                             justifyContent: string;
                             alignItems: string;
                             maxWidth: number;
-                            padding: any;
                         };
                     };
                     "& .SCCheckout-checkout": {
@@ -11806,7 +11890,6 @@ declare const theme: {
                             minWidth: number;
                             width: string;
                         };
-                        margin: any;
                         width: string;
                     };
                     "& .SCCheckout-payment-order": {
@@ -11872,22 +11955,10 @@ declare const theme: {
                         '& .SCWidget-root': {
                             minWidth: number;
                         };
-                        '& .SCGroup-root': {
-                            paddingLeft: any;
+                        '& .MuiTypography-body2': {
+                            marginTop: any;
                         };
                     };
-                    '& .SCCheckoutSuccessDialog-content-object': {
-                        width: string;
-                    };
-                    '& .SCCourse-preview-root': {
-                        minHeight: string;
-                    };
-                    '& .SCCategory-category-image': {
-                        paddingLeft: any;
-                    };
-                    '& .SCGroup-avatar': {
-                        marginLeft: any;
-                    };
                 };
             };
         };
@@ -12154,6 +12225,39 @@ declare const theme: {
                 };
             };
         };
+        SCCheckoutHeaderInfoWidget: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCCheckoutHeaderInfoWidget-header': {
+                        height: any;
+                        position: string;
+                        backgroundColor: any;
+                        color: string;
+                        textAlign: string;
+                        '& img': {
+                            position: string;
+                            left: string;
+                            top: any;
+                            transform: string;
+                        };
+                        '& .MuiIcon-root': {
+                            top: any;
+                            position: string;
+                        };
+                    };
+                    '& .SCCheckoutHeaderInfoWidget-content': {
+                        padding: any;
+                        justifyContent: string;
+                        '& .MuiTypography-body2': {
+                            paddingTop: any;
+                            whiteSpace: string;
+                        };
+                    };
+                };
+            };
+        };
     };
     selfcommunity: {
         user: {

package/lib/cjs/index.js

@@ -117,6 +117,7 @@ const SCGroupMembersWidget_1 = tslib_1.__importDefault(require("./components/SCG
 const SCGroupRequestsWidget_1 = tslib_1.__importDefault(require("./components/SCGroupRequestsWidget"));
 const SCGroups_1 = tslib_1.__importDefault(require("./components/SCGroups"));
 const SCGroupSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCGroupSettingsIconButton"));
+const SCGroupSubscribeButton_1 = tslib_1.__importDefault(require("./components/SCGroupSubscribeButton"));
 const SCGroupTemplate_1 = tslib_1.__importDefault(require("./components/SCGroupTemplate"));
 const SCIncubator_1 = tslib_1.__importDefault(require("./components/SCIncubator"));
 const SCIncubatorDetail_1 = tslib_1.__importDefault(require("./components/SCIncubatorDetail"));
@@ -219,6 +220,7 @@ const SCPaywalls_1 = tslib_1.__importDefault(require("./components/SCPaywalls"))
 const SCPaywallsConfigurator_1 = tslib_1.__importDefault(require("./components/SCPaywallsConfigurator"));
 const SCPdfPreview_1 = tslib_1.__importDefault(require("./components/SCPdfPreview"));
 const SCPaymentOrders_1 = tslib_1.__importDefault(require("./components/SCPaymentOrders"));
+const SCCheckoutHeaderInfoWidget_1 = tslib_1.__importDefault(require("./components/SCCheckoutHeaderInfoWidget"));
 /**
  * Style fragments - Imports - End
  */
@@ -399,6 +401,7 @@ const theme = {
         SCGroupMembersWidget: SCGroupMembersWidget_1.default,
         SCGroupRequestsWidget: SCGroupRequestsWidget_1.default,
         SCGroupSettingsIconButton: SCGroupSettingsIconButton_1.default,
+        SCGroupSubscribeButton: SCGroupSubscribeButton_1.default,
         SCGroupTemplate: SCGroupTemplate_1.default,
         SCGroups: SCGroups_1.default,
         SCIncubator: SCIncubator_1.default,
@@ -520,7 +523,8 @@ const theme = {
         SCPaywalls: SCPaywalls_1.default,
         SCPaywallsConfigurator: SCPaywallsConfigurator_1.default,
         SCPdfPreview: SCPdfPreview_1.default,
-        SCPaymentOrders: SCPaymentOrders_1.default
+        SCPaymentOrders: SCPaymentOrders_1.default,
+        SCCheckoutHeaderInfoWidget: SCCheckoutHeaderInfoWidget_1.default
     },
     selfcommunity: {
         user: {

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

@@ -21,6 +21,7 @@ declare const Component: {
                 maxWidth: number;
                 display: string;
                 gridTemplateColumns: string;
+                padding: any;
                 gap: number;
                 "& .SCCheckout-content-object": {
                     [x: number]: {
@@ -33,6 +34,9 @@ declare const Component: {
                     alignItems: string;
                     '& .SCWidget-root': {
                         width: string;
+                        '& .SCEvent-preview-content': {
+                            padding: string;
+                        };
                     };
                 };
                 "& .SCCheckout-content-coverage": {
@@ -50,7 +54,6 @@ declare const Component: {
                     justifyContent: string;
                     alignItems: string;
                     maxWidth: number;
-                    padding: any;
                 };
             };
             "& .SCCheckout-checkout": {
@@ -62,7 +65,6 @@ declare const Component: {
                     minWidth: number;
                     width: string;
                 };
-                margin: any;
                 width: string;
             };
             "& .SCCheckout-payment-order": {

package/lib/esm/components/SCCheckout.js

@@ -13,6 +13,7 @@ const Component = {
                 maxWidth: 860,
                 display: 'grid',
                 gridTemplateColumns: '1fr 1fr',
+                padding: theme.spacing(2),
                 gap: 0,
                 [theme.breakpoints.down(1034)]: {
                     display: 'flex',
@@ -30,7 +31,10 @@ const Component = {
                         width: '90%'
                     },
                     '& .SCWidget-root': {
-                        width: '93%'
+                        width: '93%',
+                        '& .SCEvent-preview-content': {
+                            padding: `${theme.spacing(2)} !important`
+                        }
                     }
                 },
                 ['& .SCCheckout-content-coverage']: {
@@ -47,8 +51,7 @@ const Component = {
                     [theme.breakpoints.down(1034)]: {
                         display: 'none'
                     },
-                    maxWidth: 600,
-                    padding: theme.spacing(4)
+                    maxWidth: 600
                 }
             },
             ['& .SCCheckout-checkout']: {
@@ -56,7 +59,7 @@ const Component = {
                 bottom: theme.spacing(2)
             },
             ['& .SCCheckout-object']: {
-                margin: theme.spacing(2, 2, 0.5, 0),
+                // margin: theme.spacing(2, 2, 0.5, 0),
                 width: '100%',
                 [theme.breakpoints.up('sm')]: {
                     minWidth: 395,

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

@@ -0,0 +1,34 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCCheckoutHeaderInfoWidget-header': {
+                height: any;
+                position: string;
+                backgroundColor: any;
+                color: string;
+                textAlign: string;
+                '& img': {
+                    position: string;
+                    left: string;
+                    top: any;
+                    transform: string;
+                };
+                '& .MuiIcon-root': {
+                    top: any;
+                    position: string;
+                };
+            };
+            '& .SCCheckoutHeaderInfoWidget-content': {
+                padding: any;
+                justifyContent: string;
+                '& .MuiTypography-body2': {
+                    paddingTop: any;
+                    whiteSpace: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCCheckoutHeaderInfoWidget.js

@@ -0,0 +1,32 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCCheckoutHeaderInfoWidget-header': {
+                height: theme.spacing(10),
+                position: 'relative',
+                backgroundColor: theme.palette.primary.main,
+                color: 'white',
+                textAlign: 'center',
+                '& img': {
+                    position: 'absolute',
+                    left: '50%',
+                    top: theme.spacing(1),
+                    transform: 'translateX(-50%)'
+                },
+                '& .MuiIcon-root': {
+                    top: theme.spacing(5),
+                    position: 'relative'
+                }
+            },
+            '& .SCCheckoutHeaderInfoWidget-content': {
+                padding: theme.spacing(1.5),
+                justifyContent: 'center',
+                '& .MuiTypography-body2': {
+                    paddingTop: theme.spacing(1),
+                    whiteSpace: 'pre-line'
+                }
+            }
+        })
+    }
+};
+export default Component;

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

@@ -16,22 +16,10 @@ declare const Component: {
                 '& .SCWidget-root': {
                     minWidth: number;
                 };
-                '& .SCGroup-root': {
-                    paddingLeft: any;
+                '& .MuiTypography-body2': {
+                    marginTop: any;
                 };
             };
-            '& .SCCheckoutSuccessDialog-content-object': {
-                width: string;
-            };
-            '& .SCCourse-preview-root': {
-                minHeight: string;
-            };
-            '& .SCCategory-category-image': {
-                paddingLeft: any;
-            };
-            '& .SCGroup-avatar': {
-                marginLeft: any;
-            };
         };
     };
 };

package/lib/esm/components/SCCheckoutReturnDialog.js

@@ -14,21 +14,9 @@ const Component = {
                 '& .SCWidget-root': {
                     minWidth: 310
                 },
-                '& .SCGroup-root': {
-                    paddingLeft: theme.spacing()
+                '& .MuiTypography-body2': {
+                    marginTop: theme.spacing(1)
                 }
-            },
-            '& .SCCheckoutSuccessDialog-content-object': {
-                width: '100%'
-            },
-            '& .SCCourse-preview-root': {
-                minHeight: 'auto'
-            },
-            '& .SCCategory-category-image': {
-                paddingLeft: theme.spacing(1)
-            },
-            '& .SCGroup-avatar': {
-                marginLeft: theme.spacing(1)
             }
         })
     }

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

@@ -52,6 +52,18 @@ declare const Component: {
                             alignItems: string;
                             gap: any;
                         };
+                        '& .SCBuyButton-request-root': {
+                            fontWeight: any;
+                            '& .MuiButton-startIcon': {
+                                marginRight: any;
+                                '& .MuiIcon-root': {
+                                    fontSize: string;
+                                };
+                            };
+                            '&.Mui-selected, &:hover': {
+                                backgroundColor: string;
+                            };
+                        };
                     };
                 };
             };
@@ -178,6 +190,16 @@ declare const Component: {
                         };
                         margin: string;
                         gap: string;
+                        '& .SCBuyButton-request-root': {
+                            '&:hover, &:active': {
+                                backgroundColor: any;
+                                color: any;
+                                border: string;
+                                '& .MuiIcon-root': {
+                                    color: any;
+                                };
+                            };
+                        };
                     };
                 };
                 '& .SCCourseDashboard-lessons-sections': {

package/lib/esm/components/SCCourseDashboard.js

@@ -50,6 +50,18 @@ const Component = {
                             flexDirection: 'row',
                             alignItems: 'center',
                             gap: theme.spacing(1)
+                        },
+                        '& .SCBuyButton-request-root': {
+                            fontWeight: theme.typography.fontWeightBold,
+                            '& .MuiButton-startIcon': {
+                                marginRight: theme.spacing(0.5),
+                                '& .MuiIcon-root': {
+                                    fontSize: '1.5rem'
+                                }
+                            },
+                            '&.Mui-selected, &:hover': {
+                                backgroundColor: 'transparent'
+                            }
                         }
                     }
                 }
@@ -173,6 +185,16 @@ const Component = {
                         [theme.breakpoints.up('sm')]: {
                             flexDirection: 'row',
                             margin: 0
+                        },
+                        '& .SCBuyButton-request-root': {
+                            '&:hover, &:active': {
+                                backgroundColor: theme.palette.common.white,
+                                color: theme.palette.primary.main,
+                                border: `1px solid ${theme.palette.primary.main}`,
+                                '& .MuiIcon-root': {
+                                    color: theme.palette.primary.main
+                                }
+                            }
                         }
                     }
                 },

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

@@ -49,6 +49,18 @@ declare const Component: {
         requestRoot: ({ theme }: {
             theme: any;
         }) => {};
+        buyButtonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            '&:hover, &:active': {
+                backgroundColor: any;
+                color: any;
+                border: string;
+                '& .MuiIcon-root': {
+                    color: any;
+                };
+            };
+        };
         menuRoot: ({ theme }: {
             theme: any;
         }) => {

package/lib/esm/components/SCEventSubscribeButton.js

@@ -45,6 +45,16 @@ const Component = {
             }
         }),
         requestRoot: ({ theme }) => ({}),
+        buyButtonRoot: ({ theme }) => ({
+            '&:hover, &:active': {
+                backgroundColor: theme.palette.common.white,
+                color: theme.palette.primary.main,
+                border: `1px solid ${theme.palette.primary.main}`,
+                '& .MuiIcon-root': {
+                    color: theme.palette.primary.main
+                }
+            }
+        }),
         menuRoot: ({ theme }) => ({
             '& .MuiPaper-root': {
                 width: 195,

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

@@ -39,6 +39,18 @@ declare const Component: {
                         alignItems: string;
                         gap: any;
                     };
+                    '& .SCBuyButton-request-root': {
+                        fontWeight: any;
+                        '& .MuiButton-startIcon': {
+                            marginRight: any;
+                            '& .MuiIcon-root': {
+                                fontSize: string;
+                            };
+                        };
+                        '&.Mui-selected, &:hover': {
+                            backgroundColor: string;
+                        };
+                    };
                 };
                 '& .SCGroupHeader-multi-actions': {
                     display: string;