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

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 (40) hide show
  1. package/lib/cjs/components/SCCheckout.d.ts +4 -2
  2. package/lib/cjs/components/SCCheckout.js +7 -4
  3. package/lib/cjs/components/SCCheckoutHeaderInfoWidget.d.ts +34 -0
  4. package/lib/cjs/components/SCCheckoutHeaderInfoWidget.js +34 -0
  5. package/lib/cjs/components/SCCourseDashboard.d.ts +22 -0
  6. package/lib/cjs/components/SCCourseDashboard.js +22 -0
  7. package/lib/cjs/components/SCEventSubscribeButton.d.ts +12 -0
  8. package/lib/cjs/components/SCEventSubscribeButton.js +10 -0
  9. package/lib/cjs/components/SCGroupHeader.d.ts +12 -0
  10. package/lib/cjs/components/SCGroupHeader.js +12 -0
  11. package/lib/cjs/components/SCGroupSubscribeButton.d.ts +18 -0
  12. package/lib/cjs/components/SCGroupSubscribeButton.js +18 -0
  13. package/lib/cjs/components/SCPaymentProduct.d.ts +20 -22
  14. package/lib/cjs/components/SCPaymentProduct.js +24 -26
  15. package/lib/cjs/components/SCPaymentProductPrice.d.ts +19 -2
  16. package/lib/cjs/components/SCPaymentProductPrice.js +19 -2
  17. package/lib/cjs/components/SCPaymentProducts.js +1 -1
  18. package/lib/cjs/index.d.ts +142 -26
  19. package/lib/cjs/index.js +5 -1
  20. package/lib/esm/components/SCCheckout.d.ts +4 -2
  21. package/lib/esm/components/SCCheckout.js +7 -4
  22. package/lib/esm/components/SCCheckoutHeaderInfoWidget.d.ts +34 -0
  23. package/lib/esm/components/SCCheckoutHeaderInfoWidget.js +32 -0
  24. package/lib/esm/components/SCCourseDashboard.d.ts +22 -0
  25. package/lib/esm/components/SCCourseDashboard.js +22 -0
  26. package/lib/esm/components/SCEventSubscribeButton.d.ts +12 -0
  27. package/lib/esm/components/SCEventSubscribeButton.js +10 -0
  28. package/lib/esm/components/SCGroupHeader.d.ts +12 -0
  29. package/lib/esm/components/SCGroupHeader.js +12 -0
  30. package/lib/esm/components/SCGroupSubscribeButton.d.ts +18 -0
  31. package/lib/esm/components/SCGroupSubscribeButton.js +16 -0
  32. package/lib/esm/components/SCPaymentProduct.d.ts +20 -22
  33. package/lib/esm/components/SCPaymentProduct.js +24 -26
  34. package/lib/esm/components/SCPaymentProductPrice.d.ts +19 -2
  35. package/lib/esm/components/SCPaymentProductPrice.js +19 -2
  36. package/lib/esm/components/SCPaymentProducts.js +1 -1
  37. package/lib/esm/index.d.ts +142 -26
  38. package/lib/esm/index.js +5 -1
  39. package/lib/umd/react-theme-default.js +1 -1
  40. package/package.json +2 -2
package/lib/esm/components/SCPaymentProduct.d.ts CHANGED
@@ -3,47 +3,45 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
+ marginBottom: any;
6
7
  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
- };
8
+ boxShadow: string;
9
+ backgroundColor: any;
10
+ '& .MuiCardContent-root': {
11
+ '& .SCBaseItem-root': {
12
+ backgroundColor: string;
22
13
  };
23
- '& .MuiAccordionDetails-root': {
24
- marginTop: any;
14
+ '& .MuiTypography-body1': {
15
+ [x: number]: {
16
+ fontSize: any;
17
+ };
18
+ fontWeight: number;
19
+ color: any;
25
20
  };
26
21
  };
27
22
  '& .SCPaymentProductPrice-root': {
28
- marginBottom: any;
29
23
  width: string;
30
- borderRadius: string;
24
+ paddingLeft: string;
31
25
  };
32
26
  };
