@newskit-render/my-account 7.12.0 → 7.13.0

package/README.md

@@ -89,7 +89,7 @@ Currently provides a number of default pages, however they are based on 3 page t
 - Edit
 - Add
 
-The current Display pages (`pages/account/`) are Personal Details page (`PersonalDetails` component), Subscription and Billing page (`SubscriptionAndBilling` component) and Newsletters & Alerts page (`NewslettersAndAlerts` component). They differ from Edit pages by using sections data type to display information (see **Page overrides** and **Properties of ContextOptions** for information on sections).
+The current Display pages (`pages/account/`) are Personal Details page (`PersonalDetails` component), Subscription and Billing page (`SubscriptionAndBilling` component), Newsletters & Alerts page (`NewslettersAndAlerts` component) and Newsletters page (`Newsletters` component). They differ from Edit pages by using sections data type to display information (see **Page overrides** and **Properties of ContextOptions** for information on sections).
 
 ## The `DynamicPage` component
 
@@ -1085,6 +1085,215 @@ export const holidayStopContext: HolidayStopContextOptions = {
 }
 ```
 
+## Newsletters
+
+```
+import { Newsletters } from '@newskit-render/my-account'
+import newrelic from 'newrelic'
+import React, { useContext } from 'react'
+import { AppContext } from '../../../context/app-context'
+import { createThemeDropdownObject } from '../../../helpers/createThemeDropdownObject'
+
+const UserNewslettersPage = (props) => {
+  const { theme, setTheme } = useContext(AppContext)
+  const themeDropdownObject = createThemeDropdownObject(setTheme)
+  return (
+    <Newsletters
+      {...props}
+      customTheme={theme}
+      themeDropdownObject={themeDropdownObject}
+    />
+  )
+}
+
+export default UserNewslettersPage
+```
+
+Thew newsletters page is designed to display user newsletters in a grid view. Each card in the grid contains an image, newsletter title, description, frequency, and a subscribe/unsubscribe switch button.
+This page has the following context which can be overridden:
+
+```
+const newslettersContext: NewslettersContextOptions = {
+  head: {
+    pageTitle: title,
+  },
+  header: {
+    title,
+    titleOverrides: {
+      marginBlockEnd: {
+        xs: 'space050',
+        sm: 'space060',
+      },
+    },
+    description:
+      'Exclusive content and a curated selection of our top stories straight to your inbox.',
+    descriptionOverrides: {
+      marginBlockEnd: {
+        xs: 'space000',
+        sm: 'space000',
+        md: 'space000',
+      },
+    },
+    backButton: {
+      text: 'Back',
+      href: NEWSLETTERS_BASE_URL,
+      'aria-label': 'back',
+    },
+    backButtonOverrides: {
+      marginBlockEnd: {
+        xs: 'space060',
+        sm: 'space060',
+        md: 'space060',
+      },
+      stylePreset: 'buttonOutlinedSecondary',
+      typographyPreset: 'utilityLabel010',
+      iconSize: 'iconSize010',
+    },
+    showDivider: false,
+    marginBlockEnd: {
+      xs: 'space060',
+      sm: 'space060',
+      md: 'space080',
+      lg: 'space060',
+      xl: 'space060',
+    },
+  },
+  sideNavSelected: 'newsletters-and-alerts',
+  footer,
+  cardOverrides: {
+    stylePreset: 'newslettersCard',
+    maxWidth: {
+      xs: 'none',
+      sm: 'none',
+      md: 'none',
+      lg: 'none',
+      xl: '250px',
+    },
+    maxHeight: {
+      xs: 'none',
+      sm: 'none',
+      md: 'none',
+      lg: 'none',
+      xl: '250px',
+    },
+    minWidth: {
+      xs: 'none',
+      sm: 'none',
+      md: 'none',
+      lg: 'none',
+      xl: '250px',
+    },
+    minHeight: {
+      xs: 'none',
+      sm: 'none',
+      md: 'none',
+      lg: 'none',
+      xl: '250px',
+    },
+    paddingInline: {
+      xs: '14px',
+      md: '14px',
+    },
+    paddingBlock: {
+      xs: '14px',
+      md: '14px',
+    },
+  },
+  cardContentOverrides: {
+    rowGap: 'space050',
+    rows: {
+      xs: 'auto',
+      sm: '1fr 0.5fr 0.3fr',
+      md: '1fr 0.5fr 0.3fr',
+      lg: '1fr 0.5fr 0.3fr',
+      xl: '1fr 0.7fr 0.3fr',
+    },
+  },
+  frequencyOverrides: {
+    stylePreset: 'inkSubtle',
+    typographyPreset: 'utilitySubheading010',
+  },
+  headlineOverrides: {
+    content: {
+      typographyPreset: {
+        xs: 'editorialHeadline020',
+        sm: 'editorialHeadline020',
+        md: 'editorialHeadline030',
+        lg: 'editorialHeadline030',
+        xl: 'editorialHeadline030',
+      },
+      heading: {
+        stylePreset: 'inkBrand010',
+      },
+      paddingInlineEnd: 'space020',
+    },
+  },
+  textOverrides: {
+    stylePreset: 'inkBrand010',
+    typographyPreset: {
+      xs: 'utilityBody010',
+      sm: 'utilityBody010',
+      md: 'utilityBody020',
+      lg: 'utilityBody020',
+      xl: 'utilityBody020',
+    },
+  },
+  gridLayoutOverrides: {
+    columns: {
+      xs: '1fr 1fr',
+      sm: '1fr 1fr',
+      md: '1fr 1fr',
+      lg: '1fr 1fr',
+      xl: '1fr 1fr 1fr 1fr',
+    },
+    columnGap: '15px',
+    autoFlow: 'row',
+    rowGap: '15px',
+  },
+  switchButtonProps: {
+    label: 'Subscribe',
+    size: 'small',
+    overrides: {
+      onIcon: DoneIcon,
+      offIcon: CloseIcon,
+      input: {
+        stylePreset: 'newslettersSwitchButton',
+      },
+    },
+  },
+  newsletterImages: {
+    default: '/placeholder.png',
+  },
+  genericErrorMessage: {
+    pending: 'Updating your ${field} newsletter subscription preferences',
+    error:
+      "Sorry, we're unable to save your ${field} newsletter subscription preferences right now. Please try again or come back later.",
+    success: 'Your ${field} newsletter subscription has been updated.',
+  },
+  layoutMainContentOverrides: {
+    fullWidth: true,
+    width: {
+      xs: '100%',
+      md: '100%',
+    },
+    paddingInline: {
+      xs: 'space045',
+      sm: 'space060',
+      md: 'space090',
+      lg: 'space080',
+      xl: 'space080',
+    },
+    paddingBlockStart: {
+      xs: 'space060',
+      sm: 'space080',
+      md: 'space080',
+      lg: 'space090',
+      xl: 'space080',
+    },
+  },
+}
+```
+
 ## Redirect unauthenticated users to custom URL
 
 If you require a page to be inaccessible for unauthenticated users, you can utilize two additional properties within the `getProviderProps` options: `checkUserAuthentication` and `unauthenticatedRedirectUrl`.

package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { NewsletterDetails } from '../../../pages/types';
+interface NewsletterViewProps {
+    newsletter: NewsletterDetails;
+}
+export declare const NewsletterCard: React.FC<NewsletterViewProps>;
+export {};

package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js

@@ -0,0 +1,142 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewsletterCard = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var cross_fetch_1 = __importDefault(require("cross-fetch"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../../context");
+var types_1 = require("../../../context/types");
+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    display: none;\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    display: none;\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('sm'));
+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"])));
+var StyledFrequencyWrapper = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-transform: uppercase;\n"], ["\n  text-transform: uppercase;\n"])));
+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"])));
+var StyledSwitchWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  z-index: 0;\n"], ["\n  z-index: 0;\n"])));
+var NewsletterCard = function (_a) {
+    var newsletter = _a.newsletter;
+    var contextName = types_1.ContextName.newsletters;
+    var _b = (0, context_1.useAccountContext)(contextName), cardOverrides = _b.cardOverrides, cardContentOverrides = _b.cardContentOverrides, headlineOverrides = _b.headlineOverrides, frequencyOverrides = _b.frequencyOverrides, textOverrides = _b.textOverrides, newsletterImages = _b.newsletterImages, switchButtonProps = _b.switchButtonProps, handleError = _b.handleError, handleShowSuccess = _b.handleShowSuccess, genericErrorMessage = _b.genericErrorMessage, errorMessages = _b.errorMessages;
+    var title = newsletter.bulletinText, description = newsletter.detailedText, isSubscribedInitial = newsletter.isSubscribed, bulletinId = newsletter.bulletinId, frequency = newsletter.frequency;
+    var image = newsletterImages[bulletinId] || newsletterImages.default;
+    var _c = (0, react_1.useState)(isSubscribedInitial), isSubscribed = _c[0], setIsSubscribed = _c[1];
+    var _d = (0, react_1.useState)(false), loading = _d[0], setIsLoading = _d[1];
+    var handleSubscribeBtnClick = function (ev) { return __awaiter(void 0, void 0, void 0, function () {
+        var initialSubscriptionValue, validationSchemaKey, subscriptionType, response, successMessage;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    ev.preventDefault();
+                    if (loading)
+                        return [2 /*return*/];
+                    setIsLoading(true);
+                    initialSubscriptionValue = isSubscribed;
+                    setIsSubscribed(!isSubscribed);
+                    validationSchemaKey = isSubscribed
+                        ? 'newsletter-unsubscribe'
+                        : 'newsletter-subscribe';
+                    subscriptionType = isSubscribed ? 'unsubscribe' : 'subscribe';
+                    return [4 /*yield*/, (0, cross_fetch_1.default)('/api/account/mutate', {
+                            method: 'POST',
+                            body: JSON.stringify({
+                                bulletinId: bulletinId,
+                                validationSchemaKey: validationSchemaKey,
+                            }),
+                        })];
+                case 1:
+                    response = _b.sent();
+                    if (!response.ok) {
+                        setIsSubscribed(initialSubscriptionValue);
+                        handleError(title, {}, genericErrorMessage, undefined, 4000);
+                        setIsLoading(false);
+                        return [2 /*return*/];
+                    }
+                    successMessage = errorMessages
+                        ? (_a = errorMessages[subscriptionType].success) === null || _a === void 0 ? void 0 : _a.replace('${title}', title)
+                        : undefined;
+                    handleShowSuccess(title, {}, genericErrorMessage, successMessage, 4000);
+                    setIsLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (react_1.default.createElement(newskit_1.CardComposable, { overrides: cardOverrides },
+        react_1.default.createElement(StyledCardContentWrapper, { rowGap: cardContentOverrides.rowGap, rows: cardContentOverrides.rows, overrides: cardContentOverrides.overrides },
+            react_1.default.createElement(StyledHeaderBlockWrapper, null,
+                react_1.default.createElement(StyledTitleBlockWrapper, null,
+                    react_1.default.createElement(newskit_1.Headline, { overrides: headlineOverrides.content, headingAs: "h3" }, title),
+                    react_1.default.createElement(StyledFrequencyWrapper, { stylePreset: frequencyOverrides.stylePreset, typographyPreset: frequencyOverrides.typographyPreset }, frequency)),
+                react_1.default.createElement(shared_components_1.Image, { src: "/assets/newsletters".concat(image), alt: title, width: "80", height: "80" })),
+            react_1.default.createElement(newskit_1.TextBlock, { stylePreset: textOverrides.stylePreset, typographyPreset: textOverrides.typographyPreset }, description),
+            react_1.default.createElement(StyledSwitchWrapper, { className: "switch-block", "data-testid": "switch-wrapper" },
+                react_1.default.createElement(newskit_1.Switch, { checked: isSubscribed, label: switchButtonProps.label, size: switchButtonProps.size, overrides: switchButtonProps.overrides, onClick: handleSubscribeBtnClick })))));
+};
+exports.NewsletterCard = NewsletterCard;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=NewsletterCard.js.map

package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Elements/NewsletterCard/index.d.ts

@@ -0,0 +1,2 @@
+import { NewsletterCard } from './NewsletterCard';
+export default NewsletterCard;

package/dist/cjs/Components/Elements/NewsletterCard/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var NewsletterCard_1 = require("./NewsletterCard");
+exports.default = NewsletterCard_1.NewsletterCard;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/NewsletterCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/index.ts"],"names":[],"mappings":";;AAAA,mDAAiD;AAEjD,kBAAe,+BAAc,CAAA"}

package/dist/cjs/Components/Sections/LayoutContentContainer/LayoutContentContainer.js

@@ -89,10 +89,11 @@ var NavigationPrimaryWrapper = function (_a) {
 };
 var LayoutContentContainer = function (_a) {
     var children = _a.children, _b = _a.sidebar, sidebar = _b === void 0 ? false : _b, _c = _a.footer, footer = _c === void 0 ? false : _c, themeDropdownObject = _a.themeDropdownObject, contextName = _a.contextName, customTheme = _a.customTheme;
-    var requestHeaders = (0, context_1.useAccountContext)(contextName).requestHeaders;
+    var _d = (0, context_1.useAccountContext)(contextName), requestHeaders = _d.requestHeaders, layoutMainContentOverrides = _d.layoutMainContentOverrides;
+    var _e = layoutMainContentOverrides || {}, fullWidth = _e.fullWidth, mainContentWidth = _e.width, mainContentPaddingInline = _e.paddingInline, mainContentPaddingBlockStart = _e.paddingBlockStart;
     var isNavigationHidden = (0, shared_components_1.checkRequestHeaders)(requestHeaders, shared_components_1.UserPlatform.native_tm_apps);
-    var _d = (0, react_1.useState)(true), hideBanner = _d[0], setHideBanner = _d[1];
-    var _e = (0, react_1.useState)(0), infoBannerHeight = _e[0], setInfoBannerHeight = _e[1];
+    var _f = (0, react_1.useState)(true), hideBanner = _f[0], setHideBanner = _f[1];
+    var _g = (0, react_1.useState)(0), infoBannerHeight = _g[0], setInfoBannerHeight = _g[1];
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(NavWrapper, null,
             !isNavigationHidden && (react_1.default.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName })),
@@ -104,7 +105,7 @@ var LayoutContentContainer = function (_a) {
                 react_1.default.createElement(MobileBanner, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } }),
                 react_1.default.createElement(InfoBannerMobile, { contextName: contextName })),
             react_1.default.createElement(OffSetArea, { offset: +sidebar },
-                react_1.default.createElement(shared_components_1.MainContent, null, children),
+                react_1.default.createElement(shared_components_1.MainContent, { fullWidth: fullWidth, width: mainContentWidth, paddingInline: mainContentPaddingInline, paddingBlockStart: mainContentPaddingBlockStart }, children),
                 footer && !isNavigationHidden && (react_1.default.createElement(FooterWrapper, { contextName: contextName }))))));
 };
 exports.LayoutContentContainer = LayoutContentContainer;

package/dist/cjs/Components/Sections/LayoutContentContainer/LayoutContentContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/LayoutContentContainer/LayoutContentContainer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LayoutContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/LayoutContentContainer/LayoutContentContainer.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Templates/NewslettersRender.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NewslettersRender: React.FC;

package/dist/cjs/Components/Templates/NewslettersRender.js

@@ -0,0 +1,95 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewslettersRender = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var NewsletterCard_1 = __importDefault(require("../Elements/NewsletterCard"));
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var StyledRelativeWrapper = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var NewslettersRender = function () {
+    var contextName = types_1.ContextName.newsletters;
+    var _a = (0, context_1.useAccountContext)(contextName), header = _a.header, newsletters = _a.userData.newsletters, gridLayoutOverrides = _a.gridLayoutOverrides, featuredNewsletterIds = _a.featuredNewsletterIds, newsletterOrderIds = _a.newsletterOrderIds;
+    var _b = (0, react_1.useMemo)(function () {
+        if (!newsletters || !(newsletters === null || newsletters === void 0 ? void 0 : newsletters.length)) {
+            return {
+                filteredNewsletters: [],
+                featuredNewsletters: [],
+            };
+        }
+        var orderedNewsletters = newsletters;
+        if (newsletterOrderIds === null || newsletterOrderIds === void 0 ? void 0 : newsletterOrderIds.length) {
+            orderedNewsletters = newsletters.sort(function (a, b) {
+                return (newsletterOrderIds.indexOf(a.bulletinId) -
+                    newsletterOrderIds.indexOf(b.bulletinId));
+            });
+        }
+        if (featuredNewsletterIds === null || featuredNewsletterIds === void 0 ? void 0 : featuredNewsletterIds.length) {
+            var filtered_1 = [];
+            var featured_1 = [];
+            orderedNewsletters.forEach(function (newsletter) {
+                if (featuredNewsletterIds.includes(newsletter.bulletinId)) {
+                    featured_1.push(newsletter);
+                }
+                else {
+                    filtered_1.push(newsletter);
+                }
+            });
+            return {
+                filteredNewsletters: filtered_1,
+                featuredNewsletters: featured_1,
+            };
+        }
+        return { filteredNewsletters: orderedNewsletters, featuredNewsletters: [] };
+    }, [newsletters, featuredNewsletterIds]), filteredNewsletters = _b.filteredNewsletters, featuredNewsletters = _b.featuredNewsletters;
+    return (react_1.default.createElement(StyledRelativeWrapper, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        featuredNewsletters && featuredNewsletters.length !== 0 && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: 'space070' },
+            react_1.default.createElement(newskit_1.GridLayout, { columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap, "data-testid": "newsletters-grid-featured" }, featuredNewsletters.map(function (newsletter) { return (react_1.default.createElement(NewsletterCard_1.default, { newsletter: newsletter, key: newsletter.bulletinId })); })))),
+        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 })); })))));
+};
+exports.NewslettersRender = NewslettersRender;
+var templateObject_1;
+//# sourceMappingURL=NewslettersRender.js.map

package/dist/cjs/Components/Templates/NewslettersRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewslettersRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/NewslettersRender.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Templates/index.d.ts

@@ -9,6 +9,7 @@ import { HolidayStopRender } from './HolidayStopRender';
 import AddRenderer, { addComponentMap } from './AddRender';
 import { HolidayStopListRender } from './HolidayStopListRender';
 import { PaymentMethodsRender } from './PaymentMethodsRender';
+import { NewslettersRender } from './NewslettersRender';
 export * from './types';
-export { DynamicPage, DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRender, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, paymentMethodsMap, };
+export { DynamicPage, DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRender, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, paymentMethodsMap, NewslettersRender, };
 export default Layout;

package/dist/cjs/Components/Templates/index.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.paymentMethodsMap = exports.PaymentMethodsRender = exports.HolidayStopListRender = exports.addComponentMap = exports.AddRenderer = exports.HolidayStopRender = exports.SubscriptionAndBillingRender = exports.PaymentRender = exports.CancellationRender = exports.editComponentMap = exports.EditRenderer = exports.DisplayRenderer = exports.DynamicPage = void 0;
+exports.NewslettersRender = exports.paymentMethodsMap = exports.PaymentMethodsRender = exports.HolidayStopListRender = exports.addComponentMap = exports.AddRenderer = exports.HolidayStopRender = exports.SubscriptionAndBillingRender = exports.PaymentRender = exports.CancellationRender = exports.editComponentMap = exports.EditRenderer = exports.DisplayRenderer = exports.DynamicPage = void 0;
 var LayoutTemplate_1 = require("./LayoutTemplate");
 var DisplayRenderer_1 = __importDefault(require("./DisplayRenderer"));
 exports.DisplayRenderer = DisplayRenderer_1.default;
@@ -54,6 +54,8 @@ var HolidayStopListRender_1 = require("./HolidayStopListRender");
 Object.defineProperty(exports, "HolidayStopListRender", { enumerable: true, get: function () { return HolidayStopListRender_1.HolidayStopListRender; } });
 var PaymentMethodsRender_1 = require("./PaymentMethodsRender");
 Object.defineProperty(exports, "PaymentMethodsRender", { enumerable: true, get: function () { return PaymentMethodsRender_1.PaymentMethodsRender; } });
+var NewslettersRender_1 = require("./NewslettersRender");
+Object.defineProperty(exports, "NewslettersRender", { enumerable: true, get: function () { return NewslettersRender_1.NewslettersRender; } });
 __exportStar(require("./types"), exports);
 exports.default = LayoutTemplate_1.LayoutTemplate;
 //# sourceMappingURL=index.js.map

package/dist/cjs/Components/Templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Templates/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA2D;AAC3D,sEAA+C;AAc7C,0BAdK,yBAAe,CAcL;AAbjB,6CAA2C;AAYzC,4FAZO,yBAAW,OAYP;AAXb,6DAA+D;AAa7D,uBAbK,sBAAY,CAaL;AACZ,iGAdqB,+BAAgB,OAcrB;AAblB,4EAAqD;AAcnD,6BAdK,4BAAkB,CAcL;AAbpB,+DAAkE;AAchE,wBAdK,uBAAa,CAcL;AAOb,kGArBsB,iCAAiB,OAqBtB;AApBnB,gGAAyE;AAcvE,uCAdK,sCAA4B,CAcL;AAb9B,yDAAuD;AAcrD,kGAdO,qCAAiB,OAcP;AAbnB,uDAA0D;AAcxD,sBAdK,mBAAW,CAcL;AACX,gGAfoB,2BAAe,OAepB;AAdjB,iEAA+D;AAe7D,sGAfO,6CAAqB,OAeP;AAdvB,+DAA6D;AAe3D,qGAfO,2CAAoB,OAeP;AAbtB,0CAAuB;AAgBvB,kBAAe,+BAAM,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Templates/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA2D;AAC3D,sEAA+C;AAe7C,0BAfK,yBAAe,CAeL;AAdjB,6CAA2C;AAazC,4FAbO,yBAAW,OAaP;AAZb,6DAA+D;AAc7D,uBAdK,sBAAY,CAcL;AACZ,iGAfqB,+BAAgB,OAerB;AAdlB,4EAAqD;AAenD,6BAfK,4BAAkB,CAeL;AAdpB,+DAAkE;AAehE,wBAfK,uBAAa,CAeL;AAOb,kGAtBsB,iCAAiB,OAsBtB;AArBnB,gGAAyE;AAevE,uCAfK,sCAA4B,CAeL;AAd9B,yDAAuD;AAerD,kGAfO,qCAAiB,OAeP;AAdnB,uDAA0D;AAexD,sBAfK,mBAAW,CAeL;AACX,gGAhBoB,2BAAe,OAgBpB;AAfjB,iEAA+D;AAgB7D,sGAhBO,6CAAqB,OAgBP;AAfvB,+DAA6D;AAgB3D,qGAhBO,2CAAoB,OAgBP;AAftB,yDAAuD;AAiBrD,kGAjBO,qCAAiB,OAiBP;AAfnB,0CAAuB;AAiBvB,kBAAe,+BAAM,CAAA"}

package/dist/cjs/Components/Templates/types.d.ts

@@ -1,4 +1,4 @@
-import { ToastProviderProps, UncompiledTheme } from 'newskit';
+import { ToastProviderProps, UncompiledTheme, MQ } from 'newskit';
 import { ContextOptions, PaymentPageContextOptions } from '../../context';
 import { ContextName } from '../../context/types';
 import { ThemeDropdownObject } from '@newskit-render/shared-components';
@@ -14,6 +14,7 @@ export type LayoutProps = {
     toastProviderProps?: ToastProviderProps;
     contextName: ContextName;
     fullWidth?: boolean;
+    mainContentWidth?: MQ<string>;
 };
 export interface CancellationReasonPayload {
     answer: string;

package/dist/cjs/api/mutateHandlerHelpers.js

@@ -53,7 +53,7 @@ var handleRequestError = function (res, err) {
     var _a;
     var errMessage = reqErrorMessageMap[err.message];
     res.status(((_a = err === null || err === void 0 ? void 0 : err.networkError) === null || _a === void 0 ? void 0 : _a.statusCode) || 500);
-    res.send(errMessage);
+    res.send(errMessage || 'error');
     console.error(err);
 };
 exports.handleRequestError = handleRequestError;
@@ -151,6 +151,14 @@ var checkResponse = function (result, validationSchemaKey) {
         result.data.deleteUserHolidayStop.success !== true) {
         throw new Error(result.data.deleteUserHolidayStop.errorMessage);
     }
+    if (validationSchemaKey === 'newsletter-unsubscribe' &&
+        result.data.unsubscribeForNewsletter.success !== true) {
+        throw new Error(result.data.unsubscribeForNewsletter.errorMessage);
+    }
+    if (validationSchemaKey === 'newsletter-subscribe' &&
+        result.data.subscribeForNewsletter.success !== true) {
+        throw new Error(result.data.subscribeForNewsletter.errorMessage);
+    }
 };
 exports.checkResponse = checkResponse;
 //# sourceMappingURL=mutateHandlerHelpers.js.map