@newskit-render/my-account 7.151.1-99c829b9f.0 → 7.151.1-cd5c2d6b0.4

package/dist/esm/Components/Sections/Form/onFormSubmit.js

@@ -0,0 +1,194 @@
+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 __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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 };
+    }
+};
+import fetch from 'cross-fetch';
+import { saveLocalStorage } from '../../../helpers/localStorage';
+import { callAppMfa } from '../../../helpers';
+import cookie from 'cookie';
+import { findCookieName } from '@newskit-render/api';
+import { SubscriptionType } from '../../../context/types';
+import { getSanitizedObject } from '../../../helpers';
+import { ACCEPTED_VOUCHER_DELIVERY_COUNTRY_CODES } from '../../../constants';
+import { myAccountUrl } from '../../../config';
+var onSubmit = function (
+/* eslint-disable  @typescript-eslint/no-explicit-any */
+e, validationSchemaKey, router, handleError, handleSuccess, redirectUrl, setShowModal, subscriptions, isTNLMobileApp) { return __awaiter(void 0, void 0, void 0, function () {
+    var sanitizedEventObject, body, cookies, accountProviderCookieName, type, tlsCookiePresent, isPrintOrDigiPrint, hasVouchers, isAddressForm, hasPrintAndIsAddressForm, country, countryName, postcode, response, parsedText, result_1, result, parsedResponse, goBackUrl, handleAppMfaError, error_1, parsedText;
+    var _a, _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
+            case 0:
+                sanitizedEventObject = getSanitizedObject(e, 'encode');
+                body = JSON.stringify(__assign(__assign({}, sanitizedEventObject), { validationSchemaKey: validationSchemaKey }));
+                cookies = cookie.parse(document.cookie);
+                accountProviderCookieName = findCookieName(cookie);
+                type = (_a = subscriptions === null || subscriptions === void 0 ? void 0 : subscriptions[0]) === null || _a === void 0 ? void 0 : _a.type;
+                tlsCookiePresent = cookies.acs_tls;
+                isPrintOrDigiPrint = type &&
+                    (type.toLowerCase() === SubscriptionType.digi_print ||
+                        type.toLowerCase() === SubscriptionType.print);
+                hasVouchers = isPrintOrDigiPrint && ((_b = subscriptions === null || subscriptions === void 0 ? void 0 : subscriptions[0]) === null || _b === void 0 ? void 0 : _b.dtc) === false;
+                isAddressForm = e && e.postcode;
+                hasPrintAndIsAddressForm = isAddressForm && isPrintOrDigiPrint;
+                if (hasPrintAndIsAddressForm && setShowModal && hasVouchers) {
+                    country = e.country;
+                    countryName = ACCEPTED_VOUCHER_DELIVERY_COUNTRY_CODES[country];
+                    if (!countryName) {
+                        setShowModal(true);
+                        return [2 /*return*/, {
+                                data: {
+                                    deliveryPostCode: null,
+                                },
+                            }];
+                    }
+                }
+                if (!(hasPrintAndIsAddressForm && setShowModal && !hasVouchers)) return [3 /*break*/, 5];
+                postcode = sanitizedEventObject.postcode;
+                return [4 /*yield*/, fetch('/api/account/mutate', {
+                        method: 'POST',
+                        redirect: 'follow',
+                        headers: {
+                            'Content-Type': 'application/json',
+                            acs: cookie.serialize(accountProviderCookieName, cookies[accountProviderCookieName]),
+                        },
+                        body: JSON.stringify({ postcode: postcode, validationSchemaKey: 'postcode' }),
+                    })];
+            case 1:
+                response = _f.sent();
+                if (!(!response.ok && handleError)) return [3 /*break*/, 3];
+                return [4 /*yield*/, response.text()];
+            case 2:
+                parsedText = _f.sent();
+                handleError(parsedText);
+                return [2 /*return*/, response];
+            case 3: return [4 /*yield*/, response.json()];
+            case 4:
+                result_1 = _f.sent();
+                if (result_1 &&
+                    (result_1 === null || result_1 === void 0 ? void 0 : result_1.data) &&
+                    ((_c = result_1 === null || result_1 === void 0 ? void 0 : result_1.data) === null || _c === void 0 ? void 0 : _c.deliveryPostCode) === null &&
+                    tlsCookiePresent == null &&
+                    handleError) {
+                    setShowModal(true);
+                    return [2 /*return*/, result_1];
+                }
+                _f.label = 5;
+            case 5: return [4 /*yield*/, fetch('/api/account/mutate', {
+                    method: 'POST',
+                    redirect: 'follow',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'x-mfa-redirect': "".concat(myAccountUrl).concat(router === null || router === void 0 ? void 0 : router.asPath),
+                        acs: cookie.serialize(accountProviderCookieName, cookies[accountProviderCookieName]),
+                    },
+                    body: body,
+                })];
+            case 6:
+                result = _f.sent();
+                if (result === null || result === void 0 ? void 0 : result.ok) {
+                    if (validationSchemaKey === 'password' || validationSchemaKey === 'email') {
+                        saveLocalStorage(validationSchemaKey);
+                    }
+                    if ((validationSchemaKey === 'update-holiday-stop' ||
+                        validationSchemaKey === 'create-holiday-stop') &&
+                        setShowModal) {
+                        setShowModal(true);
+                        return [2 /*return*/, result];
+                    }
+                }
+                if (!((result === null || result === void 0 ? void 0 : result.ok) && router)) return [3 /*break*/, 12];
+                return [4 /*yield*/, result.json()];
+            case 7:
+                parsedResponse = _f.sent();
+                if (!(((_d = parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.authorizeUri) === null || _d === void 0 ? void 0 : _d.success) &&
+                    ((_e = parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.authorizeUri) === null || _e === void 0 ? void 0 : _e.mfaUri))) return [3 /*break*/, 11];
+                goBackUrl = "".concat(myAccountUrl).concat(router === null || router === void 0 ? void 0 : router.asPath);
+                if (!isTNLMobileApp) return [3 /*break*/, 8];
+                handleAppMfaError = handleError
+                    ? function (error) { return handleError(error === null || error === void 0 ? void 0 : error.message); }
+                    : undefined;
+                callAppMfa(goBackUrl, handleAppMfaError);
+                return [2 /*return*/, parsedResponse];
+            case 8:
+                _f.trys.push([8, 10, , 11]);
+                return [4 /*yield*/, router.push(parsedResponse.authorizeUri.mfaUri)];
+            case 9:
+                _f.sent();
+                return [2 /*return*/, parsedResponse];
+            case 10:
+                error_1 = _f.sent();
+                /* istanbul ignore next */
+                console.error("Routing error ".concat(error_1));
+                return [3 /*break*/, 11];
+            case 11:
+                router
+                    .push("".concat(redirectUrl || '/', "?success=").concat(encodeURIComponent(validationSchemaKey)))
+                    .then(function () {
+                    if ((result === null || result === void 0 ? void 0 : result.ok) && handleSuccess) {
+                        handleSuccess();
+                    }
+                });
+                return [3 /*break*/, 13];
+            case 12:
+                if ((result === null || result === void 0 ? void 0 : result.ok) && handleSuccess) {
+                    if (handleSuccess)
+                        handleSuccess();
+                }
+                _f.label = 13;
+            case 13:
+                if (!(!result.ok && handleError)) return [3 /*break*/, 15];
+                return [4 /*yield*/, result.text()];
+            case 14:
+                parsedText = _f.sent();
+                handleError(parsedText);
+                _f.label = 15;
+            case 15: return [2 /*return*/, result];
+        }
+    });
+}); };
+export default onSubmit;
+//# sourceMappingURL=onFormSubmit.js.map

