@newskit-render/checkout 0.25.3 → 0.26.1
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 +6 -11
- package/dist/cjs/Components/Templates/AccountCreationRender.js.map +1 -1
- package/dist/cjs/Components/Templates/PaymentDetailsRender.js +43 -42
- package/dist/cjs/Components/Templates/PaymentDetailsRender.js.map +1 -1
- package/dist/cjs/Components/Templates/__tests__/mocks/index.js +1 -10
- package/dist/cjs/Components/Templates/__tests__/mocks/index.js.map +1 -1
- package/dist/cjs/constants/index.d.ts +8 -11
- package/dist/cjs/constants/index.js +5 -11
- package/dist/cjs/constants/index.js.map +1 -1
- package/dist/cjs/context/types.d.ts +3 -3
- package/dist/cjs/pages/PaymentDetails.js +4 -20
- package/dist/cjs/pages/PaymentDetails.js.map +1 -1
- package/dist/esm/Components/Templates/AccountCreationRender.js +8 -13
- package/dist/esm/Components/Templates/AccountCreationRender.js.map +1 -1
- package/dist/esm/Components/Templates/PaymentDetailsRender.js +44 -43
- package/dist/esm/Components/Templates/PaymentDetailsRender.js.map +1 -1
- package/dist/esm/Components/Templates/__tests__/mocks/index.js +1 -10
- package/dist/esm/Components/Templates/__tests__/mocks/index.js.map +1 -1
- package/dist/esm/constants/index.d.ts +8 -11
- package/dist/esm/constants/index.js +5 -11
- package/dist/esm/constants/index.js.map +1 -1
- package/dist/esm/context/types.d.ts +3 -3
- package/dist/esm/pages/PaymentDetails.js +5 -21
- package/dist/esm/pages/PaymentDetails.js.map +1 -1
- package/package.json +2 -2
|
@@ -48,12 +48,11 @@ var AccountCreationRender = function (_a) {
|
|
|
48
48
|
var _b = _a.validation, validation = _b === void 0 ? {} : _b;
|
|
49
49
|
var _c = (0, react_1.useState)(false), tcAccepted = _c[0], setTCAccepted = _c[1];
|
|
50
50
|
var _d = (0, react_1.useState)(false), opAccepted = _d[0], setOPAccepted = _d[1];
|
|
51
|
-
var _e = (0, react_1.useState)(false),
|
|
52
|
-
var _f = (0, react_1.useState)(undefined), loading = _f[0], setLoading = _f[1];
|
|
51
|
+
var _e = (0, react_1.useState)(false), loading = _e[0], setLoading = _e[1];
|
|
53
52
|
var bp = (0, newskit_1.useBreakpointKey)();
|
|
54
|
-
var
|
|
53
|
+
var _f = (0, context_1.useCheckoutContext)(), header = _f.header, accountCreationPage = _f.accountCreationPage;
|
|
55
54
|
var router = (0, router_1.useRouter)();
|
|
56
|
-
var
|
|
55
|
+
var _g = (0, react_1.useState)('xs'), breakpoint = _g[0], setBreakpoint = _g[1];
|
|
57
56
|
(0, react_1.useEffect)(function () {
|
|
58
57
|
setBreakpoint(bp);
|
|
59
58
|
}, [bp]);
|
|
@@ -67,11 +66,8 @@ var AccountCreationRender = function (_a) {
|
|
|
67
66
|
setLoading(true);
|
|
68
67
|
router.push('/checkout/payment-details');
|
|
69
68
|
};
|
|
70
|
-
var handleInvalidSubmit = function () {
|
|
71
|
-
setHasError(true);
|
|
72
|
-
};
|
|
73
69
|
var pageContext = accountCreationPage || constants_1.defaultAccountCreationPage.accountCreationPage;
|
|
74
|
-
var
|
|
70
|
+
var _h = (0, react_1.useState)(pageContext.modalOverrides.open || false), showModal = _h[0], setShowModal = _h[1];
|
|
75
71
|
var handleModal = function () {
|
|
76
72
|
setShowModal(!showModal);
|
|
77
73
|
};
|
|
@@ -81,7 +77,7 @@ var AccountCreationRender = function (_a) {
|
|
|
81
77
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
82
78
|
react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
|
|
83
79
|
react_1.default.createElement(shared_components_1.Modal, { closePosition: (accountCreationPage === null || accountCreationPage === void 0 ? void 0 : accountCreationPage.modalOverrides.closePosition) || 'right', open: showModal, onDismiss: dismissModal, overrides: __assign({}, pageContext.modalOverrides.overrides), introduction: __assign({}, pageContext.modalOverrides.introduction) }),
|
|
84
|
-
react_1.default.createElement(newskit_1.Form, { "data-testid": "accountCreationForm", onSubmit: handleSubmit,
|
|
80
|
+
react_1.default.createElement(newskit_1.Form, { "data-testid": "accountCreationForm", onSubmit: handleSubmit, resolver: resolver, validationMode: "onBlur", reValidationMode: "onBlur" },
|
|
85
81
|
react_1.default.createElement(Title_1.default, { name: "title", options: pageContext.userData.titleOptions, placeholder: '', label: "Title" }),
|
|
86
82
|
react_1.default.createElement(newskit_1.Block, { spaceStack: 'space050' },
|
|
87
83
|
react_1.default.createElement(newskit_1.TextInput, { "data-testid": "firstName", label: 'First name', name: "firstName", overrides: {
|
|
@@ -101,8 +97,7 @@ var AccountCreationRender = function (_a) {
|
|
|
101
97
|
react_1.default.createElement(DateOfBirth_1.default, null)),
|
|
102
98
|
react_1.default.createElement(RenderAgreementCheckboxes_1.default, { tcAccepted: tcAccepted, opAccepted: opAccepted, handleModal: handleModal, handleTCAccept: handleTCAccept, handleOPAccept: handleOPAccept }),
|
|
103
99
|
react_1.default.createElement(newskit_1.Block, { spaceStack: 'space070' },
|
|
104
|
-
react_1.default.createElement(
|
|
105
|
-
react_1.default.createElement(shared_components_1.ButtonGroup, __assign({}, pageContext.buttonGroupProps, { hasError: hasError, loading: loading })))),
|
|
100
|
+
react_1.default.createElement(shared_components_1.ButtonGroupNew, __assign({ loading: loading }, pageContext.buttonGroupProps))),
|
|
106
101
|
react_1.default.createElement(newskit_1.Block, { spaceStack: 'space090' }))));
|
|
107
102
|
};
|
|
108
103
|
exports.AccountCreationRender = AccountCreationRender;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountCreationRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,+CAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"AccountCreationRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationRender.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,52 +23,53 @@ var react_1 = __importDefault(require("react"));
|
|
|
23
23
|
var context_1 = require("../../context");
|
|
24
24
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
25
25
|
var newskit_1 = require("newskit");
|
|
26
|
-
var
|
|
26
|
+
var ButtonGroupWrapper = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-bottom: 200px;\n ", " {\n padding-bottom: 0;\n }\n"], ["\n padding-bottom: 200px;\n ", " {\n padding-bottom: 0;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('sm'));
|
|
27
27
|
var PaymentDetailsRender = function () {
|
|
28
28
|
var _a, _b, _c, _d, _e;
|
|
29
29
|
var bp = (0, newskit_1.useBreakpointKey)();
|
|
30
30
|
var _f = (0, context_1.useCheckoutContext)(), header = _f.header, paymentDetailsPage = _f.paymentDetailsPage, buttonGroupProps = _f.buttonGroupProps;
|
|
31
|
-
return (react_1.default.createElement(
|
|
32
|
-
react_1.default.createElement(newskit_1.
|
|
33
|
-
react_1.default.createElement(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
react_1.default.createElement(newskit_1.
|
|
38
|
-
react_1.default.createElement(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
react_1.default.createElement(
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
react_1.default.createElement(newskit_1.
|
|
67
|
-
|
|
68
|
-
react_1.default.createElement(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
31
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
32
|
+
react_1.default.createElement(newskit_1.Grid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000", lgColumnGutter: "space050", lgMargin: "space050" },
|
|
33
|
+
react_1.default.createElement(newskit_1.Cell, { xs: 12, lg: 6 },
|
|
34
|
+
react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
|
|
35
|
+
((_a = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.infoPanel) === null || _a === void 0 ? void 0 : _a.children) && (react_1.default.createElement(newskit_1.Block, { spaceStack: paymentDetailsPage.infoPanel.spaceStack },
|
|
36
|
+
react_1.default.createElement(newskit_1.InlineMessage, { icon: paymentDetailsPage.infoPanel.icon, title: paymentDetailsPage.infoPanel.title, children: paymentDetailsPage.infoPanel.children, overrides: paymentDetailsPage.infoPanel.overrides || {} }))),
|
|
37
|
+
react_1.default.createElement(newskit_1.Tabs, { distribution: newskit_1.TabsDistribution.Equal },
|
|
38
|
+
react_1.default.createElement(newskit_1.Tab, __assign({}, (_b = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _b === void 0 ? void 0 : _b.tab1, { label: (_c = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _c === void 0 ? void 0 : _c.tab1.label, key: 'tab-1' }),
|
|
39
|
+
react_1.default.createElement("h2", null, "Page content here"),
|
|
40
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
41
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
42
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
43
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
44
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
45
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
46
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
47
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
48
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
49
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
50
|
+
react_1.default.createElement("h3", null, "Payment method here"),
|
|
51
|
+
react_1.default.createElement("h3", null, "Payment method here")),
|
|
52
|
+
react_1.default.createElement(newskit_1.Tab, __assign({}, (_d = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _d === void 0 ? void 0 : _d.tab2, { label: (_e = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _e === void 0 ? void 0 : _e.tab2.label, key: 'tab-2' }),
|
|
53
|
+
react_1.default.createElement("h2", null, "Page content here"),
|
|
54
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
55
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
56
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
57
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
58
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
59
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
60
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
61
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
62
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
63
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
64
|
+
react_1.default.createElement("h3", null, "Paypal here"),
|
|
65
|
+
react_1.default.createElement("h3", null, "Paypal here"))),
|
|
66
|
+
(paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionMessage) && (react_1.default.createElement(newskit_1.Block, { spaceStack: paymentDetailsPage.subscriptionMessage.spaceStack },
|
|
67
|
+
react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkBase", typographyPreset: "utilityBody020" }, paymentDetailsPage.subscriptionMessage.text))),
|
|
68
|
+
react_1.default.createElement(ButtonGroupWrapper, null,
|
|
69
|
+
react_1.default.createElement(shared_components_1.ButtonGroupNew, __assign({ loading: false }, buttonGroupProps))),
|
|
70
|
+
bp !== 'lg' && bp !== 'xl' && (react_1.default.createElement(shared_components_1.SubscriptionDrawer, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDrawer, { open: paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDrawerState, onDismiss: paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDrawerControl })))),
|
|
71
|
+
/* istanbul ignore next */ (bp === 'lg' || bp === 'xl') && (react_1.default.createElement(newskit_1.Cell, { xs: 12, lg: 6 },
|
|
72
|
+
react_1.default.createElement(shared_components_1.CorePackageContent, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.corePackageContent)))))));
|
|
72
73
|
};
|
|
73
74
|
exports.PaymentDetailsRender = PaymentDetailsRender;
|
|
74
75
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentDetailsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentDetailsRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAkD;AAClD,uEAK0C;AAC1C,mCAYgB;AAEhB,IAAM,
|
|
1
|
+
{"version":3,"file":"PaymentDetailsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentDetailsRender.tsx"],"names":[],"mappings":"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"}
|
|
@@ -45,22 +45,13 @@ exports.accountCreationPageMock = {
|
|
|
45
45
|
},
|
|
46
46
|
},
|
|
47
47
|
buttonGroupProps: {
|
|
48
|
-
primaryText: 'Continue',
|
|
49
48
|
primaryButton: {
|
|
50
|
-
|
|
49
|
+
text: 'Continue',
|
|
51
50
|
overrides: {
|
|
52
51
|
stylePreset: 'buttonSolidPrimary',
|
|
53
52
|
width: '100%',
|
|
54
53
|
},
|
|
55
54
|
},
|
|
56
|
-
primaryCell: {
|
|
57
|
-
xs: 12,
|
|
58
|
-
sm: 3,
|
|
59
|
-
smOrder: 1,
|
|
60
|
-
xsOrder: 0,
|
|
61
|
-
xsOffset: 0,
|
|
62
|
-
smOffset: 9,
|
|
63
|
-
},
|
|
64
55
|
},
|
|
65
56
|
userData: {
|
|
66
57
|
titleOptions: ['Mr.', 'Mrs.', 'Ms.', 'Miss', 'Other'],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Templates/__tests__/mocks/index.ts"],"names":[],"mappings":";;;AACa,QAAA,uBAAuB,GAA6B;IAC/D,cAAc,EAAE;QACd,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,KAAK;QACX,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,UAAU,EAAE,eAAe;aAC5B;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;gBACD,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE;oBACN,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;aACF;SACF;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,YAAY;YACnB,cAAc,EAAE;gBACd,gBAAgB,EAAE;oBAChB,EAAE,EAAE,mBAAmB;oBACvB,EAAE,EAAE,mBAAmB;iBACxB;gBACD,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;YACD,WAAW,EAAE,qiBAOuF;YACpG,oBAAoB,EAAE;gBACpB,gBAAgB,EAAE,gBAAgB;gBAClC,oBAAoB,EAAE,IAAI;gBAC1B,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;SACF;KACF;IACD,gBAAgB,EAAE;QAChB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Templates/__tests__/mocks/index.ts"],"names":[],"mappings":";;;AACa,QAAA,uBAAuB,GAA6B;IAC/D,cAAc,EAAE;QACd,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,KAAK;QACX,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,UAAU,EAAE,eAAe;aAC5B;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;gBACD,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE;oBACN,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;aACF;SACF;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,YAAY;YACnB,cAAc,EAAE;gBACd,gBAAgB,EAAE;oBAChB,EAAE,EAAE,mBAAmB;oBACvB,EAAE,EAAE,mBAAmB;iBACxB;gBACD,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;YACD,WAAW,EAAE,qiBAOuF;YACpG,oBAAoB,EAAE;gBACpB,gBAAgB,EAAE,gBAAgB;gBAClC,oBAAoB,EAAE,IAAI;gBAC1B,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;SACF;KACF;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAE;YACb,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE;gBACT,WAAW,EAAE,oBAAoB;gBACjC,KAAK,EAAE,MAAM;aACd;SACF;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;KACtD;CACF,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ButtonSize } from 'newskit';
|
|
1
2
|
export declare const BASE_URL = "/checkout";
|
|
2
3
|
export declare const USER_TITLES: string[];
|
|
3
4
|
export declare const defaultAccountCreationPage: {
|
|
@@ -45,22 +46,18 @@ export declare const defaultAccountCreationPage: {
|
|
|
45
46
|
};
|
|
46
47
|
};
|
|
47
48
|
buttonGroupProps: {
|
|
48
|
-
primaryText: string;
|
|
49
49
|
primaryButton: {
|
|
50
|
-
|
|
50
|
+
text: string;
|
|
51
|
+
size: ButtonSize;
|
|
51
52
|
overrides: {
|
|
52
53
|
stylePreset: string;
|
|
53
|
-
|
|
54
|
+
minWidth: {
|
|
55
|
+
xs: string;
|
|
56
|
+
sm: string;
|
|
57
|
+
};
|
|
58
|
+
typographyPreset: string;
|
|
54
59
|
};
|
|
55
60
|
};
|
|
56
|
-
primaryCell: {
|
|
57
|
-
xs: number;
|
|
58
|
-
sm: number;
|
|
59
|
-
smOrder: number;
|
|
60
|
-
xsOrder: number;
|
|
61
|
-
xsOffset: number;
|
|
62
|
-
smOffset: number;
|
|
63
|
-
};
|
|
64
61
|
};
|
|
65
62
|
userData: {
|
|
66
63
|
titleOptions: string[];
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.defaultAccountCreationPage = exports.USER_TITLES = exports.BASE_URL = void 0;
|
|
4
|
+
var newskit_1 = require("newskit");
|
|
4
5
|
exports.BASE_URL = '/checkout';
|
|
5
6
|
exports.USER_TITLES = ['Mr.', 'Mrs.', 'Ms.', 'Miss', 'Other'];
|
|
6
7
|
exports.defaultAccountCreationPage = {
|
|
@@ -48,22 +49,15 @@ exports.defaultAccountCreationPage = {
|
|
|
48
49
|
},
|
|
49
50
|
},
|
|
50
51
|
buttonGroupProps: {
|
|
51
|
-
primaryText: 'Continue',
|
|
52
52
|
primaryButton: {
|
|
53
|
-
|
|
53
|
+
text: 'Continue',
|
|
54
|
+
size: newskit_1.ButtonSize.Medium,
|
|
54
55
|
overrides: {
|
|
55
56
|
stylePreset: 'buttonSolidPrimary',
|
|
56
|
-
|
|
57
|
+
minWidth: { xs: '100%', sm: 'sizing110' },
|
|
58
|
+
typographyPreset: 'utilityButton020',
|
|
57
59
|
},
|
|
58
60
|
},
|
|
59
|
-
primaryCell: {
|
|
60
|
-
xs: 12,
|
|
61
|
-
sm: 3,
|
|
62
|
-
smOrder: 1,
|
|
63
|
-
xsOrder: 0,
|
|
64
|
-
xsOffset: 0,
|
|
65
|
-
smOffset: 9,
|
|
66
|
-
},
|
|
67
61
|
},
|
|
68
62
|
userData: {
|
|
69
63
|
titleOptions: exports.USER_TITLES,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":";;;AAAA,mCAAoC;AAEvB,QAAA,QAAQ,GAAG,WAAW,CAAA;AACtB,QAAA,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AACrD,QAAA,0BAA0B,GAAG;IACxC,mBAAmB,EAAE;QACnB,cAAc,EAAE;YACd,aAAa,EAAE,OAAO;YACtB,IAAI,EAAE,KAAK;YACX,SAAS,EAAE;gBACT,OAAO,EAAE;oBACP,UAAU,EAAE,eAAe;iBAC5B;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,EAAE,EAAE,OAAO;wBACX,EAAE,EAAE,OAAO;qBACZ;oBACD,SAAS,EAAE,KAAK;oBAChB,MAAM,EAAE;wBACN,EAAE,EAAE,OAAO;wBACX,EAAE,EAAE,OAAO;qBACZ;iBACF;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,sBAAsB;gBAC7B,cAAc,EAAE;oBACd,gBAAgB,EAAE;wBAChB,EAAE,EAAE,mBAAmB;wBACvB,EAAE,EAAE,mBAAmB;qBACxB;oBACD,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;gBACD,WAAW,EAAE,uhBAOmF;gBAChG,oBAAoB,EAAE;oBACpB,gBAAgB,EAAE,gBAAgB;oBAClC,oBAAoB,EAAE,IAAI;oBAC1B,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;aACF;SACF;QACD,gBAAgB,EAAE;YAChB,aAAa,EAAE;gBACb,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,oBAAU,CAAC,MAAM;gBACvB,SAAS,EAAE;oBACT,WAAW,EAAE,oBAAoB;oBACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;oBACzC,gBAAgB,EAAE,kBAAkB;iBACrC;aACF;SACF;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,mBAAW;SAC1B;KACF;CACF,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
import { HeaderProps, NavigationPrimaryProps, SubscriptionDetailsProps, CorePackageContentProps, SubscriptionDrawerProps,
|
|
2
|
+
import { HeaderProps, NavigationPrimaryProps, SubscriptionDetailsProps, CorePackageContentProps, SubscriptionDrawerProps, FooterContext, FooterContextOverrides, NewButtonGroupProps } from '@newskit-render/shared-components';
|
|
3
3
|
import { MQ, InlineMessageProps, TabProps } from 'newskit';
|
|
4
4
|
interface InfoPanel extends InlineMessageProps {
|
|
5
5
|
spaceStack?: MQ<string>;
|
|
@@ -55,7 +55,7 @@ export interface AccountCreationPageProps {
|
|
|
55
55
|
userData: {
|
|
56
56
|
titleOptions: string[];
|
|
57
57
|
};
|
|
58
|
-
buttonGroupProps: Partial<
|
|
58
|
+
buttonGroupProps: Partial<NewButtonGroupProps>;
|
|
59
59
|
}
|
|
60
60
|
export interface ContextOptions {
|
|
61
61
|
baseUrl?: string;
|
|
@@ -70,7 +70,7 @@ export interface ContextOptions {
|
|
|
70
70
|
navigationPrimary?: Partial<NavigationPrimaryProps>;
|
|
71
71
|
header?: HeaderProps;
|
|
72
72
|
paymentDetailsPage?: PaymentDetailsPage;
|
|
73
|
-
buttonGroupProps?: Partial<
|
|
73
|
+
buttonGroupProps?: Partial<NewButtonGroupProps>;
|
|
74
74
|
footer?: FooterContext;
|
|
75
75
|
footerOverrides?: FooterContextOverrides;
|
|
76
76
|
accountCreationPage?: AccountCreationPageProps;
|
|
@@ -137,28 +137,17 @@ exports.paymentDetailsContext = {
|
|
|
137
137
|
},
|
|
138
138
|
},
|
|
139
139
|
buttonGroupProps: {
|
|
140
|
-
primaryText: 'Agree and Subscribe',
|
|
141
140
|
primaryButton: {
|
|
141
|
+
text: 'Agree and Subscribe',
|
|
142
142
|
ariaLabel: 'Agree and Subscribe',
|
|
143
|
+
size: newskit_1.ButtonSize.Medium,
|
|
143
144
|
overrides: {
|
|
144
145
|
stylePreset: 'buttonSolidPositive',
|
|
145
146
|
width: '100%',
|
|
146
147
|
},
|
|
147
|
-
spaceStack: {
|
|
148
|
-
xs: 'space080',
|
|
149
|
-
sm: 'space000',
|
|
150
|
-
},
|
|
151
|
-
},
|
|
152
|
-
primaryCell: {
|
|
153
|
-
xs: 12,
|
|
154
|
-
sm: 6,
|
|
155
|
-
smOffset: 1,
|
|
156
|
-
md: 5,
|
|
157
|
-
mdOffset: 3,
|
|
158
|
-
xsOrder: 0,
|
|
159
|
-
smOrder: 1,
|
|
160
148
|
},
|
|
161
|
-
secureFlag:
|
|
149
|
+
secureFlag: true,
|
|
150
|
+
secureFlagOverrides: {
|
|
162
151
|
overrides: {
|
|
163
152
|
stylePreset: 'inkSubtle',
|
|
164
153
|
typographyPreset: 'utilityLabel010',
|
|
@@ -170,12 +159,7 @@ exports.paymentDetailsContext = {
|
|
|
170
159
|
spaceInset: 'spaceInset000',
|
|
171
160
|
spaceInline: 'space020',
|
|
172
161
|
},
|
|
173
|
-
spaceStack: {
|
|
174
|
-
xs: 'space080',
|
|
175
|
-
sm: 'space000',
|
|
176
|
-
},
|
|
177
162
|
},
|
|
178
|
-
secureFlagCell: { xs: 12, sm: 5, md: 4, xsOrder: 1, smOrder: 0 },
|
|
179
163
|
},
|
|
180
164
|
};
|
|
181
165
|
var PaymentDetails = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentDetails.js","sourceRoot":"","sources":["../../../src/pages/PaymentDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,qDAAwD;AAGxD,qFAAmF;AACnF,iEAAiE;AACjE,
|
|
1
|
+
{"version":3,"file":"PaymentDetails.js","sourceRoot":"","sources":["../../../src/pages/PaymentDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,8 +11,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { useEffect, useState } from 'react';
|
|
13
13
|
import { yupResolver } from '@hookform/resolvers/yup';
|
|
14
|
-
import { Block, Form,
|
|
15
|
-
import {
|
|
14
|
+
import { Block, Form, TextInput, useBreakpointKey } from 'newskit';
|
|
15
|
+
import { Header, Modal, ButtonGroupNew, } from '@newskit-render/shared-components';
|
|
16
16
|
import Title from './AccountCreationTemplates/Title';
|
|
17
17
|
import DateOfBirth from './AccountCreationTemplates/DateOfBirth';
|
|
18
18
|
import RenderAgreementCheckboxes from './AccountCreationTemplates/RenderAgreementCheckboxes';
|
|
@@ -23,12 +23,11 @@ export var AccountCreationRender = function (_a) {
|
|
|
23
23
|
var _b = _a.validation, validation = _b === void 0 ? {} : _b;
|
|
24
24
|
var _c = useState(false), tcAccepted = _c[0], setTCAccepted = _c[1];
|
|
25
25
|
var _d = useState(false), opAccepted = _d[0], setOPAccepted = _d[1];
|
|
26
|
-
var _e = useState(false),
|
|
27
|
-
var _f = useState(undefined), loading = _f[0], setLoading = _f[1];
|
|
26
|
+
var _e = useState(false), loading = _e[0], setLoading = _e[1];
|
|
28
27
|
var bp = useBreakpointKey();
|
|
29
|
-
var
|
|
28
|
+
var _f = useCheckoutContext(), header = _f.header, accountCreationPage = _f.accountCreationPage;
|
|
30
29
|
var router = useRouter();
|
|
31
|
-
var
|
|
30
|
+
var _g = useState('xs'), breakpoint = _g[0], setBreakpoint = _g[1];
|
|
32
31
|
useEffect(function () {
|
|
33
32
|
setBreakpoint(bp);
|
|
34
33
|
}, [bp]);
|
|
@@ -42,11 +41,8 @@ export var AccountCreationRender = function (_a) {
|
|
|
42
41
|
setLoading(true);
|
|
43
42
|
router.push('/checkout/payment-details');
|
|
44
43
|
};
|
|
45
|
-
var handleInvalidSubmit = function () {
|
|
46
|
-
setHasError(true);
|
|
47
|
-
};
|
|
48
44
|
var pageContext = accountCreationPage || defaultAccountCreationPage.accountCreationPage;
|
|
49
|
-
var
|
|
45
|
+
var _h = useState(pageContext.modalOverrides.open || false), showModal = _h[0], setShowModal = _h[1];
|
|
50
46
|
var handleModal = function () {
|
|
51
47
|
setShowModal(!showModal);
|
|
52
48
|
};
|
|
@@ -56,7 +52,7 @@ export var AccountCreationRender = function (_a) {
|
|
|
56
52
|
return (React.createElement(React.Fragment, null,
|
|
57
53
|
React.createElement(Header, __assign({}, header)),
|
|
58
54
|
React.createElement(Modal, { closePosition: (accountCreationPage === null || accountCreationPage === void 0 ? void 0 : accountCreationPage.modalOverrides.closePosition) || 'right', open: showModal, onDismiss: dismissModal, overrides: __assign({}, pageContext.modalOverrides.overrides), introduction: __assign({}, pageContext.modalOverrides.introduction) }),
|
|
59
|
-
React.createElement(Form, { "data-testid": "accountCreationForm", onSubmit: handleSubmit,
|
|
55
|
+
React.createElement(Form, { "data-testid": "accountCreationForm", onSubmit: handleSubmit, resolver: resolver, validationMode: "onBlur", reValidationMode: "onBlur" },
|
|
60
56
|
React.createElement(Title, { name: "title", options: pageContext.userData.titleOptions, placeholder: '', label: "Title" }),
|
|
61
57
|
React.createElement(Block, { spaceStack: 'space050' },
|
|
62
58
|
React.createElement(TextInput, { "data-testid": "firstName", label: 'First name', name: "firstName", overrides: {
|
|
@@ -76,8 +72,7 @@ export var AccountCreationRender = function (_a) {
|
|
|
76
72
|
React.createElement(DateOfBirth, null)),
|
|
77
73
|
React.createElement(RenderAgreementCheckboxes, { tcAccepted: tcAccepted, opAccepted: opAccepted, handleModal: handleModal, handleTCAccept: handleTCAccept, handleOPAccept: handleOPAccept }),
|
|
78
74
|
React.createElement(Block, { spaceStack: 'space070' },
|
|
79
|
-
React.createElement(
|
|
80
|
-
React.createElement(ButtonGroup, __assign({}, pageContext.buttonGroupProps, { hasError: hasError, loading: loading })))),
|
|
75
|
+
React.createElement(ButtonGroupNew, __assign({ loading: loading }, pageContext.buttonGroupProps))),
|
|
81
76
|
React.createElement(Block, { spaceStack: 'space090' }))));
|
|
82
77
|
};
|
|
83
78
|
//# sourceMappingURL=AccountCreationRender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountCreationRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"AccountCreationRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAClE,OAAO,EACL,MAAM,EACN,KAAK,EACL,cAAc,GACf,MAAM,mCAAmC,CAAA;AAC1C,OAAO,KAAK,MAAM,kCAAkC,CAAA;AACpD,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,yBAAyB,MAAM,sDAAsD,CAAA;AAC5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,CAAC,IAAM,qBAAqB,GAE7B,UAAC,EAAmB;QAAjB,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA;IACf,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAC7C,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAC7C,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACvB,IAAA,KAAkC,kBAAkB,EAAE,EAApD,MAAM,YAAA,EAAE,mBAAmB,yBAAyB,CAAA;IAC5D,IAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IACpB,IAAA,KAA8B,QAAQ,CAAC,IAAI,CAAC,EAA3C,UAAU,QAAA,EAAE,aAAa,QAAkB,CAAA;IAClD,SAAS,CAAC;QACR,aAAa,CAAC,EAAE,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACR,IAAM,cAAc,GAAG,UAAC,QAAiB;QACvC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACzB,CAAC,CAAA;IACD,IAAM,cAAc,GAAG,UAAC,QAAiB;QACvC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACzB,CAAC,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,MAAM,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,IAAM,WAAW,GACf,mBAAmB,IAAI,0BAA0B,CAAC,mBAAmB,CAAA;IACjE,IAAA,KAA4B,QAAQ,CACxC,WAAW,CAAC,cAAc,CAAC,IAAI,IAAI,KAAK,CACzC,EAFM,SAAS,QAAA,EAAE,YAAY,QAE7B,CAAA;IACD,IAAM,WAAW,GAAG;QAClB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,IAAM,YAAY,GAChB,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,cAAc,CAAC,SAAS,KAAI,WAAW,CAAA;IAE9D,IAAM,MAAM,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAChD,IAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IAEpC,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QACtB,oBAAC,KAAK,IACJ,aAAa,EACX,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,cAAc,CAAC,aAAa,KAAI,OAAO,EAE9D,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,YAAY,EACvB,SAAS,eACJ,WAAW,CAAC,cAAc,CAAC,SAAS,GAEzC,YAAY,eACP,WAAW,CAAC,cAAc,CAAC,YAAY,IAE5C;QAEF,oBAAC,IAAI,mBACS,qBAAqB,EACjC,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAC,QAAQ,EACvB,gBAAgB,EAAC,QAAQ;YAEzB,oBAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,YAAY,EAC1C,WAAW,EAAE,EAAE,EACf,KAAK,EAAC,OAAO,GACb;YACF,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU;gBAC3B,oBAAC,SAAS,mBACI,WAAW,EACvB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,WAAW,EAChB,SAAS,EAAE;wBACT,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;wBAC3C,KAAK,EAAE;4BACL,gBAAgB,EAAE,iBAAiB;yBACpC;qBACF,GACD,CACI;YAER,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU;gBAC3B,oBAAC,SAAS,mBACI,UAAU,EACtB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,UAAU,EACf,SAAS,EAAE;wBACT,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;wBAC3C,KAAK,EAAE;4BACL,gBAAgB,EAAE,iBAAiB;yBACpC;qBACF,GACD,CACI;YACR,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU;gBAC3B,oBAAC,WAAW,OAAG,CACT;YAER,oBAAC,yBAAyB,IACxB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC9B;YACF,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU;gBAC3B,oBAAC,cAAc,aAAC,OAAO,EAAE,OAAO,IAAM,WAAW,CAAC,gBAAgB,EAAI,CAChE;YACR,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,GAAI,CAC5B,CACN,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -15,54 +15,55 @@ var __assign = (this && this.__assign) || function () {
|
|
|
15
15
|
};
|
|
16
16
|
import React from 'react';
|
|
17
17
|
import { useCheckoutContext } from '../../context';
|
|
18
|
-
import { Header, CorePackageContent, SubscriptionDrawer,
|
|
18
|
+
import { Header, CorePackageContent, SubscriptionDrawer, ButtonGroupNew, } from '@newskit-render/shared-components';
|
|
19
19
|
import { Grid, Cell, useBreakpointKey, InlineMessage, Block, TextBlock, Tabs, Tab, TabsDistribution, styled, getMediaQueryFromTheme, } from 'newskit';
|
|
20
|
-
var
|
|
20
|
+
var ButtonGroupWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-bottom: 200px;\n ", " {\n padding-bottom: 0;\n }\n"], ["\n padding-bottom: 200px;\n ", " {\n padding-bottom: 0;\n }\n"])), getMediaQueryFromTheme('sm'));
|
|
21
21
|
export var PaymentDetailsRender = function () {
|
|
22
22
|
var _a, _b, _c, _d, _e;
|
|
23
23
|
var bp = useBreakpointKey();
|
|
24
24
|
var _f = useCheckoutContext(), header = _f.header, paymentDetailsPage = _f.paymentDetailsPage, buttonGroupProps = _f.buttonGroupProps;
|
|
25
|
-
return (React.createElement(
|
|
26
|
-
React.createElement(
|
|
27
|
-
React.createElement(
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
React.createElement(
|
|
32
|
-
React.createElement(
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
React.createElement(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
React.createElement(
|
|
61
|
-
|
|
62
|
-
React.createElement(
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
25
|
+
return (React.createElement(React.Fragment, null,
|
|
26
|
+
React.createElement(Grid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000", lgColumnGutter: "space050", lgMargin: "space050" },
|
|
27
|
+
React.createElement(Cell, { xs: 12, lg: 6 },
|
|
28
|
+
React.createElement(Header, __assign({}, header)),
|
|
29
|
+
((_a = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.infoPanel) === null || _a === void 0 ? void 0 : _a.children) && (React.createElement(Block, { spaceStack: paymentDetailsPage.infoPanel.spaceStack },
|
|
30
|
+
React.createElement(InlineMessage, { icon: paymentDetailsPage.infoPanel.icon, title: paymentDetailsPage.infoPanel.title, children: paymentDetailsPage.infoPanel.children, overrides: paymentDetailsPage.infoPanel.overrides || {} }))),
|
|
31
|
+
React.createElement(Tabs, { distribution: TabsDistribution.Equal },
|
|
32
|
+
React.createElement(Tab, __assign({}, (_b = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _b === void 0 ? void 0 : _b.tab1, { label: (_c = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _c === void 0 ? void 0 : _c.tab1.label, key: 'tab-1' }),
|
|
33
|
+
React.createElement("h2", null, "Page content here"),
|
|
34
|
+
React.createElement("h3", null, "Payment method here"),
|
|
35
|
+
React.createElement("h3", null, "Payment method here"),
|
|
36
|
+
React.createElement("h3", null, "Payment method here"),
|
|
37
|
+
React.createElement("h3", null, "Payment method here"),
|
|
38
|
+
React.createElement("h3", null, "Payment method here"),
|
|
39
|
+
React.createElement("h3", null, "Payment method here"),
|
|
40
|
+
React.createElement("h3", null, "Payment method here"),
|
|
41
|
+
React.createElement("h3", null, "Payment method here"),
|
|
42
|
+
React.createElement("h3", null, "Payment method here"),
|
|
43
|
+
React.createElement("h3", null, "Payment method here"),
|
|
44
|
+
React.createElement("h3", null, "Payment method here"),
|
|
45
|
+
React.createElement("h3", null, "Payment method here")),
|
|
46
|
+
React.createElement(Tab, __assign({}, (_d = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _d === void 0 ? void 0 : _d.tab2, { label: (_e = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _e === void 0 ? void 0 : _e.tab2.label, key: 'tab-2' }),
|
|
47
|
+
React.createElement("h2", null, "Page content here"),
|
|
48
|
+
React.createElement("h3", null, "Paypal here"),
|
|
49
|
+
React.createElement("h3", null, "Paypal here"),
|
|
50
|
+
React.createElement("h3", null, "Paypal here"),
|
|
51
|
+
React.createElement("h3", null, "Paypal here"),
|
|
52
|
+
React.createElement("h3", null, "Paypal here"),
|
|
53
|
+
React.createElement("h3", null, "Paypal here"),
|
|
54
|
+
React.createElement("h3", null, "Paypal here"),
|
|
55
|
+
React.createElement("h3", null, "Paypal here"),
|
|
56
|
+
React.createElement("h3", null, "Paypal here"),
|
|
57
|
+
React.createElement("h3", null, "Paypal here"),
|
|
58
|
+
React.createElement("h3", null, "Paypal here"),
|
|
59
|
+
React.createElement("h3", null, "Paypal here"))),
|
|
60
|
+
(paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionMessage) && (React.createElement(Block, { spaceStack: paymentDetailsPage.subscriptionMessage.spaceStack },
|
|
61
|
+
React.createElement(TextBlock, { stylePreset: "inkBase", typographyPreset: "utilityBody020" }, paymentDetailsPage.subscriptionMessage.text))),
|
|
62
|
+
React.createElement(ButtonGroupWrapper, null,
|
|
63
|
+
React.createElement(ButtonGroupNew, __assign({ loading: false }, buttonGroupProps))),
|
|
64
|
+
bp !== 'lg' && bp !== 'xl' && (React.createElement(SubscriptionDrawer, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDrawer, { open: paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDrawerState, onDismiss: paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDrawerControl })))),
|
|
65
|
+
/* istanbul ignore next */ (bp === 'lg' || bp === 'xl') && (React.createElement(Cell, { xs: 12, lg: 6 },
|
|
66
|
+
React.createElement(CorePackageContent, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.corePackageContent)))))));
|
|
66
67
|
};
|
|
67
68
|
var templateObject_1;
|
|
68
69
|
//# sourceMappingURL=PaymentDetailsRender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentDetailsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentDetailsRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,kBAAkB,EAClB,
|
|
1
|
+
{"version":3,"file":"PaymentDetailsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentDetailsRender.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,22 +42,13 @@ export var accountCreationPageMock = {
|
|
|
42
42
|
},
|
|
43
43
|
},
|
|
44
44
|
buttonGroupProps: {
|
|
45
|
-
primaryText: 'Continue',
|
|
46
45
|
primaryButton: {
|
|
47
|
-
|
|
46
|
+
text: 'Continue',
|
|
48
47
|
overrides: {
|
|
49
48
|
stylePreset: 'buttonSolidPrimary',
|
|
50
49
|
width: '100%',
|
|
51
50
|
},
|
|
52
51
|
},
|
|
53
|
-
primaryCell: {
|
|
54
|
-
xs: 12,
|
|
55
|
-
sm: 3,
|
|
56
|
-
smOrder: 1,
|
|
57
|
-
xsOrder: 0,
|
|
58
|
-
xsOffset: 0,
|
|
59
|
-
smOffset: 9,
|
|
60
|
-
},
|
|
61
52
|
},
|
|
62
53
|
userData: {
|
|
63
54
|
titleOptions: ['Mr.', 'Mrs.', 'Ms.', 'Miss', 'Other'],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Templates/__tests__/mocks/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,uBAAuB,GAA6B;IAC/D,cAAc,EAAE;QACd,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,KAAK;QACX,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,UAAU,EAAE,eAAe;aAC5B;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;gBACD,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE;oBACN,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;aACF;SACF;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,YAAY;YACnB,cAAc,EAAE;gBACd,gBAAgB,EAAE;oBAChB,EAAE,EAAE,mBAAmB;oBACvB,EAAE,EAAE,mBAAmB;iBACxB;gBACD,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;YACD,WAAW,EAAE,qiBAOuF;YACpG,oBAAoB,EAAE;gBACpB,gBAAgB,EAAE,gBAAgB;gBAClC,oBAAoB,EAAE,IAAI;gBAC1B,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;SACF;KACF;IACD,gBAAgB,EAAE;QAChB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Templates/__tests__/mocks/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,uBAAuB,GAA6B;IAC/D,cAAc,EAAE;QACd,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,KAAK;QACX,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,UAAU,EAAE,eAAe;aAC5B;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;gBACD,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE;oBACN,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;aACF;SACF;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,YAAY;YACnB,cAAc,EAAE;gBACd,gBAAgB,EAAE;oBAChB,EAAE,EAAE,mBAAmB;oBACvB,EAAE,EAAE,mBAAmB;iBACxB;gBACD,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;YACD,WAAW,EAAE,qiBAOuF;YACpG,oBAAoB,EAAE;gBACpB,gBAAgB,EAAE,gBAAgB;gBAClC,oBAAoB,EAAE,IAAI;gBAC1B,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;SACF;KACF;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAE;YACb,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE;gBACT,WAAW,EAAE,oBAAoB;gBACjC,KAAK,EAAE,MAAM;aACd;SACF;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;KACtD;CACF,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ButtonSize } from 'newskit';
|
|
1
2
|
export declare const BASE_URL = "/checkout";
|
|
2
3
|
export declare const USER_TITLES: string[];
|
|
3
4
|
export declare const defaultAccountCreationPage: {
|
|
@@ -45,22 +46,18 @@ export declare const defaultAccountCreationPage: {
|
|
|
45
46
|
};
|
|
46
47
|
};
|
|
47
48
|
buttonGroupProps: {
|
|
48
|
-
primaryText: string;
|
|
49
49
|
primaryButton: {
|
|
50
|
-
|
|
50
|
+
text: string;
|
|
51
|
+
size: ButtonSize;
|
|
51
52
|
overrides: {
|
|
52
53
|
stylePreset: string;
|
|
53
|
-
|
|
54
|
+
minWidth: {
|
|
55
|
+
xs: string;
|
|
56
|
+
sm: string;
|
|
57
|
+
};
|
|
58
|
+
typographyPreset: string;
|
|
54
59
|
};
|
|
55
60
|
};
|
|
56
|
-
primaryCell: {
|
|
57
|
-
xs: number;
|
|
58
|
-
sm: number;
|
|
59
|
-
smOrder: number;
|
|
60
|
-
xsOrder: number;
|
|
61
|
-
xsOffset: number;
|
|
62
|
-
smOffset: number;
|
|
63
|
-
};
|
|
64
61
|
};
|
|
65
62
|
userData: {
|
|
66
63
|
titleOptions: string[];
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ButtonSize } from 'newskit';
|
|
1
2
|
export var BASE_URL = '/checkout';
|
|
2
3
|
export var USER_TITLES = ['Mr.', 'Mrs.', 'Ms.', 'Miss', 'Other'];
|
|
3
4
|
export var defaultAccountCreationPage = {
|
|
@@ -45,22 +46,15 @@ export var defaultAccountCreationPage = {
|
|
|
45
46
|
},
|
|
46
47
|
},
|
|
47
48
|
buttonGroupProps: {
|
|
48
|
-
primaryText: 'Continue',
|
|
49
49
|
primaryButton: {
|
|
50
|
-
|
|
50
|
+
text: 'Continue',
|
|
51
|
+
size: ButtonSize.Medium,
|
|
51
52
|
overrides: {
|
|
52
53
|
stylePreset: 'buttonSolidPrimary',
|
|
53
|
-
|
|
54
|
+
minWidth: { xs: '100%', sm: 'sizing110' },
|
|
55
|
+
typographyPreset: 'utilityButton020',
|
|
54
56
|
},
|
|
55
57
|
},
|
|
56
|
-
primaryCell: {
|
|
57
|
-
xs: 12,
|
|
58
|
-
sm: 3,
|
|
59
|
-
smOrder: 1,
|
|
60
|
-
xsOrder: 0,
|
|
61
|
-
xsOffset: 0,
|
|
62
|
-
smOffset: 9,
|
|
63
|
-
},
|
|
64
58
|
},
|
|
65
59
|
userData: {
|
|
66
60
|
titleOptions: USER_TITLES,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,QAAQ,GAAG,WAAW,CAAA;AACnC,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AAClE,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACxC,mBAAmB,EAAE;QACnB,cAAc,EAAE;YACd,aAAa,EAAE,OAAO;YACtB,IAAI,EAAE,KAAK;YACX,SAAS,EAAE;gBACT,OAAO,EAAE;oBACP,UAAU,EAAE,eAAe;iBAC5B;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,EAAE,EAAE,OAAO;wBACX,EAAE,EAAE,OAAO;qBACZ;oBACD,SAAS,EAAE,KAAK;oBAChB,MAAM,EAAE;wBACN,EAAE,EAAE,OAAO;wBACX,EAAE,EAAE,OAAO;qBACZ;iBACF;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,sBAAsB;gBAC7B,cAAc,EAAE;oBACd,gBAAgB,EAAE;wBAChB,EAAE,EAAE,mBAAmB;wBACvB,EAAE,EAAE,mBAAmB;qBACxB;oBACD,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;gBACD,WAAW,EAAE,uhBAOmF;gBAChG,oBAAoB,EAAE;oBACpB,gBAAgB,EAAE,gBAAgB;oBAClC,oBAAoB,EAAE,IAAI;oBAC1B,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;aACF;SACF;QACD,gBAAgB,EAAE;YAChB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,MAAM,CAAC,IAAM,QAAQ,GAAG,WAAW,CAAA;AACnC,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AAClE,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACxC,mBAAmB,EAAE;QACnB,cAAc,EAAE;YACd,aAAa,EAAE,OAAO;YACtB,IAAI,EAAE,KAAK;YACX,SAAS,EAAE;gBACT,OAAO,EAAE;oBACP,UAAU,EAAE,eAAe;iBAC5B;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,EAAE,EAAE,OAAO;wBACX,EAAE,EAAE,OAAO;qBACZ;oBACD,SAAS,EAAE,KAAK;oBAChB,MAAM,EAAE;wBACN,EAAE,EAAE,OAAO;wBACX,EAAE,EAAE,OAAO;qBACZ;iBACF;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,sBAAsB;gBAC7B,cAAc,EAAE;oBACd,gBAAgB,EAAE;wBAChB,EAAE,EAAE,mBAAmB;wBACvB,EAAE,EAAE,mBAAmB;qBACxB;oBACD,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;gBACD,WAAW,EAAE,uhBAOmF;gBAChG,oBAAoB,EAAE;oBACpB,gBAAgB,EAAE,gBAAgB;oBAClC,oBAAoB,EAAE,IAAI;oBAC1B,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;aACF;SACF;QACD,gBAAgB,EAAE;YAChB,aAAa,EAAE;gBACb,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,UAAU,CAAC,MAAM;gBACvB,SAAS,EAAE;oBACT,WAAW,EAAE,oBAAoB;oBACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;oBACzC,gBAAgB,EAAE,kBAAkB;iBACrC;aACF;SACF;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,WAAW;SAC1B;KACF;CACF,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
import { HeaderProps, NavigationPrimaryProps, SubscriptionDetailsProps, CorePackageContentProps, SubscriptionDrawerProps,
|
|
2
|
+
import { HeaderProps, NavigationPrimaryProps, SubscriptionDetailsProps, CorePackageContentProps, SubscriptionDrawerProps, FooterContext, FooterContextOverrides, NewButtonGroupProps } from '@newskit-render/shared-components';
|
|
3
3
|
import { MQ, InlineMessageProps, TabProps } from 'newskit';
|
|
4
4
|
interface InfoPanel extends InlineMessageProps {
|
|
5
5
|
spaceStack?: MQ<string>;
|
|
@@ -55,7 +55,7 @@ export interface AccountCreationPageProps {
|
|
|
55
55
|
userData: {
|
|
56
56
|
titleOptions: string[];
|
|
57
57
|
};
|
|
58
|
-
buttonGroupProps: Partial<
|
|
58
|
+
buttonGroupProps: Partial<NewButtonGroupProps>;
|
|
59
59
|
}
|
|
60
60
|
export interface ContextOptions {
|
|
61
61
|
baseUrl?: string;
|
|
@@ -70,7 +70,7 @@ export interface ContextOptions {
|
|
|
70
70
|
navigationPrimary?: Partial<NavigationPrimaryProps>;
|
|
71
71
|
header?: HeaderProps;
|
|
72
72
|
paymentDetailsPage?: PaymentDetailsPage;
|
|
73
|
-
buttonGroupProps?: Partial<
|
|
73
|
+
buttonGroupProps?: Partial<NewButtonGroupProps>;
|
|
74
74
|
footer?: FooterContext;
|
|
75
75
|
footerOverrides?: FooterContextOverrides;
|
|
76
76
|
accountCreationPage?: AccountCreationPageProps;
|
|
@@ -13,7 +13,7 @@ import React, { useState } from 'react';
|
|
|
13
13
|
import { LayoutTemplate } from '../Components/Templates';
|
|
14
14
|
import { PaymentDetailsRender } from '../Components/Templates/PaymentDetailsRender';
|
|
15
15
|
// import { IconFilledInfo, IconFilledCreditCard } from 'newskit'
|
|
16
|
-
import { IconFilledCreditCard } from 'newskit';
|
|
16
|
+
import { ButtonSize, IconFilledCreditCard } from 'newskit';
|
|
17
17
|
import { NextLink } from '@newskit-render/shared-components';
|
|
18
18
|
import { IconPayPal } from '../Components/Icons/Paypal';
|
|
19
19
|
var title = 'Payment details';
|
|
@@ -115,28 +115,17 @@ export var paymentDetailsContext = {
|
|
|
115
115
|
},
|
|
116
116
|
},
|
|
117
117
|
buttonGroupProps: {
|
|
118
|
-
primaryText: 'Agree and Subscribe',
|
|
119
118
|
primaryButton: {
|
|
119
|
+
text: 'Agree and Subscribe',
|
|
120
120
|
ariaLabel: 'Agree and Subscribe',
|
|
121
|
+
size: ButtonSize.Medium,
|
|
121
122
|
overrides: {
|
|
122
123
|
stylePreset: 'buttonSolidPositive',
|
|
123
124
|
width: '100%',
|
|
124
125
|
},
|
|
125
|
-
spaceStack: {
|
|
126
|
-
xs: 'space080',
|
|
127
|
-
sm: 'space000',
|
|
128
|
-
},
|
|
129
|
-
},
|
|
130
|
-
primaryCell: {
|
|
131
|
-
xs: 12,
|
|
132
|
-
sm: 6,
|
|
133
|
-
smOffset: 1,
|
|
134
|
-
md: 5,
|
|
135
|
-
mdOffset: 3,
|
|
136
|
-
xsOrder: 0,
|
|
137
|
-
smOrder: 1,
|
|
138
126
|
},
|
|
139
|
-
secureFlag:
|
|
127
|
+
secureFlag: true,
|
|
128
|
+
secureFlagOverrides: {
|
|
140
129
|
overrides: {
|
|
141
130
|
stylePreset: 'inkSubtle',
|
|
142
131
|
typographyPreset: 'utilityLabel010',
|
|
@@ -148,12 +137,7 @@ export var paymentDetailsContext = {
|
|
|
148
137
|
spaceInset: 'spaceInset000',
|
|
149
138
|
spaceInline: 'space020',
|
|
150
139
|
},
|
|
151
|
-
spaceStack: {
|
|
152
|
-
xs: 'space080',
|
|
153
|
-
sm: 'space000',
|
|
154
|
-
},
|
|
155
140
|
},
|
|
156
|
-
secureFlagCell: { xs: 12, sm: 5, md: 4, xsOrder: 1, smOrder: 0 },
|
|
157
141
|
},
|
|
158
142
|
};
|
|
159
143
|
export var PaymentDetails = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentDetails.js","sourceRoot":"","sources":["../../../src/pages/PaymentDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAGxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAA;AACnF,iEAAiE;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"PaymentDetails.js","sourceRoot":"","sources":["../../../src/pages/PaymentDetails.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.
|
|
3
|
+
"version": "0.26.1",
|
|
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.
|
|
72
|
+
"@newskit-render/shared-components": "^0.43.1",
|
|
73
73
|
"newskit": "5.1.1"
|
|
74
74
|
}
|
|
75
75
|
}
|