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

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 (20) hide show
  1. package/lib/cjs/components/SCCheckout.d.ts +54 -0
  2. package/lib/cjs/components/SCCheckout.js +54 -0
  3. package/lib/cjs/components/{SCCheckoutSuccessDialog.d.ts → SCCheckoutReturnDialog.d.ts} +3 -0
  4. package/lib/cjs/components/{SCCheckoutSuccessDialog.js → SCCheckoutReturnDialog.js} +3 -0
  5. package/lib/cjs/components/SCPaymentProduct.d.ts +3 -0
  6. package/lib/cjs/components/SCPaymentProduct.js +4 -1
  7. package/lib/cjs/components/SCPaymentProducts.js +1 -1
  8. package/lib/cjs/index.d.ts +64 -5
  9. package/lib/cjs/index.js +4 -2
  10. package/lib/esm/components/SCCheckout.d.ts +54 -0
  11. package/lib/esm/components/SCCheckout.js +52 -0
  12. package/lib/esm/components/{SCCheckoutSuccessDialog.d.ts → SCCheckoutReturnDialog.d.ts} +3 -0
  13. package/lib/esm/components/{SCCheckoutSuccessDialog.js → SCCheckoutReturnDialog.js} +3 -0
  14. package/lib/esm/components/SCPaymentProduct.d.ts +3 -0
  15. package/lib/esm/components/SCPaymentProduct.js +4 -1
  16. package/lib/esm/components/SCPaymentProducts.js +1 -1
  17. package/lib/esm/index.d.ts +64 -5
  18. package/lib/esm/index.js +4 -2
  19. package/lib/umd/react-theme-default.js +1 -1
  20. package/package.json +2 -2
package/lib/cjs/components/SCCheckout.d.ts ADDED
@@ -0,0 +1,54 @@
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
+ display: string;
27
+ flexDirection: string;
28
+ justifyContent: string;
29
+ alignItems: string;
30
+ };
31
+ "& .SCCheckout-content-desc": {
32
+ [x: number]: {
33
+ display: string;
34
+ };
35
+ display: string;
36
+ flexDirection: string;
37
+ justifyContent: string;
38
+ alignItems: string;
39
+ maxWidth: number;
40
+ padding: any;
41
+ };
42
+ };
43
+ "& .SCCheckout-checkout": {
44
+ width: string;
45
+ bottom: any;
46
+ };
47
+ "& .SCCheckout-object": {
48
+ marginTop: any;
49
+ minWidth: number;
50
+ };
51
+ };
52
+ };
53
+ };
54
+ export default Component;
package/lib/cjs/components/SCCheckout.js ADDED
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ position: 'relative',
7
+ backgroundColor: theme.palette.background.paper,
8
+ display: 'flex',
9
+ flexDirection: 'column',
10
+ justifyContent: 'space-between',
11
+ alignItems: 'center',
12
+ width: '100%',
13
+ ['& .SCCheckout-content']: {
14
+ width: '100%',
15
+ maxWidth: 860,
16
+ display: 'grid',
17
+ gridTemplateColumns: '1fr 1fr',
18
+ gap: 0,
19
+ [theme.breakpoints.down(1034)]: {
20
+ display: 'flex',
21
+ flexDirection: 'column',
22
+ justifyContent: 'space-between',
23
+ alignItems: 'center'
24
+ },
25
+ ['& .SCCheckout-content-object']: {
26
+ display: 'flex',
27
+ flexDirection: 'column',
28
+ justifyContent: 'center',
29
+ alignItems: 'flex-start'
30
+ },
31
+ ['& .SCCheckout-content-desc']: {
32
+ display: 'flex',
33
+ flexDirection: 'column',
34
+ justifyContent: 'center',
35
+ alignItems: 'center',
36
+ [theme.breakpoints.down(1034)]: {
37
+ display: 'none'
38
+ },
39
+ maxWidth: 600,
40
+ padding: theme.spacing(4)
41
+ }
42
+ },
43
+ ['& .SCCheckout-checkout']: {
44
+ width: '100%',
45
+ bottom: theme.spacing(2)
46
+ },
47
+ ['& .SCCheckout-object']: {
48
+ marginTop: theme.spacing(2),
49
+ minWidth: 395
50
+ }
51
+ })
52
+ }
53
+ };
54
+ exports.default = Component;
package/lib/cjs/components/{SCCheckoutSuccessDialog.d.ts → SCCheckoutReturnDialog.d.ts} RENAMED
@@ -17,6 +17,9 @@ declare const Component: {
17
17
  minWidth: number;
18
18
  };
