@newskit-render/my-account 7.82.1 → 7.83.0-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/Elements/NewsletterCard/NewsletterCard.d.ts +3 -2
- package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js +36 -11
- package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js.map +1 -1
- package/dist/cjs/Components/Elements/UserHubListItem/UserHubListItem.js +3 -2
- package/dist/cjs/Components/Elements/UserHubListItem/UserHubListItem.js.map +1 -1
- package/dist/cjs/Components/Elements/UserHubListItem/types.d.ts +10 -8
- package/dist/cjs/Components/Sections/NewslettersList/NewslettersList.d.ts +8 -0
- package/dist/cjs/Components/Sections/NewslettersList/NewslettersList.js +38 -0
- package/dist/cjs/Components/Sections/NewslettersList/NewslettersList.js.map +1 -0
- package/dist/cjs/Components/Sections/NewslettersList/index.d.ts +2 -0
- package/dist/cjs/Components/Sections/NewslettersList/index.js +6 -0
- package/dist/cjs/Components/Sections/NewslettersList/index.js.map +1 -0
- package/dist/cjs/Components/Sections/UserHub/BaseSection.d.ts +5 -0
- package/dist/cjs/Components/Sections/UserHub/BaseSection.js +50 -0
- package/dist/cjs/Components/Sections/UserHub/BaseSection.js.map +1 -0
- package/dist/cjs/Components/Sections/UserHub/NewslettersSection.d.ts +6 -0
- package/dist/cjs/Components/Sections/UserHub/NewslettersSection.js +84 -0
- package/dist/cjs/Components/Sections/UserHub/NewslettersSection.js.map +1 -0
- package/dist/cjs/Components/Templates/NewslettersRender.js +5 -5
- package/dist/cjs/Components/Templates/NewslettersRender.js.map +1 -1
- package/dist/cjs/Components/Templates/UserHubRender.js +10 -31
- package/dist/cjs/Components/Templates/UserHubRender.js.map +1 -1
- package/dist/cjs/context/index.d.ts +2 -2
- package/dist/cjs/context/index.js.map +1 -1
- package/dist/cjs/context/types.d.ts +36 -21
- package/dist/cjs/context/types.js.map +1 -1
- package/dist/cjs/pages/DreamTeam/DreamTeam.js +2 -2
- package/dist/cjs/pages/DreamTeam/DreamTeam.js.map +1 -1
- package/dist/cjs/pages/HolidayStop/HolidayStop.js +2 -2
- package/dist/cjs/pages/HolidayStop/HolidayStop.js.map +1 -1
- package/dist/cjs/pages/Newsletters/NewslettersContext.d.ts +2 -1
- package/dist/cjs/pages/Newsletters/NewslettersContext.js +77 -70
- package/dist/cjs/pages/Newsletters/NewslettersContext.js.map +1 -1
- package/dist/cjs/pages/NewslettersAndAlerts/NewslettersAndAlerts.js +2 -2
- package/dist/cjs/pages/NewslettersAndAlerts/NewslettersAndAlerts.js.map +1 -1
- package/dist/cjs/pages/PaymentMethods/PaymentMethods.js +2 -2
- package/dist/cjs/pages/PaymentMethods/PaymentMethods.js.map +1 -1
- package/dist/cjs/pages/PersonalDetails/PersonalDetails.js +2 -2
- package/dist/cjs/pages/PersonalDetails/PersonalDetails.js.map +1 -1
- package/dist/cjs/pages/SubscriptionAndBilling/SubscriptionAndBilling.js +2 -2
- package/dist/cjs/pages/SubscriptionAndBilling/SubscriptionAndBilling.js.map +1 -1
- package/dist/cjs/pages/UserHub/UserHub.js +11 -4
- package/dist/cjs/pages/UserHub/UserHub.js.map +1 -1
- package/dist/cjs/pages/UserHub/UserHubContext.js +65 -17
- package/dist/cjs/pages/UserHub/UserHubContext.js.map +1 -1
- package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.d.ts +3 -2
- package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js +36 -11
- package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js.map +1 -1
- package/dist/esm/Components/Elements/UserHubListItem/UserHubListItem.js +3 -2
- package/dist/esm/Components/Elements/UserHubListItem/UserHubListItem.js.map +1 -1
- package/dist/esm/Components/Elements/UserHubListItem/types.d.ts +10 -8
- package/dist/esm/Components/Sections/NewslettersList/NewslettersList.d.ts +8 -0
- package/dist/esm/Components/Sections/NewslettersList/NewslettersList.js +31 -0
- package/dist/esm/Components/Sections/NewslettersList/NewslettersList.js.map +1 -0
- package/dist/esm/Components/Sections/NewslettersList/index.d.ts +2 -0
- package/dist/esm/Components/Sections/NewslettersList/index.js +3 -0
- package/dist/esm/Components/Sections/NewslettersList/index.js.map +1 -0
- package/dist/esm/Components/Sections/UserHub/BaseSection.d.ts +5 -0
- package/dist/esm/Components/Sections/UserHub/BaseSection.js +43 -0
- package/dist/esm/Components/Sections/UserHub/BaseSection.js.map +1 -0
- package/dist/esm/Components/Sections/UserHub/NewslettersSection.d.ts +6 -0
- package/dist/esm/Components/Sections/UserHub/NewslettersSection.js +54 -0
- package/dist/esm/Components/Sections/UserHub/NewslettersSection.js.map +1 -0
- package/dist/esm/Components/Templates/NewslettersRender.js +6 -6
- package/dist/esm/Components/Templates/NewslettersRender.js.map +1 -1
- package/dist/esm/Components/Templates/UserHubRender.js +11 -32
- package/dist/esm/Components/Templates/UserHubRender.js.map +1 -1
- package/dist/esm/context/index.d.ts +2 -2
- package/dist/esm/context/index.js.map +1 -1
- package/dist/esm/context/types.d.ts +36 -21
- package/dist/esm/context/types.js.map +1 -1
- package/dist/esm/pages/DreamTeam/DreamTeam.js +2 -2
- package/dist/esm/pages/DreamTeam/DreamTeam.js.map +1 -1
- package/dist/esm/pages/HolidayStop/HolidayStop.js +2 -2
- package/dist/esm/pages/HolidayStop/HolidayStop.js.map +1 -1
- package/dist/esm/pages/Newsletters/NewslettersContext.d.ts +2 -1
- package/dist/esm/pages/Newsletters/NewslettersContext.js +76 -69
- package/dist/esm/pages/Newsletters/NewslettersContext.js.map +1 -1
- package/dist/esm/pages/NewslettersAndAlerts/NewslettersAndAlerts.js +2 -2
- package/dist/esm/pages/NewslettersAndAlerts/NewslettersAndAlerts.js.map +1 -1
- package/dist/esm/pages/PaymentMethods/PaymentMethods.js +2 -2
- package/dist/esm/pages/PaymentMethods/PaymentMethods.js.map +1 -1
- package/dist/esm/pages/PersonalDetails/PersonalDetails.js +2 -2
- package/dist/esm/pages/PersonalDetails/PersonalDetails.js.map +1 -1
- package/dist/esm/pages/SubscriptionAndBilling/SubscriptionAndBilling.js +2 -2
- package/dist/esm/pages/SubscriptionAndBilling/SubscriptionAndBilling.js.map +1 -1
- package/dist/esm/pages/UserHub/UserHub.js +11 -4
- package/dist/esm/pages/UserHub/UserHub.js.map +1 -1
- package/dist/esm/pages/UserHub/UserHubContext.js +65 -17
- package/dist/esm/pages/UserHub/UserHubContext.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/Components/Elements/TextWithLinks/TextWithLinks.d.ts +0 -19
- package/dist/cjs/Components/Elements/TextWithLinks/TextWithLinks.js +0 -39
- package/dist/cjs/Components/Elements/TextWithLinks/TextWithLinks.js.map +0 -1
- package/dist/cjs/Components/Elements/TextWithLinks/index.d.ts +0 -1
- package/dist/cjs/Components/Elements/TextWithLinks/index.js +0 -18
- package/dist/cjs/Components/Elements/TextWithLinks/index.js.map +0 -1
- package/dist/esm/Components/Elements/TextWithLinks/TextWithLinks.d.ts +0 -19
- package/dist/esm/Components/Elements/TextWithLinks/TextWithLinks.js +0 -32
- package/dist/esm/Components/Elements/TextWithLinks/TextWithLinks.js.map +0 -1
- package/dist/esm/Components/Elements/TextWithLinks/index.d.ts +0 -1
- package/dist/esm/Components/Elements/TextWithLinks/index.js +0 -2
- package/dist/esm/Components/Elements/TextWithLinks/index.js.map +0 -1
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { NewsletterDetails } from '../../../pages/types';
|
|
3
|
-
|
|
3
|
+
import { NewslettersListContextOptions } from '../../../context/types';
|
|
4
|
+
export interface NewsletterViewProps extends Omit<NewslettersListContextOptions, 'gridLayoutOverrides' | 'handleSuccess' | 'handleWarning'> {
|
|
4
5
|
newsletter: NewsletterDetails;
|
|
6
|
+
imageVisible?: boolean;
|
|
5
7
|
}
|
|
6
8
|
export declare const NewsletterCard: React.FC<NewsletterViewProps>;
|
|
7
|
-
export {};
|
|
@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
6
17
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
18
|
if (k2 === undefined) k2 = k;
|
|
8
19
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -62,6 +73,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
62
73
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
63
74
|
}
|
|
64
75
|
};
|
|
76
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
77
|
+
var t = {};
|
|
78
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
79
|
+
t[p] = s[p];
|
|
80
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
81
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
82
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
83
|
+
t[p[i]] = s[p[i]];
|
|
84
|
+
}
|
|
85
|
+
return t;
|
|
86
|
+
};
|
|
65
87
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
66
88
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
67
89
|
};
|
|
@@ -71,9 +93,10 @@ var react_1 = __importStar(require("react"));
|
|
|
71
93
|
var newskit_1 = require("newskit");
|
|
72
94
|
var cross_fetch_1 = __importDefault(require("cross-fetch"));
|
|
73
95
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
|
|
96
|
+
var StyledHeaderBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 65px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n\n figure {\n ", "\n }\n\n ", " {\n min-height: auto;\n\n figure {\n display: block;\n }\n }\n"], ["\n min-height: 65px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n\n figure {\n ", "\n }\n\n ", " {\n min-height: auto;\n\n figure {\n display: block;\n }\n }\n"])), function (_a) {
|
|
97
|
+
var imageVisible = _a.imageVisible;
|
|
98
|
+
return imageVisible ? 'display: block' : 'display: none;';
|
|
99
|
+
}, (0, newskit_1.getMediaQueryFromTheme)('sm'));
|
|
77
100
|
var StyledTitleBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n span {\n display: block;\n }\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n span {\n display: block;\n }\n"])));
|
|
78
101
|
var StyledFrequencyWrapper = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n text-transform: uppercase;\n"], ["\n text-transform: uppercase;\n"])));
|
|
79
102
|
var StyledCardContentWrapper = (0, newskit_1.styled)(newskit_1.CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n }\n"], ["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n }\n"])));
|
|
@@ -85,9 +108,7 @@ var NewslettersSubscriptionTypes;
|
|
|
85
108
|
})(NewslettersSubscriptionTypes || (NewslettersSubscriptionTypes = {}));
|
|
86
109
|
var NewsletterCard = function (_a) {
|
|
87
110
|
var _b;
|
|
88
|
-
var newsletter = _a.newsletter;
|
|
89
|
-
var contextName = types_1.ContextName.newsletters;
|
|
90
|
-
var _c = (0, context_1.useAccountContext)(contextName), cardOverrides = _c.cardOverrides, cardContentOverrides = _c.cardContentOverrides, headlineOverrides = _c.headlineOverrides, frequencyOverrides = _c.frequencyOverrides, textOverrides = _c.textOverrides, newsletterImages = _c.newsletterImages, switchButtonProps = _c.switchButtonProps, handleError = _c.handleError, handleShowSuccess = _c.handleShowSuccess, handleLoading = _c.handleLoading, genericErrorMessage = _c.genericErrorMessage, errorMessages = _c.errorMessages, tealiumContext = _c.tealiumContext;
|
|
111
|
+
var newsletter = _a.newsletter, cardOverrides = _a.cardOverrides, cardContentOverrides = _a.cardContentOverrides, headlineOverrides = _a.headlineOverrides, frequencyOverrides = _a.frequencyOverrides, textOverrides = _a.textOverrides, newsletterImages = _a.newsletterImages, switchButtonProps = _a.switchButtonProps, handleError = _a.handleError, handleShowSuccess = _a.handleShowSuccess, handleLoading = _a.handleLoading, genericErrorMessage = _a.genericErrorMessage, errorMessages = _a.errorMessages, tealiumContext = _a.tealiumContext, _c = _a.imageVisible, imageVisible = _c === void 0 ? false : _c, rest = __rest(_a, ["newsletter", "cardOverrides", "cardContentOverrides", "headlineOverrides", "frequencyOverrides", "textOverrides", "newsletterImages", "switchButtonProps", "handleError", "handleShowSuccess", "handleLoading", "genericErrorMessage", "errorMessages", "tealiumContext", "imageVisible"]);
|
|
91
112
|
var title = newsletter.bulletinText, description = newsletter.detailedText, isSubscribedInitial = newsletter.isSubscribed, bulletinId = newsletter.bulletinId, frequency = newsletter.frequency;
|
|
92
113
|
var imageSrc = newsletterImages[bulletinId] || newsletterImages.default;
|
|
93
114
|
var _d = (0, react_1.useState)(isSubscribedInitial), isSubscribed = _d[0], setIsSubscribed = _d[1];
|
|
@@ -121,7 +142,8 @@ var NewsletterCard = function (_a) {
|
|
|
121
142
|
response = _b.sent();
|
|
122
143
|
if (!response.ok) {
|
|
123
144
|
setIsSubscribed(initialSubscriptionValue);
|
|
124
|
-
handleError
|
|
145
|
+
if (handleError)
|
|
146
|
+
handleError(title, {}, genericErrorMessage, undefined, 4000);
|
|
125
147
|
setIsLoading(false);
|
|
126
148
|
return [2 /*return*/];
|
|
127
149
|
}
|
|
@@ -130,17 +152,20 @@ var NewsletterCard = function (_a) {
|
|
|
130
152
|
: undefined;
|
|
131
153
|
setIsLoading(false);
|
|
132
154
|
if (subscriptionType === NewslettersSubscriptionTypes.unsubscribe) {
|
|
133
|
-
handleLoading
|
|
155
|
+
if (handleLoading)
|
|
156
|
+
handleLoading(title, {}, genericErrorMessage, toastMessage, 4000);
|
|
134
157
|
return [2 /*return*/];
|
|
135
158
|
}
|
|
136
|
-
handleShowSuccess
|
|
159
|
+
if (handleShowSuccess) {
|
|
160
|
+
handleShowSuccess(title, {}, genericErrorMessage, toastMessage, 4000);
|
|
161
|
+
}
|
|
137
162
|
return [2 /*return*/];
|
|
138
163
|
}
|
|
139
164
|
});
|
|
140
165
|
}); };
|
|
141
|
-
return (react_1.default.createElement(newskit_1.CardComposable, { overrides: cardOverrides },
|
|
166
|
+
return (react_1.default.createElement(newskit_1.CardComposable, __assign({ overrides: cardOverrides }, rest),
|
|
142
167
|
react_1.default.createElement(StyledCardContentWrapper, { rowGap: cardContentOverrides.rowGap, rows: cardContentOverrides.rows, overrides: cardContentOverrides.overrides },
|
|
143
|
-
react_1.default.createElement(StyledHeaderBlockWrapper,
|
|
168
|
+
react_1.default.createElement(StyledHeaderBlockWrapper, { imageVisible: imageVisible },
|
|
144
169
|
react_1.default.createElement(StyledTitleBlockWrapper, null,
|
|
145
170
|
react_1.default.createElement(newskit_1.Headline, { overrides: headlineOverrides.content, headingAs: "span" }, title),
|
|
146
171
|
react_1.default.createElement(StyledFrequencyWrapper, { stylePreset: frequencyOverrides.stylePreset, typographyPreset: frequencyOverrides.typographyPreset }, frequency)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,6 @@ exports.UserHubListItem = void 0;
|
|
|
22
22
|
var react_1 = __importDefault(require("react"));
|
|
23
23
|
var link_1 = __importDefault(require("next/link"));
|
|
24
24
|
var newskit_1 = require("newskit");
|
|
25
|
-
var TextWithLinks_1 = require("../TextWithLinks");
|
|
26
25
|
var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n &:hover,\n &:focus,\n &:active {\n ", "\n cursor: ", ";\n }\n"], ["\n ", "\n &:hover,\n &:focus,\n &:active {\n ", "\n cursor: ", ";\n }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
|
|
27
26
|
var isLink = _a.isLink;
|
|
28
27
|
return isLink ? (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interface020') : '';
|
|
@@ -32,6 +31,7 @@ var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateOb
|
|
|
32
31
|
});
|
|
33
32
|
var StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-weight: 700;\n"], ["\n font-weight: 700;\n"])));
|
|
34
33
|
var UserHubListItem = function (_a) {
|
|
34
|
+
var _b;
|
|
35
35
|
var label = _a.label, titleIcon = _a.titleIcon, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer;
|
|
36
36
|
return (react_1.default.createElement(link_1.default, { legacyBehavior: true, href: href || '', tabIndex: href ? undefined : -1, "aria-disabled": !href },
|
|
37
37
|
react_1.default.createElement(newskit_1.StructuredListItem, { href: href || '', disabled: !href, hideIcon: true, overrides: {
|
|
@@ -50,7 +50,8 @@ var UserHubListItem = function (_a) {
|
|
|
50
50
|
react_1.default.createElement(newskit_1.StackChild, { marginBlockEnd: "space000" },
|
|
51
51
|
react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", stackDistribution: "flex-start" }, typeof subtitle === 'string' ? (react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020" }, subtitle)) : (subtitle === null || subtitle === void 0 ? void 0 : subtitle.map(function (s) { return (react_1.default.createElement(newskit_1.TextBlock, { key: s, typographyPreset: "utilityBody020", marginBlockEnd: 'space040' }, s)); })))))),
|
|
52
52
|
linkIcon && (react_1.default.createElement(newskit_1.GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
|
|
53
|
-
footer && (react_1.default.createElement(newskit_1.GridLayoutItem, { paddingBlockStart: "space040" },
|
|
53
|
+
footer && (react_1.default.createElement(newskit_1.GridLayoutItem, { paddingBlockStart: "space040" },
|
|
54
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))))))));
|
|
54
55
|
};
|
|
55
56
|
exports.UserHubListItem = UserHubListItem;
|
|
56
57
|
var templateObject_1, templateObject_2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mDAA4B;AAC5B,mCAUgB;
|
|
1
|
+
{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
import { MQ, NewsKitIconProps } from 'newskit';
|
|
2
|
-
import { TextWithLinksProps } from '../TextWithLinks';
|
|
3
|
-
interface UserHubItemFooterProps {
|
|
4
|
-
text: string;
|
|
5
|
-
href?: string;
|
|
6
|
-
}
|
|
7
2
|
export interface UserHubItemProps {
|
|
8
3
|
label: string;
|
|
9
4
|
titleIcon?: React.ReactElement<NewsKitIconProps> | null;
|
|
10
5
|
subtitle?: string | string[];
|
|
11
6
|
footer?: {
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
dataTestId: string;
|
|
8
|
+
content: React.ReactNode;
|
|
9
|
+
props?: {
|
|
10
|
+
textOverrides?: {
|
|
11
|
+
paddingBlock?: MQ<string>;
|
|
12
|
+
paddingInline?: MQ<string>;
|
|
13
|
+
typographyPreset?: MQ<string>;
|
|
14
|
+
stylePreset?: MQ<string>;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
14
17
|
};
|
|
15
18
|
href?: string;
|
|
16
19
|
linkIcon?: React.ReactElement<NewsKitIconProps> | null;
|
|
@@ -32,4 +35,3 @@ export interface UserHubItemProps {
|
|
|
32
35
|
};
|
|
33
36
|
};
|
|
34
37
|
}
|
|
35
|
-
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { PropsWithChildren } from 'react';
|
|
2
|
+
import { NewslettersGridOverrides } from 'context/types';
|
|
3
|
+
interface NewslettersListProps {
|
|
4
|
+
gridLayoutOverrides: NewslettersGridOverrides;
|
|
5
|
+
'data-testid'?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const NewslettersList: React.FC<PropsWithChildren<NewslettersListProps>>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,38 @@
|
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.NewslettersList = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var newskit_1 = require("newskit");
|
|
31
|
+
var NewslettersList = function (_a) {
|
|
32
|
+
var gridLayoutOverrides = _a.gridLayoutOverrides, children = _a.children, rest = __rest(_a, ["gridLayoutOverrides", "children"]);
|
|
33
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
34
|
+
react_1.default.createElement(newskit_1.Block, __assign({ marginBlockEnd: 'space070' }, rest),
|
|
35
|
+
react_1.default.createElement(newskit_1.GridLayout, { columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap }, children))));
|
|
36
|
+
};
|
|
37
|
+
exports.NewslettersList = NewslettersList;
|
|
38
|
+
//# sourceMappingURL=NewslettersList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NewslettersList.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NewslettersList/NewslettersList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAgD;AAChD,mCAA2C;AASpC,IAAM,eAAe,GAExB,UAAC,EAA0C;IAAxC,IAAA,mBAAmB,yBAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAxC,mCAA0C,CAAF;IAC3C,OAAO,CACL;QACE,8BAAC,eAAK,aAAC,cAAc,EAAE,UAAU,IAAM,IAAI;YACzC,8BAAC,oBAAU,IACT,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,SAAS,EAAE,mBAAmB,CAAC,SAAS,EACxC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EACtC,MAAM,EAAE,mBAAmB,CAAC,MAAM,IAEjC,QAAQ,CACE,CACP,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,eAAe,mBAiB3B"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.NewslettersList = void 0;
|
|
4
|
+
var NewslettersList_1 = require("./NewslettersList");
|
|
5
|
+
Object.defineProperty(exports, "NewslettersList", { enumerable: true, get: function () { return NewslettersList_1.NewslettersList; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NewslettersList/index.ts"],"names":[],"mappings":";;;AAAA,qDAAmD;AAE1C,gGAFA,iCAAe,OAEA"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
+
var t = {};
|
|
19
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
+
t[p] = s[p];
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
+
t[p[i]] = s[p[i]];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.BaseSection = void 0;
|
|
33
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
34
|
+
var UserHubListItem_1 = require("../../Elements/UserHubListItem");
|
|
35
|
+
var helpers_1 = require("../../../helpers");
|
|
36
|
+
var newskit_1 = require("newskit");
|
|
37
|
+
var react_1 = __importDefault(require("react"));
|
|
38
|
+
var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid;\n ", "\n"], ["\n border: 1px solid;\n ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
|
|
39
|
+
var BaseSection = function (_a) {
|
|
40
|
+
var dataTestId = _a.dataTestId, header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl;
|
|
41
|
+
return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": dataTestId },
|
|
42
|
+
react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
|
|
43
|
+
react_1.default.createElement(StyledStructuredList, { divider: true }, items.map(function (_a) {
|
|
44
|
+
var href = _a.href, props = __rest(_a, ["href"]);
|
|
45
|
+
return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
|
|
46
|
+
}))));
|
|
47
|
+
};
|
|
48
|
+
exports.BaseSection = BaseSection;
|
|
49
|
+
var templateObject_1;
|
|
50
|
+
//# sourceMappingURL=BaseSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,kEAAgE;AAChE,4CAAiD;AACjD,mCAA6E;AAC7E,gDAAyB;AAGzB,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMM,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAC1B,OAAO,CACL,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;QACH,CAAC,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,WAAW,eAyBvB"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { UserHubNewslettersSection } from '../../../context/types';
|
|
2
|
+
import { NewsletterDetails } from '../../../pages/types';
|
|
3
|
+
export interface NewslettersSectionProps extends UserHubNewslettersSection {
|
|
4
|
+
newsletters: NewsletterDetails[];
|
|
5
|
+
}
|
|
6
|
+
export declare const NewslettersSection: ({ header, newsletters, newslettersListProps, ...rest }: NewslettersSectionProps) => JSX.Element | null;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
41
|
+
var t = {};
|
|
42
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
+
t[p] = s[p];
|
|
44
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
+
t[p[i]] = s[p[i]];
|
|
48
|
+
}
|
|
49
|
+
return t;
|
|
50
|
+
};
|
|
51
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
+
};
|
|
54
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
55
|
+
exports.NewslettersSection = void 0;
|
|
56
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
57
|
+
var newskit_1 = require("newskit");
|
|
58
|
+
var react_1 = __importStar(require("react"));
|
|
59
|
+
var NewslettersList_1 = require("../NewslettersList");
|
|
60
|
+
var NewsletterCard_1 = __importDefault(require("../../../Components/Elements/NewsletterCard"));
|
|
61
|
+
var StyledNewsletterCard = (0, newskit_1.styled)(NewsletterCard_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:last-child {\n display: none;\n }\n ", " {\n &:last-child {\n display: block;\n }\n }\n"], ["\n &:last-child {\n display: none;\n }\n ", " {\n &:last-child {\n display: block;\n }\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'));
|
|
62
|
+
var NewslettersSection = function (_a) {
|
|
63
|
+
var header = _a.header, newsletters = _a.newsletters, newslettersListProps = _a.newslettersListProps, rest = __rest(_a, ["header", "newsletters", "newslettersListProps"]);
|
|
64
|
+
var newslettersList = (0, react_1.useMemo)(function () {
|
|
65
|
+
if (!newsletters || !(newsletters === null || newsletters === void 0 ? void 0 : newsletters.length)) {
|
|
66
|
+
return [];
|
|
67
|
+
}
|
|
68
|
+
var userHubNewslettersIds = newslettersListProps.userHubNewslettersIds;
|
|
69
|
+
return newsletters
|
|
70
|
+
.filter(function (n) { return userHubNewslettersIds.some(function (nl) { return nl === n.bulletinId; }); })
|
|
71
|
+
.sort(function (a, b) {
|
|
72
|
+
return userHubNewslettersIds.indexOf(a.bulletinId) -
|
|
73
|
+
userHubNewslettersIds.indexOf(b.bulletinId);
|
|
74
|
+
});
|
|
75
|
+
}, [newslettersListProps, newsletters]);
|
|
76
|
+
if (newslettersList.length === 0)
|
|
77
|
+
return null;
|
|
78
|
+
return (react_1.default.createElement(newskit_1.Stack, __assign({ flow: "vertical-stretch", "data-testid": "newsletters-grid" }, rest),
|
|
79
|
+
react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
|
|
80
|
+
react_1.default.createElement(NewslettersList_1.NewslettersList, { gridLayoutOverrides: newslettersListProps.gridLayoutOverrides }, newslettersList.map(function (newsletter) { return (react_1.default.createElement(StyledNewsletterCard, __assign({ newsletter: newsletter }, newslettersListProps, { "data-testid": "newsletter-card", imageVisible: true, key: newsletter.bulletinId }))); }))));
|
|
81
|
+
};
|
|
82
|
+
exports.NewslettersSection = NewslettersSection;
|
|
83
|
+
var templateObject_1;
|
|
84
|
+
//# sourceMappingURL=NewslettersSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NewslettersSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/NewslettersSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,mCAA+D;AAC/D,6CAAsC;AAGtC,sDAAoD;AACpD,+FAAwE;AAKxE,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,mLAAA,iDAI/C,EAA4B,6DAK/B,KALG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAK/B,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,EAKT;IAJxB,IAAA,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACjB,IAAI,cAJ0B,iDAKlC,CADQ;IAEP,IAAM,eAAe,GAAG,IAAA,eAAO,EAAC;QAC9B,IAAI,CAAC,WAAW,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,EAAE,CAAC;YACzC,OAAO,EAAE,CAAA;QACX,CAAC;QACO,IAAA,qBAAqB,GAAK,oBAAoB,sBAAzB,CAAyB;QACtD,OAAO,WAAW;aACf,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,qBAAqB,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,KAAK,CAAC,CAAC,UAAU,EAAnB,CAAmB,CAAC,EAAvD,CAAuD,CAAC;aACtE,IAAI,CACH,UAAC,CAAC,EAAE,CAAC;YACH,OAAA,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;gBAC3C,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;QAD3C,CAC2C,CAC9C,CAAA;IACL,CAAC,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvC,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAE7C,OAAO,CACL,8BAAC,eAAK,aAAC,IAAI,EAAC,kBAAkB,iBAAa,kBAAkB,IAAK,IAAI;QACpE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,iCAAe,IACd,mBAAmB,EAAE,oBAAoB,CAAC,mBAAmB,IAE5D,eAAe,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,CACnC,8BAAC,oBAAoB,aACnB,UAAU,EAAE,UAAU,IAClB,oBAAoB,mBACZ,iBAAiB,EAC7B,YAAY,EAAE,IAAI,EAClB,GAAG,EAAE,UAAU,CAAC,UAAU,IAC1B,CACH,EARoC,CAQpC,CAAC,CACc,CACZ,CACT,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,kBAAkB,sBAwC9B"}
|
|
@@ -45,15 +45,16 @@ exports.NewslettersRender = void 0;
|
|
|
45
45
|
var react_1 = __importStar(require("react"));
|
|
46
46
|
var newskit_1 = require("newskit");
|
|
47
47
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
48
|
-
var NewsletterCard_1 = __importDefault(require("../Elements/NewsletterCard"));
|
|
49
48
|
var context_1 = require("../../context");
|
|
50
49
|
var types_1 = require("../../context/types");
|
|
51
50
|
var getProductsFromBlaizeJwtUtil_1 = require("../../helpers/getProductsFromBlaizeJwtUtil");
|
|
52
51
|
var helpers_1 = require("../../helpers");
|
|
52
|
+
var NewslettersList_1 = require("../../Components/Sections/NewslettersList");
|
|
53
|
+
var NewsletterCard_1 = __importDefault(require("../../Components/Elements/NewsletterCard"));
|
|
53
54
|
var StyledRelativeWrapper = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
54
55
|
var NewslettersRender = function () {
|
|
55
56
|
var contextName = types_1.ContextName.newsletters;
|
|
56
|
-
var _a = (0, context_1.useAccountContext)(contextName), header = _a.header, newsletters = _a.userData.newsletters, gridLayoutOverrides = _a.gridLayoutOverrides, featuredNewsletterIds = _a.featuredNewsletterIds, newsletterOrderIds = _a.newsletterOrderIds, requestHeaders = _a.requestHeaders, tealiumContext = _a.tealiumContext, featureFlags = _a.featureFlags;
|
|
57
|
+
var _a = (0, context_1.useAccountContext)(contextName), header = _a.header, newsletters = _a.userData.newsletters, gridLayoutOverrides = _a.gridLayoutOverrides, featuredNewsletterIds = _a.featuredNewsletterIds, newsletterOrderIds = _a.newsletterOrderIds, requestHeaders = _a.requestHeaders, tealiumContext = _a.tealiumContext, featureFlags = _a.featureFlags, cardOverrides = _a.cardOverrides, cardContentOverrides = _a.cardContentOverrides, headlineOverrides = _a.headlineOverrides, frequencyOverrides = _a.frequencyOverrides, textOverrides = _a.textOverrides, newsletterImages = _a.newsletterImages, switchButtonProps = _a.switchButtonProps, handleError = _a.handleError, handleShowSuccess = _a.handleShowSuccess, handleLoading = _a.handleLoading, genericErrorMessage = _a.genericErrorMessage, errorMessages = _a.errorMessages;
|
|
57
58
|
var enableRegistrationNewsletterFiltering = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_registration_newsletter_filtering;
|
|
58
59
|
(0, shared_components_1.usePageViewTracking)(tealiumContext);
|
|
59
60
|
var _b = (0, react_1.useMemo)(function () {
|
|
@@ -102,9 +103,8 @@ var NewslettersRender = function () {
|
|
|
102
103
|
}, [newsletters, featuredNewsletterIds]), filteredNewsletters = _b.filteredNewsletters, featuredNewsletters = _b.featuredNewsletters;
|
|
103
104
|
return (react_1.default.createElement(StyledRelativeWrapper, null,
|
|
104
105
|
react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
|
|
105
|
-
featuredNewsletters && featuredNewsletters.length !== 0 && (react_1.default.createElement(
|
|
106
|
-
|
|
107
|
-
filteredNewsletters && filteredNewsletters.length !== 0 && (react_1.default.createElement(newskit_1.GridLayout, { columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap, "data-testid": "newsletters-grid" }, filteredNewsletters.map(function (newsletter) { return (react_1.default.createElement(NewsletterCard_1.default, { newsletter: newsletter, key: newsletter.bulletinId })); })))));
|
|
106
|
+
featuredNewsletters && featuredNewsletters.length !== 0 && (react_1.default.createElement(NewslettersList_1.NewslettersList, { gridLayoutOverrides: gridLayoutOverrides, "data-testid": "newsletters-grid-featured" }, featuredNewsletters.map(function (newsletter) { return (react_1.default.createElement(NewsletterCard_1.default, { newsletter: newsletter, key: newsletter.bulletinId, cardOverrides: cardOverrides, cardContentOverrides: cardContentOverrides, headlineOverrides: headlineOverrides, frequencyOverrides: frequencyOverrides, textOverrides: textOverrides, newsletterImages: newsletterImages, switchButtonProps: switchButtonProps, handleError: handleError, handleShowSuccess: handleShowSuccess, handleLoading: handleLoading, genericErrorMessage: genericErrorMessage, errorMessages: errorMessages, tealiumContext: tealiumContext })); }))),
|
|
107
|
+
filteredNewsletters && filteredNewsletters.length !== 0 && (react_1.default.createElement(NewslettersList_1.NewslettersList, { gridLayoutOverrides: gridLayoutOverrides, "data-testid": "newsletters-grid" }, filteredNewsletters.map(function (newsletter) { return (react_1.default.createElement(NewsletterCard_1.default, { newsletter: newsletter, key: newsletter.bulletinId, cardOverrides: cardOverrides, cardContentOverrides: cardContentOverrides, headlineOverrides: headlineOverrides, frequencyOverrides: frequencyOverrides, textOverrides: textOverrides, newsletterImages: newsletterImages, switchButtonProps: switchButtonProps, handleError: handleError, handleShowSuccess: handleShowSuccess, handleLoading: handleLoading, genericErrorMessage: genericErrorMessage, errorMessages: errorMessages, tealiumContext: tealiumContext })); })))));
|
|
108
108
|
};
|
|
109
109
|
exports.NewslettersRender = NewslettersRender;
|
|
110
110
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewslettersRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/NewslettersRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"NewslettersRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/NewslettersRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAAgC;AAEhC,uEAA+E;AAE/E,yCAAiD;AACjD,6CAA4E;AAE5E,2FAAqF;AACrF,yCAA8C;AAC9C,6EAA2E;AAC3E,4FAAqE;AAErE,IAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,8FAAA,2BAEvC,IAAA,CAAA;AAEM,IAAM,iBAAiB,GAAa;IACzC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAqBF,IAAA,2BAAiB,EAAC,WAAW,CAA8B,EApB7D,MAAM,YAAA,EACM,WAAW,0BAAA,EACvB,mBAAmB,yBAAA,EACnB,qBAAqB,2BAAA,EACrB,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,oBAAoB,0BAAA,EACpB,iBAAiB,uBAAA,EACjB,kBAAkB,wBAAA,EAClB,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACjB,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,aAAa,mBAAA,EACb,mBAAmB,yBAAA,EACnB,aAAa,mBACgD,CAAA;IAC/D,IAAM,qCAAqC,GACzC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,wCAAwC,CAAA;IACxD,IAAA,uCAAmB,EAAC,cAAc,CAAC,CAAA;IAE7B,IAAA,KAA+C,IAAA,eAAO,EAAC;QAC3D,IAAI,CAAC,WAAW,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,EAAE,CAAC;YACzC,OAAO;gBACL,mBAAmB,EAAE,EAAE;gBACvB,mBAAmB,EAAE,EAAE;aACxB,CAAA;QACH,CAAC;QAED,IAAI,kBAAkB,GAAG,WAAW,CAAA;QACpC,IAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,MAAM,EAAE,CAAC;YAC/B,kBAAkB,GAAG,WAAW,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;gBACzC,OAAO,CACL,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;oBACxC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CACzC,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,IAAM,iBAAiB,GAAG,IAAA,wBAAc,EAAC,YAAY,EAAE,cAAc,CAAC,CAAC,KAAK,CAAA;QAE5E,IAAI,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,MAAM,EAAE,CAAC;YAClC,IAAM,UAAQ,GAAwB,EAAE,CAAA;YACxC,IAAM,UAAQ,GAAwB,EAAE,CAAA;YACxC,IAAM,aAAa,GAAG,IAAA,uDAAwB,EAAC,iBAAiB,CAAC,CAAA;YACjE,IAAM,wBAAwB,GAAG,aAAa,CAAC,QAAQ,CACrD,yBAAyB,CAC1B,CAAA;YAED,IAAI,qCAAqC,IAAI,CAAC,wBAAwB,EAAE,CAAC;gBACvE,kBAAkB,CAAC,OAAO,CAAC,UAAC,UAAU;oBACpC,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC;wBAC1B,UAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;oBAC3B,CAAC;gBACH,CAAC,CAAC,CAAA;YACJ,CAAC;iBAAM,CAAC;gBACN,kBAAkB,CAAC,OAAO,CAAC,UAAC,UAAU;oBACpC,IAAI,qBAAqB,CAAC,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;wBAC1D,UAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;oBAC3B,CAAC;yBAAM,CAAC;wBACN,UAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;oBAC3B,CAAC;gBACH,CAAC,CAAC,CAAA;YACJ,CAAC;YAED,OAAO;gBACL,mBAAmB,EAAE,UAAQ;gBAC7B,mBAAmB,EAAE,UAAQ;aAC9B,CAAA;QACH,CAAC;QAED,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAA;IAC7E,CAAC,EAAE,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAC,EAnDhC,mBAAmB,yBAAA,EAAE,mBAAmB,yBAmDR,CAAA;IAExC,OAAO,CACL,8BAAC,qBAAqB;QACpB,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACrB,mBAAmB,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC,IAAI,CAC1D,8BAAC,iCAAe,IACd,mBAAmB,EAAE,mBAAmB,iBAC5B,2BAA2B,IAEtC,mBAAmB,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,CACvC,8BAAC,wBAAc,IACb,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,UAAU,CAAC,UAAU,EAC1B,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,EAlBwC,CAkBxC,CAAC,CACc,CACnB;QACA,mBAAmB,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC,IAAI,CAC1D,8BAAC,iCAAe,IACd,mBAAmB,EAAE,mBAAmB,iBAC5B,kBAAkB,IAE7B,mBAAmB,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,CACvC,8BAAC,wBAAc,IACb,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,UAAU,CAAC,UAAU,EAC1B,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,EAlBwC,CAkBxC,CAAC,CACc,CACnB,CACqB,CACzB,CAAA;AACH,CAAC,CAAA;AA1IY,QAAA,iBAAiB,qBA0I7B"}
|
|
@@ -14,49 +14,28 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
17
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
19
|
};
|
|
31
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
21
|
exports.UserHubRender = void 0;
|
|
33
22
|
var react_1 = __importDefault(require("react"));
|
|
34
|
-
var shared_components_1 = require("@newskit-render/shared-components");
|
|
35
23
|
var context_1 = require("../../context");
|
|
36
24
|
var types_1 = require("../../context/types");
|
|
37
25
|
var newskit_1 = require("newskit");
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var StyledStackContainer = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n ", ";\n\n ", " {\n ", ";\n }\n"], ["\n width: 100%;\n ", ";\n\n ", " {\n ", ";\n }\n"])), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space060'), (0, newskit_1.getMediaQueryFromTheme)('sm'), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space090'));
|
|
26
|
+
var BaseSection_1 = require("../Sections/UserHub/BaseSection");
|
|
27
|
+
var NewslettersSection_1 = require("../../Components/Sections/UserHub/NewslettersSection");
|
|
28
|
+
var StyledStackContainer = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n ", ";\n\n ", " {\n ", ";\n }\n"], ["\n width: 100%;\n ", ";\n\n ", " {\n ", ";\n }\n"])), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space060'), (0, newskit_1.getMediaQueryFromTheme)('sm'), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space090'));
|
|
42
29
|
var UserHubRender = function () {
|
|
30
|
+
var _a;
|
|
43
31
|
var contextName = types_1.ContextName.userHubPage;
|
|
44
|
-
var
|
|
45
|
-
var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport;
|
|
32
|
+
var _b = (0, context_1.useAccountContext)(contextName), userData = _b.userData, baseUrl = _b.baseUrl, sections = _b.sections;
|
|
33
|
+
var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport, newslettersSection = sections.newsletters;
|
|
46
34
|
return (react_1.default.createElement(StyledStackContainer, { flow: "vertical-stretch" },
|
|
47
|
-
quickLinks &&
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
var href = _a.href, props = __rest(_a, ["href"]);
|
|
51
|
-
return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: quickLinks.containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
|
|
52
|
-
})))),
|
|
53
|
-
helpAndSupport && (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": helpAndSupport.dataTestId },
|
|
54
|
-
react_1.default.createElement(shared_components_1.Header, __assign({}, helpAndSupport.header)),
|
|
55
|
-
react_1.default.createElement(StyledStructuredList, { divider: true }, helpAndSupport.items.map(function (_a) {
|
|
56
|
-
var href = _a.href, props = __rest(_a, ["href"]);
|
|
57
|
-
return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: helpAndSupport.containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
|
|
58
|
-
}))))));
|
|
35
|
+
quickLinks && react_1.default.createElement(BaseSection_1.BaseSection, __assign({}, quickLinks, { baseUrl: baseUrl })),
|
|
36
|
+
helpAndSupport && react_1.default.createElement(BaseSection_1.BaseSection, __assign({}, helpAndSupport, { baseUrl: baseUrl })),
|
|
37
|
+
newslettersSection && ((_a = userData === null || userData === void 0 ? void 0 : userData.newsletters) === null || _a === void 0 ? void 0 : _a.length) && (react_1.default.createElement(NewslettersSection_1.NewslettersSection, __assign({ newsletters: userData.newsletters }, newslettersSection)))));
|
|
59
38
|
};
|
|
60
39
|
exports.UserHubRender = UserHubRender;
|
|
61
|
-
var templateObject_1
|
|
40
|
+
var templateObject_1;
|
|
62
41
|
//# sourceMappingURL=UserHubRender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAwE;AACxE,6CAAiD;AACjD,mCAKgB;AAChB,+DAA6D;AAC7D,2FAAyF;AAEzF,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACM,IAAM,aAAa,GAAa;;IACrC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAkC,IAAA,2BAAiB,EACvD,WAAW,CACa,EAFlB,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAET,CAAA;IAGxB,IAAA,UAAU,GAGR,QAAQ,WAHA,EACV,cAAc,GAEZ,QAAQ,eAFI,EACD,kBAAkB,GAC7B,QAAQ,YADqB,CACrB;IAEZ,OAAO,CACL,8BAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,8BAAC,yBAAW,eAAK,UAAU,IAAE,OAAO,EAAE,OAAO,IAAI;QAC/D,cAAc,IAAI,8BAAC,yBAAW,eAAK,cAAc,IAAE,OAAO,EAAE,OAAO,IAAI;QACvE,kBAAkB,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,MAAM,CAAA,IAAI,CACtD,8BAAC,uCAAkB,aACjB,WAAW,EAAE,QAAQ,CAAC,WAAW,IAC7B,kBAAkB,EACtB,CACH,CACoB,CACxB,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,aAAa,iBAwBzB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, ContextName, SubscriptionAndBillingContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, NewslettersContextOptions, AccountDeletionContextOptions, ConfirmAccountDeletionContextOptions, FamilyContextOptions, UserHubContextOptions } from './types';
|
|
2
|
+
import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, ContextName, SubscriptionAndBillingContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, NewslettersContextOptions, AccountDeletionContextOptions, ConfirmAccountDeletionContextOptions, FamilyContextOptions, UserHubContextOptions, BaseFormActions, UserHubSection } from './types';
|
|
3
3
|
import { baseContext, footer, navigationPrimary, sideNav } from './baseContext';
|
|
4
4
|
export declare const AccountContextProvider: React.FC<ContextProviderProps>;
|
|
5
5
|
export declare const useAccountContext: (contextName: ContextName) => ContextOptions;
|
|
6
|
-
export { type PaymentPageContextOptions, type EditFieldContextOptions, type BaseContextOptions, type AccountLandingPageContextOptions, type SubscriptionAndBillingContextOptions, type CancellationContextOptions, baseContext, footer, navigationPrimary, sideNav, type ContextOptions, type AddFieldContextOption, type PaymentMethodsContextOptions, type NewslettersContextOptions, type AccountDeletionContextOptions, type ConfirmAccountDeletionContextOptions, type FamilyContextOptions, type UserHubContextOptions, };
|
|
6
|
+
export { type PaymentPageContextOptions, type EditFieldContextOptions, type BaseContextOptions, type AccountLandingPageContextOptions, type SubscriptionAndBillingContextOptions, type CancellationContextOptions, baseContext, footer, navigationPrimary, sideNav, type ContextOptions, type AddFieldContextOption, type PaymentMethodsContextOptions, type NewslettersContextOptions, type AccountDeletionContextOptions, type ConfirmAccountDeletionContextOptions, type FamilyContextOptions, type UserHubContextOptions, type BaseFormActions, type UserHubSection, };
|