package/dist/esm/Components/Sections/Form/onFormSubmit.js.map

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

package/dist/esm/Components/Sections/LayoutContentContainer/LayoutContentContainer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LayoutContentContainerProps } from './types';
+export declare const zIndexModal = 2;
+export declare const LayoutContentContainer: React.FC<LayoutContentContainerProps>;

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

@@ -0,0 +1,120 @@
+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);
+};
+import React, { useEffect, useState } from 'react';
+import { styled, getMediaQueryFromTheme, Block, getSizingCssFromTheme, useBreakpointKey, } from 'newskit';
+import NavigationSecondary from '../../Sections/NavigationSecondary';
+import { NavigationFooter, MainContent, NavigationPrimary, UserPlatform, checkRequestHeaders, primaryNavbarContainerMinHeight, } from '@newskit-render/shared-components';
+import { useAccountContext, } from '../../../context';
+import PastDueBanner from '../../Elements/PastDueBanner';
+import InfoBanner from '../../Elements/InfoBanner';
+import { MOBILE_BREAKPOINTS, DESKTOP_BREAKPOINTS } from '../../../constants';
+var zIndexTopbar = 2;
+var zIndexSidebar = 1;
+export var zIndexModal = 2;
+var lgMarginTopCalculations = function (hideBannerMargin, hideMarginTop, infoBannerHeight) {
+    return function (size) {
+        if (hideBannerMargin) {
+            return {
+                marginTop: hideMarginTop
+                    ? "".concat(infoBannerHeight, "px")
+                    : "calc(".concat(infoBannerHeight, "px + ").concat(size, ")"),
+            };
+        }
+        if (!hideBannerMargin) {
+            /* istanbul ignore next */
+            return {
+                // 71px is the payment failure banner height
+                marginTop: hideMarginTop
+                    ? "calc(".concat(infoBannerHeight, "px + 71px)")
+                    : "calc(".concat(infoBannerHeight, "px + calc(71px + ").concat(size, "))"),
+            };
+        }
+        /* istanbul ignore next */
+        return {
+            marginTop: "".concat(size),
+        };
+    };
+};
+var mdMarginTopCalculations = function (hideMarginTop) { return function (size) {
+    if (hideMarginTop) {
+        return {
+            marginTop: '0px',
+        };
+    }
+    else {
+        return {
+            marginTop: "".concat(size),
+        };
+    }
+}; };
+var ContentWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  flex-direction: column;\n  ", " {\n    ", ";\n  }\n  ", " {\n    ", ";\n\n    flex-direction: initial;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  flex-direction: column;\n  ", " {\n    ", ";\n  }\n  ", " {\n    ", ";\n\n    flex-direction: initial;\n  }\n"])), getMediaQueryFromTheme('md'), function (_a) {
+    var hideMarginTop = _a.hideMarginTop, navigationHeight = _a.navigationHeight;
+    return getSizingCssFromTheme(mdMarginTopCalculations(hideMarginTop), navigationHeight);
+}, getMediaQueryFromTheme('lg'), function (_a) {
+    var hideBannerMargin = _a.hideBannerMargin, hideMarginTop = _a.hideMarginTop, infoBannerHeight = _a.infoBannerHeight, navigationHeight = _a.navigationHeight;
+    return getSizingCssFromTheme(lgMarginTopCalculations(hideBannerMargin, hideMarginTop, infoBannerHeight), navigationHeight);
+});
+var OffSetArea = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  ", " {\n    padding-left: ", "px;\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  ", " {\n    padding-left: ", "px;\n  }\n"])), getMediaQueryFromTheme('lg'), function (_a) {
+    var offset = _a.offset;
+    return (offset ? '300' : '0');
+});
+var FooterArea = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-shrink: 0;\n  ", "\n"], ["\n  flex-shrink: 0;\n  ", "\n"])), getSizingCssFromTheme('marginTop', 'sizing080'));
+var PageWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  isolation: isolate; //container for new stacking context\n"], ["\n  isolation: isolate; //container for new stacking context\n"])));
+var NavWrapper = styled(Block)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 100%;\n  z-index: ", ";\n\n  ", " {\n    position: fixed;\n    top: 0;\n  }\n"], ["\n  width: 100%;\n  z-index: ", ";\n\n  ", " {\n    position: fixed;\n    top: 0;\n  }\n"])), zIndexTopbar, getMediaQueryFromTheme('md'));
+var SidebarWrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: sticky;\n  top: 0;\n  z-index: ", ";\n"], ["\n  position: sticky;\n  top: 0;\n  z-index: ", ";\n"])), zIndexSidebar);
+var FooterWrapper = function (_a) {
+    var contextName = _a.contextName;
+    var _b = useAccountContext(contextName), footer = _b.footer, footerOverrides = _b.footerOverrides, env = _b.env, head = _b.head;
+    return (React.createElement(FooterArea, null,
+        React.createElement(NavigationFooter, { footer: footer, footerOverrides: footerOverrides, publisher: (env === null || env === void 0 ? void 0 : env.PUBLISHER) || '', pageName: head.pageTitle })));
+};
+var NavigationPrimaryWrapper = function (_a) {
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, contextName = _a.contextName;
+    var _b = useAccountContext(contextName), navigationPrimary = _b.navigationPrimary, env = _b.env, head = _b.head;
+    return (React.createElement(NavigationPrimary, __assign({}, navigationPrimary, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, env: env, pageName: head === null || head === void 0 ? void 0 : head.pageTitle })));
+};
+export 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 bp = useBreakpointKey();
+    var _d = useAccountContext(contextName), requestHeaders = _d.requestHeaders, layoutMainContentOverrides = _d.layoutMainContentOverrides, navigationPrimary = _d.navigationPrimary, env = _d.env;
+    var _e = layoutMainContentOverrides || {}, fullWidth = _e.fullWidth, mainContentWidth = _e.width, mainContentPaddingInline = _e.paddingInline, mainContentPaddingBlockStart = _e.paddingBlockStart, mainContentJustifyContent = _e.justifyContent;
+    var isNavigationHidden = checkRequestHeaders(requestHeaders, UserPlatform.native_tm_apps);
+    var isSunPublisher = (env === null || env === void 0 ? void 0 : env.PUBLISHER) === 'SUN_UK';
+    var _f = useState(true), hideBanner = _f[0], setHideBanner = _f[1];
+    var _g = useState(0), infoBannerHeight = _g[0], setInfoBannerHeight = _g[1];
+    var _h = useState(false), isMounted = _h[0], setIsMounted = _h[1];
+    useEffect(function () {
+        setIsMounted(true);
+    }, []);
+    return (React.createElement(PageWrapper, null,
+        React.createElement(NavWrapper, null,
+            !isNavigationHidden && (React.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName })),
+            DESKTOP_BREAKPOINTS.includes(bp) && isMounted && !isSunPublisher && (React.createElement(React.Fragment, null,
+                React.createElement(PastDueBanner, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } }),
+                React.createElement(InfoBanner, { contextName: contextName, setHeight: setInfoBannerHeight })))),
+        React.createElement(ContentWrapper, { hideBannerMargin: hideBanner, hideMarginTop: isNavigationHidden, infoBannerHeight: infoBannerHeight || 0, navigationHeight: (navigationPrimary === null || navigationPrimary === void 0 ? void 0 : navigationPrimary.navMinHeight) || primaryNavbarContainerMinHeight },
+            React.createElement(SidebarWrapper, null,
+                sidebar && React.createElement(NavigationSecondary, { contextName: contextName }),
+                MOBILE_BREAKPOINTS.includes(bp) && isMounted && !isSunPublisher && (React.createElement(React.Fragment, null,
+                    React.createElement(PastDueBanner, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } }),
+                    React.createElement(InfoBanner, { contextName: contextName })))),
+            React.createElement(OffSetArea, { offset: +sidebar },
+                isSunPublisher && React.createElement(PastDueBanner, { contextName: contextName }),
+                React.createElement(MainContent, { fullWidth: fullWidth, width: mainContentWidth, paddingInline: mainContentPaddingInline, paddingBlockStart: mainContentPaddingBlockStart, justifyContent: mainContentJustifyContent }, children),
+                footer && !isNavigationHidden && (React.createElement(FooterWrapper, { contextName: contextName }))))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=LayoutContentContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/LayoutContentContainer/LayoutContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EACL,MAAM,EACN,sBAAsB,EACtB,KAAK,EACL,qBAAqB,EACrB,gBAAgB,GAEjB,MAAM,SAAS,CAAA;AAChB,OAAO,mBAAmB,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAGL,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,+BAA+B,GAChC,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAEL,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,aAAa,MAAM,8BAA8B,CAAA;AACxD,OAAO,UAAU,MAAM,2BAA2B,CAAA;AAOlD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAE5E,IAAM,YAAY,GAAG,CAAC,CAAA;AACtB,IAAM,aAAa,GAAG,CAAC,CAAA;AACvB,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,CAAA;AAE5B,IAAM,uBAAuB,GAC3B,UACE,gBAAyB,EACzB,aAAsB,EACtB,gBAAwB;IAE1B,OAAA,UAAC,IAAY;QACX,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO;gBACL,SAAS,EAAE,aAAa;oBACtB,CAAC,CAAC,UAAG,gBAAgB,OAAI;oBACzB,CAAC,CAAC,eAAQ,gBAAgB,kBAAQ,IAAI,MAAG;aAC5C,CAAA;QACH,CAAC;QAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,0BAA0B;YAC1B,OAAO;gBACL,4CAA4C;gBAC5C,SAAS,EAAE,aAAa;oBACtB,CAAC,CAAC,eAAQ,gBAAgB,eAAY;oBACtC,CAAC,CAAC,eAAQ,gBAAgB,8BAAoB,IAAI,OAAI;aACzD,CAAA;QACH,CAAC;QAED,0BAA0B;QAC1B,OAAO;YACL,SAAS,EAAE,UAAG,IAAI,CAAE;SACrB,CAAA;IACH,CAAC;AAvBD,CAuBC,CAAA;AAEH,IAAM,uBAAuB,GAAG,UAAC,aAAsB,IAAK,OAAA,UAAC,IAAY;IACvE,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO;YACL,SAAS,EAAE,KAAK;SACjB,CAAA;IACH,CAAC;SAAM,CAAC;QACN,OAAO;YACL,SAAS,EAAE,UAAG,IAAI,CAAE;SACrB,CAAA;IACH,CAAC;AACH,CAAC,EAV2D,CAU3D,CAAA;AAED,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,mUAK/B,8KAOE,EAA4B,UAC1B,EAIC,YAEH,EAA4B,UAC1B,EAaC,0CAIN,KAzBG,sBAAsB,CAAC,IAAI,CAAC,EAC1B,UAAC,EAAmC;QAAjC,aAAa,mBAAA,EAAE,gBAAgB,sBAAA;IAClC,OAAA,qBAAqB,CACnB,uBAAuB,CAAC,aAAa,CAAC,EACtC,gBAAgB,CACjB;AAHD,CAGC,EAEH,sBAAsB,CAAC,IAAI,CAAC,EAC1B,UAAC,EAKF;QAJC,gBAAgB,sBAAA,EAChB,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA;IAEhB,OAAA,qBAAqB,CACnB,uBAAuB,CACrB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,CACjB,EACD,gBAAgB,CACjB;AAPD,CAOC,CAIN,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8KAAa,mEAItC,EAA4B,wBACZ,EAAsC,YAEzD,KAHG,sBAAsB,CAAC,IAAI,CAAC,EACZ,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AAAtB,CAAsB,CAEzD,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,kGAAA,yBAEzB,EAA+C,IAClD,KADG,qBAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,CAClD,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,mIAAA,gEAE7B,IAAA,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,6JAAA,+BAEnB,EAAY,SAErB,EAA4B,8CAI/B,KANY,YAAY,EAErB,sBAAsB,CAAC,IAAI,CAAC,CAI/B,CAAA;AAED,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,yHAAA,+CAGpB,EAAa,KACzB,KADY,aAAa,CACzB,CAAA;AAED,IAAM,aAAa,GAAiC,UAAC,EAAe;QAAb,WAAW,iBAAA;IAC1D,IAAA,KAAyC,iBAAiB,CAC9D,WAAW,CACwB,EAF7B,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,GAAG,SAAA,EAAE,IAAI,UAEL,CAAA;IACrC,OAAO,CACL,oBAAC,UAAU;QACT,oBAAC,gBAAgB,IACf,MAAM,EAAE,MAAuB,EAC/B,eAAe,EAAE,eAAyC,EAC1D,SAAS,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAoB,KAAI,EAAE,EAC3C,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACS,CACd,CAAA;AACH,CAAC,CAAA;AAED,IAAM,wBAAwB,GAA4C,UAAC,EAI1E;QAHC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,WAAW,iBAAA;IAEL,IAAA,KAAmC,iBAAiB,CAAC,WAAW,CAAC,EAA/D,iBAAiB,uBAAA,EAAE,GAAG,SAAA,EAAE,IAAI,UAAmC,CAAA;IAEvE,OAAO,CACL,oBAAC,iBAAiB,eACZ,iBAAiB,IACrB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,IACzB,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAA0C,UAAC,EAO7E;QANC,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,mBAAmB,yBAAA,EACnB,WAAW,iBAAA,EACX,WAAW,iBAAA;IAEX,IAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACvB,IAAA,KACJ,iBAAiB,CAAC,WAAW,CAAqC,EAD5D,cAAc,oBAAA,EAAE,0BAA0B,gCAAA,EAAE,iBAAiB,uBAAA,EAAE,GAAG,SACN,CAAA;IAC9D,IAAA,KAMF,0BAA0B,IAAI,EAAE,EALlC,SAAS,eAAA,EACF,gBAAgB,WAAA,EACR,wBAAwB,mBAAA,EACpB,4BAA4B,uBAAA,EAC/B,yBAAyB,oBACP,CAAA;IAEpC,IAAM,kBAAkB,GAAY,mBAAmB,CACrD,cAAc,EACd,YAAY,CAAC,cAAc,CAC5B,CAAA;IACD,IAAM,cAAc,GAAG,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,MAAK,QAAQ,CAAA;IAE5C,IAAA,KAA8B,QAAQ,CAAC,IAAI,CAAC,EAA3C,UAAU,QAAA,EAAE,aAAa,QAAkB,CAAA;IAC5C,IAAA,KAA0C,QAAQ,CAAC,CAAC,CAAC,EAApD,gBAAgB,QAAA,EAAE,mBAAmB,QAAe,CAAA;IACrD,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,SAAS,CAAC;QACR,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,UAAU;YACR,CAAC,kBAAkB,IAAI,CACtB,oBAAC,wBAAwB,IACvB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,GACxB,CACH;YAEA,mBAAmB,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,SAAS,IAAI,CAAC,cAAc,IAAI,CACnE;gBACE,oBAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,GACjD;gBACF,oBAAC,UAAU,IACT,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,mBAAmB,GAC9B,CACD,CACJ,CACU;QAEb,oBAAC,cAAc,IACb,gBAAgB,EAAE,UAAU,EAC5B,aAAa,EAAE,kBAAkB,EACjC,gBAAgB,EAAE,gBAAgB,IAAI,CAAC,EACvC,gBAAgB,EACd,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,KAAI,+BAA+B;YAGpE,oBAAC,cAAc;gBACZ,OAAO,IAAI,oBAAC,mBAAmB,IAAC,WAAW,EAAE,WAAW,GAAI;gBAC5D,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,SAAS,IAAI,CAAC,cAAc,IAAI,CAClE;oBACE,oBAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,GACjD;oBACF,oBAAC,UAAU,IAAC,WAAW,EAAE,WAAW,GAAI,CACvC,CACJ,CACc;YAEjB,oBAAC,UAAU,IAAC,MAAM,EAAE,CAAC,OAAO;gBACzB,cAAc,IAAI,oBAAC,aAAa,IAAC,WAAW,EAAE,WAAW,GAAI;gBAC9D,oBAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,gBAAgB,EACvB,aAAa,EAAE,wBAAwB,EACvC,iBAAiB,EAAE,4BAA4B,EAC/C,cAAc,EAAE,yBAAyB,IAExC,QAAQ,CACG;gBAEb,MAAM,IAAI,CAAC,kBAAkB,IAAI,CAChC,oBAAC,aAAa,IAAC,WAAW,EAAE,WAAW,GAAI,CAC5C,CACU,CACE,CACL,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/LayoutContentContainer/index.d.ts