19
19
  };
20
+ '& .SCCheckoutSuccessDialog-content-object': {
21
+ width: string;
22
+ };
20
23
  };
21
24
  };
22
25
  };
package/lib/cjs/components/{SCCheckoutSuccessDialog.js → SCCheckoutReturnDialog.js} RENAMED
@@ -16,6 +16,9 @@ const Component = {
16
16
  '& .SCWidget-root': {
17
17
  minWidth: 310
18
18
  }
19
+ },
20
+ '& .SCCheckoutSuccessDialog-content-object': {
21
+ width: '100%'
19
22
  }
20
23
  })
21
24
  }
package/lib/cjs/components/SCPaymentProduct.d.ts CHANGED
@@ -13,6 +13,9 @@ declare const Component: {
13
13
  backgroundColor: string;
14
14
  };
15
15
  '& .MuiTypography-body1': {
16
+ [x: number]: {
17
+ fontSize: any;
18
+ };
16
19
  fontWeight: number;
17
20
  color: any;
18
21
  };
package/lib/cjs/components/SCPaymentProduct.js CHANGED
@@ -14,7 +14,10 @@ const Component = {
14
14
  },
15
15
  '& .MuiTypography-body1': {
16
16
  fontWeight: 200,
17
- color: theme.palette.grey[600]
17
+ color: theme.palette.grey[600],
18
+ [theme.breakpoints.down('sm')]: {
19
+ fontSize: theme.typography.pxToRem(12)
20
+ }
18
21
  }
19
22
  },
20
23
  '& .MuiAccordionDetails-root': {
package/lib/cjs/components/SCPaymentProducts.js CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
- padding: theme.spacing(0.5)
6
+ padding: theme.spacing(0.5),
7
7
  }),
