@selfcommunity/react-theme-default 0.4.5-payments.182 → 0.5.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@selfcommunity/react-theme-default",
-	"version": "0.4.5-payments.182+f0e7cb8a3",
+	"version": "0.5.0-alpha.1",
 	"license": "MIT",
 	"private": false,
 	"main": "./lib/cjs/index.js",
@@ -121,5 +121,5 @@
 	"bugs": {
 		"url": "https://github.com/selfcommunity/community-js/issues"
 	},
-	"gitHead": "f0e7cb8a3685f353eeb04fa142708fdfb433c24e"
+	"gitHead": "85b99aa0d7da8721e63c46f7a8d3304a12e1c2fc"
 }

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

@@ -1,15 +0,0 @@
-declare const Component: {
-    styleOverrides: {
-        requestRoot: ({ theme }: {
-            theme: any;
-        }) => {};
-        drawerRoot: ({ theme }: {
-            theme: any;
-        }) => {
-            '& > div.MuiPaper-root': {
-                padding: any;
-            };
-        };
-    };
-};
-export default Component;

package/lib/cjs/components/SCBuyButton.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Component = {
-    styleOverrides: {
-        requestRoot: ({ theme }) => ({}),
-        drawerRoot: ({ theme }) => ({
-            '& > div.MuiPaper-root': {
-                padding: theme.spacing(2)
-            }
-        })
-    }
-};
-exports.default = Component;

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

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

package/lib/cjs/components/SCCategoryFollowButton.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Component = {
-    styleOverrides: {
-        root: ({ theme }) => ({
-            padding: theme.spacing(0.75, 3)
-        })
-    }
-};
-exports.default = Component;

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

@@ -1,86 +0,0 @@
-declare const Component: {
-    styleOverrides: {
-        root: ({ theme }: {
-            theme: any;
-        }) => {
-            position: string;
-            backgroundColor: any;
-            display: string;
-            flexDirection: string;
-            justifyContent: string;
-            alignItems: string;
-            width: string;
-            "& .SCCheckout-content": {
-                [x: number]: {
-                    display: string;
-                    flexDirection: string;
-                    justifyContent: string;
-                    alignItems: string;
-                };
-                width: string;
-                maxWidth: number;
-                display: string;
-                gridTemplateColumns: string;
-                gap: number;
-                "& .SCCheckout-content-object": {
-                    [x: number]: {
-                        width: string;
-                    };
-                    position: string;
-                    display: string;
-                    flexDirection: string;
-                    justifyContent: string;
-                    alignItems: string;
-                    '& .SCWidget-root': {
-                        width: string;
-                    };
-                };
-                "& .SCCheckout-content-coverage": {
-                    position: string;
-                    width: string;
-                    height: string;
-                    backgroundColor: string;
-                };
-                "& .SCCheckout-content-desc": {
-                    [x: number]: {
-                        display: string;
-                    };
-                    display: string;
-                    flexDirection: string;
-                    justifyContent: string;
-                    alignItems: string;
-                    maxWidth: number;
-                    padding: any;
-                };
-            };
-            "& .SCCheckout-checkout": {
-                width: string;
-                bottom: any;
-            };
-            "& .SCCheckout-object": {
-                [x: number]: {
-                    minWidth: number;
-                    width: string;
-                };
-                margin: any;
-                width: string;
-            };
-            "& .SCCategory-root": {
-                borderRadius: any;
-                '& a': {
-                    padding: any;
-                };
-            };
-            "& .SCGroup-root": {
-                borderRadius: any;
-                '& a': {
-                    padding: any;
-                };
-            };
-            "& .SCCourse-preview-root": {
-                minHeight: string;
-            };
-        };
-    };
-};
-export default Component;

package/lib/cjs/components/SCCheckout.js

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Component = {
-    styleOverrides: {
-        root: ({ theme }) => ({
-            position: 'relative',
-            backgroundColor: theme.palette.background.paper,
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            width: '100%',
-            ['& .SCCheckout-content']: {
-                width: '100%',
-                maxWidth: 860,
-                display: 'grid',
-                gridTemplateColumns: '1fr 1fr',
-                gap: 0,
-                [theme.breakpoints.down(1034)]: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    justifyContent: 'space-between',
-                    alignItems: 'center'
-                },
-                ['& .SCCheckout-content-object']: {
-                    position: 'relative',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    justifyContent: 'center',
-                    alignItems: 'flex-start',
-                    [theme.breakpoints.down('sm')]: {
-                        width: '90%'
-                    },
-                    '& .SCWidget-root': {
-                        width: '93%'
-                    }
-                },
-                ['& .SCCheckout-content-coverage']: {
-                    position: 'absolute',
-                    width: '100%',
-                    height: '100%',
-                    backgroundColor: 'transparent'
-                },
-                ['& .SCCheckout-content-desc']: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    [theme.breakpoints.down(1034)]: {
-                        display: 'none'
-                    },
-                    maxWidth: 600,
-                    padding: theme.spacing(4)
-                }
-            },
-            ['& .SCCheckout-checkout']: {
-                width: '100%',
-                bottom: theme.spacing(2)
-            },
-            ['& .SCCheckout-object']: {
-                margin: theme.spacing(2, 2, 0.5, 0),
-                width: '100%',
-                [theme.breakpoints.up('sm')]: {
-                    minWidth: 395,
-                    width: 'auto'
-                }
-            },
-            ['& .SCCategory-root']: {
-                borderRadius: theme.shape.borderRadius,
-                '& a': {
-                    padding: theme.spacing(2)
-                }
-            },
-            ['& .SCGroup-root']: {
-                borderRadius: theme.shape.borderRadius,
-                '& a': {
-                    padding: theme.spacing(2)
-                }
-            },
-            ['& .SCCourse-preview-root']: {
-                minHeight: 'auto'
-            }
-        })
-    }
-};
-exports.default = Component;

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

