@newskit-render/my-account 7.75.0 → 7.75.1

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { LinkProps as ComponentLinkProps } from '@newskit-render/shared-components';
+import { TextBlockProps } from 'newskit';
+export interface LinkProps extends Partial<Omit<ComponentLinkProps, 'href'>> {
+    dataTestId?: string;
+}
+export interface TextProps extends TextBlockProps {
+    dataTestId?: string;
+}
+export interface TextWithLinksProps {
+    props?: {
+        linkProps?: LinkProps;
+        textProps?: TextProps;
+    };
+    content: {
+        text: string;
+        href?: string;
+    }[];
+}
+export declare const TextWithLinks: ({ content, props }: TextWithLinksProps) => JSX.Element;

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

@@ -0,0 +1,39 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextWithLinks = void 0;
+var react_1 = __importDefault(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var newskit_1 = require("newskit");
+var TextWithLinks = function (_a) {
+    var _b;
+    var content = _a.content, props = _a.props;
+    var text = content.map(function (item, index) {
+        if (item.href) {
+            return (react_1.default.createElement(shared_components_1.NextLink, __assign({ external: false, key: index, style: {
+                    textDecoration: 'none',
+                }, type: "inline", href: item.href, overrides: {
+                    typographyPreset: 'utilityBody010',
+                }, "data-testid": "text-with-links-link" }, props === null || props === void 0 ? void 0 : props.linkProps), item.text));
+        }
+        else {
+            return item.text;
+        }
+    });
+    return (react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, props === null || props === void 0 ? void 0 : props.textProps, { "data-testid": (_b = props === null || props === void 0 ? void 0 : props.textProps) === null || _b === void 0 ? void 0 : _b.dataTestId }), text));
+};
+exports.TextWithLinks = TextWithLinks;
+//# sourceMappingURL=TextWithLinks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextWithLinks.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TextWithLinks/TextWithLinks.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAG0C;AAC1C,mCAAmD;AAmB5C,IAAM,aAAa,GAAG,UAAC,EAAsC;;QAApC,OAAO,aAAA,EAAE,KAAK,WAAA;IAC5C,IAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;QACnC,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,CACL,8BAAC,4BAAQ,aACP,QAAQ,EAAE,KAAK,EACf,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;oBACL,cAAc,EAAE,MAAM;iBACvB,EACD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE;oBACT,gBAAgB,EAAE,gBAAgB;iBACnC,iBACW,sBAAsB,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,GAEnB,IAAI,CAAC,IAAI,CACD,CACZ,CAAA;SACF;aAAM;YACL,OAAO,IAAI,CAAC,IAAI,CAAA;SACjB;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,mBAAS,aACR,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,mBACP,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,0CAAE,UAAU,KAExC,IAAI,CACK,CACb,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,aAAa,iBAoCzB"}

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

@@ -0,0 +1 @@
+export * from './TextWithLinks';

package/dist/cjs/Components/Elements/{Tile → TextWithLinks}/index.js