8
8
  skeletonRoot: ({ theme }) => ({
9
9
  padding: theme.spacing(0.5)
package/lib/cjs/index.d.ts CHANGED
@@ -7481,7 +7481,9 @@ declare const theme: {
7481
7481
  };
7482
7482
  '& .SCOnBoardingWidget-app-summary': {
7483
7483
  whiteSpace: string;
7484
- margin: any;
7484
+ margin: any; /**
7485
+ * Style assets - Imports - Start
7486
+ */
7485
7487
  };
7486
7488
  '& .SCOnBoardingWidget-app-tabs': {
7487
7489
  padding: any;
@@ -7499,9 +7501,7 @@ declare const theme: {
7499
7501
  '& .SCOnBoardingWidget-app-image-android': {
7500
7502
  width: string;
7501
7503
  marginTop: any;
7502
- marginBottom: any; /**
7503
- * Style assets - Imports - End
7504
- */
7504
+ marginBottom: any;
7505
7505
  };
7506
7506
  };
7507
7507
  '& .SCOnBoardingWidget-app-step': {
@@ -11213,6 +11213,9 @@ declare const theme: {
11213
11213
  backgroundColor: string;
11214
11214
  };
11215
11215
  '& .MuiTypography-body1': {
11216
+ [x: number]: {
11217
+ fontSize: any;
11218
+ };
11216
11219
  fontWeight: number;
11217
11220
  color: any;
11218
11221
  };
@@ -11266,7 +11269,60 @@ declare const theme: {
11266
11269
  };
11267
11270
  };
11268
11271
  };
11269
- SCCheckoutSuccessDialog: {
11272
+ SCCheckout: {
11273
+ styleOverrides: {
11274
+ root: ({ theme }: {
11275
+ theme: any;
11276
+ }) => {
11277
+ position: string;
11278
+ backgroundColor: any;
11279
+ display: string;
11280
+ flexDirection: string;
11281
+ justifyContent: string;
11282
+ alignItems: string;
11283
+ width: string;
11284
+ "& .SCCheckout-content": {
11285
+ [x: number]: {
11286
+ display: string;
11287
+ flexDirection: string;
11288
+ justifyContent: string;
11289
+ alignItems: string;
11290
+ };
11291
+ width: string;
11292
+ maxWidth: number;
11293
+ display: string;
11294
+ gridTemplateColumns: string;
11295
+ gap: number;
11296
+ "& .SCCheckout-content-object": {
11297
+ display: string;
11298
+ flexDirection: string;
11299
+ justifyContent: string;
11300
+ alignItems: string;
11301
+ };
11302
+ "& .SCCheckout-content-desc": {
11303
+ [x: number]: {
11304
+ display: string;
11305
+ };
11306
+ display: string;
11307
+ flexDirection: string;
11308
+ justifyContent: string;
11309
+ alignItems: string;
11310
+ maxWidth: number;
11311
+ padding: any;
11312
+ };
11313
+ };
11314
+ "& .SCCheckout-checkout": {
11315
+ width: string;
11316
+ bottom: any;
11317
+ };
11318
+ "& .SCCheckout-object": {
11319
+ marginTop: any;
11320
+ minWidth: number;
11321
+ };
11322
+ };
11323
+ };
11324
+ };
11325
+ SCCheckoutReturnDialog: {
11270
11326
  styleOverrides: {
11271
11327
  root: ({ theme }: {
11272
11328
  theme: any;
@@ -11285,6 +11341,9 @@ declare const theme: {
11285
11341
  minWidth: number;
11286
11342
  };
11287
11343
  };
11344
+ '& .SCCheckoutSuccessDialog-content-object': {
11345
+ width: string;
11346
+ };
11288
11347
  };
11289
11348
  };
11290
11349
  };
package/lib/cjs/index.js CHANGED
@@ -206,7 +206,8 @@ const SCBuyButton_1 = tslib_1.__importDefault(require("./components/SCBuyButton"
206
206
  const SCPaymentProducts_1 = tslib_1.__importDefault(require("./components/SCPaymentProducts"));
207
207
  const SCPaymentProduct_1 = tslib_1.__importDefault(require("./components/SCPaymentProduct"));
208
208
  const SCPaymentProductPrice_1 = tslib_1.__importDefault(require("./components/SCPaymentProductPrice"));
209
- const SCCheckoutSuccessDialog_1 = tslib_1.__importDefault(require("./components/SCCheckoutSuccessDialog"));
209
+ const SCCheckout_1 = tslib_1.__importDefault(require("./components/SCCheckout"));
210
+ const SCCheckoutReturnDialog_1 = tslib_1.__importDefault(require("./components/SCCheckoutReturnDialog"));
210
211
  /**
211
212
  * Style fragments - Imports - End
212
213
  */
@@ -496,7 +497,8 @@ const theme = {
496
497
  SCPaymentProducts: SCPaymentProducts_1.default,
497
498
  SCPaymentProduct: SCPaymentProduct_1.default,
498
499
  SCPaymentProductPrice: SCPaymentProductPrice_1.default,
499
- SCCheckoutSuccessDialog: SCCheckoutSuccessDialog_1.default
500
+ SCCheckout: SCCheckout_1.default,
501
+ SCCheckoutReturnDialog: SCCheckoutReturnDialog_1.default
500
502
  },
501
503
  selfcommunity: {
502
504
  user: {
package/lib/esm/components/SCCheckout.d.ts ADDED
@@ -0,0 +1,54 @@
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
+ display: string;
27
+ flexDirection: string;
28
+ justifyContent: string;
29
+ alignItems: string;
30
+ };
31
+ "& .SCCheckout-content-desc": {
32
+ [x: number]: {
33
+ display: string;
34
+ };
35
+ display: string;
36
+ flexDirection: string;
37
+ justifyContent: string;
38
+ alignItems: string;
39
+ maxWidth: number;
40
+ padding: any;
41
+ };
42
+ };
43
+ "& .SCCheckout-checkout": {
44
+ width: string;
45
+ bottom: any;
46
+ };
47
+ "& .SCCheckout-object": {
48
+ marginTop: any;
49
+ minWidth: number;
50
+ };
51
+ };
52
+ };
53
+ };
54
+ export default Component;
package/lib/esm/components/SCCheckout.js ADDED
@@ -0,0 +1,52 @@
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
+ display: 'flex',
25
+ flexDirection: 'column',
26
+ justifyContent: 'center',
27
+ alignItems: 'flex-start'
28
+ },
29
+ ['& .SCCheckout-content-desc']: {
30
+ display: 'flex',
31
+ flexDirection: 'column',
32
+ justifyContent: 'center',
33
+ alignItems: 'center',
34
+ [theme.breakpoints.down(1034)]: {
35
+ display: 'none'
36
+ },
37
+ maxWidth: 600,
38
+ padding: theme.spacing(4)
39
+ }
40
+ },
41
+ ['& .SCCheckout-checkout']: {
42
+ width: '100%',
43
+ bottom: theme.spacing(2)
44
+ },
45
+ ['& .SCCheckout-object']: {
46
+ marginTop: theme.spacing(2),
47
+ minWidth: 395
48
+ }
49
+ })
50
+ }
51
+ };
52
+ export default Component;
package/lib/esm/components/{SCCheckoutSuccessDialog.d.ts → SCCheckoutReturnDialog.d.ts} RENAMED
@@ -17,6 +17,9 @@ declare const Component: {
17
17
  minWidth: number;
18
18
  };
