@newskit-render/checkout 2.2.3-alpha.0 → 2.2.4-alpha.0
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/LayoutTemplate.js +2 -2
- package/dist/cjs/Components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/cjs/Components/Templates/PaymentDetailsRender.js +7 -5
- package/dist/cjs/Components/Templates/PaymentDetailsRender.js.map +1 -1
- package/dist/esm/Components/Templates/LayoutTemplate.js +3 -3
- package/dist/esm/Components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/esm/Components/Templates/PaymentDetailsRender.js +8 -6
- package/dist/esm/Components/Templates/PaymentDetailsRender.js.map +1 -1
- package/package.json +3 -3
|
@@ -56,12 +56,12 @@ var FooterWrapper = function () {
|
|
|
56
56
|
var BaseLayoutTemplate = function (_a) {
|
|
57
57
|
var children = _a.children, customTheme = _a.customTheme, context = _a.context, themeDropdownObject = _a.themeDropdownObject, fullWidth = _a.fullWidth;
|
|
58
58
|
var router = (0, router_1.useRouter)();
|
|
59
|
-
var bp = (0, newskit_1.useBreakpointKey)();
|
|
60
59
|
return (react_1.default.createElement(context_1.CheckoutContextProvider, { context: context },
|
|
61
60
|
react_1.default.createElement(shared_components_1.SEOComponent, { title: context.siteTitle || '', description: context.siteDescription || '', url: "".concat(context.url).concat(router.pathname), siteHost: context.url || context.siteHost || '', fbType: context.fbType || '', fbImageUrl: context.fbImageUrl || '' }),
|
|
62
61
|
react_1.default.createElement(newskit_1.ThemeProvider, { theme: customTheme || shared_components_1.sharedTheme },
|
|
63
62
|
react_1.default.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject }),
|
|
64
|
-
|
|
63
|
+
react_1.default.createElement(newskit_1.Visible, { xs: true, sm: true, md: true },
|
|
64
|
+
react_1.default.createElement(SubscriptionDetailsWrapper, null)),
|
|
65
65
|
react_1.default.createElement(shared_components_1.LayoutGrid, { hasSidebar: false, fullWidth: fullWidth,
|
|
66
66
|
// different margins can be passed based on the variant
|
|
67
67
|
margin: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,uEAU0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,9 +24,9 @@ var context_1 = require("../../context");
|
|
|
24
24
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
25
25
|
var newskit_1 = require("newskit");
|
|
26
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
|
+
var StyledVisible = (0, newskit_1.styled)(newskit_1.Visible)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
27
28
|
var PaymentDetailsRender = function () {
|
|
28
29
|
var _a, _b, _c, _d, _e;
|
|
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
31
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
32
32
|
react_1.default.createElement(newskit_1.Grid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000", lgColumnGutter: "space050", lgMargin: "space050" },
|
|
@@ -66,10 +66,12 @@ var PaymentDetailsRender = function () {
|
|
|
66
66
|
react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkBase", typographyPreset: "utilityBody020" }, paymentDetailsPage.subscriptionMessage.text))),
|
|
67
67
|
react_1.default.createElement(ButtonGroupWrapper, null,
|
|
68
68
|
react_1.default.createElement(shared_components_1.ButtonGroup, __assign({ loading: false }, buttonGroupProps))),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
69
|
+
react_1.default.createElement(StyledVisible, { xs: true, sm: true, md: true },
|
|
70
|
+
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
|
+
react_1.default.createElement(newskit_1.Cell, { xs: 12, lg: 6 },
|
|
72
|
+
react_1.default.createElement(StyledVisible, { lg: true, xl: true },
|
|
73
|
+
react_1.default.createElement(shared_components_1.CorePackageContent, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.corePackageContent)))))));
|
|
72
74
|
};
|
|
73
75
|
exports.PaymentDetailsRender = PaymentDetailsRender;
|
|
74
|
-
var templateObject_1;
|
|
76
|
+
var templateObject_1, templateObject_2;
|
|
75
77
|
//# sourceMappingURL=PaymentDetailsRender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentDetailsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentDetailsRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAkD;AAClD,uEAK0C;AAC1C,mCAWgB;AAEhB,IAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,wIAAA,gCAEjC,EAA4B,mCAG/B,KAHG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAG/B,CAAA;
|
|
1
|
+
{"version":3,"file":"PaymentDetailsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentDetailsRender.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { LayoutGrid, SEOComponent, NavigationPrimary, SubscriptionDetails, sharedTheme, NavigationFooter, } from '@newskit-render/shared-components';
|
|
25
|
-
import { ThemeProvider, MediaQueryProvider,
|
|
25
|
+
import { ThemeProvider, MediaQueryProvider, Visible } from 'newskit';
|
|
26
26
|
import { CheckoutContextProvider, useCheckoutContext } from '../../context';
|
|
27
27
|
import { useRouter } from 'next/router';
|
|
28
28
|
var withMediaQueryProvider = function (Component) {
|
|
@@ -50,12 +50,12 @@ var FooterWrapper = function () {
|
|
|
50
50
|
var BaseLayoutTemplate = function (_a) {
|
|
51
51
|
var children = _a.children, customTheme = _a.customTheme, context = _a.context, themeDropdownObject = _a.themeDropdownObject, fullWidth = _a.fullWidth;
|
|
52
52
|
var router = useRouter();
|
|
53
|
-
var bp = useBreakpointKey();
|
|
54
53
|
return (React.createElement(CheckoutContextProvider, { context: context },
|
|
55
54
|
React.createElement(SEOComponent, { title: context.siteTitle || '', description: context.siteDescription || '', url: "".concat(context.url).concat(router.pathname), siteHost: context.url || context.siteHost || '', fbType: context.fbType || '', fbImageUrl: context.fbImageUrl || '' }),
|
|
56
55
|
React.createElement(ThemeProvider, { theme: customTheme || sharedTheme },
|
|
57
56
|
React.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject }),
|
|
58
|
-
|
|
57
|
+
React.createElement(Visible, { xs: true, sm: true, md: true },
|
|
58
|
+
React.createElement(SubscriptionDetailsWrapper, null)),
|
|
59
59
|
React.createElement(LayoutGrid, { hasSidebar: false, fullWidth: fullWidth,
|
|
60
60
|
// different margins can be passed based on the variant
|
|
61
61
|
margin: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,UAAU,EACV,YAAY,EACZ,iBAAiB,EAEjB,mBAAmB,EACnB,WAAW,EACX,gBAAgB,GAGjB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,
|
|
1
|
+
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,11 +16,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
16
16
|
import React from 'react';
|
|
17
17
|
import { useCheckoutContext } from '../../context';
|
|
18
18
|
import { Header, CorePackageContent, SubscriptionDrawer, ButtonGroup, } from '@newskit-render/shared-components';
|
|
19
|
-
import { Grid, Cell,
|
|
19
|
+
import { Grid, Cell, InlineMessage, Block, TextBlock, Tabs, Tab, styled, getMediaQueryFromTheme, Visible, } from 'newskit';
|
|
20
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
|
+
var StyledVisible = styled(Visible)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
21
22
|
export var PaymentDetailsRender = function () {
|
|
22
23
|
var _a, _b, _c, _d, _e;
|
|
23
|
-
var bp = useBreakpointKey();
|
|
24
24
|
var _f = useCheckoutContext(), header = _f.header, paymentDetailsPage = _f.paymentDetailsPage, buttonGroupProps = _f.buttonGroupProps;
|
|
25
25
|
return (React.createElement(React.Fragment, null,
|
|
26
26
|
React.createElement(Grid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000", lgColumnGutter: "space050", lgMargin: "space050" },
|
|
@@ -60,9 +60,11 @@ export var PaymentDetailsRender = function () {
|
|
|
60
60
|
React.createElement(TextBlock, { stylePreset: "inkBase", typographyPreset: "utilityBody020" }, paymentDetailsPage.subscriptionMessage.text))),
|
|
61
61
|
React.createElement(ButtonGroupWrapper, null,
|
|
62
62
|
React.createElement(ButtonGroup, __assign({ loading: false }, buttonGroupProps))),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
63
|
+
React.createElement(StyledVisible, { xs: true, sm: true, md: true },
|
|
64
|
+
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
|
+
React.createElement(Cell, { xs: 12, lg: 6 },
|
|
66
|
+
React.createElement(StyledVisible, { lg: true, xl: true },
|
|
67
|
+
React.createElement(CorePackageContent, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.corePackageContent)))))));
|
|
66
68
|
};
|
|
67
|
-
var templateObject_1;
|
|
69
|
+
var templateObject_1, templateObject_2;
|
|
68
70
|
//# 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,WAAW,GACZ,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,
|
|
1
|
+
{"version":3,"file":"PaymentDetailsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentDetailsRender.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": "2.2.
|
|
3
|
+
"version": "2.2.4-alpha.0",
|
|
4
4
|
"description": "Newskit Render - Checkout package",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
"@emotion/react": "11.9.3",
|
|
34
34
|
"@emotion/styled": "11.9.3",
|
|
35
35
|
"@hookform/resolvers": "2.9.10",
|
|
36
|
-
"@newskit-render/shared-components": "^2.1.
|
|
37
|
-
"@newskit-render/standalone-components": "^2.1.
|
|
36
|
+
"@newskit-render/shared-components": "^2.1.4-alpha.0",
|
|
37
|
+
"@newskit-render/standalone-components": "^2.1.6-alpha.0",
|
|
38
38
|
"newskit": "6.6.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|