@newskit-render/my-account 0.0.0-e16014a0

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

@@ -0,0 +1,167 @@
+"use strict";
+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;
+    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 });
+var cross_fetch_1 = __importDefault(require("cross-fetch"));
+var localStorage_1 = require("../../../helpers/localStorage");
+var cookie_1 = __importDefault(require("cookie"));
+var api_1 = require("@newskit-render/api");
+var types_1 = require("../../../context/types");
+var helpers_1 = require("../../../helpers");
+var constants_1 = require("../../../constants");
+var onSubmit = function (e, validationSchemaKey, router, handleError, handleSuccess, redirectUrl, setShowModal, subscriptions) { 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, parsedText;
+    var _a, _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                sanitizedEventObject = (0, helpers_1.getSanitizedObject)(e, 'encode');
+                body = JSON.stringify(__assign(__assign({}, sanitizedEventObject), { validationSchemaKey: validationSchemaKey }));
+                cookies = cookie_1.default.parse(document.cookie);
+                accountProviderCookieName = (0, api_1.findCookieName)(cookie_1.default);
+                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() === types_1.SubscriptionType.digi_print ||
+                        type.toLowerCase() === types_1.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 = constants_1.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*/, (0, cross_fetch_1.default)('/api/account/mutate', {
+                        method: 'POST',
+                        redirect: 'follow',
+                        headers: {
+                            'Content-Type': 'application/json',
+                            acs: cookie_1.default.serialize(accountProviderCookieName, cookies[accountProviderCookieName]),
+                        },
+                        body: JSON.stringify({ postcode: postcode, validationSchemaKey: 'postcode' }),
+                    })];
+            case 1:
+                response = _d.sent();
+                if (!(!response.ok && handleError)) return [3 /*break*/, 3];
+                return [4 /*yield*/, response.text()];
+            case 2:
+                parsedText = _d.sent();
+                handleError(parsedText);
+                return [2 /*return*/, response];
+            case 3: return [4 /*yield*/, response.json()];
+            case 4:
+                result_1 = _d.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];
+                }
+                _d.label = 5;
+            case 5: return [4 /*yield*/, (0, cross_fetch_1.default)('/api/account/mutate', {
+                    method: 'POST',
+                    redirect: 'follow',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        acs: cookie_1.default.serialize(accountProviderCookieName, cookies[accountProviderCookieName]),
+                    },
+                    body: body,
+                })];
+            case 6:
+                result = _d.sent();
+                if (result === null || result === void 0 ? void 0 : result.ok) {
+                    if (validationSchemaKey === 'password' || validationSchemaKey === 'email') {
+                        (0, localStorage_1.saveLocalStorage)(validationSchemaKey);
+                    }
+                    if ((validationSchemaKey === 'update-holiday-stop' ||
+                        validationSchemaKey === 'create-holiday-stop') &&
+                        setShowModal) {
+                        setShowModal(true);
+                        return [2 /*return*/, result];
+                    }
+                }
+                //Redirect to personal details page.
+                if ((result === null || result === void 0 ? void 0 : result.ok) && router) {
+                    router
+                        .push("".concat(redirectUrl || '/', "?success=").concat(encodeURIComponent(validationSchemaKey)))
+                        .then(function () {
+                        if ((result === null || result === void 0 ? void 0 : result.ok) && handleSuccess) {
+                            handleSuccess();
+                        }
+                    });
+                }
+                else if ((result === null || result === void 0 ? void 0 : result.ok) && handleSuccess) {
+                    handleSuccess && handleSuccess();
+                }
+                if (!(!result.ok && handleError)) return [3 /*break*/, 8];
+                return [4 /*yield*/, result.text()];
+            case 7:
+                parsedText = _d.sent();
+                handleError(parsedText);
+                _d.label = 8;
+            case 8: return [2 /*return*/, result];
+        }
+    });
+}); };
+exports.default = onSubmit;
+//# sourceMappingURL=onFormSubmit.js.map

package/dist/cjs/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/cjs/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/cjs/Components/Sections/LayoutContentContainer/LayoutContentContainer.js

