@newskit-render/checkout 3.1.4-alpha.0 → 3.1.4-alpha.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/LayoutTemplate.js +1 -10
- package/dist/cjs/Components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/cjs/Components/Templates/PaymentDetailsRender.js +28 -21
- package/dist/cjs/Components/Templates/PaymentDetailsRender.js.map +1 -1
- package/dist/esm/Components/Templates/LayoutTemplate.js +2 -11
- package/dist/esm/Components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/esm/Components/Templates/PaymentDetailsRender.js +29 -22
- package/dist/esm/Components/Templates/PaymentDetailsRender.js.map +1 -1
- package/package.json +3 -3
|
@@ -62,16 +62,7 @@ var BaseLayoutTemplate = function (_a) {
|
|
|
62
62
|
react_1.default.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject }),
|
|
63
63
|
react_1.default.createElement(newskit_1.Visible, { xs: true, sm: true, md: true },
|
|
64
64
|
react_1.default.createElement(SubscriptionDetailsWrapper, null)),
|
|
65
|
-
react_1.default.createElement(shared_components_1.
|
|
66
|
-
// different margins can be passed based on the variant
|
|
67
|
-
margin: {
|
|
68
|
-
xs: 'space045',
|
|
69
|
-
sm: 'space050',
|
|
70
|
-
md: 'space000',
|
|
71
|
-
}, gutter: {
|
|
72
|
-
xs: 'space010',
|
|
73
|
-
sm: 'space020',
|
|
74
|
-
} }, children),
|
|
65
|
+
react_1.default.createElement(shared_components_1.MainContent, { fullWidth: fullWidth }, children),
|
|
75
66
|
react_1.default.createElement(FooterWrapper, null))));
|
|
76
67
|
};
|
|
77
68
|
exports.LayoutTemplate = withMediaQueryProvider(BaseLayoutTemplate);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,27 +28,34 @@ var StyledVisible = (0, newskit_1.styled)(newskit_1.Visible)(templateObject_2 ||
|
|
|
28
28
|
var PaymentDetailsRender = function () {
|
|
29
29
|
var _a, _b, _c, _d, _e;
|
|
30
30
|
var _f = (0, context_1.useCheckoutContext)(), header = _f.header, paymentDetailsPage = _f.paymentDetailsPage, buttonGroupProps = _f.buttonGroupProps;
|
|
31
|
-
return (react_1.default.createElement(
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
react_1.default.createElement(
|
|
47
|
-
react_1.default.createElement(
|
|
48
|
-
react_1.default.createElement(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
31
|
+
return (react_1.default.createElement(newskit_1.GridLayout, { columns: {
|
|
32
|
+
lg: '1fr 1fr',
|
|
33
|
+
}, columnGap: {
|
|
34
|
+
lg: 'space050',
|
|
35
|
+
}, overrides: {
|
|
36
|
+
paddingInline: {
|
|
37
|
+
lg: 'space050',
|
|
38
|
+
},
|
|
39
|
+
} },
|
|
40
|
+
react_1.default.createElement(newskit_1.GridLayoutItem, null,
|
|
41
|
+
react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
|
|
42
|
+
((_a = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.infoPanel) === null || _a === void 0 ? void 0 : _a.children) && (react_1.default.createElement(newskit_1.InlineMessage, { icon: paymentDetailsPage.infoPanel.icon, title: paymentDetailsPage.infoPanel.title, children: paymentDetailsPage.infoPanel.children, overrides: paymentDetailsPage.infoPanel.overrides || {} })),
|
|
43
|
+
react_1.default.createElement(newskit_1.Tabs, { distribution: "equal" },
|
|
44
|
+
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' }),
|
|
45
|
+
react_1.default.createElement("h2", { key: 'tab-1-h2' }, "Page content here"),
|
|
46
|
+
react_1.default.createElement("h3", { key: 'tab-1-h3' }, "Payment method here")),
|
|
47
|
+
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' }),
|
|
48
|
+
react_1.default.createElement("h2", { key: 'tab-2-h2' }, "Page content here"),
|
|
49
|
+
react_1.default.createElement("h3", { key: 'tab-2-h3' }, "Paypal here"))),
|
|
50
|
+
(paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionMessage) && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: paymentDetailsPage.subscriptionMessage.marginBlockEnd },
|
|
51
|
+
react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkBase", typographyPreset: "utilityBody020" }, paymentDetailsPage.subscriptionMessage.text))),
|
|
52
|
+
react_1.default.createElement(ButtonGroupWrapper, null,
|
|
53
|
+
react_1.default.createElement(shared_components_1.ButtonGroup, __assign({ loading: false }, buttonGroupProps))),
|
|
54
|
+
react_1.default.createElement(StyledVisible, { xs: true, sm: true, md: true },
|
|
55
|
+
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 })))),
|
|
56
|
+
react_1.default.createElement(newskit_1.GridLayoutItem, null,
|
|
57
|
+
react_1.default.createElement(StyledVisible, { lg: true, xl: true },
|
|
58
|
+
react_1.default.createElement(shared_components_1.CorePackageContent, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.corePackageContent))))));
|
|
52
59
|
};
|
|
53
60
|
exports.PaymentDetailsRender = PaymentDetailsRender;
|
|
54
61
|
var templateObject_1, templateObject_2;
|
|
@@ -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;AAED,IAAM,aAAa,GAAG,IAAA,gBAAM,EAAC,iBAAO,CAAC,wFAAA,qBAEpC,IAAA,CAAA;AAEM,IAAM,oBAAoB,GAAa;;IACtC,IAAA,KAAmD,IAAA,4BAAkB,GAAE,EAArE,MAAM,YAAA,EAAE,kBAAkB,wBAAA,EAAE,gBAAgB,sBAAyB,CAAA;IAE7E,OAAO,CACL
|
|
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;AAED,IAAM,aAAa,GAAG,IAAA,gBAAM,EAAC,iBAAO,CAAC,wFAAA,qBAEpC,IAAA,CAAA;AAEM,IAAM,oBAAoB,GAAa;;IACtC,IAAA,KAAmD,IAAA,4BAAkB,GAAE,EAArE,MAAM,YAAA,EAAE,kBAAkB,wBAAA,EAAE,gBAAgB,sBAAyB,CAAA;IAE7E,OAAO,CACL,8BAAC,oBAAU,IACT,OAAO,EAAE;YACP,EAAE,EAAE,SAAS;SACd,EACD,SAAS,EAAE;YACT,EAAE,EAAE,UAAU;SACf,EACD,SAAS,EAAE;YACT,aAAa,EAAE;gBACb,EAAE,EAAE,UAAU;aACf;SACF;QAED,8BAAC,wBAAc;YACb,8BAAC,0BAAM,eAAK,MAAM,EAAI;YACrB,CAAA,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,SAAS,0CAAE,QAAQ,KAAI,CAC1C,8BAAC,uBAAa,IACZ,IAAI,EAAE,kBAAkB,CAAC,SAAS,CAAC,IAAI,EACvC,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,KAAK,EACzC,QAAQ,EAAE,kBAAkB,CAAC,SAAS,CAAC,QAAQ,EAC/C,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAC,SAAS,IAAI,EAAE,GACvD,CACH;YACD,8BAAC,cAAI,IAAC,YAAY,EAAC,OAAO;gBACxB,8BAAC,aAAG,eACE,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,gBAAgB,0CAAE,IAAI,IAC9C,KAAK,EAAE,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,gBAAgB,0CAAE,IAAI,CAAC,KAAK,EACvD,GAAG,EAAE,OAAO;oBAEZ,sCAAI,GAAG,EAAE,UAAU,wBAAwB;oBAC3C,sCAAI,GAAG,EAAE,UAAU,0BAA0B,CACzC;gBACN,8BAAC,aAAG,eACE,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,gBAAgB,0CAAE,IAAI,IAC9C,KAAK,EAAE,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,gBAAgB,0CAAE,IAAI,CAAC,KAAK,EACvD,GAAG,EAAE,OAAO;oBAEZ,sCAAI,GAAG,EAAE,UAAU,wBAAwB;oBAC3C,sCAAI,GAAG,EAAE,UAAU,kBAAkB,CACjC,CACD;YACN,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,mBAAmB,KAAI,CAC1C,8BAAC,eAAK,IACJ,cAAc,EACZ,kBAAkB,CAAC,mBAAmB,CAAC,cAAc;gBAGvD,8BAAC,mBAAS,IAAC,WAAW,EAAC,SAAS,EAAC,gBAAgB,EAAC,gBAAgB,IAC/D,kBAAkB,CAAC,mBAAmB,CAAC,IAAI,CAClC,CACN,CACT;YACD,8BAAC,kBAAkB;gBACjB,8BAAC,+BAAW,aAAC,OAAO,EAAE,KAAK,IAAM,gBAAgB,EAAI,CAClC;YACrB,8BAAC,aAAa,IAAC,EAAE,QAAC,EAAE,QAAC,EAAE;gBACrB,8BAAC,sCAAkB,eACb,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,kBAAkB,IAC1C,IAAI,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,uBAAuB,EACjD,SAAS,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,yBAAyB,IACxD,CACY,CACD;QACjB,8BAAC,wBAAc;YACb,8BAAC,aAAa,IAAC,EAAE,QAAC,EAAE;gBAClB,8BAAC,sCAAkB,eAAK,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,kBAAkB,EAAI,CACpD,CACD,CACN,CACd,CAAA;AACH,CAAC,CAAA;AA1EY,QAAA,oBAAoB,wBA0EhC"}
|
|
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
|
-
import {
|
|
24
|
+
import { MainContent, SEOComponent, NavigationPrimary, SubscriptionDetails, sharedTheme, NavigationFooter, } from '@newskit-render/shared-components';
|
|
25
25
|
import { ThemeProvider, MediaQueryProvider, Visible } from 'newskit';
|
|
26
26
|
import { CheckoutContextProvider, useCheckoutContext } from '../../context';
|
|
27
27
|
import { useRouter } from 'next/router';
|
|
@@ -56,16 +56,7 @@ var BaseLayoutTemplate = function (_a) {
|
|
|
56
56
|
React.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject }),
|
|
57
57
|
React.createElement(Visible, { xs: true, sm: true, md: true },
|
|
58
58
|
React.createElement(SubscriptionDetailsWrapper, null)),
|
|
59
|
-
React.createElement(
|
|
60
|
-
// different margins can be passed based on the variant
|
|
61
|
-
margin: {
|
|
62
|
-
xs: 'space045',
|
|
63
|
-
sm: 'space050',
|
|
64
|
-
md: 'space000',
|
|
65
|
-
}, gutter: {
|
|
66
|
-
xs: 'space010',
|
|
67
|
-
sm: 'space020',
|
|
68
|
-
} }, children),
|
|
59
|
+
React.createElement(MainContent, { fullWidth: fullWidth }, children),
|
|
69
60
|
React.createElement(FooterWrapper, null))));
|
|
70
61
|
};
|
|
71
62
|
export var LayoutTemplate = withMediaQueryProvider(BaseLayoutTemplate);
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,33 +16,40 @@ 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 {
|
|
19
|
+
import { InlineMessage, Block, TextBlock, Tabs, Tab, styled, getMediaQueryFromTheme, Visible, GridLayoutItem, GridLayout, } 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
21
|
var StyledVisible = styled(Visible)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
22
22
|
export var PaymentDetailsRender = function () {
|
|
23
23
|
var _a, _b, _c, _d, _e;
|
|
24
24
|
var _f = useCheckoutContext(), header = _f.header, paymentDetailsPage = _f.paymentDetailsPage, buttonGroupProps = _f.buttonGroupProps;
|
|
25
|
-
return (React.createElement(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
React.createElement(
|
|
41
|
-
React.createElement(
|
|
42
|
-
React.createElement(
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
25
|
+
return (React.createElement(GridLayout, { columns: {
|
|
26
|
+
lg: '1fr 1fr',
|
|
27
|
+
}, columnGap: {
|
|
28
|
+
lg: 'space050',
|
|
29
|
+
}, overrides: {
|
|
30
|
+
paddingInline: {
|
|
31
|
+
lg: 'space050',
|
|
32
|
+
},
|
|
33
|
+
} },
|
|
34
|
+
React.createElement(GridLayoutItem, null,
|
|
35
|
+
React.createElement(Header, __assign({}, header)),
|
|
36
|
+
((_a = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.infoPanel) === null || _a === void 0 ? void 0 : _a.children) && (React.createElement(InlineMessage, { icon: paymentDetailsPage.infoPanel.icon, title: paymentDetailsPage.infoPanel.title, children: paymentDetailsPage.infoPanel.children, overrides: paymentDetailsPage.infoPanel.overrides || {} })),
|
|
37
|
+
React.createElement(Tabs, { distribution: "equal" },
|
|
38
|
+
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' }),
|
|
39
|
+
React.createElement("h2", { key: 'tab-1-h2' }, "Page content here"),
|
|
40
|
+
React.createElement("h3", { key: 'tab-1-h3' }, "Payment method here")),
|
|
41
|
+
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' }),
|
|
42
|
+
React.createElement("h2", { key: 'tab-2-h2' }, "Page content here"),
|
|
43
|
+
React.createElement("h3", { key: 'tab-2-h3' }, "Paypal here"))),
|
|
44
|
+
(paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionMessage) && (React.createElement(Block, { marginBlockEnd: paymentDetailsPage.subscriptionMessage.marginBlockEnd },
|
|
45
|
+
React.createElement(TextBlock, { stylePreset: "inkBase", typographyPreset: "utilityBody020" }, paymentDetailsPage.subscriptionMessage.text))),
|
|
46
|
+
React.createElement(ButtonGroupWrapper, null,
|
|
47
|
+
React.createElement(ButtonGroup, __assign({ loading: false }, buttonGroupProps))),
|
|
48
|
+
React.createElement(StyledVisible, { xs: true, sm: true, md: true },
|
|
49
|
+
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 })))),
|
|
50
|
+
React.createElement(GridLayoutItem, null,
|
|
51
|
+
React.createElement(StyledVisible, { lg: true, xl: true },
|
|
52
|
+
React.createElement(CorePackageContent, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.corePackageContent))))));
|
|
46
53
|
};
|
|
47
54
|
var templateObject_1, templateObject_2;
|
|
48
55
|
//# 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,
|
|
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": "3.1.4-alpha.
|
|
3
|
+
"version": "3.1.4-alpha.1",
|
|
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": "^3.5.0-alpha.
|
|
37
|
-
"@newskit-render/standalone-components": "^3.6.0-alpha.
|
|
36
|
+
"@newskit-render/shared-components": "^3.5.0-alpha.1",
|
|
37
|
+
"@newskit-render/standalone-components": "^3.6.0-alpha.1",
|
|
38
38
|
"newskit": "7.0.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|