@newskit-render/my-account 7.19.0 → 7.20.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/CardContentContainer.js +15 -11
- package/dist/cjs/Components/Sections/CardContentContainer/CardContentContainer.js.map +1 -1
- package/dist/cjs/Components/Sections/CardContentContainer/types.d.ts +3 -2
- package/dist/esm/Components/Sections/CardContentContainer/CardContentContainer.js +15 -11
- package/dist/esm/Components/Sections/CardContentContainer/CardContentContainer.js.map +1 -1
- package/dist/esm/Components/Sections/CardContentContainer/types.d.ts +3 -2
- package/package.json +1 -1
|
@@ -44,10 +44,10 @@ var shared_components_1 = require("@newskit-render/shared-components");
|
|
|
44
44
|
var helpers_1 = require("../../../helpers");
|
|
45
45
|
var BelowContentExtra_1 = __importDefault(require("./BelowContentExtra"));
|
|
46
46
|
var CardContentContainer = function (_a) {
|
|
47
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r
|
|
48
|
-
var contextName = _a.contextName, image = _a.image, contentHref = _a.contentHref, introductionProps = _a.introductionProps, paddingBlockEnd = _a.paddingBlockEnd,
|
|
49
|
-
var
|
|
50
|
-
var
|
|
47
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
48
|
+
var contextName = _a.contextName, image = _a.image, contentHref = _a.contentHref, introductionProps = _a.introductionProps, paddingBlockEnd = _a.paddingBlockEnd, multipleSubscriptionsButtonsProps = _a.multipleSubscriptionsButtonsProps, billingDetails = _a.billingDetails, cardDescriptionProps = _a.cardDescriptionProps, belowContentExtra = _a.belowContentExtra, id = _a.id;
|
|
49
|
+
var _s = (0, react_1.useState)(((_b = belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.modal) === null || _b === void 0 ? void 0 : _b.open) || false), paymentFailureModalOpen = _s[0], setPaymentFailureModalOpen = _s[1];
|
|
50
|
+
var _t = (0, context_1.useAccountContext)(contextName), sectionsOverrides = _t.sectionsOverrides, baseUrl = _t.baseUrl, userData = _t.userData;
|
|
51
51
|
var extendTitleOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.titleOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.titleOverrides);
|
|
52
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
53
|
var subscription = (_c = userData.subscriptions) === null || _c === void 0 ? void 0 : _c.find(function (e) { return e.id === id; });
|
|
@@ -56,6 +56,9 @@ var CardContentContainer = function (_a) {
|
|
|
56
56
|
var paymentFailure = userData && ((_d = userData.paymentFailure) === null || _d === void 0 ? void 0 : _d.active);
|
|
57
57
|
var subscriptionImageUrl = ((_f = (_e = subscription === null || subscription === void 0 ? void 0 : subscription.products) === null || _e === void 0 ? void 0 : _e.find(function (e) { return e.id.split('|')[0] === id; })) === null || _f === void 0 ? void 0 : _f.packImageUrl) || (image === null || image === void 0 ? void 0 : image.src);
|
|
58
58
|
var subscriptionTitle = subscription === null || subscription === void 0 ? void 0 : subscription.packName;
|
|
59
|
+
var accessButtonProps = /\b(membership|racing)\b/i.test(subscriptionTitle || '')
|
|
60
|
+
? multipleSubscriptionsButtonsProps === null || multipleSubscriptionsButtonsProps === void 0 ? void 0 : multipleSubscriptionsButtonsProps.accessMembershipButton
|
|
61
|
+
: multipleSubscriptionsButtonsProps === null || multipleSubscriptionsButtonsProps === void 0 ? void 0 : multipleSubscriptionsButtonsProps.accessSubscriptionButton;
|
|
59
62
|
var generateBillingDetailsDescription = function (descriptionString) {
|
|
60
63
|
var dueDate = (subscription === null || subscription === void 0 ? void 0 : subscription.billingDetails.nextBillCycleDate)
|
|
61
64
|
? "- Due ".concat((0, helpers_1.formateDate)(subscription === null || subscription === void 0 ? void 0 : subscription.billingDetails.nextBillCycleDate))
|
|
@@ -98,18 +101,19 @@ var CardContentContainer = function (_a) {
|
|
|
98
101
|
marginBlockStart: 'space040',
|
|
99
102
|
paddingBlock: 'space020',
|
|
100
103
|
} }),
|
|
101
|
-
react_1.default.createElement(newskit_1.GridLayout, { columns: { xs: '1fr', lg: '1fr 1fr' }, columnGap: '20px', rowGap: { xs: 'space020' } },
|
|
102
|
-
react_1.default.createElement(newskit_1.Button,
|
|
103
|
-
stylePreset: (
|
|
104
|
-
} }
|
|
105
|
-
react_1.default.createElement(newskit_1.Button,
|
|
104
|
+
react_1.default.createElement(newskit_1.GridLayout, { columns: { xs: '1fr', lg: '1fr 1fr' }, columnGap: '20px', rowGap: { xs: 'space020' } }, multipleSubscriptionsButtonsProps && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
105
|
+
react_1.default.createElement(newskit_1.Button, { href: (0, helpers_1.replaceBaseURL)(baseUrl, accessButtonProps === null || accessButtonProps === void 0 ? void 0 : accessButtonProps.href), "aria-label": accessButtonProps === null || accessButtonProps === void 0 ? void 0 : accessButtonProps.ariaLabel, overrides: {
|
|
106
|
+
stylePreset: (_l = accessButtonProps === null || accessButtonProps === void 0 ? void 0 : accessButtonProps.overrides) === null || _l === void 0 ? void 0 : _l.stylePreset,
|
|
107
|
+
} }, accessButtonProps === null || accessButtonProps === void 0 ? void 0 : accessButtonProps.text),
|
|
108
|
+
react_1.default.createElement(newskit_1.Button, { href: (0, helpers_1.replaceBaseURL)(baseUrl, ((_m = multipleSubscriptionsButtonsProps.cancellationButton) === null || _m === void 0 ? void 0 : _m.href) +
|
|
109
|
+
"?id=".concat(id)), "aria-label": (_o = multipleSubscriptionsButtonsProps.cancellationButton) === null || _o === void 0 ? void 0 : _o.ariaLabel, disabled: Boolean(subscriptionCancelled), onClick: function (e) {
|
|
106
110
|
if (paymentFailure) {
|
|
107
111
|
e.preventDefault();
|
|
108
112
|
setPaymentFailureModalOpen(true);
|
|
109
113
|
}
|
|
110
114
|
}, overrides: {
|
|
111
|
-
stylePreset: (
|
|
112
|
-
} }
|
|
115
|
+
stylePreset: (_q = (_p = multipleSubscriptionsButtonsProps.cancellationButton) === null || _p === void 0 ? void 0 : _p.overrides) === null || _q === void 0 ? void 0 : _q.stylePreset,
|
|
116
|
+
} }, (_r = multipleSubscriptionsButtonsProps === null || multipleSubscriptionsButtonsProps === void 0 ? void 0 : multipleSubscriptionsButtonsProps.cancellationButton) === null || _r === void 0 ? void 0 : _r.text)))))),
|
|
113
117
|
react_1.default.createElement(newskit_1.Block, { paddingBlockEnd: paddingBlockEnd }),
|
|
114
118
|
belowContentExtra && (react_1.default.createElement(BelowContentExtra_1.default, { paymentFailureModalOpen: paymentFailureModalOpen, setPaymentFailureModalOpen: setPaymentFailureModalOpen, belowContentExtra: belowContentExtra, subscriptionCancelled: subscriptionCancelled, paymentFailure: paymentFailure, baseUrl: baseUrl, subscriptionType: subscriptionType }))));
|
|
115
119
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CardContentContainer/CardContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCAYgB;AAChB,4CAGyB;AAEzB,uEAAgE;AAChE,4CAIyB;AAEzB,0EAAmD;AAEnD,IAAM,oBAAoB,GAEtB,UAAC,EAWJ;;QAVC,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,eAAe,qBAAA,EACf,
|
|
1
|
+
{"version":3,"file":"CardContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CardContentContainer/CardContentContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,15 +22,16 @@ export type ButtonProps = Omit<NewkitButtonProps, 'children' | 'size'> & {
|
|
|
22
22
|
onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
23
23
|
size?: ButtonSize;
|
|
24
24
|
};
|
|
25
|
-
export type
|
|
25
|
+
export type MultipleSubscriptionsButtonsProps = {
|
|
26
26
|
cancellationButton?: ButtonProps;
|
|
27
27
|
accessSubscriptionButton?: ButtonProps;
|
|
28
|
+
accessMembershipButton?: ButtonProps;
|
|
28
29
|
stylePreset?: MQ<string>;
|
|
29
30
|
keepFixed?: boolean;
|
|
30
31
|
};
|
|
31
32
|
export interface CardContentContainerProps extends Omit<ContentContainerProps, 'items'> {
|
|
32
33
|
id?: string;
|
|
33
|
-
|
|
34
|
+
multipleSubscriptionsButtonsProps?: Partial<MultipleSubscriptionsButtonsProps>;
|
|
34
35
|
billingDetails?: StyledTextBlock;
|
|
35
36
|
stylePreset?: MQ<string>;
|
|
36
37
|
paddingBlockEnd?: MQ<string>;
|
|
@@ -16,10 +16,10 @@ import { Introduction } from '@newskit-render/shared-components';
|
|
|
16
16
|
import { formateDate, getDefaultItemValue, replaceBaseURL, } from '../../../helpers';
|
|
17
17
|
import BelowContentExtra from './BelowContentExtra';
|
|
18
18
|
var CardContentContainer = function (_a) {
|
|
19
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r
|
|
20
|
-
var contextName = _a.contextName, image = _a.image, contentHref = _a.contentHref, introductionProps = _a.introductionProps, paddingBlockEnd = _a.paddingBlockEnd,
|
|
21
|
-
var
|
|
22
|
-
var
|
|
19
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
20
|
+
var contextName = _a.contextName, image = _a.image, contentHref = _a.contentHref, introductionProps = _a.introductionProps, paddingBlockEnd = _a.paddingBlockEnd, multipleSubscriptionsButtonsProps = _a.multipleSubscriptionsButtonsProps, billingDetails = _a.billingDetails, cardDescriptionProps = _a.cardDescriptionProps, belowContentExtra = _a.belowContentExtra, id = _a.id;
|
|
21
|
+
var _s = useState(((_b = belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.modal) === null || _b === void 0 ? void 0 : _b.open) || false), paymentFailureModalOpen = _s[0], setPaymentFailureModalOpen = _s[1];
|
|
22
|
+
var _t = useAccountContext(contextName), sectionsOverrides = _t.sectionsOverrides, baseUrl = _t.baseUrl, userData = _t.userData;
|
|
23
23
|
var extendTitleOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.titleOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.titleOverrides);
|
|
24
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
25
|
var subscription = (_c = userData.subscriptions) === null || _c === void 0 ? void 0 : _c.find(function (e) { return e.id === id; });
|
|
@@ -28,6 +28,9 @@ var CardContentContainer = function (_a) {
|
|
|
28
28
|
var paymentFailure = userData && ((_d = userData.paymentFailure) === null || _d === void 0 ? void 0 : _d.active);
|
|
29
29
|
var subscriptionImageUrl = ((_f = (_e = subscription === null || subscription === void 0 ? void 0 : subscription.products) === null || _e === void 0 ? void 0 : _e.find(function (e) { return e.id.split('|')[0] === id; })) === null || _f === void 0 ? void 0 : _f.packImageUrl) || (image === null || image === void 0 ? void 0 : image.src);
|
|
30
30
|
var subscriptionTitle = subscription === null || subscription === void 0 ? void 0 : subscription.packName;
|
|
31
|
+
var accessButtonProps = /\b(membership|racing)\b/i.test(subscriptionTitle || '')
|
|
32
|
+
? multipleSubscriptionsButtonsProps === null || multipleSubscriptionsButtonsProps === void 0 ? void 0 : multipleSubscriptionsButtonsProps.accessMembershipButton
|
|
33
|
+
: multipleSubscriptionsButtonsProps === null || multipleSubscriptionsButtonsProps === void 0 ? void 0 : multipleSubscriptionsButtonsProps.accessSubscriptionButton;
|
|
31
34
|
var generateBillingDetailsDescription = function (descriptionString) {
|
|
32
35
|
var dueDate = (subscription === null || subscription === void 0 ? void 0 : subscription.billingDetails.nextBillCycleDate)
|
|
33
36
|
? "- Due ".concat(formateDate(subscription === null || subscription === void 0 ? void 0 : subscription.billingDetails.nextBillCycleDate))
|
|
@@ -70,18 +73,19 @@ var CardContentContainer = function (_a) {
|
|
|
70
73
|
marginBlockStart: 'space040',
|
|
71
74
|
paddingBlock: 'space020',
|
|
72
75
|
} }),
|
|
73
|
-
React.createElement(GridLayout, { columns: { xs: '1fr', lg: '1fr 1fr' }, columnGap: '20px', rowGap: { xs: 'space020' } },
|
|
74
|
-
React.createElement(Button,
|
|
75
|
-
stylePreset: (
|
|
76
|
-
} }
|
|
77
|
-
React.createElement(Button,
|
|
76
|
+
React.createElement(GridLayout, { columns: { xs: '1fr', lg: '1fr 1fr' }, columnGap: '20px', rowGap: { xs: 'space020' } }, multipleSubscriptionsButtonsProps && (React.createElement(React.Fragment, null,
|
|
77
|
+
React.createElement(Button, { href: replaceBaseURL(baseUrl, accessButtonProps === null || accessButtonProps === void 0 ? void 0 : accessButtonProps.href), "aria-label": accessButtonProps === null || accessButtonProps === void 0 ? void 0 : accessButtonProps.ariaLabel, overrides: {
|
|
78
|
+
stylePreset: (_l = accessButtonProps === null || accessButtonProps === void 0 ? void 0 : accessButtonProps.overrides) === null || _l === void 0 ? void 0 : _l.stylePreset,
|
|
79
|
+
} }, accessButtonProps === null || accessButtonProps === void 0 ? void 0 : accessButtonProps.text),
|
|
80
|
+
React.createElement(Button, { href: replaceBaseURL(baseUrl, ((_m = multipleSubscriptionsButtonsProps.cancellationButton) === null || _m === void 0 ? void 0 : _m.href) +
|
|
81
|
+
"?id=".concat(id)), "aria-label": (_o = multipleSubscriptionsButtonsProps.cancellationButton) === null || _o === void 0 ? void 0 : _o.ariaLabel, disabled: Boolean(subscriptionCancelled), onClick: function (e) {
|
|
78
82
|
if (paymentFailure) {
|
|
79
83
|
e.preventDefault();
|
|
80
84
|
setPaymentFailureModalOpen(true);
|
|
81
85
|
}
|
|
82
86
|
}, overrides: {
|
|
83
|
-
stylePreset: (
|
|
84
|
-
} }
|
|
87
|
+
stylePreset: (_q = (_p = multipleSubscriptionsButtonsProps.cancellationButton) === null || _p === void 0 ? void 0 : _p.overrides) === null || _q === void 0 ? void 0 : _q.stylePreset,
|
|
88
|
+
} }, (_r = multipleSubscriptionsButtonsProps === null || multipleSubscriptionsButtonsProps === void 0 ? void 0 : multipleSubscriptionsButtonsProps.cancellationButton) === null || _r === void 0 ? void 0 : _r.text)))))),
|
|
85
89
|
React.createElement(Block, { paddingBlockEnd: paddingBlockEnd }),
|
|
86
90
|
belowContentExtra && (React.createElement(BelowContentExtra, { paymentFailureModalOpen: paymentFailureModalOpen, setPaymentFailureModalOpen: setPaymentFailureModalOpen, belowContentExtra: belowContentExtra, subscriptionCancelled: subscriptionCancelled, paymentFailure: paymentFailure, baseUrl: baseUrl, subscriptionType: subscriptionType }))));
|
|
87
91
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CardContentContainer/CardContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAA;AAChB,OAAO,EAEL,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,cAAc,GACf,MAAM,kBAAkB,CAAA;AAEzB,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAEnD,IAAM,oBAAoB,GAEtB,UAAC,EAWJ;;QAVC,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,eAAe,qBAAA,EACf,
|
|
1
|
+
{"version":3,"file":"CardContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CardContentContainer/CardContentContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,15 +22,16 @@ export type ButtonProps = Omit<NewkitButtonProps, 'children' | 'size'> & {
|
|
|
22
22
|
onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
23
23
|
size?: ButtonSize;
|
|
24
24
|
};
|
|
25
|
-
export type
|
|
25
|
+
export type MultipleSubscriptionsButtonsProps = {
|
|
26
26
|
cancellationButton?: ButtonProps;
|
|
27
27
|
accessSubscriptionButton?: ButtonProps;
|
|
28
|
+
accessMembershipButton?: ButtonProps;
|
|
28
29
|
stylePreset?: MQ<string>;
|
|
29
30
|
keepFixed?: boolean;
|
|
30
31
|
};
|
|
31
32
|
export interface CardContentContainerProps extends Omit<ContentContainerProps, 'items'> {
|
|
32
33
|
id?: string;
|
|
33
|
-
|
|
34
|
+
multipleSubscriptionsButtonsProps?: Partial<MultipleSubscriptionsButtonsProps>;
|
|
34
35
|
billingDetails?: StyledTextBlock;
|
|
35
36
|
stylePreset?: MQ<string>;
|
|
36
37
|
paddingBlockEnd?: MQ<string>;
|