@@ -1,30 +0,0 @@
-declare const Component: {
-    styleOverrides: {
-        root: ({ theme }: {
-            theme: any;
-        }) => {
-            '& .MuiDialogTitle-root': {
-                textAlign: string;
-                fontSize: string;
-                fontWeight: number;
-            };
-            '& .MuiDialogContent-root': {
-                display: string;
-                minHeight: number;
-                justifyContent: string;
-                alignItems: string;
-                '& .SCWidget-root': {
-                    minWidth: number;
-                    paddingLeft: any;
-                };
-            };
-            '& .SCCheckoutSuccessDialog-content-object': {
-                width: string;
-            };
-            '& .SCCourse-preview-root': {
-                minHeight: string;
-            };
-        };
-    };
-};
-export default Component;

package/lib/cjs/components/SCCheckoutReturnDialog.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Component = {
-    styleOverrides: {
-        root: ({ theme }) => ({
-            '& .MuiDialogTitle-root': {
-                textAlign: 'center',
-                fontSize: '20px',
-                fontWeight: 600
-            },
-            '& .MuiDialogContent-root': {
-                display: 'flex',
-                minHeight: 200,
-                justifyContent: 'center',
-                alignItems: 'center',
-                '& .SCWidget-root': {
-                    minWidth: 310,
-                    paddingLeft: theme.spacing()
-                }
-            },
-            '& .SCCheckoutSuccessDialog-content-object': {
-                width: '100%'
-            },
-            '& .SCCourse-preview-root': {
-                minHeight: 'auto'
-            },
-        })
-    }
-};
-exports.default = Component;

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

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

package/lib/cjs/components/SCHiddenPurchasableContent.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Component = {
-    styleOverrides: {
-        root: ({ theme }) => ({
-            padding: theme.spacing(2)
-        })
-    }
-};
-exports.default = Component;

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

@@ -1,51 +0,0 @@
-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': {
-                        [x: number]: {
-                            fontSize: any;
-                        };
-                        fontWeight: number;
-                        color: any;
-                    };
-                };
-                '& .MuiAccordionDetails-root': {
-                    marginTop: any;
-                };
-            };
-            '& .SCPaymentProductPrice-root': {
-                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': {
-                marginBottom: any;
-                width: string;
-            };
-        };
-    };
-};
-export default Component;

package/lib/cjs/components/SCPaymentProduct.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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],
-                        [theme.breakpoints.down('sm')]: {
-                            fontSize: theme.typography.pxToRem(12)
-                        }
-                    }
-                },
-                '& .MuiAccordionDetails-root': {
-                    marginTop: theme.spacing()
-                }
-            },
-            '& .SCPaymentProductPrice-root': {
-                marginBottom: theme.spacing(),
-                width: 'auto',
-                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: 'auto'
-            }
-        })
-    }
-};
-exports.default = Component;

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

@@ -1,22 +0,0 @@
-declare const Component: {
-    styleOverrides: {
-        root: ({ theme }: {
-            theme: any;
-        }) => {
-            borderRadius: string;
-            '& .SCPaymentProductPrice-button-purchased': {
-                backgroundColor: string;
-                color: string;
-            };
-            '& .SCPaymentProductPrice-purchased-at': {
-                textDecoration: string;
-            };
-        };
-        skeletonRoot: ({ theme }: {
-            theme: any;
-        }) => {
-            borderRadius: string;
-        };
-    };
-};
-export default Component;

package/lib/cjs/components/SCPaymentProductPrice.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Component = {
-    styleOverrides: {
-        root: ({ theme }) => ({
-            borderRadius: '3px',
-            '& .SCPaymentProductPrice-button-purchased': {
-                backgroundColor: `${theme.palette.secondary.main} !important`,
-                color: `${theme.palette.secondary.contrastText} !important`
-            },
-            '& .SCPaymentProductPrice-purchased-at': {
-                textDecoration: 'underline'
-            }
-        }),
-        skeletonRoot: ({ theme }) => ({
-            borderRadius: '3px'
-        })
-    }
-};
-exports.default = Component;

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

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