@@ -14,6 +14,5 @@ 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 });
-__exportStar(require("./types"), exports);
-__exportStar(require("./Tile"), exports);
+__exportStar(require("./TextWithLinks"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TextWithLinks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B"}

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import { UserHubListProps } from './types';
-export declare const UserHubListItem: React.FC<UserHubListProps>;
+import { UserHubItemProps } from './types';
+export declare const UserHubListItem: React.FC<UserHubItemProps>;

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

@@ -22,34 +22,36 @@ exports.UserHubListItem = void 0;
 var react_1 = __importDefault(require("react"));
 var link_1 = __importDefault(require("next/link"));
 var newskit_1 = require("newskit");
-var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"], ["\n  ", "\n\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
+var TextWithLinks_1 = require("../TextWithLinks");
+var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"], ["\n  ", "\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
     var isLink = _a.isLink;
     return isLink ? (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interface020') : '';
 }, function (_a) {
     var isLink = _a.isLink;
     return (isLink ? 'pointer' : 'default');
 });
-var StyledStructuredListItem = (0, newskit_1.styled)(newskit_1.StructuredListItem)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & > div > div > * {\n    padding: 0;\n  }\n"], ["\n  & > div > div > * {\n    padding: 0;\n  }\n"])));
-var StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-weight: 700;\n"], ["\n  font-weight: 700;\n"])));
-var StyledIconContainer = newskit_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  justify-self: end;\n"], ["\n  justify-self: end;\n"])));
+var StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: 700;\n"], ["\n  font-weight: 700;\n"])));
 var UserHubListItem = function (_a) {
-    var label = _a.label, titleIcon = _a.titleIcon, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides;
+    var label = _a.label, titleIcon = _a.titleIcon, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer;
     return (react_1.default.createElement(link_1.default, { legacyBehavior: true, href: href || '', tabIndex: href ? undefined : -1, "aria-disabled": !href },
-        react_1.default.createElement(StyledStructuredListItem, { href: href || '', disabled: !href, hideIcon: true, overrides: {
+        react_1.default.createElement(newskit_1.StructuredListItem, { href: href || '', disabled: !href, hideIcon: true, overrides: {
                 stylePreset: 'inkBase',
                 paddingInline: 'space000',
                 paddingBlock: 'space000',
             } },
-            react_1.default.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }),
-                react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", stackDistribution: "center", spaceInline: "space030" },
-                    react_1.default.createElement(newskit_1.StackChild, null,
-                        react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
-                            titleIcon,
-                            react_1.default.createElement(StyledTextBlock, { typographyPreset: "editorialLabel030" }, label))),
-                    react_1.default.createElement(newskit_1.StackChild, { marginBlockEnd: "space000" },
-                        react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020" }, subtitle))),
-                react_1.default.createElement(StyledIconContainer, null, linkIcon)))));
+            react_1.default.createElement(newskit_1.StructuredListCell, { fullWidthSingleCell: true },
+                react_1.default.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }),
+                    react_1.default.createElement(newskit_1.GridLayoutItem, __assign({}, itemOverrides),
+                        react_1.default.createElement(newskit_1.Stack, { paddingBlock: "space000", flow: "vertical-stretch", stackDistribution: "center", spaceInline: "space030" },
+                            react_1.default.createElement(newskit_1.StackChild, null,
+                                react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
+                                    titleIcon,
+                                    react_1.default.createElement(StyledTextBlock, { typographyPreset: "editorialLabel030" }, label))),
+                            react_1.default.createElement(newskit_1.StackChild, { marginBlockEnd: "space000" },
+                                react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020" }, subtitle)))),
+                    linkIcon && (react_1.default.createElement(newskit_1.GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
+                    footer && (react_1.default.createElement(newskit_1.GridLayoutItem, { paddingBlockStart: "space060" }, Array.isArray(footer === null || footer === void 0 ? void 0 : footer.content) ? (react_1.default.createElement(TextWithLinks_1.TextWithLinks, { content: footer === null || footer === void 0 ? void 0 : footer.content, props: footer === null || footer === void 0 ? void 0 : footer.props })) : (footer === null || footer === void 0 ? void 0 : footer.content))))))));
 };
 exports.UserHubListItem = UserHubListItem;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=UserHubListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mDAAgC;AAChC,mCAQgB;AAEhB,IAAM,mBAAmB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,yJAAsB,MAChE,EAAmD,gDAKjD,EACqE,gBAC7D,EAAgD,UAE7D,KATG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAKjD,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,CAAC,CAAC,CAAC,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;AAArE,CAAqE,EAC7D,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhC,CAAgC,CAE7D,CAAA;AAED,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,4BAAkB,CAAC,oHAAA,iDAI1D,IAAA,CAAA;AAED,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,4FAAA,yBAExC,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,gBAAM,CAAC,GAAG,6FAAA,0BAErC,IAAA,CAAA;AAEM,IAAM,eAAe,GAA+B,UAAC,EAQ3D;QAPC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,kBAAkB,wBAAA;IAElB,OAAO,CACL,8BAAC,cAAQ,IACP,cAAc,QACd,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAChB,CAAC,IAAI;QAEpB,8BAAC,wBAAwB,IACvB,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,CAAC,IAAI,EACf,QAAQ,QACR,SAAS,EAAE;gBACT,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,UAAU;gBACzB,YAAY,EAAE,UAAU;aACzB;YAED,8BAAC,mBAAmB,eACd,kBAAkB,mBACT,EAAE,EACf,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC;gBAErB,8BAAC,eAAK,IACJ,IAAI,EAAC,kBAAkB,EACvB,iBAAiB,EAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU;oBAEtB,8BAAC,oBAAU;wBACT,8BAAC,eAAK,IAAC,IAAI,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,YAAY;4BAC3D,SAAS;4BACV,8BAAC,eAAe,IAAC,gBAAgB,EAAC,mBAAmB,IAClD,KAAK,CACU,CACZ,CACG;oBAEb,8BAAC,oBAAU,IAAC,cAAc,EAAC,UAAU;wBACnC,8BAAC,mBAAS,IAAC,gBAAgB,EAAC,gBAAgB,IACzC,QAAQ,CACC,CACD,CACP;gBACR,8BAAC,mBAAmB,QAAE,QAAQ,CAAuB,CACjC,CACG,CAClB,CACZ,CAAA;AACH,CAAC,CAAA;AAxDY,QAAA,eAAe,mBAwD3B"}