33
27
  skeletonRoot: ({ theme }: {
34
28
  theme: any;
35
29
  }) => {
30
+ marginBottom: any;
36
31
  borderRadius: string;
37
- '& .MuiAccordionSummary-root': {
38
- backgroundColor: any;
32
+ boxShadow: string;
33
+ backgroundColor: any;
34
+ '& .MuiCardContent-root': {
39
35
  marginBottom: any;
40
36
  '& .SCBaseItem-root': {
41
37
  backgroundColor: string;
38
+ boxShadow: string;
42
39
  };
43
40
  };
44
41
  '& .SCPaymentProductPrice-skeleton-root': {
45
- marginBottom: any;
42
+ marginTop: any;
46
43
  width: string;
44
+ paddingLeft: string;
47
45
  };
48
46
  };
49
47
  };
package/lib/esm/components/SCPaymentProduct.js CHANGED
@@ -1,45 +1,43 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
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
- }
4
+ marginBottom: theme.spacing(2),
5
+ borderRadius: '10px',
6
+ boxShadow: 'none',
7
+ backgroundColor: theme.palette.grey['A200'],
8
+ '& .MuiCardContent-root': {
9
+ '& .SCBaseItem-root': {
10
+ backgroundColor: 'transparent'
20
11
  },
21
- '& .MuiAccordionDetails-root': {
22
- marginTop: theme.spacing()
12
+ '& .MuiTypography-body1': {
13
+ fontWeight: 200,
14
+ color: theme.palette.grey[600],
15
+ [theme.breakpoints.down('sm')]: {
16
+ fontSize: theme.typography.pxToRem(12)
17
+ }
23
18
  }
24
19
  },
25
20
  '& .SCPaymentProductPrice-root': {
26
- marginBottom: theme.spacing(),
27
21
  width: 'auto',
28
- borderRadius: '3px'
22
+ paddingLeft: `${theme.spacing(0)} !important`
29
23
  }
30
24
  }),
31
25
  skeletonRoot: ({ theme }) => ({
32
- borderRadius: '3px !important',
33
- '& .MuiAccordionSummary-root': {
34
- backgroundColor: theme.palette.grey[50],
26
+ marginBottom: theme.spacing(2),
27
+ borderRadius: '10px',
28
+ boxShadow: 'none',
29
+ backgroundColor: theme.palette.grey['A200'],
30
+ '& .MuiCardContent-root': {
35
31
  marginBottom: theme.spacing(1),
36
32
  '& .SCBaseItem-root': {
37
- backgroundColor: 'transparent'
33
+ backgroundColor: 'transparent',
34
+ boxShadow: 'none'
38
35
  }
39
36
  },
40
37
  '& .SCPaymentProductPrice-skeleton-root': {
41
- marginBottom: theme.spacing(),
42
- width: 'auto'
38
+ marginTop: theme.spacing(1),
39
+ width: 'auto',
40
+ paddingLeft: `${theme.spacing(0)} !important`
43
41
  }
44
42
  })
45
43
  }
package/lib/esm/components/SCPaymentProductPrice.d.ts CHANGED
@@ -3,7 +3,24 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
- borderRadius: string;
6
+ borderRadius: number;
7
+ boxShadow: string;
8
+ '& .SCPaymentProductPrice-primary': {
9
+ fontSize: string;
10
+ fontWeight: string;
11
+ color: string;
12
+ };
13
+ '& .SCPaymentProductPrice-button': {
14
+ textTransform: string;
15
+ '&:hover, &:active': {
16
+ backgroundColor: any;
17
+ color: any;
18
+ border: string;
19
+ '& .MuiIcon-root': {
20
+ color: any;
21
+ };
22
+ };
23
+ };
7
24
  '& .SCPaymentProductPrice-button-purchased': {
8
25
  backgroundColor: string;
9
26
  color: string;
@@ -15,7 +32,7 @@ declare const Component: {
15
32
  skeletonRoot: ({ theme }: {
16
33
  theme: any;
17
34
  }) => {
18
- borderRadius: string;
35
+ borderRadius: number;
19
36
  };
20
37
  };
21
38
  };
