@selfcommunity/react-theme-default 0.4.5-payments.169 → 0.5.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/lib/cjs/components/SCCategoryHeader.d.ts +0 -4
  2. package/lib/cjs/components/SCCategoryHeader.js +1 -5
  3. package/lib/cjs/components/SCComposer.d.ts +3 -0
  4. package/lib/cjs/components/SCComposer.js +4 -1
  5. package/lib/cjs/components/SCEventForm.d.ts +0 -3
  6. package/lib/cjs/components/SCEventForm.js +0 -3
  7. package/lib/cjs/components/SCGroups.d.ts +8 -0
  8. package/lib/cjs/components/SCGroups.js +8 -0
  9. package/lib/cjs/index.d.ts +11 -402
  10. package/lib/cjs/index.js +1 -35
  11. package/lib/esm/components/SCCategoryHeader.d.ts +0 -4
  12. package/lib/esm/components/SCCategoryHeader.js +1 -5
  13. package/lib/esm/components/SCComposer.d.ts +3 -0
  14. package/lib/esm/components/SCComposer.js +4 -1
  15. package/lib/esm/components/SCEventForm.d.ts +0 -3
  16. package/lib/esm/components/SCEventForm.js +0 -3
  17. package/lib/esm/components/SCGroups.d.ts +8 -0
  18. package/lib/esm/components/SCGroups.js +8 -0
  19. package/lib/esm/index.d.ts +11 -402
  20. package/lib/esm/index.js +1 -35
  21. package/lib/umd/react-theme-default.js +1 -1
  22. package/package.json +2 -2
  23. package/lib/cjs/components/SCBuyButton.d.ts +0 -15
  24. package/lib/cjs/components/SCBuyButton.js +0 -13
  25. package/lib/cjs/components/SCCategoryFollowButton.d.ts +0 -8
  26. package/lib/cjs/components/SCCategoryFollowButton.js +0 -10
  27. package/lib/cjs/components/SCCheckout.d.ts +0 -83
  28. package/lib/cjs/components/SCCheckout.js +0 -83
  29. package/lib/cjs/components/SCCheckoutReturnDialog.d.ts +0 -27
  30. package/lib/cjs/components/SCCheckoutReturnDialog.js +0 -27
  31. package/lib/cjs/components/SCHiddenPurchasableContent.d.ts +0 -8
  32. package/lib/cjs/components/SCHiddenPurchasableContent.js +0 -10
  33. package/lib/cjs/components/SCPaymentProduct.d.ts +0 -51
  34. package/lib/cjs/components/SCPaymentProduct.js +0 -49
  35. package/lib/cjs/components/SCPaymentProductPrice.d.ts +0 -22
  36. package/lib/cjs/components/SCPaymentProductPrice.js +0 -20
  37. package/lib/cjs/components/SCPaymentProducts.d.ts +0 -15
  38. package/lib/cjs/components/SCPaymentProducts.js +0 -13
  39. package/lib/cjs/components/SCPaywalls.d.ts +0 -12
  40. package/lib/cjs/components/SCPaywalls.js +0 -12
  41. package/lib/cjs/components/SCPaywallsConfigurator.d.ts +0 -150
  42. package/lib/cjs/components/SCPaywallsConfigurator.js +0 -153
  43. package/lib/esm/components/SCBuyButton.d.ts +0 -15
  44. package/lib/esm/components/SCBuyButton.js +0 -11
  45. package/lib/esm/components/SCCategoryFollowButton.d.ts +0 -8
  46. package/lib/esm/components/SCCategoryFollowButton.js +0 -8
  47. package/lib/esm/components/SCCheckout.d.ts +0 -83
  48. package/lib/esm/components/SCCheckout.js +0 -81
  49. package/lib/esm/components/SCCheckoutReturnDialog.d.ts +0 -27
  50. package/lib/esm/components/SCCheckoutReturnDialog.js +0 -25
  51. package/lib/esm/components/SCHiddenPurchasableContent.d.ts +0 -8
  52. package/lib/esm/components/SCHiddenPurchasableContent.js +0 -8
  53. package/lib/esm/components/SCPaymentProduct.d.ts +0 -51
  54. package/lib/esm/components/SCPaymentProduct.js +0 -47
  55. package/lib/esm/components/SCPaymentProductPrice.d.ts +0 -22
  56. package/lib/esm/components/SCPaymentProductPrice.js +0 -18
  57. package/lib/esm/components/SCPaymentProducts.d.ts +0 -15
  58. package/lib/esm/components/SCPaymentProducts.js +0 -11
  59. package/lib/esm/components/SCPaywalls.d.ts +0 -12
  60. package/lib/esm/components/SCPaywalls.js +0 -10
  61. package/lib/esm/components/SCPaywallsConfigurator.d.ts +0 -150
  62. package/lib/esm/components/SCPaywallsConfigurator.js +0 -151