package/lib/cjs/components/SCPaymentProducts.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Component = {
-    styleOverrides: {
-        root: ({ theme }) => ({
-            padding: theme.spacing(0.5),
-        }),
-        skeletonRoot: ({ theme }) => ({
-            padding: theme.spacing(0.5)
-        })
-    }
-};
-exports.default = Component;

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

@@ -1,12 +0,0 @@
-declare const Component: {
-    styleOverrides: {
-        root: ({ theme }: {
-            theme: any;
-        }) => {
-            '& .SCPaywalls-error': {
-                margin: any;
-            };
-        };
-    };
-};
-export default Component;

package/lib/cjs/components/SCPaywalls.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Component = {
-    styleOverrides: {
-        root: ({ theme }) => ({
-            '& .SCPaywalls-error': {
-                margin: theme.spacing(2, 0)
-            }
-        })
-    }
-};
-exports.default = Component;

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

@@ -1,150 +0,0 @@
-declare const Component: {
-    styleOverrides: {
-        root: ({ theme }: any) => {
-            "& .SCPaywallsConfigurator-new-product": {
-                background: string;
-                padding: any;
-                marginTop: any;
-                borderRadius: any;
-            };
-            "& .SCPaywallsConfigurator-no-product": {
-                textDecoration: string;
-                paddingLeft: number;
-                color: "#bdbdbd";
-            };
-            "& .SCPaywallsConfigurator-content-access-type": {
-                '& > p': {
-                    marginBottom: any;
-                };
-                '& .MuiPaper-root': {
-                    borderColor: string;
-                };
-                '& .MuiAccordion-root:first-of-type': {
-                    borderTopLeftRadius: number;
-                    borderTopRightRadius: number;
-                };
-                '& .MuiAccordion-root:last-of-type': {
-                    borderBottomLeftRadius: number;
-                    borderBottomRightRadius: number;
-                };
-                "& .SCPaywallsConfigurator-selected-payment-products-list": {
-                    borderTop: string;
-                    marginTop: number;
-                };
-                "& .SCPaywallsConfigurator-add-payment-product": {
-                    position: string;
-                    left: number;
-                    '& .MuiButton-startIcon': {
-                        fontSize: string;
-                    };
-                };
-            };
-        };
-        paymentProductsAutocompletePopperRoot: ({ theme }: any) => {
-            "& .MuiAutocomplete-paper": {
-                boxShadow: string;
-                margin: number;
-                color: string;
-                fontSize: number;
-            };
-            "& .MuiAutocomplete-listbox": {
-                backgroundColor: string;
-                padding: number;
-                "& .MuiAutocomplete-option": {
-                    minHeight: string;
-                    alignItems: string;
-                    padding: number;
-                    borderBottom: string;
-                    '&[aria-selected="true"]': {
-                        backgroundColor: string;
-                    };
-                    "&.MuiAutocomplete-focused, &.MuiAutocomplete-focused[aria-selected=\"true\"]": {
-                        backgroundColor: any;
-                    };
-                };
-            };
-            "&.MuiAutocomplete-popperDisablePortal": {
-                position: string;
-            };
-            "& .SCPaywallsConfigurator-product-check-icon": {
-                width: number;
-                height: number;
-                margin: string;
-            };
-            "& .SCPaywallsConfigurator-product-card-icon": {
-                width: number;
-                height: number;
-                flexShrink: number;
-                borderRadius: string;
-                marginRight: any;
-                marginTop: string;
-                padding: string;
-                backgroundColor: string;
-                color: string;
-            };
-            "& .SCPaywallsConfigurator-product-content": {
-                flexGrow: number;
-                '& span': {
-                    color: string;
-                };
-            };
-            "& .SCPaywallsConfigurator-product-remove-icon": {
-                opacity: number;
-                width: number;
-                height: number;
-            };
-            "& .SCPaywallsConfigurator-autocomplete-footer": {
-                backgroundColor: "#bdbdbd";
-            };
-        };
-        paymentProductsPopperRoot: ({ theme }: any) => {
-            border: string;
-            boxShadow: string;
-            borderRadius: number;
-            width: number;
-            zIndex: any;
-            fontSize: number;
-            color: string;
-            backgroundColor: string;
-            '& .MuiPaper-root': {
-                borderRadius: number;
-            };
-            "& .SCPaywallsConfigurator-payment-products-popper-title": {
-                borderBottom: string;
-                padding: string;
-                fontWeight: number;
-            };
-            "& .SCPaywallsConfigurator-payment-products-popper-footer": {
-                borderTop: string;
-                padding: string;
-                display: string;
-                alignItems: string;
-                justifyContent: string;
-                '& button': {
-                    padding: string;
-                    '& .MuiIcon-root': {
-                        fontSize: number;
-                    };
-                };
-            };
-        };
-        filterInputRoot: ({ theme }: any) => {
-            padding: number;
-            width: string;
-            borderBottom: string;
-            '& input': {
-                borderRadius: number;
-                backgroundColor: string;
-                padding: number;
-                transition: any;
-                border: string;
-                fontSize: number;
-                '&:focus': {
-                    boxShadow: string;
-                    borderColor: string;
-                };
-            };
-        };
-    };
-};
-export default Component;