@selfcommunity/react-theme-default 0.4.5-payments.143 → 0.4.5-payments.144
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.
- package/lib/cjs/components/SCCheckout.d.ts +54 -0
- package/lib/cjs/components/SCCheckout.js +54 -0
- package/lib/cjs/components/{SCCheckoutSuccessDialog.d.ts → SCCheckoutReturnDialog.d.ts} +3 -0
- package/lib/cjs/components/{SCCheckoutSuccessDialog.js → SCCheckoutReturnDialog.js} +3 -0
- package/lib/cjs/index.d.ts +61 -5
- package/lib/cjs/index.js +4 -2
- package/lib/esm/components/SCCheckout.d.ts +54 -0
- package/lib/esm/components/SCCheckout.js +52 -0
- package/lib/esm/components/{SCCheckoutSuccessDialog.d.ts → SCCheckoutReturnDialog.d.ts} +3 -0
- package/lib/esm/components/{SCCheckoutSuccessDialog.js → SCCheckoutReturnDialog.js} +3 -0
- package/lib/esm/index.d.ts +61 -5
- package/lib/esm/index.js +4 -2
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -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;
|
|
@@ -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/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': {
|
|
@@ -11266,7 +11266,60 @@ declare const theme: {
|
|
|
11266
11266
|
};
|
|
11267
11267
|
};
|
|
11268
11268
|
};
|
|
11269
|
-
|
|
11269
|
+
SCCheckout: {
|
|
11270
|
+
styleOverrides: {
|
|
11271
|
+
root: ({ theme }: {
|
|
11272
|
+
theme: any;
|
|
11273
|
+
}) => {
|
|
11274
|
+
position: string;
|
|
11275
|
+
backgroundColor: any;
|
|
11276
|
+
display: string;
|
|
11277
|
+
flexDirection: string;
|
|
11278
|
+
justifyContent: string;
|
|
11279
|
+
alignItems: string;
|
|
11280
|
+
width: string;
|
|
11281
|
+
"& .SCCheckout-content": {
|
|
11282
|
+
[x: number]: {
|
|
11283
|
+
display: string;
|
|
11284
|
+
flexDirection: string;
|
|
11285
|
+
justifyContent: string;
|
|
11286
|
+
alignItems: string;
|
|
11287
|
+
};
|
|
11288
|
+
width: string;
|
|
11289
|
+
maxWidth: number;
|
|
11290
|
+
display: string;
|
|
11291
|
+
gridTemplateColumns: string;
|
|
11292
|
+
gap: number;
|
|
11293
|
+
"& .SCCheckout-content-object": {
|
|
11294
|
+
display: string;
|
|
11295
|
+
flexDirection: string;
|
|
11296
|
+
justifyContent: string;
|
|
11297
|
+
alignItems: string;
|
|
11298
|
+
};
|
|
11299
|
+
"& .SCCheckout-content-desc": {
|
|
11300
|
+
[x: number]: {
|
|
11301
|
+
display: string;
|
|
11302
|
+
};
|
|
11303
|
+
display: string;
|
|
11304
|
+
flexDirection: string;
|
|
11305
|
+
justifyContent: string;
|
|
11306
|
+
alignItems: string;
|
|
11307
|
+
maxWidth: number;
|
|
11308
|
+
padding: any;
|
|
11309
|
+
};
|
|
11310
|
+
};
|
|
11311
|
+
"& .SCCheckout-checkout": {
|
|
11312
|
+
width: string;
|
|
11313
|
+
bottom: any;
|
|
11314
|
+
};
|
|
11315
|
+
"& .SCCheckout-object": {
|
|
11316
|
+
marginTop: any;
|
|
11317
|
+
minWidth: number;
|
|
11318
|
+
};
|
|
11319
|
+
};
|
|
11320
|
+
};
|
|
11321
|
+
};
|
|
11322
|
+
SCCheckoutReturnDialog: {
|
|
11270
11323
|
styleOverrides: {
|
|
11271
11324
|
root: ({ theme }: {
|
|
11272
11325
|
theme: any;
|
|
@@ -11285,6 +11338,9 @@ declare const theme: {
|
|
|
11285
11338
|
minWidth: number;
|
|
11286
11339
|
};
|
|
11287
11340
|
};
|
|
11341
|
+
'& .SCCheckoutSuccessDialog-content-object': {
|
|
11342
|
+
width: string;
|
|
11343
|
+
};
|
|
11288
11344
|
};
|
|
11289
11345
|
};
|
|
11290
11346
|
};
|
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
|
|
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
|
-
|
|
500
|
+
SCCheckout: SCCheckout_1.default,
|
|
501
|
+
SCCheckoutReturnDialog: SCCheckoutReturnDialog_1.default
|
|
500
502
|
},
|
|
501
503
|
selfcommunity: {
|
|
502
504
|
user: {
|
|
@@ -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;
|
|
@@ -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/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': {
|
|
@@ -11266,7 +11266,60 @@ declare const theme: {
|
|
|
11266
11266
|
};
|
|
11267
11267
|
};
|
|
11268
11268
|
};
|
|
11269
|
-
|
|
11269
|
+
SCCheckout: {
|
|
11270
|
+
styleOverrides: {
|
|
11271
|
+
root: ({ theme }: {
|
|
11272
|
+
theme: any;
|
|
11273
|
+
}) => {
|
|
11274
|
+
position: string;
|
|
11275
|
+
backgroundColor: any;
|
|
11276
|
+
display: string;
|
|
11277
|
+
flexDirection: string;
|
|
11278
|
+
justifyContent: string;
|
|
11279
|
+
alignItems: string;
|
|
11280
|
+
width: string;
|
|
11281
|
+
"& .SCCheckout-content": {
|
|
11282
|
+
[x: number]: {
|
|
11283
|
+
display: string;
|
|
11284
|
+
flexDirection: string;
|
|
11285
|
+
justifyContent: string;
|
|
11286
|
+
alignItems: string;
|
|
11287
|
+
};
|
|
11288
|
+
width: string;
|
|
11289
|
+
maxWidth: number;
|
|
11290
|
+
display: string;
|
|
11291
|
+
gridTemplateColumns: string;
|
|
11292
|
+
gap: number;
|
|
11293
|
+
"& .SCCheckout-content-object": {
|
|
11294
|
+
display: string;
|
|
11295
|
+
flexDirection: string;
|
|
11296
|
+
justifyContent: string;
|
|
11297
|
+
alignItems: string;
|
|
11298
|
+
};
|
|
11299
|
+
"& .SCCheckout-content-desc": {
|
|
11300
|
+
[x: number]: {
|
|
11301
|
+
display: string;
|
|
11302
|
+
};
|
|
11303
|
+
display: string;
|
|
11304
|
+
flexDirection: string;
|
|
11305
|
+
justifyContent: string;
|
|
11306
|
+
alignItems: string;
|
|
11307
|
+
maxWidth: number;
|
|
11308
|
+
padding: any;
|
|
11309
|
+
};
|
|
11310
|
+
};
|
|
11311
|
+
"& .SCCheckout-checkout": {
|
|
11312
|
+
width: string;
|
|
11313
|
+
bottom: any;
|
|
11314
|
+
};
|
|
11315
|
+
"& .SCCheckout-object": {
|
|
11316
|
+
marginTop: any;
|
|
11317
|
+
minWidth: number;
|
|
11318
|
+
};
|
|
11319
|
+
};
|
|
11320
|
+
};
|
|
11321
|
+
};
|
|
11322
|
+
SCCheckoutReturnDialog: {
|
|
11270
11323
|
styleOverrides: {
|
|
11271
11324
|
root: ({ theme }: {
|
|
11272
11325
|
theme: any;
|
|
@@ -11285,6 +11338,9 @@ declare const theme: {
|
|
|
11285
11338
|
minWidth: number;
|
|
11286
11339
|
};
|
|
11287
11340
|
};
|
|
11341
|
+
'& .SCCheckoutSuccessDialog-content-object': {
|
|
11342
|
+
width: string;
|
|
11343
|
+
};
|
|
11288
11344
|
};
|
|
11289
11345
|
};
|
|
11290
11346
|
};
|
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
|
|
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
|
-
|
|
488
|
+
SCCheckout,
|
|
489
|
+
SCCheckoutReturnDialog
|
|
488
490
|
},
|
|
489
491
|
selfcommunity: {
|
|
490
492
|
user: {
|