@@ -0,0 +1,4 @@
+import { LayoutContentContainer } from './LayoutContentContainer';
+import { zIndexModal } from './LayoutContentContainer';
+export default LayoutContentContainer;
+export { zIndexModal };

package/dist/esm/Components/Sections/LayoutContentContainer/index.js

@@ -0,0 +1,5 @@
+import { LayoutContentContainer } from './LayoutContentContainer';
+import { zIndexModal } from './LayoutContentContainer';
+export default LayoutContentContainer;
+export { zIndexModal };
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/LayoutContentContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/LayoutContentContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,eAAe,sBAAsB,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/Components/Sections/LayoutContentContainer/types.d.ts

@@ -0,0 +1,22 @@
+import { UncompiledTheme } from 'newskit';
+import { ThemeDropdownObject } from '@newskit-render/shared-components';
+import { ContextName } from '../../../context/types';
+export type LayoutContentContainerProps = {
+    children: React.ReactNode;
+    sidebar?: boolean;
+    footer?: boolean;
+    themeDropdownObject?: ThemeDropdownObject;
+    contextName: ContextName;
+    customTheme?: UncompiledTheme;
+};
+export type OffsetProps = {
+    offset: boolean | number;
+};
+export interface NavigationPrimaryWrapperProps {
+    customTheme?: UncompiledTheme;
+    themeDropdownObject?: ThemeDropdownObject;
+    contextName: ContextName;
+}
+export type FooterWrapperProps = {
+    contextName: ContextName;
+};