package/lib/esm/components/SCPaymentProductPrice.js CHANGED
@@ -1,7 +1,24 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
- borderRadius: '3px',
4
+ borderRadius: 0,
5
+ boxShadow: 'none',
6
+ '& .SCPaymentProductPrice-primary': {
7
+ fontSize: '18px',
8
+ fontWeight: '600 !important',
9
+ color: `${theme.palette.primary.main} !important`
10
+ },
11
+ '& .SCPaymentProductPrice-button': {
12
+ textTransform: 'uppercase',
13
+ '&:hover, &:active': {
14
+ backgroundColor: theme.palette.common.white,
15
+ color: theme.palette.primary.main,
16
+ border: `1px solid ${theme.palette.primary.main}`,
17
+ '& .MuiIcon-root': {
18
+ color: theme.palette.primary.main
19
+ }
20
+ }
21
+ },
5
22
  '& .SCPaymentProductPrice-button-purchased': {
6
23
  backgroundColor: `${theme.palette.secondary.main} !important`,
7
24
  color: `${theme.palette.secondary.contrastText} !important`
@@ -11,7 +28,7 @@ const Component = {
11
28
  }
12
29
  }),
13
30
  skeletonRoot: ({ theme }) => ({
14
- borderRadius: '3px'
31
+ borderRadius: 0
15
32
  })
16
33
  }
17
34
  };
package/lib/esm/components/SCPaymentProducts.js CHANGED
@@ -1,7 +1,7 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
- padding: theme.spacing(0.5),
4
+ padding: theme.spacing(0.5)
5
5
  }),
6
6
  skeletonRoot: ({ theme }) => ({
7
7
  padding: theme.spacing(0.5)
package/lib/esm/index.d.ts CHANGED
@@ -2156,6 +2156,18 @@ declare const theme: {
2156
2156
  alignItems: string;
2157
2157
  gap: any;
2158
2158
  };
2159
+ '& .SCBuyButton-request-root': {
2160
+ fontWeight: any;
2161
+ '& .MuiButton-startIcon': {
2162
+ marginRight: any;
2163
+ '& .MuiIcon-root': {
2164
+ fontSize: string;
2165
+ };
2166
+ };
2167
+ '&.Mui-selected, &:hover': {
2168
+ backgroundColor: string;
2169
+ };
2170
+ };
2159
2171
  };
2160
2172
  };
2161
2173
  };
@@ -2282,6 +2294,16 @@ declare const theme: {
2282
2294
  };
2283
2295
  margin: string;
2284
2296
  gap: string;
2297
+ '& .SCBuyButton-request-root': {
2298
+ '&:hover, &:active': {
2299
+ backgroundColor: any;
2300
+ color: any;
2301
+ border: string;
2302
+ '& .MuiIcon-root': {
2303
+ color: any;
2304
+ };
2305
+ };
2306
+ };
2285
2307
  };
2286
2308
  };
2287
2309
  '& .SCCourseDashboard-lessons-sections': {
@@ -4955,6 +4977,18 @@ declare const theme: {
4955
4977
  alignItems: string;
4956
4978
  gap: any;
4957
4979
  };
4980
+ '& .SCBuyButton-request-root': {
4981
+ fontWeight: any;
4982
+ '& .MuiButton-startIcon': {
4983
+ marginRight: any;
4984
+ '& .MuiIcon-root': {
4985
+ fontSize: string;
4986
+ };
4987
+ };
4988
+ '&.Mui-selected, &:hover': {
4989
+ backgroundColor: string;
4990
+ };
4991
+ };
4958
4992
  };
4959
4993
  '& .SCGroupHeader-multi-actions': {
4960
4994
  display: string;
@@ -5193,6 +5227,23 @@ declare const theme: {
5193
5227
  };
5194
5228
  };
5195
5229
  };