19
19
  };
20
+ '& .SCCheckoutSuccessDialog-content-object': {
21
+ width: string;
22
+ };
20
23
  };
21
24
  };
22
25
  };
package/lib/esm/components/{SCCheckoutSuccessDialog.js → SCCheckoutReturnDialog.js} RENAMED
@@ -14,6 +14,9 @@ const Component = {
14
14
  '& .SCWidget-root': {
15
15
  minWidth: 310
16
16
  }
17
+ },
18
+ '& .SCCheckoutSuccessDialog-content-object': {
19
+ width: '100%'
17
20
  }
18
21
  })
19
22
  }
package/lib/esm/components/SCPaymentProduct.d.ts CHANGED
@@ -13,6 +13,9 @@ declare const Component: {
13
13
  backgroundColor: string;
14
14
  };
15
15
  '& .MuiTypography-body1': {
16
+ [x: number]: {
17
+ fontSize: any;
18
+ };
16
19
  fontWeight: number;
17
20
  color: any;
18
21
  };
package/lib/esm/components/SCPaymentProduct.js CHANGED
@@ -12,7 +12,10 @@ const Component = {
12
12
  },
13
13
  '& .MuiTypography-body1': {
14
14
  fontWeight: 200,
15
- color: theme.palette.grey[600]
15
+ color: theme.palette.grey[600],
16
+ [theme.breakpoints.down('sm')]: {
17
+ fontSize: theme.typography.pxToRem(12)
18
+ }
16
19
  }
17
20
  },