+{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Elements/UserHubListItem/types.d.ts

@@ -1,18 +1,30 @@
 /// <reference types="react" />
 import { MQ, NewsKitIconProps } from 'newskit';
-export interface UserHubListProps {
+import { TextWithLinksProps } from '../TextWithLinks';
+interface UserHubItemFooterProps {
+    text: string;
+    href?: string;
+}
+export interface UserHubItemProps {
     label: string;
     titleIcon?: React.ReactElement<NewsKitIconProps> | null;
     subtitle?: string;
-    href: string;
+    footer?: {
+        content: React.ReactNode | null | UserHubItemFooterProps[];
+        props?: TextWithLinksProps['props'];
+    };
+    href?: string;
     linkIcon?: React.ReactElement<NewsKitIconProps> | null;
     linkOverrides?: {
         stylePreset: string;
     };
+    itemOverrides?: {
+        column?: MQ<string>;
+    };
     id?: string;
     containerOverrides?: {
         rows: MQ<string>;
-        columns: MQ<string>;
+        columns?: MQ<string>;
         justifyContent: MQ<string>;
         overrides: {
             paddingBlock: MQ<string>;
@@ -21,3 +33,4 @@ export interface UserHubListProps {
         };
     };
 }
+export {};

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

@@ -38,17 +38,25 @@ var newskit_1 = require("newskit");
 var helpers_1 = require("../../helpers");
 var UserHubListItem_1 = require("../../Components/Elements/UserHubListItem");
 var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
+var StyledStackContainer = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  ", ";\n\n  ", " {\n    ", ";\n  }\n"], ["\n  width: 100%;\n  ", ";\n\n  ", " {\n    ", ";\n  }\n"])), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space060'), (0, newskit_1.getMediaQueryFromTheme)('sm'), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space090'));
 var UserHubRender = function () {
     var contextName = types_1.ContextName.userHubPage;
     var _a = (0, context_1.useAccountContext)(contextName), baseUrl = _a.baseUrl, sections = _a.sections;
-    var quickLinks = sections.quickLinks;
-    return (react_1.default.createElement(react_1.default.Fragment, null, quickLinks && (react_1.default.createElement(newskit_1.Stack, { key: "landing-section-quick-links", flow: "vertical-stretch" },
-        react_1.default.createElement(shared_components_1.Header, __assign({}, quickLinks.header)),
-        react_1.default.createElement(StyledStructuredList, { divider: true }, quickLinks.items.map(function (_a) {
-            var href = _a.href, props = __rest(_a, ["href"]);
-            return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: quickLinks.containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
-        }))))));
+    var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport;
+    return (react_1.default.createElement(StyledStackContainer, { flow: "vertical-stretch" },
+        quickLinks && (react_1.default.createElement(newskit_1.Stack, { key: "landing-section-quick-links", flow: "vertical-stretch", "data-testid": quickLinks.dataTestId },
+            react_1.default.createElement(shared_components_1.Header, __assign({}, quickLinks.header)),
+            react_1.default.createElement(StyledStructuredList, { divider: true }, quickLinks.items.map(function (_a) {
+                var href = _a.href, props = __rest(_a, ["href"]);
+                return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: quickLinks.containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
+            })))),
+        helpAndSupport && (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": helpAndSupport.dataTestId },
+            react_1.default.createElement(shared_components_1.Header, __assign({}, helpAndSupport.header)),
+            react_1.default.createElement(StyledStructuredList, { divider: true }, helpAndSupport.items.map(function (_a) {
+                var href = _a.href, props = __rest(_a, ["href"]);
+                return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: helpAndSupport.containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
+            }))))));
 };
 exports.UserHubRender = UserHubRender;
-var templateObject_1;
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=UserHubRender.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,yCAAwE;AACxE,6CAAiD;AACjD,mCAA6E;AAC7E,yCAA8C;AAC9C,6EAA2E;AAE3E,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAEM,IAAM,aAAa,GAAa;IACrC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAwB,IAAA,2BAAiB,EAC7C,WAAW,CACa,EAFlB,OAAO,aAAA,EAAE,QAAQ,cAEC,CAAA;IAElB,IAAA,UAAU,GAAK,QAAQ,WAAb,CAAa;IAE/B,OAAO,CACL,8DACG,UAAU,IAAI,CACb,8BAAC,eAAK,IAAC,GAAG,EAAE,6BAA6B,EAAE,IAAI,EAAC,kBAAkB;QAChE,8BAAC,0BAAM,eAAK,UAAU,CAAC,MAAM,EAAI;QAEjC,8BAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YACrC,OAAO,CACL,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,EACjD,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;QACH,CAAC,CAAC,CACmB,CACjB,CACT,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AA9BY,QAAA,aAAa,iBA8BzB"}
+{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,yCAAwE;AACxE,6CAAiD;AACjD,mCAOgB;AAChB,yCAA8C;AAC9C,6EAA2E;AAE3E,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AACD,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACM,IAAM,aAAa,GAAa;IACrC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAwB,IAAA,2BAAiB,EAC7C,WAAW,CACa,EAFlB,OAAO,aAAA,EAAE,QAAQ,cAEC,CAAA;IAElB,IAAA,UAAU,GAAqB,QAAQ,WAA7B,EAAE,cAAc,GAAK,QAAQ,eAAb,CAAa;IAE/C,OAAO,CACL,8BAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,CACb,8BAAC,eAAK,IACJ,GAAG,EAAE,6BAA6B,EAClC,IAAI,EAAC,kBAAkB,iBACV,UAAU,CAAC,UAAU;YAElC,8BAAC,0BAAM,eAAK,UAAU,CAAC,MAAM,EAAI;YAEjC,8BAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;gBAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;gBACrC,OAAO,CACL,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,EACjD,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;YACH,CAAC,CAAC,CACmB,CACjB,CACT;QACA,cAAc,IAAI,CACjB,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,cAAc,CAAC,UAAU;YACnE,8BAAC,0BAAM,eAAK,cAAc,CAAC,MAAM,EAAI;YAErC,8BAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;gBAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;gBACzC,OAAO,CACL,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,cAAc,CAAC,kBAAkB,EACrD,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;YACH,CAAC,CAAC,CACmB,CACjB,CACT,CACoB,CACxB,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,aAAa,iBAoDzB"}

package/dist/cjs/context/types.d.ts

@@ -18,7 +18,7 @@ import { ButtonProps } from '@newskit-render/shared-components';
 import { CardContentContainerProps } from 'Components/Sections/CardContentContainer';
 import { FamilyMemberProps } from '../Components/Sections/Form/InviteFamilyMember/types';
 import { PaymentMethodsMap } from 'Components/Templates';
-import { UserHubListProps } from '../Components/Elements/UserHubListItem';
+import { UserHubItemProps } from '../Components/Elements/UserHubListItem';
 interface InfoPanel extends InlineMessageProps {
     infoPanelCells?: MQ<number>;
     href?: boolean;
@@ -635,7 +635,7 @@ export interface UserHubSection {
     header: HeaderProps;
     containerOverrides?: {
         rows: MQ<string>;
-        columns: MQ<string>;
+        columns?: MQ<string>;
         justifyContent: MQ<string>;
         overrides: {
             paddingBlock: MQ<string>;
@@ -643,12 +643,14 @@ export interface UserHubSection {
             minWidth: MQ<string>;
         };
     };
-    items: UserHubListProps[];
+    items: UserHubItemProps[];
+    dataTestId: string;
 }
 export interface UserHubContextOptions extends NonInteractiveContextOptions {
     tealiumContext?: TealiumEventContext;
     sections: {
-        quickLinks: UserHubSection;
+        quickLinks?: UserHubSection;
+        helpAndSupport?: UserHubSection;
     };
 }
 export declare enum FamilyMemberStatusTypes {

package/dist/cjs/context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AAyLA,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAmBtB;AAiHD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAI3B;AAiaD,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;AACrB,CAAC,EAHW,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGlC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AAyLA,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAmBtB;AAiHD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAI3B;AAmaD,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;AACrB,CAAC,EAHW,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGlC"}

package/dist/cjs/pages/UserHub/UserHubContext.js

@@ -10,12 +10,19 @@ var context_1 = require("../../context");
 var ChevronRight_1 = require("@emotion-icons/material/ChevronRight");
 var CreditCard_1 = require("@emotion-icons/material/CreditCard");
 var Lock_1 = require("@emotion-icons/material-outlined/Lock");
+var ChatBubbleOutline_1 = require("@emotion-icons/material/ChatBubbleOutline");
+var Launch_1 = require("@emotion-icons/material/Launch");
+var HelpOutline_1 = require("@emotion-icons/material/HelpOutline");
 var IconOutlinedLock = (0, newskit_1.toNewsKitIcon)(Lock_1.Lock);
 var IconFilledCreditCard = (0, newskit_1.toNewsKitIcon)(CreditCard_1.CreditCard);
 var IconFilledChevronRight = (0, newskit_1.toNewsKitIcon)(ChevronRight_1.ChevronRight);
+var IconChatBubbleOutline = (0, newskit_1.toNewsKitIcon)(ChatBubbleOutline_1.ChatBubbleOutline);
+var IconHelpOutline = (0, newskit_1.toNewsKitIcon)(HelpOutline_1.HelpOutline);
+var IconLaunch = (0, newskit_1.toNewsKitIcon)(Launch_1.Launch);
 exports.userHubContext = {
     sections: {
         quickLinks: {
+            dataTestId: 'quick-links',
             header: {
                 title: 'Quick Links',
                 titleOverrides: {
@@ -38,7 +45,7 @@ exports.userHubContext = {
             },
             items: [
                 {
-                    label: 'Payment Details',
+                    label: 'Payment method',
                     titleIcon: (react_1.default.createElement(IconFilledCreditCard, { overrides: {
                             size: 'iconSize020',
                             marginInlineEnd: 'space020',
@@ -64,6 +71,73 @@ exports.userHubContext = {
                 },
             ],
         },
+        helpAndSupport: {
+            dataTestId: 'help-and-support',
+            header: {
+                title: 'Help & Support',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
+            },
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
+            },
+            items: [
+                {
+                    label: 'Looking for help?',
+                    titleIcon: (react_1.default.createElement(IconHelpOutline, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Find support and guidance in our Help Hub.',
+                    href: '/help',
+                    linkIcon: (react_1.default.createElement(IconLaunch, { overrides: { size: 'iconSize010', stylePreset: 'inkBlack' } })),
+                    id: 'help-hub-tile',
+                },
+                {
+                    itemOverrides: {
+                        column: '1/-1',
+                    },
+                    label: 'Chat to our team',
+                    titleIcon: (react_1.default.createElement(IconChatBubbleOutline, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Talk to us via Live Chat for further assistance. Available Mon - Fri 8am - 7pm / Weekends & Bank Holiday 8am - 4pm UK time.',
+                    footer: {
+                        props: {
+                            textProps: {
+                                dataTestId: 'footer-text',
+                            },
+                        },
+                        content: [
+                            {
+                                text: 'For any more support ',
+                            },
+                            {
+                                text: 'contact us',
+                                href: '/contact',
+                            },
+                            {
+                                text: '.',
+                            },
+                        ],
+                    },
+                    id: 'contact-us-tile',
+                },
+            ],
+        },
     },
     footer: context_1.footer,
     sideNav: context_1.sideNav,

package/dist/cjs/pages/UserHub/UserHubContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AAEvC,yCAAkE;AAClE,qEAAyF;AACzF,iEAAmF;AACnF,8DAA4E;AAE5E,IAAM,gBAAgB,GAAG,IAAA,uBAAa,EAAC,WAAY,CAAC,CAAA;AACpD,IAAM,oBAAoB,GAAG,IAAA,uBAAa,EAAC,uBAAgB,CAAC,CAAA;AAC5D,IAAM,sBAAsB,GAAG,IAAA,uBAAa,EAAC,2BAAkB,CAAC,CAAA;AAEnD,QAAA,cAAc,GAAmC;IAC5D,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,KAAK,EAAE,aAAa;gBACpB,cAAc,EAAE;oBACd,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;qBACf;oBACD,gBAAgB,EAAE,sBAAsB;iBACzC;gBACD,WAAW,EAAE,KAAK;aACnB;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,SAAS;gBAClB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,UAAU;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,KAAK,EAAE;gBACL;oBACE,KAAK,EAAE,iBAAiB;oBACxB,SAAS,EAAE,CACT,8BAAC,oBAAoB,IACnB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE,2CAA2C;oBACrD,IAAI,EAAE,kBAAkB;oBACxB,QAAQ,EAAE,CACR,8BAAC,sBAAsB,IACrB,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,GAC3D,CACH;oBACD,EAAE,EAAE,sBAAsB;iBAC3B;gBACD;oBACE,KAAK,EAAE,UAAU;oBACjB,SAAS,EAAE,CACT,8BAAC,gBAAgB,IACf,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE,+BAA+B;oBACzC,IAAI,EAAE,gBAAgB;oBACtB,QAAQ,EAAE,CACR,8BAAC,sBAAsB,IACrB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,WAAW,EAAE,UAAU;yBACxB,GACD,CACH;oBACD,EAAE,EAAE,sBAAsB;iBAC3B;aACF;SACF;KACF;IACD,MAAM,kBAAA;IACN,OAAO,mBAAA;IACP,iBAAiB,6BAAA;CAClB,CAAA"}
+{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Components/Elements/TextWithLinks/TextWithLinks.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { LinkProps as ComponentLinkProps } from '@newskit-render/shared-components';
+import { TextBlockProps } from 'newskit';
+export interface LinkProps extends Partial<Omit<ComponentLinkProps, 'href'>> {
+    dataTestId?: string;
+}
+export interface TextProps extends TextBlockProps {
+    dataTestId?: string;
+}
+export interface TextWithLinksProps {
+    props?: {
+        linkProps?: LinkProps;
+        textProps?: TextProps;
+    };
+    content: {
+        text: string;
+        href?: string;
+    }[];
+}
+export declare const TextWithLinks: ({ content, props }: TextWithLinksProps) => JSX.Element;

package/dist/esm/Components/Elements/TextWithLinks/TextWithLinks.js

@@ -0,0 +1,32 @@
+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 from 'react';
+import { NextLink, } from '@newskit-render/shared-components';
+import { TextBlock } from 'newskit';
+export var TextWithLinks = function (_a) {
+    var _b;
+    var content = _a.content, props = _a.props;
+    var text = content.map(function (item, index) {
+        if (item.href) {
+            return (React.createElement(NextLink, __assign({ external: false, key: index, style: {
+                    textDecoration: 'none',
+                }, type: "inline", href: item.href, overrides: {
+                    typographyPreset: 'utilityBody010',
+                }, "data-testid": "text-with-links-link" }, props === null || props === void 0 ? void 0 : props.linkProps), item.text));
+        }
+        else {
+            return item.text;
+        }
+    });
+    return (React.createElement(TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, props === null || props === void 0 ? void 0 : props.textProps, { "data-testid": (_b = props === null || props === void 0 ? void 0 : props.textProps) === null || _b === void 0 ? void 0 : _b.dataTestId }), text));
+};
+//# sourceMappingURL=TextWithLinks.js.map

package/dist/esm/Components/Elements/TextWithLinks/TextWithLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWithLinks.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TextWithLinks/TextWithLinks.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,QAAQ,GAET,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAkB,MAAM,SAAS,CAAA;AAmBnD,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAsC;;QAApC,OAAO,aAAA,EAAE,KAAK,WAAA;IAC5C,IAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;QACnC,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,CACL,oBAAC,QAAQ,aACP,QAAQ,EAAE,KAAK,EACf,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;oBACL,cAAc,EAAE,MAAM;iBACvB,EACD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE;oBACT,gBAAgB,EAAE,gBAAgB;iBACnC,iBACW,sBAAsB,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,GAEnB,IAAI,CAAC,IAAI,CACD,CACZ,CAAA;SACF;aAAM;YACL,OAAO,IAAI,CAAC,IAAI,CAAA;SACjB;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,SAAS,aACR,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,mBACP,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,0CAAE,UAAU,KAExC,IAAI,CACK,CACb,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Elements/TextWithLinks/index.d.ts

@@ -0,0 +1 @@
+export * from './TextWithLinks';

package/dist/esm/Components/Elements/TextWithLinks/index.js

@@ -0,0 +1,2 @@
+export * from './TextWithLinks';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Elements/TextWithLinks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TextWithLinks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/esm/Components/Elements/UserHubListItem/UserHubListItem.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { UserHubListProps } from './types';
-export declare const UserHubListItem: React.FC<UserHubListProps>;
+import { UserHubItemProps } from './types';
+export declare const UserHubListItem: React.FC<UserHubItemProps>;

package/dist/esm/Components/Elements/UserHubListItem/UserHubListItem.js

@@ -14,35 +14,37 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import NextLink from 'next/link';
-import { GridLayout, TextBlock, Stack, StackChild, StructuredListItem, styled, getColorCssFromTheme, } from 'newskit';
-var StyledGridContainer = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"], ["\n  ", "\n\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"])), getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
+import Link from 'next/link';
+import { GridLayout, TextBlock, Stack, StackChild, StructuredListItem, styled, getColorCssFromTheme, GridLayoutItem, StructuredListCell, } from 'newskit';
+import { TextWithLinks } from '../TextWithLinks';
+var StyledGridContainer = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"], ["\n  ", "\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"])), getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
     var isLink = _a.isLink;
     return isLink ? getColorCssFromTheme('backgroundColor', 'interface020') : '';
 }, function (_a) {
     var isLink = _a.isLink;
     return (isLink ? 'pointer' : 'default');
 });
-var StyledStructuredListItem = styled(StructuredListItem)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & > div > div > * {\n    padding: 0;\n  }\n"], ["\n  & > div > div > * {\n    padding: 0;\n  }\n"])));
-var StyledTextBlock = styled(TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-weight: 700;\n"], ["\n  font-weight: 700;\n"])));
-var StyledIconContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  justify-self: end;\n"], ["\n  justify-self: end;\n"])));
+var StyledTextBlock = styled(TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: 700;\n"], ["\n  font-weight: 700;\n"])));
 export var UserHubListItem = function (_a) {
-    var label = _a.label, titleIcon = _a.titleIcon, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides;
-    return (React.createElement(NextLink, { legacyBehavior: true, href: href || '', tabIndex: href ? undefined : -1, "aria-disabled": !href },
-        React.createElement(StyledStructuredListItem, { href: href || '', disabled: !href, hideIcon: true, overrides: {
+    var label = _a.label, titleIcon = _a.titleIcon, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer;
+    return (React.createElement(Link, { legacyBehavior: true, href: href || '', tabIndex: href ? undefined : -1, "aria-disabled": !href },
+        React.createElement(StructuredListItem, { href: href || '', disabled: !href, hideIcon: true, overrides: {
                 stylePreset: 'inkBase',
                 paddingInline: 'space000',
                 paddingBlock: 'space000',
             } },
-            React.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }),
-                React.createElement(Stack, { flow: "vertical-stretch", stackDistribution: "center", spaceInline: "space030" },
-                    React.createElement(StackChild, null,
-                        React.createElement(Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
-                            titleIcon,
-                            React.createElement(StyledTextBlock, { typographyPreset: "editorialLabel030" }, label))),
-                    React.createElement(StackChild, { marginBlockEnd: "space000" },
-                        React.createElement(TextBlock, { typographyPreset: "utilityBody020" }, subtitle))),
-                React.createElement(StyledIconContainer, null, linkIcon)))));
+            React.createElement(StructuredListCell, { fullWidthSingleCell: true },
+                React.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }),
+                    React.createElement(GridLayoutItem, __assign({}, itemOverrides),
+                        React.createElement(Stack, { paddingBlock: "space000", flow: "vertical-stretch", stackDistribution: "center", spaceInline: "space030" },
+                            React.createElement(StackChild, null,
+                                React.createElement(Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
+                                    titleIcon,
+                                    React.createElement(StyledTextBlock, { typographyPreset: "editorialLabel030" }, label))),
+                            React.createElement(StackChild, { marginBlockEnd: "space000" },
+                                React.createElement(TextBlock, { typographyPreset: "utilityBody020" }, subtitle)))),
+                    linkIcon && (React.createElement(GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
+                    footer && (React.createElement(GridLayoutItem, { paddingBlockStart: "space060" }, Array.isArray(footer === null || footer === void 0 ? void 0 : footer.content) ? (React.createElement(TextWithLinks, { content: footer === null || footer === void 0 ? void 0 : footer.content, props: footer === null || footer === void 0 ? void 0 : footer.props })) : (footer === null || footer === void 0 ? void 0 : footer.content))))))));
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=UserHubListItem.js.map

package/dist/esm/Components/Elements/UserHubListItem/UserHubListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EACL,UAAU,EACV,SAAS,EACT,KAAK,EACL,UAAU,EACV,kBAAkB,EAClB,MAAM,EACN,oBAAoB,GACrB,MAAM,SAAS,CAAA;AAEhB,IAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,yJAAsB,MAChE,EAAmD,gDAKjD,EACqE,gBAC7D,EAAgD,UAE7D,KATG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EAKjD,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;AAArE,CAAqE,EAC7D,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhC,CAAgC,CAE7D,CAAA;AAED,IAAM,wBAAwB,GAAG,MAAM,CAAC,kBAAkB,CAAC,oHAAA,iDAI1D,IAAA,CAAA;AAED,IAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,4FAAA,yBAExC,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,6FAAA,0BAErC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAA+B,UAAC,EAQ3D;QAPC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,kBAAkB,wBAAA;IAElB,OAAO,CACL,oBAAC,QAAQ,IACP,cAAc,QACd,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAChB,CAAC,IAAI;QAEpB,oBAAC,wBAAwB,IACvB,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,CAAC,IAAI,EACf,QAAQ,QACR,SAAS,EAAE;gBACT,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,UAAU;gBACzB,YAAY,EAAE,UAAU;aACzB;YAED,oBAAC,mBAAmB,eACd,kBAAkB,mBACT,EAAE,EACf,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC;gBAErB,oBAAC,KAAK,IACJ,IAAI,EAAC,kBAAkB,EACvB,iBAAiB,EAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU;oBAEtB,oBAAC,UAAU;wBACT,oBAAC,KAAK,IAAC,IAAI,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,YAAY;4BAC3D,SAAS;4BACV,oBAAC,eAAe,IAAC,gBAAgB,EAAC,mBAAmB,IAClD,KAAK,CACU,CACZ,CACG;oBAEb,oBAAC,UAAU,IAAC,cAAc,EAAC,UAAU;wBACnC,oBAAC,SAAS,IAAC,gBAAgB,EAAC,gBAAgB,IACzC,QAAQ,CACC,CACD,CACP;gBACR,oBAAC,mBAAmB,QAAE,QAAQ,CAAuB,CACjC,CACG,CAClB,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Components/Elements/UserHubListItem/types.d.ts

@@ -1,18 +1,30 @@
 /// <reference types="react" />
 import { MQ, NewsKitIconProps } from 'newskit';
-export interface UserHubListProps {
+import { TextWithLinksProps } from '../TextWithLinks';
+interface UserHubItemFooterProps {
+    text: string;
+    href?: string;
+}
+export interface UserHubItemProps {
     label: string;
     titleIcon?: React.ReactElement<NewsKitIconProps> | null;
     subtitle?: string;
-    href: string;
+    footer?: {
+        content: React.ReactNode | null | UserHubItemFooterProps[];
+        props?: TextWithLinksProps['props'];
+    };
+    href?: string;
     linkIcon?: React.ReactElement<NewsKitIconProps> | null;
     linkOverrides?: {
         stylePreset: string;
     };
+    itemOverrides?: {
+        column?: MQ<string>;
+    };
     id?: string;
     containerOverrides?: {
         rows: MQ<string>;
-        columns: MQ<string>;
+        columns?: MQ<string>;
         justifyContent: MQ<string>;
         overrides: {
             paddingBlock: MQ<string>;
@@ -21,3 +33,4 @@ export interface UserHubListProps {
         };
     };
 }
+export {};

package/dist/esm/Components/Templates/UserHubRender.js

@@ -28,20 +28,28 @@ import React from 'react';
 import { Header } from '@newskit-render/shared-components';
 import { useAccountContext } from '../../context';
 import { ContextName } from '../../context/types';
-import { getColorCssFromTheme, Stack, StructuredList, styled } from 'newskit';
+import { getColorCssFromTheme, getMediaQueryFromTheme, getSpacingCssFromTheme, Stack, StructuredList, styled, } from 'newskit';
 import { replaceBaseURL } from '../../helpers';
 import { UserHubListItem } from '../../Components/Elements/UserHubListItem';
 var StyledStructuredList = styled(StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface030'));
+var StyledStackContainer = styled(Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  ", ";\n\n  ", " {\n    ", ";\n  }\n"], ["\n  width: 100%;\n  ", ";\n\n  ", " {\n    ", ";\n  }\n"])), getSpacingCssFromTheme('gap', 'space060'), getMediaQueryFromTheme('sm'), getSpacingCssFromTheme('gap', 'space090'));
 export var UserHubRender = function () {
     var contextName = ContextName.userHubPage;
     var _a = useAccountContext(contextName), baseUrl = _a.baseUrl, sections = _a.sections;
-    var quickLinks = sections.quickLinks;
-    return (React.createElement(React.Fragment, null, quickLinks && (React.createElement(Stack, { key: "landing-section-quick-links", flow: "vertical-stretch" },
-        React.createElement(Header, __assign({}, quickLinks.header)),
-        React.createElement(StyledStructuredList, { divider: true }, quickLinks.items.map(function (_a) {
-            var href = _a.href, props = __rest(_a, ["href"]);
-            return (React.createElement(UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: quickLinks.containerOverrides, href: replaceBaseURL(baseUrl, href) })));
-        }))))));
+    var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport;
+    return (React.createElement(StyledStackContainer, { flow: "vertical-stretch" },
+        quickLinks && (React.createElement(Stack, { key: "landing-section-quick-links", flow: "vertical-stretch", "data-testid": quickLinks.dataTestId },
+            React.createElement(Header, __assign({}, quickLinks.header)),
+            React.createElement(StyledStructuredList, { divider: true }, quickLinks.items.map(function (_a) {
+                var href = _a.href, props = __rest(_a, ["href"]);
+                return (React.createElement(UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: quickLinks.containerOverrides, href: replaceBaseURL(baseUrl, href) })));
+            })))),
+        helpAndSupport && (React.createElement(Stack, { flow: "vertical-stretch", "data-testid": helpAndSupport.dataTestId },
+            React.createElement(Header, __assign({}, helpAndSupport.header)),
+            React.createElement(StyledStructuredList, { divider: true }, helpAndSupport.items.map(function (_a) {
+                var href = _a.href, props = __rest(_a, ["href"]);
+                return (React.createElement(UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: helpAndSupport.containerOverrides, href: replaceBaseURL(baseUrl, href) })));
+            }))))));
 };
-var templateObject_1;
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=UserHubRender.js.map

package/dist/esm/Components/Templates/UserHubRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAA;AAE3E,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAa;IACrC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAwB,iBAAiB,CAC7C,WAAW,CACa,EAFlB,OAAO,aAAA,EAAE,QAAQ,cAEC,CAAA;IAElB,IAAA,UAAU,GAAK,QAAQ,WAAb,CAAa;IAE/B,OAAO,CACL,0CACG,UAAU,IAAI,CACb,oBAAC,KAAK,IAAC,GAAG,EAAE,6BAA6B,EAAE,IAAI,EAAC,kBAAkB;QAChE,oBAAC,MAAM,eAAK,UAAU,CAAC,MAAM,EAAI;QAEjC,oBAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YACrC,OAAO,CACL,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,EACjD,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;QACH,CAAC,CAAC,CACmB,CACjB,CACT,CACA,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,KAAK,EACL,cAAc,EACd,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAA;AAE3E,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AACD,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,sBAAsB,CAAC,IAAI,CAAC,EAC1B,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACD,MAAM,CAAC,IAAM,aAAa,GAAa;IACrC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAwB,iBAAiB,CAC7C,WAAW,CACa,EAFlB,OAAO,aAAA,EAAE,QAAQ,cAEC,CAAA;IAElB,IAAA,UAAU,GAAqB,QAAQ,WAA7B,EAAE,cAAc,GAAK,QAAQ,eAAb,CAAa;IAE/C,OAAO,CACL,oBAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,CACb,oBAAC,KAAK,IACJ,GAAG,EAAE,6BAA6B,EAClC,IAAI,EAAC,kBAAkB,iBACV,UAAU,CAAC,UAAU;YAElC,oBAAC,MAAM,eAAK,UAAU,CAAC,MAAM,EAAI;YAEjC,oBAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;gBAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;gBACrC,OAAO,CACL,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,EACjD,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;YACH,CAAC,CAAC,CACmB,CACjB,CACT;QACA,cAAc,IAAI,CACjB,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,cAAc,CAAC,UAAU;YACnE,oBAAC,MAAM,eAAK,cAAc,CAAC,MAAM,EAAI;YAErC,oBAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;gBAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;gBACzC,OAAO,CACL,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,cAAc,CAAC,kBAAkB,EACrD,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;YACH,CAAC,CAAC,CACmB,CACjB,CACT,CACoB,CACxB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/context/types.d.ts

@@ -18,7 +18,7 @@ import { ButtonProps } from '@newskit-render/shared-components';
 import { CardContentContainerProps } from 'Components/Sections/CardContentContainer';
 import { FamilyMemberProps } from '../Components/Sections/Form/InviteFamilyMember/types';
 import { PaymentMethodsMap } from 'Components/Templates';
-import { UserHubListProps } from '../Components/Elements/UserHubListItem';
+import { UserHubItemProps } from '../Components/Elements/UserHubListItem';
 interface InfoPanel extends InlineMessageProps {
     infoPanelCells?: MQ<number>;
     href?: boolean;
@@ -635,7 +635,7 @@ export interface UserHubSection {
     header: HeaderProps;
     containerOverrides?: {
         rows: MQ<string>;
-        columns: MQ<string>;
+        columns?: MQ<string>;
         justifyContent: MQ<string>;
         overrides: {
             paddingBlock: MQ<string>;
@@ -643,12 +643,14 @@ export interface UserHubSection {
             minWidth: MQ<string>;
         };
     };
-    items: UserHubListProps[];
+    items: UserHubItemProps[];
+    dataTestId: string;
 }
 export interface UserHubContextOptions extends NonInteractiveContextOptions {
     tealiumContext?: TealiumEventContext;
     sections: {
-        quickLinks: UserHubSection;
+        quickLinks?: UserHubSection;
+        helpAndSupport?: UserHubSection;
     };
 }
 export declare enum FamilyMemberStatusTypes {

package/dist/esm/context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AAyLA,MAAM,CAAN,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,KAAX,WAAW,QAmBtB;AAiHD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAiaD,MAAM,CAAN,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;AACrB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,QAGlC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AAyLA,MAAM,CAAN,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,KAAX,WAAW,QAmBtB;AAiHD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAmaD,MAAM,CAAN,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;AACrB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,QAGlC"}

package/dist/esm/pages/UserHub/UserHubContext.js

@@ -4,12 +4,19 @@ import { footer, sideNav, navigationPrimary } from '../../context';
 import { ChevronRight as FilledChevronRight } from '@emotion-icons/material/ChevronRight';
 import { CreditCard as FilledCreditCard } from '@emotion-icons/material/CreditCard';
 import { Lock as OutlinedLock } from '@emotion-icons/material-outlined/Lock';
+import { ChatBubbleOutline } from '@emotion-icons/material/ChatBubbleOutline';
+import { Launch } from '@emotion-icons/material/Launch';
+import { HelpOutline } from '@emotion-icons/material/HelpOutline';
 var IconOutlinedLock = toNewsKitIcon(OutlinedLock);
 var IconFilledCreditCard = toNewsKitIcon(FilledCreditCard);
 var IconFilledChevronRight = toNewsKitIcon(FilledChevronRight);
+var IconChatBubbleOutline = toNewsKitIcon(ChatBubbleOutline);
+var IconHelpOutline = toNewsKitIcon(HelpOutline);
+var IconLaunch = toNewsKitIcon(Launch);
 export var userHubContext = {
     sections: {
         quickLinks: {
+            dataTestId: 'quick-links',
             header: {
                 title: 'Quick Links',
                 titleOverrides: {
@@ -32,7 +39,7 @@ export var userHubContext = {
             },
             items: [
                 {
-                    label: 'Payment Details',
+                    label: 'Payment method',
                     titleIcon: (React.createElement(IconFilledCreditCard, { overrides: {
                             size: 'iconSize020',
                             marginInlineEnd: 'space020',
@@ -58,6 +65,73 @@ export var userHubContext = {
                 },
             ],
         },
+        helpAndSupport: {
+            dataTestId: 'help-and-support',
+            header: {
+                title: 'Help & Support',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
+            },
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
+            },
+            items: [
+                {
+                    label: 'Looking for help?',
+                    titleIcon: (React.createElement(IconHelpOutline, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Find support and guidance in our Help Hub.',
+                    href: '/help',
+                    linkIcon: (React.createElement(IconLaunch, { overrides: { size: 'iconSize010', stylePreset: 'inkBlack' } })),
+                    id: 'help-hub-tile',
+                },
+                {
+                    itemOverrides: {
+                        column: '1/-1',
+                    },
+                    label: 'Chat to our team',
+                    titleIcon: (React.createElement(IconChatBubbleOutline, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Talk to us via Live Chat for further assistance. Available Mon - Fri 8am - 7pm / Weekends & Bank Holiday 8am - 4pm UK time.',
+                    footer: {
+                        props: {
+                            textProps: {
+                                dataTestId: 'footer-text',
+                            },
+                        },
+                        content: [
+                            {
+                                text: 'For any more support ',
+                            },
+                            {
+                                text: 'contact us',
+                                href: '/contact',
+                            },
+                            {
+                                text: '.',
+                            },
+                        ],
+                    },
+                    id: 'contact-us-tile',
+                },
+            ],
+        },
     },
     footer: footer,
     sideNav: sideNav,

package/dist/esm/pages/UserHub/UserHubContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,sCAAsC,CAAA;AACzF,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAE5E,IAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AACpD,IAAM,oBAAoB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAA;AAC5D,IAAM,sBAAsB,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAA;AAEhE,MAAM,CAAC,IAAM,cAAc,GAAmC;IAC5D,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,KAAK,EAAE,aAAa;gBACpB,cAAc,EAAE;oBACd,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;qBACf;oBACD,gBAAgB,EAAE,sBAAsB;iBACzC;gBACD,WAAW,EAAE,KAAK;aACnB;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,SAAS;gBAClB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,UAAU;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,KAAK,EAAE;gBACL;oBACE,KAAK,EAAE,iBAAiB;oBACxB,SAAS,EAAE,CACT,oBAAC,oBAAoB,IACnB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE,2CAA2C;oBACrD,IAAI,EAAE,kBAAkB;oBACxB,QAAQ,EAAE,CACR,oBAAC,sBAAsB,IACrB,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,GAC3D,CACH;oBACD,EAAE,EAAE,sBAAsB;iBAC3B;gBACD;oBACE,KAAK,EAAE,UAAU;oBACjB,SAAS,EAAE,CACT,oBAAC,gBAAgB,IACf,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE,+BAA+B;oBACzC,IAAI,EAAE,gBAAgB;oBACtB,QAAQ,EAAE,CACR,oBAAC,sBAAsB,IACrB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,WAAW,EAAE,UAAU;yBACxB,GACD,CACH;oBACD,EAAE,EAAE,sBAAsB;iBAC3B;aACF;SACF;KACF;IACD,MAAM,QAAA;IACN,OAAO,SAAA;IACP,iBAAiB,mBAAA;CAClB,CAAA"}
+{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/my-account",
-  "version": "7.75.0",
+  "version": "7.75.1",
   "description": "Newskit Render",
   "author": "",
   "license": "UNLICENSED",

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TileProps } from './types';
-export declare const Tile: React.FC<TileProps>;

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

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tile = void 0;
-var react_1 = __importDefault(require("react"));
-var Tile = function (_a) {
-    var label = _a.label;
-    return react_1.default.createElement("div", null, label);
-};
-exports.Tile = Tile;
-//# sourceMappingURL=Tile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Tile/Tile.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAGlB,IAAM,IAAI,GAAwB,UAAC,EAAS;QAAP,KAAK,WAAA;IAC/C,OAAO,2CAAM,KAAK,CAAO,CAAA;AAC3B,CAAC,CAAA;AAFY,QAAA,IAAI,QAEhB"}

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

@@ -1,2 +0,0 @@
-export * from './types';
-export * from './Tile';

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Tile/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,yCAAsB"}

package/dist/cjs/Components/Elements/Tile/types.d.ts

@@ -1,4 +0,0 @@
-export interface TileProps {
-    label: string;
-    id?: string;
-}

package/dist/cjs/Components/Elements/Tile/types.js

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

package/dist/cjs/Components/Elements/Tile/types.js.map

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

package/dist/esm/Components/Elements/Tile/Tile.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TileProps } from './types';
-export declare const Tile: React.FC<TileProps>;

package/dist/esm/Components/Elements/Tile/Tile.js

@@ -1,6 +0,0 @@
-import React from 'react';
-export var Tile = function (_a) {
-    var label = _a.label;
-    return React.createElement("div", null, label);
-};
-//# sourceMappingURL=Tile.js.map

package/dist/esm/Components/Elements/Tile/Tile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,IAAM,IAAI,GAAwB,UAAC,EAAS;QAAP,KAAK,WAAA;IAC/C,OAAO,iCAAM,KAAK,CAAO,CAAA;AAC3B,CAAC,CAAA"}

package/dist/esm/Components/Elements/Tile/index.d.ts

@@ -1,2 +0,0 @@
-export * from './types';
-export * from './Tile';

package/dist/esm/Components/Elements/Tile/index.js

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './Tile';
-//# sourceMappingURL=index.js.map

package/dist/esm/Components/Elements/Tile/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Tile/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA"}

package/dist/esm/Components/Elements/Tile/types.d.ts

@@ -1,4 +0,0 @@
-export interface TileProps {
-    label: string;
-    id?: string;
-}

package/dist/esm/Components/Elements/Tile/types.js

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

package/dist/esm/Components/Elements/Tile/types.js.map

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