package/dist/esm/Components/Sections/LayoutContentContainer/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/LayoutContentContainer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/LayoutContentContainer/types.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ContextName } from '../../../context/types';
+export declare const navigationSecondaryHeight = "48px";
+export declare const navigationSecondaryWidth = "300px";
+type NavigationSecondaryProps = {
+    contextName: ContextName;
+};
+declare const NavigationSecondary: React.FC<NavigationSecondaryProps>;
+export default NavigationSecondary;

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.js

@@ -0,0 +1,118 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, useLayoutEffect, useRef } from 'react';
+import { styled, getColorCssFromTheme, getMediaQueryFromTheme, Menu, MenuItem, Visible, Scroll, css, getSpacingCssFromTheme, } from 'newskit';
+import Link from 'next/link';
+import { useAccountContext, } from '../../../context';
+import { replaceBaseURL } from '../../../helpers';
+import { FALLBACK_URL_REPLACEMENT } from '../../../constants';
+import { useRouter } from 'next/router';
+import useFontFaceObserver from 'use-font-face-observer';
+export var navigationSecondaryHeight = '48px';
+export var navigationSecondaryWidth = '300px';
+var NavContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: auto;\n  height: ", ";\n  ", ";\n  width: 100%;\n  ", " {\n    width: ", ";\n    min-height: 100vh;\n    position: fixed;\n    left: 0;\n  }\n"], ["\n  overflow: auto;\n  height: ", ";\n  ", ";\n  width: 100%;\n  ", " {\n    width: ", ";\n    min-height: 100vh;\n    position: fixed;\n    left: 0;\n  }\n"])), navigationSecondaryHeight, function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return backgroundColor &&
+        getColorCssFromTheme('backgroundColor', backgroundColor);
+}, getMediaQueryFromTheme('lg'), navigationSecondaryWidth);
+var StyledMenu = styled(Menu)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n\n  ", " {\n    border-right: none;\n  }\n"], ["\n  ", "\n\n  ", " {\n    border-right: none;\n  }\n"])), function (_a) {
+    var overrides = _a.overrides, props = __rest(_a, ["overrides"]);
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    li:last-of-type {\n      ", "\n      border-right-style: solid;\n      border-right-color: transparent;\n    }\n  "], ["\n    li:last-of-type {\n      ", "\n      border-right-style: solid;\n      border-right-color: transparent;\n    }\n  "])), overrides &&
+        overrides.marginInlineStart &&
+        getSpacingCssFromTheme('borderRightWidth', overrides.marginInlineStart)(props));
+}, getMediaQueryFromTheme('md'));
+var scrollMenuItemIntoView = function (item, hPosition) {
+    item.scrollIntoView({
+        behavior: 'smooth',
+        inline: hPosition || 'center',
+        block: 'nearest',
+    });
+};
+var filterSideNavLinksByFamilyAccountOwnership = function (sideNav, isUserFamilyAccountPrimary) {
+    if (isUserFamilyAccountPrimary === void 0) { isUserFamilyAccountPrimary = false; }
+    if (!isUserFamilyAccountPrimary) {
+        return sideNav.filter(function (navItem) { return navItem.id !== 'family' && navItem.id !== 'bonus-accounts'; });
+    }
+    return sideNav;
+};
+var NavigationSecondary = function (_a) {
+    var contextName = _a.contextName;
+    var _b = useAccountContext(contextName), sideNav = _b.sideNav, sideNavSelected = _b.sideNavSelected, sideNavOverrides = _b.sideNavOverrides, baseUrl = _b.baseUrl, head = _b.head, fontFamilies = _b.fontFamilies, userData = _b.userData;
+    var isUserFamilyAccountPrimary = (userData || {}).isUserFamilyAccountPrimary;
+    var sideNavLinks = useState(filterSideNavLinksByFamilyAccountOwnership(sideNav, isUserFamilyAccountPrimary))[0];
+    var router = useRouter();
+    var scrollContainerRef = useRef(null);
+    var isFontListLoaded = useFontFaceObserver(fontFamilies);
+    useLayoutEffect(function () {
+        if (!isFontListLoaded)
+            return;
+        var scrollContainer = scrollContainerRef.current;
+        if (scrollContainer) {
+            var anchors = scrollContainer.querySelectorAll('a.horizontal[data-testid="buttonLink"]');
+            var anchor = Array.from(anchors).find(function (a) { return a.pathname === router.pathname; });
+            if (anchor && anchor.parentElement)
+                scrollMenuItemIntoView(anchor.parentElement);
+        }
+    }, [isFontListLoaded]);
+    var onMenuItemClick = function (e) {
+        var li = e.currentTarget.parentElement;
+        if (li)
+            scrollMenuItemIntoView(li);
+    };
+    var renderMenu = function (isVertical) { return (React.createElement(StyledMenu, { vertical: isVertical, "aria-label": "main", size: isVertical ? 'large' : 'medium', overrides: {
+            marginInlineStart: isVertical ? 'space000' : 'space050',
+            marginBlockStart: isVertical ? 'space070' : 'space000',
+        } }, sideNavLinks.map(function (_a) {
+        var _b;
+        var id = _a.id, href = _a.href, text = _a.text, tealiumClickContext = _a.tealiumClickContext;
+        var isSelected = sideNavSelected === id;
+        return (React.createElement(Link, { key: id, href: replaceBaseURL(baseUrl, href, FALLBACK_URL_REPLACEMENT.home), legacyBehavior: true },
+            React.createElement(MenuItem, { className: isVertical ? 'vertical' : 'horizontal', href: replaceBaseURL(baseUrl, href, FALLBACK_URL_REPLACEMENT.home), selected: isSelected, overrides: __assign(__assign({}, sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides), { paddingInline: {
+                        lg: 'space060',
+                        xs: 'space040',
+                    }, paddingBlock: {
+                        lg: 'space050',
+                    } }), onClick: function (e) {
+                    if (!isVertical)
+                        onMenuItemClick(e);
+                }, eventOriginator: "secondary-navigation", eventContext: __assign(__assign({}, tealiumClickContext), { page_name: "".concat((_b = head.pageTitle) === null || _b === void 0 ? void 0 : _b.replace('&', ' ').toLocaleLowerCase()) }) }, text)));
+    }))); };
+    return (React.createElement(NavContainer, { "data-testid": "NavigationSecondary", backgroundColor: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.backgroundColor },
+        React.createElement(Scroll, { tabIndex: undefined, overrides: {
+                overlays: {
+                    size: {
+                        xs: 'sizing090',
+                        lg: 'sizing000',
+                    },
+                },
+            }, ref: scrollContainerRef }, Array.isArray(sideNav) && (React.createElement(React.Fragment, null,
+            React.createElement(Visible, { xs: true, sm: true, md: true }, renderMenu(false)),
+            React.createElement(Visible, { lg: true, xl: true }, renderMenu(true)))))));
+};
+export default NavigationSecondary;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=NavigationSecondary.js.map

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.js.map

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

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: React.FC;

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.stories.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MediaQueryProvider } from 'newskit';
+import NavigationSecondary from '.';
+import { ContextName } from '../../../context/types';
+export default {
+    title: 'Components/Sections/NavigationSecondary',
+    component: NavigationSecondary,
+};
+export var Primary = function () { return (React.createElement(MediaQueryProvider, null,
+    React.createElement(NavigationSecondary, { contextName: ContextName.personalDetails }))); };
+//# sourceMappingURL=NavigationSecondary.stories.js.map

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSecondary.stories.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,mBAAmB,MAAM,GAAG,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,eAAe;IACb,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,mBAAmB;CACvB,CAAA;AAET,MAAM,CAAC,IAAM,OAAO,GAAa,cAAM,OAAA,CACrC,oBAAC,kBAAkB;IACjB,oBAAC,mBAAmB,IAAC,WAAW,EAAE,WAAW,CAAC,eAAe,GAAI,CAC9C,CACtB,EAJsC,CAItC,CAAA"}