18
21
  '& .MuiAccordionDetails-root': {
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
@@ -7481,7 +7481,9 @@ declare const theme: {
7481
7481
  };
7482
7482
  '& .SCOnBoardingWidget-app-summary': {
7483
7483
  whiteSpace: string;
7484
- margin: any;
7484
+ margin: any; /**
7485
+ * Style assets - Imports - Start
7486
+ */
7485
7487
  };
7486
7488
  '& .SCOnBoardingWidget-app-tabs': {
7487
7489
  padding: any;
@@ -7499,9 +7501,7 @@ declare const theme: {
7499
7501
  '& .SCOnBoardingWidget-app-image-android': {
7500
7502
  width: string;
7501
7503
  marginTop: any;
7502
- marginBottom: any; /**
7503
- * Style assets - Imports - End
7504
- */
7504
+ marginBottom: any;
7505
7505
  };
7506
7506
  };
7507
7507
  '& .SCOnBoardingWidget-app-step': {
@@ -11213,6 +11213,9 @@ declare const theme: {
11213
11213
  backgroundColor: string;
11214
11214
  };
11215
11215
  '& .MuiTypography-body1': {
11216
+ [x: number]: {
11217
+ fontSize: any;
11218
+ };
11216
11219
  fontWeight: number;
11217
11220
  color: any;
11218
11221
  };
@@ -11266,7 +11269,60 @@ declare const theme: {
11266
11269
  };
11267
11270
  };
11268
11271
  };
11269
- SCCheckoutSuccessDialog: {
11272
+ SCCheckout: {
11273
+ styleOverrides: {
11274
+ root: ({ theme }: {
11275
+ theme: any;
11276
+ }) => {
11277
+ position: string;
11278
+ backgroundColor: any;
11279
+ display: string;
11280
+ flexDirection: string;
11281
+ justifyContent: string;
11282
+ alignItems: string;
11283
+ width: string;
11284
+ "& .SCCheckout-content": {
11285
+ [x: number]: {
11286
+ display: string;
11287
+ flexDirection: string;
11288
+ justifyContent: string;
11289
+ alignItems: string;
11290
+ };
11291
+ width: string;
11292
+ maxWidth: number;
11293
+ display: string;
11294
+ gridTemplateColumns: string;
11295
+ gap: number;
11296
+ "& .SCCheckout-content-object": {
11297
+ display: string;
11298
+ flexDirection: string;
11299
+ justifyContent: string;
11300
+ alignItems: string;
11301
+ };
11302
+ "& .SCCheckout-content-desc": {
11303
+ [x: number]: {
11304
+ display: string;
11305
+ };
11306
+ display: string;
11307
+ flexDirection: string;
11308
+ justifyContent: string;
11309
+ alignItems: string;
11310
+ maxWidth: number;
11311
+ padding: any;
11312
+ };
11313
+ };
11314
+ "& .SCCheckout-checkout": {
11315
+ width: string;
11316
+ bottom: any;
11317
+ };
11318
+ "& .SCCheckout-object": {
11319
+ marginTop: any;
11320
+ minWidth: number;
11321
+ };
11322
+ };
11323
+ };
11324
+ };
11325
+ SCCheckoutReturnDialog: {
11270
11326
  styleOverrides: {
11271
11327
  root: ({ theme }: {
11272
11328
  theme: any;
@@ -11285,6 +11341,9 @@ declare const theme: {
11285
11341
  minWidth: number;
11286
11342
  };
11287
11343
  };
11344
+ '& .SCCheckoutSuccessDialog-content-object': {
11345
+ width: string;
11346
+ };
11288
11347
  };
11289
11348
  };
11290
11349
  };
package/lib/esm/index.js CHANGED
@@ -202,7 +202,8 @@ import SCBuyButton from './components/SCBuyButton';
202
202
  import SCPaymentProducts from './components/SCPaymentProducts';
203
203
  import SCPaymentProduct from './components/SCPaymentProduct';
204
204
  import SCPaymentProductPrice from './components/SCPaymentProductPrice';
205
- import SCCheckoutSuccessDialog from './components/SCCheckoutSuccessDialog';
205
+ import SCCheckout from './components/SCCheckout';
206
+ import SCCheckoutReturnDialog from './components/SCCheckoutReturnDialog';
206
207
  /**
207
208
  * Style fragments - Imports - End
208
209
  */
@@ -484,7 +485,8 @@ const theme = {
484
485
  SCPaymentProducts,
485
486
  SCPaymentProduct,
486
487
  SCPaymentProductPrice,
487
- SCCheckoutSuccessDialog
488
+ SCCheckout,
489
+ SCCheckoutReturnDialog
488
490
  },
489
491
  selfcommunity: {
490
492
  user: {