@@ -0,0 +1,121 @@
+"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.LayoutContentContainer = exports.zIndexModal = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var NavigationSecondary_1 = __importDefault(require("../../Sections/NavigationSecondary"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../../context");
+var PastDueBanner_1 = __importDefault(require("../../Elements/PastDueBanner"));
+var InfoBanner_1 = __importDefault(require("../../Elements/InfoBanner"));
+var constants_1 = require("../../../constants");
+var zIndexTopbar = 2;
+var zIndexSidebar = 1;
+exports.zIndexModal = 2;
+var ContentWrapper = newskit_1.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    margin-top: ", "px;\n  }\n  ", " {\n    margin-top: ", ";\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    margin-top: ", "px;\n  }\n  ", " {\n    margin-top: ", ";\n    flex-direction: initial;\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'), function (_a) {
+    var hideMarginTop = _a.hideMarginTop;
+    return (hideMarginTop ? '0' : '80');
+}, (0, newskit_1.getMediaQueryFromTheme)('lg'), function (_a) {
+    var hideBannerMargin = _a.hideBannerMargin, hideMarginTop = _a.hideMarginTop, infoBannerHeight = _a.infoBannerHeight;
+    var marginTop = 0;
+    if (hideBannerMargin) {
+        marginTop = hideMarginTop ? infoBannerHeight : infoBannerHeight + 80;
+    }
+    else {
+        marginTop = hideMarginTop
+            ? infoBannerHeight + 71
+            : infoBannerHeight + 151;
+    }
+    return "".concat(marginTop, "px");
+});
+var OffSetArea = newskit_1.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"])), (0, newskit_1.getMediaQueryFromTheme)('lg'), function (_a) {
+    var offset = _a.offset;
+    return (offset ? '300' : '0');
+});
+var FooterArea = newskit_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-shrink: 0;\n  ", "\n"], ["\n  flex-shrink: 0;\n  ", "\n"])), (0, newskit_1.getSizingCssFromTheme)('marginTop', 'sizing080'));
+var PageWrapper = newskit_1.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 = (0, newskit_1.styled)(newskit_1.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, (0, newskit_1.getMediaQueryFromTheme)('md'));
+var SidebarWrapper = newskit_1.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 = (0, context_1.useAccountContext)(contextName), footer = _b.footer, footerOverrides = _b.footerOverrides, env = _b.env, head = _b.head;
+    return (react_1.default.createElement(FooterArea, null,
+        react_1.default.createElement(shared_components_1.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 = (0, context_1.useAccountContext)(contextName), navigationPrimary = _b.navigationPrimary, env = _b.env, head = _b.head;
+    return (react_1.default.createElement(shared_components_1.NavigationPrimary, __assign({}, navigationPrimary, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, env: env, pageName: head.pageTitle })));
+};
+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 = (0, newskit_1.useBreakpointKey)();
+    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 _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];
+    var _h = (0, react_1.useState)(false), isMounted = _h[0], setIsMounted = _h[1];
+    (0, react_1.useEffect)(function () {
+        setIsMounted(true);
+    }, []);
+    return (react_1.default.createElement(PageWrapper, null,
+        react_1.default.createElement(NavWrapper, null,
+            !isNavigationHidden && (react_1.default.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName })),
+            constants_1.DESKTOP_BREAKPOINTS.includes(bp) && isMounted && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(PastDueBanner_1.default, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } }),
+                react_1.default.createElement(InfoBanner_1.default, { contextName: contextName, setHeight: setInfoBannerHeight })))),
+        react_1.default.createElement(ContentWrapper, { hideBannerMargin: hideBanner, hideMarginTop: isNavigationHidden, infoBannerHeight: infoBannerHeight || 0 },
+            react_1.default.createElement(SidebarWrapper, null,
+                sidebar && react_1.default.createElement(NavigationSecondary_1.default, { contextName: contextName }),
+                constants_1.MOBILE_BREAKPOINTS.includes(bp) && isMounted && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(PastDueBanner_1.default, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } }),
+                    react_1.default.createElement(InfoBanner_1.default, { contextName: contextName })))),
+            react_1.default.createElement(OffSetArea, { offset: +sidebar },
+                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;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=LayoutContentContainer.js.map

package/dist/cjs/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,6CAAkD;AAClD,mCAMgB;AAChB,2FAAoE;AACpE,uEAQ0C;AAC1C,4CAGyB;AACzB,+EAAwD;AACxD,yEAAkD;AAOlD,gDAA4E;AAE5E,IAAM,YAAY,GAAG,CAAC,CAAA;AACtB,IAAM,aAAa,GAAG,CAAC,CAAA;AACV,QAAA,WAAW,GAAG,CAAC,CAAA;AAE5B,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,2VAI/B,8KAOE,EAA4B,sBACd,EAAmD,cAEjE,EAA4B,sBACd,EAYb,wCAGJ,KAnBG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EACd,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAAO,OAAA,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAA5B,CAA4B,EAEjE,IAAA,gCAAsB,EAAC,IAAI,CAAC,EACd,UAAC,EAAqD;QAAnD,gBAAgB,sBAAA,EAAE,aAAa,mBAAA,EAAE,gBAAgB,sBAAA;IAChE,IAAI,SAAS,GAAG,CAAC,CAAA;IAEjB,IAAI,gBAAgB,EAAE;QACpB,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,GAAG,EAAE,CAAA;KACrE;SAAM;QACL,SAAS,GAAG,aAAa;YACvB,CAAC,CAAC,gBAAgB,GAAG,EAAE;YACvB,CAAC,CAAC,gBAAgB,GAAG,GAAG,CAAA;KAC3B;IAED,OAAO,UAAG,SAAS,OAAI,CAAA;AACzB,CAAC,CAGJ,CAAA;AAED,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,8KAAa,mEAItC,EAA4B,wBACZ,EAAsC,YAEzD,KAHG,IAAA,gCAAsB,EAAC,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,gBAAM,CAAC,GAAG,kGAAA,yBAEzB,EAA+C,IAClD,KADG,IAAA,+BAAqB,EAAC,WAAW,EAAE,WAAW,CAAC,CAClD,CAAA;AAED,IAAM,WAAW,GAAG,gBAAM,CAAC,GAAG,mIAAA,gEAE7B,IAAA,CAAA;AAED,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,6JAAA,+BAEnB,EAAY,SAErB,EAA4B,8CAI/B,KANY,YAAY,EAErB,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAI/B,CAAA;AAED,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,yHAAA,+CAGpB,EAAa,KACzB,KADY,aAAa,CACzB,CAAA;AAED,IAAM,aAAa,GAAiC,UAAC,EAAe;QAAb,WAAW,iBAAA;IAC1D,IAAA,KAAyC,IAAA,2BAAiB,EAC9D,WAAW,CACwB,EAF7B,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,GAAG,SAAA,EAAE,IAAI,UAEL,CAAA;IAErC,OAAO,CACL,8BAAC,UAAU;QACT,8BAAC,oCAAgB,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,IAAA,2BAAiB,EAAC,WAAW,CAAC,EAA/D,iBAAiB,uBAAA,EAAE,GAAG,SAAA,EAAE,IAAI,UAAmC,CAAA;IAEvE,OAAO,CACL,8BAAC,qCAAiB,eACZ,iBAAiB,IACrB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,IAAI,CAAC,SAAS,IACxB,CACH,CAAA;AACH,CAAC,CAAA;AAEM,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,IAAA,0BAAgB,GAAE,CAAA;IACvB,IAAA,KAAiD,IAAA,2BAAiB,EACtE,WAAW,CACwB,EAF7B,cAAc,oBAAA,EAAE,0BAA0B,gCAEb,CAAA;IAC/B,IAAA,KAKF,0BAA0B,IAAI,EAAE,EAJlC,SAAS,eAAA,EACF,gBAAgB,WAAA,EACR,wBAAwB,mBAAA,EACpB,4BAA4B,uBACb,CAAA;IAEpC,IAAM,kBAAkB,GAAY,IAAA,uCAAmB,EACrD,cAAc,EACd,gCAAY,CAAC,cAAc,CAC5B,CAAA;IAEK,IAAA,KAA8B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA3C,UAAU,QAAA,EAAE,aAAa,QAAkB,CAAA;IAC5C,IAAA,KAA0C,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAApD,gBAAgB,QAAA,EAAE,mBAAmB,QAAe,CAAA;IAErD,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAA,iBAAS,EAAC;QACR,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8BAAC,WAAW;QACV,8BAAC,UAAU;YACR,CAAC,kBAAkB,IAAI,CACtB,8BAAC,wBAAwB,IACvB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,GACxB,CACH;YAEA,+BAAmB,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,SAAS,IAAI,CAChD;gBACE,8BAAC,uBAAa,IACZ,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,GACjD;gBACF,8BAAC,oBAAU,IACT,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,mBAAmB,GAC9B,CACD,CACJ,CACU;QAEb,8BAAC,cAAc,IACb,gBAAgB,EAAE,UAAU,EAC5B,aAAa,EAAE,kBAAkB,EACjC,gBAAgB,EAAE,gBAAgB,IAAI,CAAC;YAEvC,8BAAC,cAAc;gBACZ,OAAO,IAAI,8BAAC,6BAAmB,IAAC,WAAW,EAAE,WAAW,GAAI;gBAC5D,8BAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,SAAS,IAAI,CAC/C;oBACE,8BAAC,uBAAa,IACZ,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,GACjD;oBACF,8BAAC,oBAAU,IAAC,WAAW,EAAE,WAAW,GAAI,CACvC,CACJ,CACc;YAEjB,8BAAC,UAAU,IAAC,MAAM,EAAE,CAAC,OAAO;gBAC1B,8BAAC,+BAAW,IACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,gBAAgB,EACvB,aAAa,EAAE,wBAAwB,EACvC,iBAAiB,EAAE,4BAA4B,IAE9C,QAAQ,CACG;gBAEb,MAAM,IAAI,CAAC,kBAAkB,IAAI,CAChC,8BAAC,aAAa,IAAC,WAAW,EAAE,WAAW,GAAI,CAC5C,CACU,CACE,CACL,CACf,CAAA;AACH,CAAC,CAAA;AA7FY,QAAA,sBAAsB,0BA6FlC"}

package/dist/cjs/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/cjs/Components/Sections/LayoutContentContainer/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zIndexModal = void 0;
+var LayoutContentContainer_1 = require("./LayoutContentContainer");
+var LayoutContentContainer_2 = require("./LayoutContentContainer");
+Object.defineProperty(exports, "zIndexModal", { enumerable: true, get: function () { return LayoutContentContainer_2.zIndexModal; } });
+exports.default = LayoutContentContainer_1.LayoutContentContainer;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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,mEAAiE;AACjE,mEAAsD;AAG7C,4FAHA,oCAAW,OAGA;AADpB,kBAAe,+CAAsB,CAAA"}

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+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/cjs/Components/Sections/LayoutContentContainer/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/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/cjs/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/cjs/Components/Sections/NavigationSecondary/NavigationSecondary.js

@@ -0,0 +1,143 @@
+"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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navigationSecondaryWidth = exports.navigationSecondaryHeight = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var context_1 = require("../../../context");
+var helpers_1 = require("../../../helpers");
+var constants_1 = require("../../../constants");
+var router_1 = require("next/router");
+var use_font_face_observer_1 = __importDefault(require("use-font-face-observer"));
+exports.navigationSecondaryHeight = '48px';
+exports.navigationSecondaryWidth = '300px';
+var NavContainer = newskit_1.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"])), exports.navigationSecondaryHeight, function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return backgroundColor &&
+        (0, newskit_1.getColorCssFromTheme)('backgroundColor', backgroundColor);
+}, (0, newskit_1.getMediaQueryFromTheme)('lg'), exports.navigationSecondaryWidth);
+var StyledMenu = (0, newskit_1.styled)(newskit_1.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 (0, newskit_1.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 &&
+        (0, newskit_1.getSpacingCssFromTheme)('borderRightWidth', overrides.marginInlineStart)(props));
+}, (0, newskit_1.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'; });
+    }
+    return sideNav;
+};
+var NavigationSecondary = function (_a) {
+    var contextName = _a.contextName;
+    var _b = (0, context_1.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 = (0, react_1.useState)(filterSideNavLinksByFamilyAccountOwnership(sideNav, isUserFamilyAccountPrimary))[0];
+    var router = (0, router_1.useRouter)();
+    var scrollContainerRef = (0, react_1.useRef)(null);
+    var isFontListLoaded = (0, use_font_face_observer_1.default)(fontFamilies);
+    (0, react_1.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; });
+            anchor &&
+                anchor.parentElement &&
+                scrollMenuItemIntoView(anchor.parentElement);
+        }
+    }, [isFontListLoaded]);
+    var onMenuItemClick = function (e) {
+        var li = e.currentTarget.parentElement;
+        li && scrollMenuItemIntoView(li);
+    };
+    var renderMenu = function (isVertical) { return (react_1.default.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_1.default.createElement(newskit_1.MenuItem, { className: isVertical ? 'vertical' : 'horizontal', href: (0, helpers_1.replaceBaseURL)(baseUrl, href, constants_1.FALLBACK_URL_REPLACEMENT.home), key: id, selected: isSelected, overrides: __assign(__assign({}, sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides), { paddingInline: {
+                    lg: 'space060',
+                }, paddingBlock: {
+                    lg: 'space050',
+                } }), onClick: function (e) {
+                !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_1.default.createElement(NavContainer, { "data-testid": "NavigationSecondary", backgroundColor: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.backgroundColor },
+        react_1.default.createElement(newskit_1.Scroll, { tabIndex: undefined, overrides: {
+                overlays: {
+                    size: {
+                        xs: 'sizing090',
+                        lg: 'sizing000',
+                    },
+                },
+            }, ref: scrollContainerRef }, Array.isArray(sideNav) && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(newskit_1.Visible, { xs: true, sm: true, md: true }, renderMenu(false)),
+            react_1.default.createElement(newskit_1.Visible, { lg: true, xl: true }, renderMenu(true)))))));
+};
+exports.default = NavigationSecondary;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=NavigationSecondary.js.map

package/dist/cjs/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/cjs/Components/Sections/NavigationSecondary/NavigationSecondary.stories.d.ts

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var _1 = __importDefault(require("."));
+var types_1 = require("../../../context/types");
+exports.default = {
+    title: 'Components/Sections/NavigationSecondary',
+    component: _1.default,
+};
+var Primary = function () { return (react_1.default.createElement(newskit_1.MediaQueryProvider, null,
+    react_1.default.createElement(_1.default, { contextName: types_1.ContextName.personalDetails }))); };
+exports.Primary = Primary;
+//# sourceMappingURL=NavigationSecondary.stories.js.map

package/dist/cjs/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,gDAAyB;AAEzB,mCAA4C;AAC5C,uCAAmC;AACnC,gDAAoD;AAEpD,kBAAe;IACb,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,UAAmB;CACvB,CAAA;AAEF,IAAM,OAAO,GAAa,cAAM,OAAA,CACrC,8BAAC,4BAAkB;IACjB,8BAAC,UAAmB,IAAC,WAAW,EAAE,mBAAW,CAAC,eAAe,GAAI,CAC9C,CACtB,EAJsC,CAItC,CAAA;AAJY,QAAA,OAAO,WAInB"}

package/dist/cjs/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/cjs/Components/Sections/NavigationSecondary/index.js

@@ -0,0 +1,35 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navigationSecondaryWidth = exports.navigationSecondaryHeight = void 0;
+var NavigationSecondary_1 = __importStar(require("./NavigationSecondary"));
+Object.defineProperty(exports, "navigationSecondaryHeight", { enumerable: true, get: function () { return NavigationSecondary_1.navigationSecondaryHeight; } });
+Object.defineProperty(exports, "navigationSecondaryWidth", { enumerable: true, get: function () { return NavigationSecondary_1.navigationSecondaryWidth; } });
+__exportStar(require("./types"), exports);
+exports.default = NavigationSecondary_1.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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,2EAG8B;AAGrB,0GALP,+CAAyB,OAKO;AAAE,yGAJlC,8CAAwB,OAIkC;AAF5D,0CAAuB;AAIvB,kBAAe,6BAAmB,CAAA"}

package/dist/cjs/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;