@@ -1,153 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const colors_1 = require("@mui/material/colors");
4
- const Component = {
5
- styleOverrides: {
6
- root: ({ theme }) => ({
7
- [`& .SCPaywallsConfigurator-new-product`]: {
8
- background: '#eeeeee',
9
- padding: theme.spacing(2),
10
- marginTop: theme.spacing(),
11
- borderRadius: theme.spacing(1)
12
- },
13
- [`& .SCPaywallsConfigurator-no-product`]: {
14
- textDecoration: 'italic',
15
- paddingLeft: 0,
16
- color: colors_1.grey[400]
17
- },
18
- [`& .SCPaywallsConfigurator-content-access-type`]: {
19
- '& > p': {
20
- marginBottom: theme.spacing(2),
21
- },
22
- '& .MuiPaper-root': {
23
- borderColor: '#c6c6c6'
24
- },
25
- '& .MuiAccordion-root:first-of-type': {
26
- borderTopLeftRadius: 5,
27
- borderTopRightRadius: 5
28
- },
29
- '& .MuiAccordion-root:last-of-type': {
30
- borderBottomLeftRadius: 5,
31
- borderBottomRightRadius: 5
32
- },
33
- [`& .SCPaywallsConfigurator-selected-payment-products-list`]: {
34
- borderTop: '1px solid',
35
- marginTop: 10
36
- },
37
- [`& .SCPaywallsConfigurator-add-payment-product`]: {
38
- position: 'relative',
39
- left: -23,
40
- '& .MuiButton-startIcon': {
41
- fontSize: '15px'
42
- }
43
- }
44
- }
45
- }),
46
- paymentProductsAutocompletePopperRoot: ({ theme }) => ({
47
- [`& .MuiAutocomplete-paper`]: {
48
- boxShadow: 'none',
49
- margin: 0,
50
- color: 'inherit',
51
- fontSize: 13
52
- },
53
- [`& .MuiAutocomplete-listbox`]: {
54
- backgroundColor: theme.palette.mode === 'light' ? '#fff' : '#1c2128',
55
- padding: 0,
56
- [`& .MuiAutocomplete-option`]: {
57
- minHeight: 'auto',
58
- alignItems: 'flex-start',
59
- padding: 8,
60
- borderBottom: `1px solid ${theme.palette.mode === 'light' ? ' #eaecef' : '#30363d'}`,
61
- '&[aria-selected="true"]': {
62
- backgroundColor: 'transparent'
63
- },
64
- [`&.MuiAutocomplete-focused, &.MuiAutocomplete-focused[aria-selected="true"]`]: {
65
- backgroundColor: theme.palette.action.hover
66
- }
67
- }
68
- },
69
- [`&.MuiAutocomplete-popperDisablePortal`]: {
70
- position: 'relative'
71
- },
72
- [`& .SCPaywallsConfigurator-product-check-icon`]: {
73
- width: 17,
74
- height: 17,
75
- margin: '3px 5px 0px -1px'
76
- },
77
- [`& .SCPaywallsConfigurator-product-card-icon`]: {
78
- width: 14,
79
- height: 14,
80
- flexShrink: 0,
81
- borderRadius: '3px',
82
- marginRight: theme.spacing(),
83
- marginTop: '2px',
84
- padding: '3px',
85
- backgroundColor: 'red',
86
- color: 'white'
87
- },
88
- [`& .SCPaywallsConfigurator-product-content`]: {
89
- flexGrow: 1,
90
- '& span': {
91
- color: '#8b949e'
92
- }
93
- },
94
- [`& .SCPaywallsConfigurator-product-remove-icon`]: {
95
- opacity: 0.6,
96
- width: 18,
97
- height: 18
98
- },
99
- [`& .SCPaywallsConfigurator-autocomplete-footer`]: {
100
- backgroundColor: colors_1.grey[400]
101
- }
102
- }),
103
- paymentProductsPopperRoot: ({ theme }) => ({
104
- border: `1px solid ${theme.palette.mode === 'light' ? '#e1e4e8' : '#30363d'}`,
105
- boxShadow: `0 8px 24px ${theme.palette.mode === 'light' ? 'rgba(149, 157, 165, 0.2)' : 'rgb(1, 4, 9)'}`,
106
- borderRadius: 6,
107
- width: 300,
108
- zIndex: theme.zIndex.modal,
109
- fontSize: 13,
110
- color: theme.palette.mode === 'light' ? '#24292e' : '#c9d1d9',
111
- backgroundColor: theme.palette.mode === 'light' ? '#fff' : '#1c2128',
112
- '& .MuiPaper-root': {
113
- borderRadius: 0
114
- },
115
- [`& .SCPaywallsConfigurator-payment-products-popper-title`]: {
116
- borderBottom: `1px solid ${theme.palette.mode === 'light' ? '#eaecef' : '#30363d'}`,
117
- padding: '8px 10px',
118
- fontWeight: 600
119
- },
120
- [`& .SCPaywallsConfigurator-payment-products-popper-footer`]: {
121
- borderTop: '1px solid #eaecef',
122
- padding: '8px',
123
- display: 'flex',
124
- alignItems: 'flex-end',
125
- justifyContent: 'center',
126
- '& button': {
127
- padding: '2px 8px',
128
- '& .MuiIcon-root': {
129
- fontSize: 12
130
- }
131
- }
132
- }
133
- }),
134
- filterInputRoot: ({ theme }) => ({
135
- padding: 10,
136
- width: '100%',
137
- borderBottom: `1px solid ${theme.palette.mode === 'light' ? '#eaecef' : '#30363d'}`,
138
- '& input': {
139
- borderRadius: 4,
140
- backgroundColor: theme.palette.mode === 'light' ? '#fff' : '#0d1117',
141
- padding: 8,
142
- transition: theme.transitions.create(['border-color', 'box-shadow']),
143
- border: `1px solid ${theme.palette.mode === 'light' ? '#eaecef' : '#30363d'}`,
144
- fontSize: 14,
145
- '&:focus': {
146
- boxShadow: `0px 0px 0px 3px ${theme.palette.mode === 'light' ? 'rgba(3, 102, 214, 0.3)' : 'rgb(12, 45, 107)'}`,
147
- borderColor: theme.palette.mode === 'light' ? '#0366d6' : '#388bfd'
148
- }
149
- }
150
- })
151
- }
152
- };
153
- exports.default = Component;
@@ -1,15 +0,0 @@
1
- declare const Component: {
2
- styleOverrides: {
3
- requestRoot: ({ theme }: {
4
- theme: any;
5
- }) => {};
6
- drawerRoot: ({ theme }: {
7
- theme: any;
8
- }) => {
9
- '& > div.MuiPaper-root': {
10
- padding: any;
11
- };
12
- };
13
- };
14
- };
15
- export default Component;
@@ -1,11 +0,0 @@
1
- const Component = {
2
- styleOverrides: {
3
- requestRoot: ({ theme }) => ({}),
4
- drawerRoot: ({ theme }) => ({
5
- '& > div.MuiPaper-root': {
6
- padding: theme.spacing(2)
7
- }
8
- })
9
- }
10
- };
11
- export default Component;
@@ -1,8 +0,0 @@
1
- declare const Component: {
2
- styleOverrides: {
3
- root: ({ theme }: any) => {
4
- padding: any;
5
- };
6
- };
7
- };
8
- export default Component;
@@ -1,8 +0,0 @@
1
- const Component = {
2
- styleOverrides: {
3
- root: ({ theme }) => ({
4
- padding: theme.spacing(0.75, 3)
5
- })
6
- }
7
- };
8
- export default Component;
@@ -1,83 +0,0 @@
1
- declare const Component: {
2
- styleOverrides: {
3
- root: ({ theme }: {
4
- theme: any;
5
- }) => {
6
- position: string;
7
- backgroundColor: any;
8
- display: string;
9
- flexDirection: string;
10
- justifyContent: string;
11
- alignItems: string;
12
- width: string;
13
- "& .SCCheckout-content": {
14
- [x: number]: {
15
- display: string;
16
- flexDirection: string;
17
- justifyContent: string;
18
- alignItems: string;
19
- };
20
- width: string;
21
- maxWidth: number;
22
- display: string;
23
- gridTemplateColumns: string;
24
- gap: number;
25
- "& .SCCheckout-content-object": {
26
- [x: number]: {
27
- width: string;
28
- };
29
- position: string;
30
- display: string;
31
- flexDirection: string;
32
- justifyContent: string;
33
- alignItems: string;
34
- '& .SCWidget-root': {
35
- width: string;
36
- };
37
- };
38
- "& .SCCheckout-content-coverage": {
39
- position: string;
40
- width: string;
41
- height: string;
42
- backgroundColor: string;
43
- };
44
- "& .SCCheckout-content-desc": {
45
- [x: number]: {
46
- display: string;
47
- };
48
- display: string;
49
- flexDirection: string;
50
- justifyContent: string;
51
- alignItems: string;
52
- maxWidth: number;
53
- padding: any;
54
- };
55
- };
56
- "& .SCCheckout-checkout": {
57
- width: string;
58
- bottom: any;
59
- };
60
- "& .SCCheckout-object": {
61
- [x: number]: {
62
- minWidth: number;
63
- width: string;
64
- };
65
- margin: any;
66
- width: string;
67
- };
68
- "& .SCCategory-root": {
69
- borderRadius: any;
70
- '& a': {
71
- padding: any;
72
- };
73
- };
74
- "& .SCGroup-root": {
75
- borderRadius: any;
76
- '& a': {
77
- padding: any;
78
- };
79
- };
80
- };
81
- };
82
- };
83
- export default Component;
@@ -1,81 +0,0 @@
1
- const Component = {
2
- styleOverrides: {
3
- root: ({ theme }) => ({
4
- position: 'relative',
5
- backgroundColor: theme.palette.background.paper,
6
- display: 'flex',
7
- flexDirection: 'column',
8
- justifyContent: 'space-between',
9
- alignItems: 'center',
10
- width: '100%',
11
- ['& .SCCheckout-content']: {
12
- width: '100%',
13
- maxWidth: 860,
14
- display: 'grid',
15
- gridTemplateColumns: '1fr 1fr',
16
- gap: 0,
17
- [theme.breakpoints.down(1034)]: {
18
- display: 'flex',
19
- flexDirection: 'column',
20
- justifyContent: 'space-between',
21
- alignItems: 'center'
22
- },
23
- ['& .SCCheckout-content-object']: {
24
- position: 'relative',
25
- display: 'flex',
26
- flexDirection: 'column',
27
- justifyContent: 'center',
28
- alignItems: 'flex-start',
29
- [theme.breakpoints.down('sm')]: {
30
- width: '90%'
31
- },
32
- '& .SCWidget-root': {
33
- width: '93%'
34
- }
35
- },
36
- ['& .SCCheckout-content-coverage']: {
37
- position: 'absolute',
38
- width: '100%',
39
- height: '100%',
40
- backgroundColor: 'transparent'
41
- },
42
- ['& .SCCheckout-content-desc']: {
43
- display: 'flex',
44
- flexDirection: 'column',
45
- justifyContent: 'center',
46
- alignItems: 'center',
47
- [theme.breakpoints.down(1034)]: {
48
- display: 'none'
49
- },
50
- maxWidth: 600,
51
- padding: theme.spacing(4)
52
- }
53
- },
54
- ['& .SCCheckout-checkout']: {
55
- width: '100%',
56
- bottom: theme.spacing(2)
57
- },
58
- ['& .SCCheckout-object']: {
59
- margin: theme.spacing(2, 2, 0.5, 0),
60
- width: '100%',
61
- [theme.breakpoints.up('sm')]: {
62
- minWidth: 395,
63
- width: 'auto'
64
- }
65
- },
66
- ['& .SCCategory-root']: {
67
- borderRadius: theme.shape.borderRadius,
68
- '& a': {
69
- padding: theme.spacing(2)
70
- }
71
- },
72
- ['& .SCGroup-root']: {
73
- borderRadius: theme.shape.borderRadius,
74
- '& a': {
75
- padding: theme.spacing(2)
76
- }
77
- }
78
- })
79
- }
80
- };
81
- export default Component;
@@ -1,27 +0,0 @@
1
- declare const Component: {
2
- styleOverrides: {
3
- root: ({ theme }: {
4
- theme: any;
5
- }) => {
6
- '& .MuiDialogTitle-root': {
7
- textAlign: string;
8
- fontSize: string;
9
- fontWeight: number;
10
- };
11
- '& .MuiDialogContent-root': {
12
- display: string;
13
- minHeight: number;
14
- justifyContent: string;
15
- alignItems: string;
16
- '& .SCWidget-root': {
17
- minWidth: number;
18
- paddingLeft: any;
19
- };
20
- };
21
- '& .SCCheckoutSuccessDialog-content-object': {
22
- width: string;
23
- };
24
- };
25
- };
26
- };
27
- export default Component;
@@ -1,25 +0,0 @@
1
- const Component = {
2
- styleOverrides: {
3
- root: ({ theme }) => ({
4
- '& .MuiDialogTitle-root': {
5
- textAlign: 'center',
6
- fontSize: '20px',
7
- fontWeight: 600
8
- },
9
- '& .MuiDialogContent-root': {
10
- display: 'flex',
11
- minHeight: 200,
12
- justifyContent: 'center',
13
- alignItems: 'center',
14
- '& .SCWidget-root': {
15
- minWidth: 310,
16
- paddingLeft: theme.spacing()
17
- }
18
- },
19
- '& .SCCheckoutSuccessDialog-content-object': {
20
- width: '100%'
21
- }
22
- })
23
- }
24
- };
25
- export default Component;
@@ -1,8 +0,0 @@
1
- declare const Component: {
2
- styleOverrides: {
3
- root: ({ theme }: any) => {
4
- padding: any;
5
- };
6
- };
7
- };
8
- export default Component;
@@ -1,8 +0,0 @@
1
- const Component = {
2
- styleOverrides: {
3
- root: ({ theme }) => ({
4
- padding: theme.spacing(2)
5
- })
6
- }
7
- };
8
- export default Component;
@@ -1,51 +0,0 @@
1
- declare const Component: {
2
- styleOverrides: {
3
- root: ({ theme }: {
4
- theme: any;
5
- }) => {
6
- borderRadius: string;
7
- '& .MuiAccordionSummary-root': {
8
- backgroundColor: any;
9
- '& .MuiAccordionSummary-content': {
10
- display: string;
11
- flexDirection: string;
12
- '& .SCBaseItem-root': {
13
- backgroundColor: string;
14
- };
15
- '& .MuiTypography-body1': {
16
- [x: number]: {
17
- fontSize: any;
18
- };
19
- fontWeight: number;
20
- color: any;
21
- };
22
- };
23
- '& .MuiAccordionDetails-root': {
24
- marginTop: any;
25
- };
26
- };
27
- '& .SCPaymentProductPrice-root': {
28
- marginBottom: any;
29
- width: string;
30
- borderRadius: string;
31
- };
32
- };
33
- skeletonRoot: ({ theme }: {
34
- theme: any;
35
- }) => {
36
- borderRadius: string;
37
- '& .MuiAccordionSummary-root': {
38
- backgroundColor: any;
39
- marginBottom: any;
40
- '& .SCBaseItem-root': {
41
- backgroundColor: string;
42
- };
43
- };
44
- '& .SCPaymentProductPrice-skeleton-root': {
45
- marginBottom: any;
46
- width: string;
47
- };
48
- };
49
- };
50
- };
51
- export default Component;
@@ -1,47 +0,0 @@
1
- const Component = {
2
- styleOverrides: {
3
- root: ({ theme }) => ({
4
- borderRadius: '3px !important',
5
- '& .MuiAccordionSummary-root': {
6
- backgroundColor: theme.palette.grey[50],
7
- '& .MuiAccordionSummary-content': {
8
- display: 'block',
9
- flexDirection: 'row',
10
- '& .SCBaseItem-root': {
11
- backgroundColor: 'transparent'
12
- },
13
- '& .MuiTypography-body1': {
14
- fontWeight: 200,
15
- color: theme.palette.grey[600],
16
- [theme.breakpoints.down('sm')]: {
17
- fontSize: theme.typography.pxToRem(12)
18
- }
19
- }
20
- },
21
- '& .MuiAccordionDetails-root': {
22
- marginTop: theme.spacing()
23
- }
24
- },
25
- '& .SCPaymentProductPrice-root': {
26
- marginBottom: theme.spacing(),
27
- width: 'auto',
28
- borderRadius: '3px'
29
- }
30
- }),
31
- skeletonRoot: ({ theme }) => ({
32
- borderRadius: '3px !important',
33
- '& .MuiAccordionSummary-root': {
34
- backgroundColor: theme.palette.grey[50],
35
- marginBottom: theme.spacing(1),
36
- '& .SCBaseItem-root': {
37
- backgroundColor: 'transparent'
38
- }
39
- },
40
- '& .SCPaymentProductPrice-skeleton-root': {
41
- marginBottom: theme.spacing(),
42
- width: 'auto'
43
- }
44
- })
45
- }
46
- };
47
- export default Component;
@@ -1,22 +0,0 @@
1
- declare const Component: {
2
- styleOverrides: {
3
- root: ({ theme }: {
4
- theme: any;
5
- }) => {
6
- borderRadius: string;
7
- '& .SCPaymentProductPrice-button-purchased': {
8
- backgroundColor: string;
9
- color: string;
10
- };
11
- '& .SCPaymentProductPrice-purchased-at': {
12
- textDecoration: string;
13
- };
14
- };
15
- skeletonRoot: ({ theme }: {
16
- theme: any;
17
- }) => {
18
- borderRadius: string;
19
- };
20
- };
21
- };
22
- export default Component;
@@ -1,18 +0,0 @@
1
- const Component = {
2
- styleOverrides: {
3
- root: ({ theme }) => ({
4
- borderRadius: '3px',
5
- '& .SCPaymentProductPrice-button-purchased': {
6
- backgroundColor: `${theme.palette.secondary.main} !important`,
7
- color: `${theme.palette.secondary.contrastText} !important`
8
- },
9
- '& .SCPaymentProductPrice-purchased-at': {
10
- textDecoration: 'underline'
11
- }
12
- }),
13
- skeletonRoot: ({ theme }) => ({
14
- borderRadius: '3px'
15
- })
16
- }
17
- };
18
- export default Component;
@@ -1,15 +0,0 @@
1
- declare const Component: {
2
- styleOverrides: {
3
- root: ({ theme }: {
4
- theme: any;
5
- }) => {
6
- padding: any;
7
- };
8
- skeletonRoot: ({ theme }: {
9
- theme: any;
10
- }) => {
11
- padding: any;
12
- };
13
- };
14
- };
15
- export default Component;
@@ -1,11 +0,0 @@
1
- const Component = {
2
- styleOverrides: {
3
- root: ({ theme }) => ({
4
- padding: theme.spacing(0.5),
5
- }),
6
- skeletonRoot: ({ theme }) => ({
7
- padding: theme.spacing(0.5)
8
- })
9
- }
10
- };
11
- export default Component;
@@ -1,12 +0,0 @@
1
- declare const Component: {
2
- styleOverrides: {
3
- root: ({ theme }: {
4
- theme: any;
5
- }) => {
6
- '& .SCPaywalls-error': {
7
- margin: any;
8
- };
9
- };
10
- };
11
- };
12
- export default Component;
@@ -1,10 +0,0 @@
1
- const Component = {
2
- styleOverrides: {
3
- root: ({ theme }) => ({
4
- '& .SCPaywalls-error': {
5
- margin: theme.spacing(2, 0)
6
- }
7
- })
8
- }
9
- };
10
- export default Component;