@newskit-render/my-account 7.15.0 → 7.16.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/Sections/CardContentContainer/BelowContentExtra.d.ts +13 -0
- package/dist/cjs/Components/Sections/CardContentContainer/BelowContentExtra.js +49 -0
- package/dist/cjs/Components/Sections/CardContentContainer/BelowContentExtra.js.map +1 -0
- package/dist/cjs/Components/Sections/CardContentContainer/CardContentContainer.js +51 -14
- package/dist/cjs/Components/Sections/CardContentContainer/CardContentContainer.js.map +1 -1
- package/dist/cjs/Components/Sections/CardContentContainer/types.d.ts +15 -1
- package/dist/esm/Components/Sections/CardContentContainer/BelowContentExtra.d.ts +13 -0
- package/dist/esm/Components/Sections/CardContentContainer/BelowContentExtra.js +44 -0
- package/dist/esm/Components/Sections/CardContentContainer/BelowContentExtra.js.map +1 -0
- package/dist/esm/Components/Sections/CardContentContainer/CardContentContainer.js +28 -14
- package/dist/esm/Components/Sections/CardContentContainer/CardContentContainer.js.map +1 -1
- package/dist/esm/Components/Sections/CardContentContainer/types.d.ts +15 -1
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BelowContentExtra } from './types';
|
|
3
|
+
interface BelowContentExtraProps {
|
|
4
|
+
belowContentExtra: BelowContentExtra;
|
|
5
|
+
subscriptionCancelled: string | null;
|
|
6
|
+
paymentFailure: boolean;
|
|
7
|
+
baseUrl: string;
|
|
8
|
+
subscriptionType: string;
|
|
9
|
+
paymentFailureModalOpen: boolean;
|
|
10
|
+
setPaymentFailureModalOpen: (value: React.SetStateAction<boolean>) => void;
|
|
11
|
+
}
|
|
12
|
+
declare const BelowContentExtra: React.FC<BelowContentExtraProps>;
|
|
13
|
+
export default BelowContentExtra;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var react_1 = __importDefault(require("react"));
|
|
18
|
+
var newskit_1 = require("newskit");
|
|
19
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
20
|
+
var helpers_1 = require("../../../helpers");
|
|
21
|
+
var types_1 = require("../../../context/types");
|
|
22
|
+
var BelowContentExtra = function (_a) {
|
|
23
|
+
var _b;
|
|
24
|
+
var belowContentExtra = _a.belowContentExtra, subscriptionCancelled = _a.subscriptionCancelled, paymentFailure = _a.paymentFailure, baseUrl = _a.baseUrl, subscriptionType = _a.subscriptionType, paymentFailureModalOpen = _a.paymentFailureModalOpen, setPaymentFailureModalOpen = _a.setPaymentFailureModalOpen;
|
|
25
|
+
var type = belowContentExtra.type, link = belowContentExtra.link, modal = belowContentExtra.modal, infoPanel = belowContentExtra.infoPanel;
|
|
26
|
+
var dismissModal = function () { return setPaymentFailureModalOpen(false); };
|
|
27
|
+
if (type === 'cancel-subscription') {
|
|
28
|
+
return (react_1.default.createElement(newskit_1.Grid, { xsColumnGutter: 'space000', xsRowGutter: 'space000', xsMargin: 'space000' }, link && link.props && (react_1.default.createElement(newskit_1.Cell, { xs: 12 }, subscriptionCancelled ? (infoPanel &&
|
|
29
|
+
!paymentFailure && (react_1.default.createElement(newskit_1.InlineMessage, { icon: infoPanel.icon, title: infoPanel.title, children: infoPanel.children, overrides: infoPanel.overrides || {} }))) : (react_1.default.createElement(shared_components_1.Modal, __assign({}, modal, { closePosition: (modal === null || modal === void 0 ? void 0 : modal.closePosition) || 'right', open: paymentFailureModalOpen, onDismiss: (modal === null || modal === void 0 ? void 0 : modal.onDismiss) || dismissModal, centeredButton: __assign(__assign({}, modal === null || modal === void 0 ? void 0 : modal.centeredButton), { href: (0, helpers_1.replaceBaseURL)(baseUrl, (_b = modal === null || modal === void 0 ? void 0 : modal.centeredButton) === null || _b === void 0 ? void 0 : _b.href) }) })))))));
|
|
30
|
+
}
|
|
31
|
+
if (type === 'delivery-address') {
|
|
32
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, subscriptionType &&
|
|
33
|
+
subscriptionType !== types_1.SubscriptionType.digital &&
|
|
34
|
+
infoPanel && (react_1.default.createElement(newskit_1.InlineMessage, { "data-testid": "address-inline", icon: infoPanel.icon, children: react_1.default.createElement(react_1.default.Fragment, null,
|
|
35
|
+
infoPanel.children,
|
|
36
|
+
infoPanel && infoPanel.href && (react_1.default.createElement(newskit_1.LinkInline, { href: baseUrl || '/' }, "Personal details"))), overrides: {
|
|
37
|
+
marginBlockEnd: 'space060',
|
|
38
|
+
} }))));
|
|
39
|
+
}
|
|
40
|
+
if (type === 'no-billing') {
|
|
41
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, infoPanel && (react_1.default.createElement(newskit_1.InlineMessage, { "data-testid": "no-billing-inline", icon: infoPanel.icon, children: react_1.default.createElement(react_1.default.Fragment, null, infoPanel.children), overrides: {
|
|
42
|
+
marginBlockEnd: belowContentExtra.marginBlockEnd,
|
|
43
|
+
} }))));
|
|
44
|
+
}
|
|
45
|
+
/* istanbul ignore next */
|
|
46
|
+
return null;
|
|
47
|
+
};
|
|
48
|
+
exports.default = BelowContentExtra;
|
|
49
|
+
//# sourceMappingURL=BelowContentExtra.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BelowContentExtra.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CardContentContainer/BelowContentExtra.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mCAA+D;AAC/D,uEAAyD;AACzD,4CAAiD;AACjD,gDAAyD;AAYzD,IAAM,iBAAiB,GAAqC,UAAC,EAQ5D;;QAPC,iBAAiB,uBAAA,EACjB,qBAAqB,2BAAA,EACrB,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,uBAAuB,6BAAA,EACvB,0BAA0B,gCAAA;IAElB,IAAA,IAAI,GAA6B,iBAAiB,KAA9C,EAAE,IAAI,GAAuB,iBAAiB,KAAxC,EAAE,KAAK,GAAgB,iBAAiB,MAAjC,EAAE,SAAS,GAAK,iBAAiB,UAAtB,CAAsB;IAC1D,IAAM,YAAY,GAAG,cAAM,OAAA,0BAA0B,CAAC,KAAK,CAAC,EAAjC,CAAiC,CAAA;IAE5D,IAAI,IAAI,KAAK,qBAAqB,EAAE;QAClC,OAAO,CACL,8BAAC,cAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,IAEnB,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,CACrB,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,IACT,qBAAqB,CAAC,CAAC,CAAC,CACvB,SAAS;YACT,CAAC,cAAc,IAAI,CACjB,8BAAC,uBAAa,IACZ,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,EAAE,GACpC,CACH,CACF,CAAC,CAAC,CAAC,CACF,8BAAC,yBAAK,eACA,KAAK,IACT,aAAa,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,KAAI,OAAO,EAC9C,IAAI,EAAE,uBAAuB,EAC7B,SAAS,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,YAAY,EAC3C,cAAc,wBACT,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,KACxB,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,IAAI,CAAC,OAE5D,CACH,CACI,CACR,CACI,CACR,CAAA;KACF;IAED,IAAI,IAAI,KAAK,kBAAkB,EAAE;QAC/B,OAAO,CACL,8DACG,gBAAgB;YACf,gBAAgB,KAAK,wBAAgB,CAAC,OAAO;YAC7C,SAAS,IAAI,CACX,8BAAC,uBAAa,mBACA,gBAAgB,EAC5B,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,QAAQ,EACN;gBACG,SAAS,CAAC,QAAQ;gBAClB,SAAS,IAAI,SAAS,CAAC,IAAI,IAAI,CAC9B,8BAAC,oBAAU,IAAC,IAAI,EAAE,OAAO,IAAI,GAAG,uBAEnB,CACd,CACA,EAEL,SAAS,EAAE;gBACT,cAAc,EAAE,UAAU;aAC3B,GACD,CACH,CACF,CACJ,CAAA;KACF;IAED,IAAI,IAAI,KAAK,YAAY,EAAE;QACzB,OAAO,CACL,8DACG,SAAS,IAAI,CACZ,8BAAC,uBAAa,mBACA,mBAAmB,EAC/B,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,QAAQ,EAAE,8DAAG,SAAS,CAAC,QAAQ,CAAI,EACnC,SAAS,EAAE;gBACT,cAAc,EAAE,iBAAiB,CAAC,cAAc;aACjD,GACD,CACH,CACA,CACJ,CAAA;KACF;IACD,0BAA0B;IAC1B,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,kBAAe,iBAAiB,CAAA"}
|
|
@@ -10,21 +10,52 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
13
36
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
38
|
};
|
|
16
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var react_1 =
|
|
40
|
+
var react_1 = __importStar(require("react"));
|
|
18
41
|
var newskit_1 = require("newskit");
|
|
19
42
|
var context_1 = require("../../../context");
|
|
20
43
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
21
44
|
var helpers_1 = require("../../../helpers");
|
|
45
|
+
var BelowContentExtra_1 = __importDefault(require("./BelowContentExtra"));
|
|
22
46
|
var CardContentContainer = function (_a) {
|
|
23
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
24
|
-
var contextName = _a.contextName, image = _a.image, contentHref = _a.contentHref, introductionProps = _a.introductionProps, paddingBlockEnd = _a.paddingBlockEnd, sunButtonsProps = _a.sunButtonsProps, billingDetails = _a.billingDetails, cardDescriptionProps = _a.cardDescriptionProps;
|
|
25
|
-
var
|
|
47
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
48
|
+
var contextName = _a.contextName, image = _a.image, contentHref = _a.contentHref, introductionProps = _a.introductionProps, paddingBlockEnd = _a.paddingBlockEnd, sunButtonsProps = _a.sunButtonsProps, billingDetails = _a.billingDetails, cardDescriptionProps = _a.cardDescriptionProps, belowContentExtra = _a.belowContentExtra;
|
|
49
|
+
var _u = (0, react_1.useState)(((_b = belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.modal) === null || _b === void 0 ? void 0 : _b.open) || false), paymentFailureModalOpen = _u[0], setPaymentFailureModalOpen = _u[1];
|
|
50
|
+
var _v = (0, context_1.useAccountContext)(contextName), sectionsOverrides = _v.sectionsOverrides, baseUrl = _v.baseUrl, userData = _v.userData;
|
|
26
51
|
var extendTitleOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.titleOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.titleOverrides);
|
|
27
52
|
var extendDescriptionOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.descriptionOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.descriptionOverrides);
|
|
53
|
+
var subscriptionType = ((_d = (_c = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.type) &&
|
|
54
|
+
userData.subscriptions[0].type.toLowerCase();
|
|
55
|
+
var subscriptionCancelled = userData &&
|
|
56
|
+
userData.subscriptions &&
|
|
57
|
+
((_e = userData.subscriptions[0]) === null || _e === void 0 ? void 0 : _e.serviceCancellationDate);
|
|
58
|
+
var paymentFailure = userData && ((_f = userData.paymentFailure) === null || _f === void 0 ? void 0 : _f.active);
|
|
28
59
|
function generateillingDetailsDescription(descriptionString) {
|
|
29
60
|
return "".concat(descriptionString, " ").concat((0, helpers_1.getDefaultItemValue)(userData, 'price', ''), " ");
|
|
30
61
|
}
|
|
@@ -55,24 +86,30 @@ var CardContentContainer = function (_a) {
|
|
|
55
86
|
react_1.default.createElement(newskit_1.GridLayout, { columns: { md: '1fr' }, rows: { md: '1fr' } },
|
|
56
87
|
billingDetails && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
57
88
|
react_1.default.createElement(newskit_1.GridLayoutItem, null,
|
|
58
|
-
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: (
|
|
89
|
+
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: (_g = billingDetails.titleOverrides) === null || _g === void 0 ? void 0 : _g.typographyPreset }, billingDetails.title)),
|
|
59
90
|
react_1.default.createElement(newskit_1.GridLayoutItem, { column: { md: '1' } },
|
|
60
|
-
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: (
|
|
91
|
+
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: (_h = billingDetails.descriptionOverrides) === null || _h === void 0 ? void 0 : _h.typographyPreset }, formattedBilingDetails)))),
|
|
61
92
|
contentHref && (react_1.default.createElement(newskit_1.GridLayoutItem, { column: { md: '2' }, row: { md: '2' } },
|
|
62
93
|
react_1.default.createElement(newskit_1.CardLink, { href: (0, helpers_1.replaceBaseURL)(baseUrl, contentHref === null || contentHref === void 0 ? void 0 : contentHref.href) },
|
|
63
|
-
react_1.default.createElement(newskit_1.TextBlock, { stylePreset: (
|
|
94
|
+
react_1.default.createElement(newskit_1.TextBlock, { stylePreset: (_j = contentHref.contentHrefOverrides) === null || _j === void 0 ? void 0 : _j.stylePreset, typographyPreset: (_k = contentHref.contentHrefOverrides) === null || _k === void 0 ? void 0 : _k.typographyPreset }, contentHref === null || contentHref === void 0 ? void 0 : contentHref.title))))),
|
|
64
95
|
react_1.default.createElement(newskit_1.Divider, { overrides: {
|
|
65
96
|
marginBlockStart: 'space040',
|
|
66
97
|
paddingBlock: 'space020',
|
|
67
98
|
} }),
|
|
68
99
|
react_1.default.createElement(newskit_1.GridLayout, { columns: { xs: '1fr', lg: '1fr 1fr' }, columnGap: '20px', rowGap: { xs: 'space020' } }, sunButtonsProps && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
69
|
-
react_1.default.createElement(newskit_1.Button, __assign({}, sunButtonsProps, { href: (0, helpers_1.replaceBaseURL)(baseUrl, (
|
|
70
|
-
stylePreset: (
|
|
71
|
-
} }), (
|
|
72
|
-
react_1.default.createElement(newskit_1.Button, __assign({}, sunButtonsProps, { href: (0, helpers_1.replaceBaseURL)(baseUrl, (
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
100
|
+
react_1.default.createElement(newskit_1.Button, __assign({}, sunButtonsProps, { href: (0, helpers_1.replaceBaseURL)(baseUrl, (_l = sunButtonsProps.accessSubscriptionButton) === null || _l === void 0 ? void 0 : _l.href), overrides: {
|
|
101
|
+
stylePreset: (_o = (_m = sunButtonsProps.accessSubscriptionButton) === null || _m === void 0 ? void 0 : _m.overrides) === null || _o === void 0 ? void 0 : _o.stylePreset,
|
|
102
|
+
} }), (_p = sunButtonsProps === null || sunButtonsProps === void 0 ? void 0 : sunButtonsProps.accessSubscriptionButton) === null || _p === void 0 ? void 0 : _p.text),
|
|
103
|
+
react_1.default.createElement(newskit_1.Button, __assign({}, sunButtonsProps, { href: (0, helpers_1.replaceBaseURL)(baseUrl, (_q = sunButtonsProps.cancellationButton) === null || _q === void 0 ? void 0 : _q.href), disabled: Boolean(subscriptionCancelled), onClick: function (e) {
|
|
104
|
+
if (paymentFailure) {
|
|
105
|
+
e.preventDefault();
|
|
106
|
+
setPaymentFailureModalOpen(true);
|
|
107
|
+
}
|
|
108
|
+
}, overrides: {
|
|
109
|
+
stylePreset: (_s = (_r = sunButtonsProps.cancellationButton) === null || _r === void 0 ? void 0 : _r.overrides) === null || _s === void 0 ? void 0 : _s.stylePreset,
|
|
110
|
+
} }), (_t = sunButtonsProps === null || sunButtonsProps === void 0 ? void 0 : sunButtonsProps.cancellationButton) === null || _t === void 0 ? void 0 : _t.text)))))),
|
|
111
|
+
react_1.default.createElement(newskit_1.Block, { paddingBlockEnd: paddingBlockEnd }),
|
|
112
|
+
belowContentExtra && (react_1.default.createElement(BelowContentExtra_1.default, { paymentFailureModalOpen: paymentFailureModalOpen, setPaymentFailureModalOpen: setPaymentFailureModalOpen, belowContentExtra: belowContentExtra, subscriptionCancelled: subscriptionCancelled, paymentFailure: paymentFailure, baseUrl: baseUrl, subscriptionType: subscriptionType }))));
|
|
76
113
|
};
|
|
77
114
|
exports.default = CardContentContainer;
|
|
78
115
|
//# sourceMappingURL=CardContentContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CardContentContainer/CardContentContainer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CardContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CardContentContainer/CardContentContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonProps as NewkitButtonProps, MQ, ButtonSize } from 'newskit';
|
|
3
3
|
import { ContentContainerProps } from '../ContentContainer/types';
|
|
4
|
+
import { StandaloneLinkPropsOverridable } from 'Components/Elements/StandaloneLinkComponent';
|
|
5
|
+
import { InfoPanel, ModalProps } from '@newskit-render/shared-components';
|
|
4
6
|
export interface StyledTextBlock {
|
|
5
7
|
title?: string;
|
|
6
8
|
titleOverrides?: {
|
|
@@ -22,7 +24,7 @@ export type ButtonProps = Omit<NewkitButtonProps, 'children' | 'size'> & {
|
|
|
22
24
|
};
|
|
23
25
|
export type SunButtonsProps = {
|
|
24
26
|
cancellationButton?: ButtonProps;
|
|
25
|
-
|
|
27
|
+
accessSubscriptionButton?: ButtonProps;
|
|
26
28
|
stylePreset?: MQ<string>;
|
|
27
29
|
keepFixed?: boolean;
|
|
28
30
|
};
|
|
@@ -40,4 +42,16 @@ export interface CardContentContainerProps extends Omit<ContentContainerProps, '
|
|
|
40
42
|
stylePreset?: MQ<string>;
|
|
41
43
|
};
|
|
42
44
|
};
|
|
45
|
+
belowContentExtra?: BelowContentExtra;
|
|
43
46
|
}
|
|
47
|
+
export type BelowContentExtra = {
|
|
48
|
+
type: 'delivery-address' | 'cancel-subscription' | 'no-billing';
|
|
49
|
+
link?: {
|
|
50
|
+
props: StandaloneLinkPropsOverridable;
|
|
51
|
+
};
|
|
52
|
+
modal?: Partial<ModalProps>;
|
|
53
|
+
infoPanel?: InfoPanel & {
|
|
54
|
+
href?: boolean;
|
|
55
|
+
};
|
|
56
|
+
marginBlockEnd?: MQ<string>;
|
|
57
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BelowContentExtra } from './types';
|
|
3
|
+
interface BelowContentExtraProps {
|
|
4
|
+
belowContentExtra: BelowContentExtra;
|
|
5
|
+
subscriptionCancelled: string | null;
|
|
6
|
+
paymentFailure: boolean;
|
|
7
|
+
baseUrl: string;
|
|
8
|
+
subscriptionType: string;
|
|
9
|
+
paymentFailureModalOpen: boolean;
|
|
10
|
+
setPaymentFailureModalOpen: (value: React.SetStateAction<boolean>) => void;
|
|
11
|
+
}
|
|
12
|
+
declare const BelowContentExtra: React.FC<BelowContentExtraProps>;
|
|
13
|
+
export default BelowContentExtra;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { Grid, Cell, InlineMessage, LinkInline } from 'newskit';
|
|
14
|
+
import { Modal } from '@newskit-render/shared-components';
|
|
15
|
+
import { replaceBaseURL } from '../../../helpers';
|
|
16
|
+
import { SubscriptionType } from '../../../context/types';
|
|
17
|
+
var BelowContentExtra = function (_a) {
|
|
18
|
+
var _b;
|
|
19
|
+
var belowContentExtra = _a.belowContentExtra, subscriptionCancelled = _a.subscriptionCancelled, paymentFailure = _a.paymentFailure, baseUrl = _a.baseUrl, subscriptionType = _a.subscriptionType, paymentFailureModalOpen = _a.paymentFailureModalOpen, setPaymentFailureModalOpen = _a.setPaymentFailureModalOpen;
|
|
20
|
+
var type = belowContentExtra.type, link = belowContentExtra.link, modal = belowContentExtra.modal, infoPanel = belowContentExtra.infoPanel;
|
|
21
|
+
var dismissModal = function () { return setPaymentFailureModalOpen(false); };
|
|
22
|
+
if (type === 'cancel-subscription') {
|
|
23
|
+
return (React.createElement(Grid, { xsColumnGutter: 'space000', xsRowGutter: 'space000', xsMargin: 'space000' }, link && link.props && (React.createElement(Cell, { xs: 12 }, subscriptionCancelled ? (infoPanel &&
|
|
24
|
+
!paymentFailure && (React.createElement(InlineMessage, { icon: infoPanel.icon, title: infoPanel.title, children: infoPanel.children, overrides: infoPanel.overrides || {} }))) : (React.createElement(Modal, __assign({}, modal, { closePosition: (modal === null || modal === void 0 ? void 0 : modal.closePosition) || 'right', open: paymentFailureModalOpen, onDismiss: (modal === null || modal === void 0 ? void 0 : modal.onDismiss) || dismissModal, centeredButton: __assign(__assign({}, modal === null || modal === void 0 ? void 0 : modal.centeredButton), { href: replaceBaseURL(baseUrl, (_b = modal === null || modal === void 0 ? void 0 : modal.centeredButton) === null || _b === void 0 ? void 0 : _b.href) }) })))))));
|
|
25
|
+
}
|
|
26
|
+
if (type === 'delivery-address') {
|
|
27
|
+
return (React.createElement(React.Fragment, null, subscriptionType &&
|
|
28
|
+
subscriptionType !== SubscriptionType.digital &&
|
|
29
|
+
infoPanel && (React.createElement(InlineMessage, { "data-testid": "address-inline", icon: infoPanel.icon, children: React.createElement(React.Fragment, null,
|
|
30
|
+
infoPanel.children,
|
|
31
|
+
infoPanel && infoPanel.href && (React.createElement(LinkInline, { href: baseUrl || '/' }, "Personal details"))), overrides: {
|
|
32
|
+
marginBlockEnd: 'space060',
|
|
33
|
+
} }))));
|
|
34
|
+
}
|
|
35
|
+
if (type === 'no-billing') {
|
|
36
|
+
return (React.createElement(React.Fragment, null, infoPanel && (React.createElement(InlineMessage, { "data-testid": "no-billing-inline", icon: infoPanel.icon, children: React.createElement(React.Fragment, null, infoPanel.children), overrides: {
|
|
37
|
+
marginBlockEnd: belowContentExtra.marginBlockEnd,
|
|
38
|
+
} }))));
|
|
39
|
+
}
|
|
40
|
+
/* istanbul ignore next */
|
|
41
|
+
return null;
|
|
42
|
+
};
|
|
43
|
+
export default BelowContentExtra;
|
|
44
|
+
//# sourceMappingURL=BelowContentExtra.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BelowContentExtra.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CardContentContainer/BelowContentExtra.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,17 +9,25 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import React from 'react';
|
|
12
|
+
import React, { useState } from 'react';
|
|
13
13
|
import { Block, Button, CardActions, CardComposable, CardContent, CardLink, CardMedia, Divider, GridLayout, GridLayoutItem, TextBlock, } from 'newskit';
|
|
14
14
|
import { useAccountContext, } from '../../../context';
|
|
15
15
|
import { Introduction } from '@newskit-render/shared-components';
|
|
16
16
|
import { getDefaultItemValue, replaceBaseURL } from '../../../helpers';
|
|
17
|
+
import BelowContentExtra from './BelowContentExtra';
|
|
17
18
|
var CardContentContainer = function (_a) {
|
|
18
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
19
|
-
var contextName = _a.contextName, image = _a.image, contentHref = _a.contentHref, introductionProps = _a.introductionProps, paddingBlockEnd = _a.paddingBlockEnd, sunButtonsProps = _a.sunButtonsProps, billingDetails = _a.billingDetails, cardDescriptionProps = _a.cardDescriptionProps;
|
|
20
|
-
var
|
|
19
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
20
|
+
var contextName = _a.contextName, image = _a.image, contentHref = _a.contentHref, introductionProps = _a.introductionProps, paddingBlockEnd = _a.paddingBlockEnd, sunButtonsProps = _a.sunButtonsProps, billingDetails = _a.billingDetails, cardDescriptionProps = _a.cardDescriptionProps, belowContentExtra = _a.belowContentExtra;
|
|
21
|
+
var _u = useState(((_b = belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.modal) === null || _b === void 0 ? void 0 : _b.open) || false), paymentFailureModalOpen = _u[0], setPaymentFailureModalOpen = _u[1];
|
|
22
|
+
var _v = useAccountContext(contextName), sectionsOverrides = _v.sectionsOverrides, baseUrl = _v.baseUrl, userData = _v.userData;
|
|
21
23
|
var extendTitleOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.titleOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.titleOverrides);
|
|
22
24
|
var extendDescriptionOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.descriptionOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.descriptionOverrides);
|
|
25
|
+
var subscriptionType = ((_d = (_c = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.type) &&
|
|
26
|
+
userData.subscriptions[0].type.toLowerCase();
|
|
27
|
+
var subscriptionCancelled = userData &&
|
|
28
|
+
userData.subscriptions &&
|
|
29
|
+
((_e = userData.subscriptions[0]) === null || _e === void 0 ? void 0 : _e.serviceCancellationDate);
|
|
30
|
+
var paymentFailure = userData && ((_f = userData.paymentFailure) === null || _f === void 0 ? void 0 : _f.active);
|
|
23
31
|
function generateillingDetailsDescription(descriptionString) {
|
|
24
32
|
return "".concat(descriptionString, " ").concat(getDefaultItemValue(userData, 'price', ''), " ");
|
|
25
33
|
}
|
|
@@ -50,24 +58,30 @@ var CardContentContainer = function (_a) {
|
|
|
50
58
|
React.createElement(GridLayout, { columns: { md: '1fr' }, rows: { md: '1fr' } },
|
|
51
59
|
billingDetails && (React.createElement(React.Fragment, null,
|
|
52
60
|
React.createElement(GridLayoutItem, null,
|
|
53
|
-
React.createElement(TextBlock, { typographyPreset: (
|
|
61
|
+
React.createElement(TextBlock, { typographyPreset: (_g = billingDetails.titleOverrides) === null || _g === void 0 ? void 0 : _g.typographyPreset }, billingDetails.title)),
|
|
54
62
|
React.createElement(GridLayoutItem, { column: { md: '1' } },
|
|
55
|
-
React.createElement(TextBlock, { typographyPreset: (
|
|
63
|
+
React.createElement(TextBlock, { typographyPreset: (_h = billingDetails.descriptionOverrides) === null || _h === void 0 ? void 0 : _h.typographyPreset }, formattedBilingDetails)))),
|
|
56
64
|
contentHref && (React.createElement(GridLayoutItem, { column: { md: '2' }, row: { md: '2' } },
|
|
57
65
|
React.createElement(CardLink, { href: replaceBaseURL(baseUrl, contentHref === null || contentHref === void 0 ? void 0 : contentHref.href) },
|
|
58
|
-
React.createElement(TextBlock, { stylePreset: (
|
|
66
|
+
React.createElement(TextBlock, { stylePreset: (_j = contentHref.contentHrefOverrides) === null || _j === void 0 ? void 0 : _j.stylePreset, typographyPreset: (_k = contentHref.contentHrefOverrides) === null || _k === void 0 ? void 0 : _k.typographyPreset }, contentHref === null || contentHref === void 0 ? void 0 : contentHref.title))))),
|
|
59
67
|
React.createElement(Divider, { overrides: {
|
|
60
68
|
marginBlockStart: 'space040',
|
|
61
69
|
paddingBlock: 'space020',
|
|
62
70
|
} }),
|
|
63
71
|
React.createElement(GridLayout, { columns: { xs: '1fr', lg: '1fr 1fr' }, columnGap: '20px', rowGap: { xs: 'space020' } }, sunButtonsProps && (React.createElement(React.Fragment, null,
|
|
64
|
-
React.createElement(Button, __assign({}, sunButtonsProps, { href: replaceBaseURL(baseUrl, (
|
|
65
|
-
stylePreset: (
|
|
66
|
-
} }), (
|
|
67
|
-
React.createElement(Button, __assign({}, sunButtonsProps, { href: replaceBaseURL(baseUrl, (
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
72
|
+
React.createElement(Button, __assign({}, sunButtonsProps, { href: replaceBaseURL(baseUrl, (_l = sunButtonsProps.accessSubscriptionButton) === null || _l === void 0 ? void 0 : _l.href), overrides: {
|
|
73
|
+
stylePreset: (_o = (_m = sunButtonsProps.accessSubscriptionButton) === null || _m === void 0 ? void 0 : _m.overrides) === null || _o === void 0 ? void 0 : _o.stylePreset,
|
|
74
|
+
} }), (_p = sunButtonsProps === null || sunButtonsProps === void 0 ? void 0 : sunButtonsProps.accessSubscriptionButton) === null || _p === void 0 ? void 0 : _p.text),
|
|
75
|
+
React.createElement(Button, __assign({}, sunButtonsProps, { href: replaceBaseURL(baseUrl, (_q = sunButtonsProps.cancellationButton) === null || _q === void 0 ? void 0 : _q.href), disabled: Boolean(subscriptionCancelled), onClick: function (e) {
|
|
76
|
+
if (paymentFailure) {
|
|
77
|
+
e.preventDefault();
|
|
78
|
+
setPaymentFailureModalOpen(true);
|
|
79
|
+
}
|
|
80
|
+
}, overrides: {
|
|
81
|
+
stylePreset: (_s = (_r = sunButtonsProps.cancellationButton) === null || _r === void 0 ? void 0 : _r.overrides) === null || _s === void 0 ? void 0 : _s.stylePreset,
|
|
82
|
+
} }), (_t = sunButtonsProps === null || sunButtonsProps === void 0 ? void 0 : sunButtonsProps.cancellationButton) === null || _t === void 0 ? void 0 : _t.text)))))),
|
|
83
|
+
React.createElement(Block, { paddingBlockEnd: paddingBlockEnd }),
|
|
84
|
+
belowContentExtra && (React.createElement(BelowContentExtra, { paymentFailureModalOpen: paymentFailureModalOpen, setPaymentFailureModalOpen: setPaymentFailureModalOpen, belowContentExtra: belowContentExtra, subscriptionCancelled: subscriptionCancelled, paymentFailure: paymentFailure, baseUrl: baseUrl, subscriptionType: subscriptionType }))));
|
|
71
85
|
};
|
|
72
86
|
export default CardContentContainer;
|
|
73
87
|
//# sourceMappingURL=CardContentContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CardContentContainer/CardContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"CardContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CardContentContainer/CardContentContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonProps as NewkitButtonProps, MQ, ButtonSize } from 'newskit';
|
|
3
3
|
import { ContentContainerProps } from '../ContentContainer/types';
|
|
4
|
+
import { StandaloneLinkPropsOverridable } from 'Components/Elements/StandaloneLinkComponent';
|
|
5
|
+
import { InfoPanel, ModalProps } from '@newskit-render/shared-components';
|
|
4
6
|
export interface StyledTextBlock {
|
|
5
7
|
title?: string;
|
|
6
8
|
titleOverrides?: {
|
|
@@ -22,7 +24,7 @@ export type ButtonProps = Omit<NewkitButtonProps, 'children' | 'size'> & {
|
|
|
22
24
|
};
|
|
23
25
|
export type SunButtonsProps = {
|
|
24
26
|
cancellationButton?: ButtonProps;
|
|
25
|
-
|
|
27
|
+
accessSubscriptionButton?: ButtonProps;
|
|
26
28
|
stylePreset?: MQ<string>;
|
|
27
29
|
keepFixed?: boolean;
|
|
28
30
|
};
|
|
@@ -40,4 +42,16 @@ export interface CardContentContainerProps extends Omit<ContentContainerProps, '
|
|
|
40
42
|
stylePreset?: MQ<string>;
|
|
41
43
|
};
|
|
42
44
|
};
|
|
45
|
+
belowContentExtra?: BelowContentExtra;
|
|
43
46
|
}
|
|
47
|
+
export type BelowContentExtra = {
|
|
48
|
+
type: 'delivery-address' | 'cancel-subscription' | 'no-billing';
|
|
49
|
+
link?: {
|
|
50
|
+
props: StandaloneLinkPropsOverridable;
|
|
51
|
+
};
|
|
52
|
+
modal?: Partial<ModalProps>;
|
|
53
|
+
infoPanel?: InfoPanel & {
|
|
54
|
+
href?: boolean;
|
|
55
|
+
};
|
|
56
|
+
marginBlockEnd?: MQ<string>;
|
|
57
|
+
};
|