package/dist/esm/Components/Sections/NavigationSecondary/index.d.ts

@@ -0,0 +1,4 @@
+import NavigationSecondary, { navigationSecondaryHeight, navigationSecondaryWidth } from './NavigationSecondary';
+export * from './types';
+export { navigationSecondaryHeight, navigationSecondaryWidth };
+export default NavigationSecondary;

package/dist/esm/Components/Sections/NavigationSecondary/index.js

@@ -0,0 +1,5 @@
+import NavigationSecondary, { navigationSecondaryHeight, navigationSecondaryWidth, } from './NavigationSecondary';
+export * from './types';
+export { navigationSecondaryHeight, navigationSecondaryWidth };
+export default NavigationSecondary;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/NavigationSecondary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,EAAE,EAC1B,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,uBAAuB,CAAA;AAC9B,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,CAAA;AAE9D,eAAe,mBAAmB,CAAA"}

package/dist/esm/Components/Sections/NavigationSecondary/types.d.ts

@@ -0,0 +1,17 @@
+import { EventTrigger, MQ } from 'newskit';
+export interface NavigationSecondaryOverrides {
+    menuItemOverrides?: {
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+        paddingInline?: MQ<string>;
+        paddingBlock?: MQ<string>;
+    };
+    backgroundColor?: string;
+}
+export interface NavigationSecondaryInterface {
+    text: string;
+    href: string;
+    id: string;
+    tealiumClickContext?: Record<string, string | EventTrigger>;
+}
+export type NavigationSecondarySelected = string;

package/dist/esm/Components/Sections/NavigationSecondary/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/NavigationSecondary/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/types.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Sections/NewslettersList/NewslettersList.d.ts

@@ -0,0 +1,10 @@
+import React, { PropsWithChildren } from 'react';
+import { BlockProps } from 'newskit';
+import { NewslettersGridOverrides } from 'context/types';
+interface NewslettersListProps {
+    gridLayoutOverrides: NewslettersGridOverrides;
+    'data-testid'?: string;
+    newslettersListOverrides?: BlockProps;
+}
+export declare const NewslettersList: React.FC<PropsWithChildren<NewslettersListProps>>;
+export {};