5230
+ SCGroupSubscribeButton: {
5231
+ styleOverrides: {
5232
+ buyButtonRoot: ({ theme }: {
5233
+ theme: any;
5234
+ }) => {
5235
+ border: string;
5236
+ '&:hover, &:active': {
5237
+ backgroundColor: any;
5238
+ color: any;
5239
+ border: string;
5240
+ '& .MuiIcon-root': {
5241
+ color: any;
5242
+ };
5243
+ };
5244
+ };
5245
+ };
5246
+ };
5196
5247
  SCGroupTemplate: {
5197
5248
  styleOverrides: {
5198
5249
  root: ({ theme }: any) => {
@@ -7886,6 +7937,9 @@ declare const theme: {
7886
7937
  alignItems: string;
7887
7938
  marginRight: any;
7888
7939
  '& .MuiIcon-root': {
7940
+ /**
7941
+ * Style assets - Imports - Start
7942
+ */
7889
7943
  margin: any;
7890
7944
  };
7891
7945
  };
@@ -10163,6 +10217,18 @@ declare const theme: {
10163
10217
  requestRoot: ({ theme }: {
10164
10218
  theme: any;
10165
10219
  }) => {};
10220
+ buyButtonRoot: ({ theme }: {
10221
+ theme: any;
10222
+ }) => {
10223
+ '&:hover, &:active': {
10224
+ backgroundColor: any;
10225
+ color: any;
10226
+ border: string;
10227
+ '& .MuiIcon-root': {
10228
+ color: any;
10229
+ };
10230
+ };
10231
+ };
10166
10232
  menuRoot: ({ theme }: {
10167
10233
  theme: any;
10168
10234
  }) => {
@@ -11640,47 +11706,45 @@ declare const theme: {
11640
11706
  root: ({ theme }: {
11641
11707
  theme: any;
11642
11708
  }) => {
11709
+ marginBottom: any;
11643
11710
  borderRadius: string;
11644
- '& .MuiAccordionSummary-root': {
11645
- backgroundColor: any;
11646
- '& .MuiAccordionSummary-content': {
11647
- display: string;
11648
- flexDirection: string;
11649
- '& .SCBaseItem-root': {
11650
- backgroundColor: string;
11651
- };
11652
- '& .MuiTypography-body1': {
11653
- [x: number]: {
11654
- fontSize: any;
11655
- };
11656
- fontWeight: number;
11657
- color: any;
11658
- };
11711
+ boxShadow: string;
11712
+ backgroundColor: any;
11713
+ '& .MuiCardContent-root': {
11714
+ '& .SCBaseItem-root': {
11715
+ backgroundColor: string;
11659
11716
  };
11660
- '& .MuiAccordionDetails-root': {
11661
- marginTop: any;
11717
+ '& .MuiTypography-body1': {
11718
+ [x: number]: {
11719
+ fontSize: any;
11720
+ };
11721
+ fontWeight: number;
11722
+ color: any;
11662
11723
  };
11663
11724
  };
11664
11725
  '& .SCPaymentProductPrice-root': {
11665
- marginBottom: any;
11666
11726
  width: string;
11667
- borderRadius: string;
11727
+ paddingLeft: string;
11668
11728
  };
11669
11729
  };
11670
11730
  skeletonRoot: ({ theme }: {
11671
11731
  theme: any;
11672
11732
  }) => {
11733
+ marginBottom: any;
11673
11734
  borderRadius: string;
11674
- '& .MuiAccordionSummary-root': {
11675
- backgroundColor: any;
11735
+ boxShadow: string;
11736
+ backgroundColor: any;
11737
+ '& .MuiCardContent-root': {
11676
11738
  marginBottom: any;
11677
11739
  '& .SCBaseItem-root': {
11678
11740
  backgroundColor: string;
11741
+ boxShadow: string;
11679
11742
  };
11680
11743
  };
11681
11744
  '& .SCPaymentProductPrice-skeleton-root': {
11682
- marginBottom: any;
11745
+ marginTop: any;
11683
11746
  width: string;
11747
+ paddingLeft: string;
11684
11748
  };
11685
11749
  };
11686
11750
  };
@@ -11726,7 +11790,24 @@ declare const theme: {
11726
11790
  root: ({ theme }: {
11727
11791
  theme: any;
11728
11792
  }) => {
11729
- borderRadius: string;
11793
+ borderRadius: number;
11794
+ boxShadow: string;
11795
+ '& .SCPaymentProductPrice-primary': {
11796
+ fontSize: string;
11797
+ fontWeight: string;
11798
+ color: string;
11799
+ };
11800
+ '& .SCPaymentProductPrice-button': {
11801
+ textTransform: string;
11802
+ '&:hover, &:active': {
11803
+ backgroundColor: any;
11804
+ color: any;
11805
+ border: string;
11806
+ '& .MuiIcon-root': {
11807
+ color: any;
11808
+ };
11809
+ };
11810
+ };
11730
11811
  '& .SCPaymentProductPrice-button-purchased': {
11731
11812
  backgroundColor: string;
11732
11813
  color: string;
@@ -11738,7 +11819,7 @@ declare const theme: {
11738
11819
  skeletonRoot: ({ theme }: {
11739
11820
  theme: any;
11740
11821
  }) => {
11741
- borderRadius: string;
11822
+ borderRadius: number;
11742
11823
  };
11743
11824
  };
11744
11825
  };
@@ -11765,6 +11846,7 @@ declare const theme: {
11765
11846
  maxWidth: number;
11766
11847
  display: string;
11767
11848
  gridTemplateColumns: string;
11849
+ padding: any;
11768
11850
  gap: number;
11769
11851
  "& .SCCheckout-content-object": {
11770
11852
  [x: number]: {
@@ -11777,6 +11859,9 @@ declare const theme: {
11777
11859
  alignItems: string;
11778
11860
  '& .SCWidget-root': {
11779
11861
  width: string;
11862
+ '& .SCEvent-preview-content': {
11863
+ padding: string;
11864
+ };
11780
11865
  };
11781
11866
  };
11782
11867
  "& .SCCheckout-content-coverage": {
@@ -11794,7 +11879,6 @@ declare const theme: {
11794
11879
  justifyContent: string;
11795
11880
  alignItems: string;
11796
11881
  maxWidth: number;
11797
- padding: any;
11798
11882
  };
11799
11883
  };
11800
11884
  "& .SCCheckout-checkout": {
@@ -11806,7 +11890,6 @@ declare const theme: {
11806
11890
  minWidth: number;
11807
11891
  width: string;
11808
11892
  };
11809
- margin: any;
11810
11893
  width: string;
11811
11894
  };
11812
11895
  "& .SCCheckout-payment-order": {
@@ -12154,6 +12237,39 @@ declare const theme: {
12154
12237
  };
12155
12238
  };
12156
12239
  };
12240
+ SCCheckoutHeaderInfoWidget: {
12241
+ styleOverrides: {
12242
+ root: ({ theme }: {
12243
+ theme: any;
12244
+ }) => {
12245
+ '& .SCCheckoutHeaderInfoWidget-header': {
12246
+ height: any;
12247
+ position: string;
12248
+ backgroundColor: any;
12249
+ color: string;
12250
+ textAlign: string;
12251
+ '& img': {
12252
+ position: string;
12253
+ left: string;
12254
+ top: any;
12255
+ transform: string;
12256
+ };
12257
+ '& .MuiIcon-root': {
12258
+ top: any;
12259
+ position: string;
12260
+ };
12261
+ };
12262
+ '& .SCCheckoutHeaderInfoWidget-content': {
12263
+ padding: any;
12264
+ justifyContent: string;
12265
+ '& .MuiTypography-body2': {
12266
+ paddingTop: any;
12267
+ whiteSpace: string;
12268
+ };
12269
+ };
12270
+ };
12271
+ };
12272
+ };
12157
12273
  };
12158
12274
  selfcommunity: {
12159
12275
  user: {
package/lib/esm/index.js CHANGED
@@ -113,6 +113,7 @@ import SCGroupMembersWidget from './components/SCGroupMembersWidget';
113
113
  import SCGroupRequestsWidget from './components/SCGroupRequestsWidget';
114
114
  import SCGroups from './components/SCGroups';
115
115
  import SCGroupSettingsIconButton from './components/SCGroupSettingsIconButton';
116
+ import SCGroupSubscribeButton from './components/SCGroupSubscribeButton';
116
117
  import SCGroupTemplate from './components/SCGroupTemplate';
117
118
  import SCIncubator from './components/SCIncubator';
118
119
  import SCIncubatorDetail from './components/SCIncubatorDetail';
@@ -215,6 +216,7 @@ import SCPaywalls from './components/SCPaywalls';
215
216
  import SCPaywallsConfigurator from './components/SCPaywallsConfigurator';
216
217
  import SCPdfPreview from './components/SCPdfPreview';
217
218
  import SCPaymentOrders from './components/SCPaymentOrders';
219
+ import SCCheckoutHeaderInfoWidget from './components/SCCheckoutHeaderInfoWidget';
218
220
  /**
219
221
  * Style fragments - Imports - End
220
222
  */
@@ -387,6 +389,7 @@ const theme = {
387
389
  SCGroupMembersWidget,
388
390
  SCGroupRequestsWidget,
389
391
  SCGroupSettingsIconButton,
392
+ SCGroupSubscribeButton,
390
393
  SCGroupTemplate,
391
394
  SCGroups,
392
395
  SCIncubator,
@@ -508,7 +511,8 @@ const theme = {
508
511
  SCPaywalls,
509
512
  SCPaywallsConfigurator,
510
513
  SCPdfPreview,
511
- SCPaymentOrders
514
+ SCPaymentOrders,
515
+ SCCheckoutHeaderInfoWidget
512
516
  },
513
517
  selfcommunity: {
514
518
  user: {