@newskit-render/checkout 0.23.0 → 0.23.3
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/dist/cjs/Components/Templates/AccountCreationRender.js +7 -3
- package/dist/cjs/Components/Templates/AccountCreationRender.js.map +1 -1
- package/dist/esm/Components/Templates/AccountCreationRender.js +8 -4
- package/dist/esm/Components/Templates/AccountCreationRender.js.map +1 -1
- package/package.json +2 -2
|
@@ -51,6 +51,10 @@ var AccountCreationRender = function (_a) {
|
|
|
51
51
|
var bp = (0, newskit_1.useBreakpointKey)();
|
|
52
52
|
var _e = (0, context_1.useCheckoutContext)(), header = _e.header, accountCreationPage = _e.accountCreationPage;
|
|
53
53
|
var router = (0, router_1.useRouter)();
|
|
54
|
+
var _f = (0, react_1.useState)('xs'), breakpoint = _f[0], setBreakpoint = _f[1];
|
|
55
|
+
(0, react_1.useEffect)(function () {
|
|
56
|
+
setBreakpoint(bp);
|
|
57
|
+
}, [bp]);
|
|
54
58
|
var handleTCAccept = function (selected) {
|
|
55
59
|
setTCAccepted(selected);
|
|
56
60
|
};
|
|
@@ -61,7 +65,7 @@ var AccountCreationRender = function (_a) {
|
|
|
61
65
|
router.push('/checkout/payment-details');
|
|
62
66
|
};
|
|
63
67
|
var pageContext = accountCreationPage || constants_1.defaultAccountCreationPage.accountCreationPage;
|
|
64
|
-
var
|
|
68
|
+
var _g = (0, react_1.useState)(pageContext.modalOverrides.open || false), showModal = _g[0], setShowModal = _g[1];
|
|
65
69
|
var handleModal = function () {
|
|
66
70
|
setShowModal(!showModal);
|
|
67
71
|
};
|
|
@@ -75,14 +79,14 @@ var AccountCreationRender = function (_a) {
|
|
|
75
79
|
react_1.default.createElement(Title_1.default, { name: "title", options: pageContext.userData.titleOptions, placeholder: '', label: "Title" }),
|
|
76
80
|
react_1.default.createElement(newskit_1.Block, { spaceStack: 'space050' },
|
|
77
81
|
react_1.default.createElement(newskit_1.TextInput, { "data-testid": "firstName", label: 'First name', name: "firstName", overrides: {
|
|
78
|
-
width:
|
|
82
|
+
width: breakpoint === 'xs' ? '100%' : '45%',
|
|
79
83
|
label: {
|
|
80
84
|
typographyPreset: 'utilityLabel020',
|
|
81
85
|
},
|
|
82
86
|
} })),
|
|
83
87
|
react_1.default.createElement(newskit_1.Block, { spaceStack: 'space050' },
|
|
84
88
|
react_1.default.createElement(newskit_1.TextInput, { "data-testid": "lastName", label: 'Last name', name: "lastName", overrides: {
|
|
85
|
-
width:
|
|
89
|
+
width: breakpoint === 'xs' ? '100%' : '45%',
|
|
86
90
|
label: {
|
|
87
91
|
typographyPreset: 'utilityLabel020',
|
|
88
92
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountCreationRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"AccountCreationRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationRender.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import React, { useState } from 'react';
|
|
12
|
+
import React, { useEffect, useState } from 'react';
|
|
13
13
|
import { yupResolver } from '@hookform/resolvers/yup';
|
|
14
14
|
import { Block, Form, Grid, TextInput, useBreakpointKey } from 'newskit';
|
|
15
15
|
import { ButtonGroup, Header, Modal } from '@newskit-render/shared-components';
|
|
@@ -26,6 +26,10 @@ export var AccountCreationRender = function (_a) {
|
|
|
26
26
|
var bp = useBreakpointKey();
|
|
27
27
|
var _e = useCheckoutContext(), header = _e.header, accountCreationPage = _e.accountCreationPage;
|
|
28
28
|
var router = useRouter();
|
|
29
|
+
var _f = useState('xs'), breakpoint = _f[0], setBreakpoint = _f[1];
|
|
30
|
+
useEffect(function () {
|
|
31
|
+
setBreakpoint(bp);
|
|
32
|
+
}, [bp]);
|
|
29
33
|
var handleTCAccept = function (selected) {
|
|
30
34
|
setTCAccepted(selected);
|
|
31
35
|
};
|
|
@@ -36,7 +40,7 @@ export var AccountCreationRender = function (_a) {
|
|
|
36
40
|
router.push('/checkout/payment-details');
|
|
37
41
|
};
|
|
38
42
|
var pageContext = accountCreationPage || defaultAccountCreationPage.accountCreationPage;
|
|
39
|
-
var
|
|
43
|
+
var _g = useState(pageContext.modalOverrides.open || false), showModal = _g[0], setShowModal = _g[1];
|
|
40
44
|
var handleModal = function () {
|
|
41
45
|
setShowModal(!showModal);
|
|
42
46
|
};
|
|
@@ -50,14 +54,14 @@ export var AccountCreationRender = function (_a) {
|
|
|
50
54
|
React.createElement(Title, { name: "title", options: pageContext.userData.titleOptions, placeholder: '', label: "Title" }),
|
|
51
55
|
React.createElement(Block, { spaceStack: 'space050' },
|
|
52
56
|
React.createElement(TextInput, { "data-testid": "firstName", label: 'First name', name: "firstName", overrides: {
|
|
53
|
-
width:
|
|
57
|
+
width: breakpoint === 'xs' ? '100%' : '45%',
|
|
54
58
|
label: {
|
|
55
59
|
typographyPreset: 'utilityLabel020',
|
|
56
60
|
},
|
|
57
61
|
} })),
|
|
58
62
|
React.createElement(Block, { spaceStack: 'space050' },
|
|
59
63
|
React.createElement(TextInput, { "data-testid": "lastName", label: 'Last name', name: "lastName", overrides: {
|
|
60
|
-
width:
|
|
64
|
+
width: breakpoint === 'xs' ? '100%' : '45%',
|
|
61
65
|
label: {
|
|
62
66
|
typographyPreset: 'utilityLabel020',
|
|
63
67
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountCreationRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccountCreationRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationRender.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/checkout",
|
|
3
|
-
"version": "0.23.
|
|
3
|
+
"version": "0.23.3",
|
|
4
4
|
"description": "Newskit Render - Checkout package",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
},
|
|
70
70
|
"dependencies": {
|
|
71
71
|
"@hookform/resolvers": "2.8.3",
|
|
72
|
-
"@newskit-render/shared-components": "^0.35.
|
|
72
|
+
"@newskit-render/shared-components": "^0.35.3",
|
|
73
73
|
"newskit": "5.1.1"
|
|
74
74
|
}
|
|
75
75
|
}
|