@newskit-render/my-account 7.72.2 → 7.72.3

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

@@ -5,10 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tile = void 0;
 var react_1 = __importDefault(require("react"));
-var shared_components_1 = require("@newskit-render/shared-components");
 var Tile = function (_a) {
-    var title = _a.title, id = _a.id, href = _a.href;
-    return (react_1.default.createElement(shared_components_1.NextLink, { type: "inline", href: href, "data-testid": id || '' }, title));
+    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 +1 @@
-{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Tile/Tile.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,uEAA4D;AAErD,IAAM,IAAI,GAAwB,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,EAAE,QAAA,EAAE,IAAI,UAAA;IACzD,OAAO,CACL,8BAAC,4BAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,iBAAe,EAAE,IAAI,EAAE,IACtD,KAAK,CACG,CACZ,CAAA;AACH,CAAC,CAAA;AANY,QAAA,IAAI,QAMhB"}
+{"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/types.d.ts

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

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

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

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

@@ -0,0 +1,55 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 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 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_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: {
+                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)))));
+};
+exports.UserHubListItem = UserHubListItem;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=UserHubListItem.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,19 @@
+"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 __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("./UserHubListItem"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { MQ, NewsKitIconProps } from 'newskit';
+export interface UserHubListProps {
+    label: string;
+    titleIcon?: React.ReactElement<NewsKitIconProps> | null;
+    subtitle?: string;
+    href: string;
+    linkIcon?: React.ReactElement<NewsKitIconProps> | null;
+    linkOverrides?: {
+        stylePreset: string;
+    };
+    id?: string;
+    containerOverrides?: {
+        rows: MQ<string>;
+        columns: MQ<string>;
+        justifyContent: MQ<string>;
+        overrides: {
+            paddingBlock: MQ<string>;
+            paddingInline: MQ<string>;
+            minWidth: MQ<string>;
+        };
+    };
+}

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

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

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

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

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

@@ -1,4 +1,8 @@
 "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++) {
@@ -32,17 +36,19 @@ var context_1 = require("../../context");
 var types_1 = require("../../context/types");
 var newskit_1 = require("newskit");
 var helpers_1 = require("../../helpers");
-var Tile_1 = require("../../Components/Elements/Tile");
+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 UserHubRender = function () {
     var contextName = types_1.ContextName.userHubPage;
-    var _a = (0, context_1.useAccountContext)(contextName), baseUrl = _a.baseUrl, header = _a.header, tiles = _a.tiles;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(shared_components_1.Header, __assign({}, header, { fullWidthTitle: true })),
-        react_1.default.createElement(newskit_1.Stack, null, tiles.map(function (_a) {
+    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(newskit_1.StackChild, { key: props.id },
-                react_1.default.createElement(Tile_1.Tile, __assign({}, props, { href: (0, helpers_1.replaceBaseURL)(baseUrl, href) }))));
-        }))));
+            return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: quickLinks.containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
+        }))))));
 };
 exports.UserHubRender = UserHubRender;
+var templateObject_1;
 //# 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;AAExE,6CAAiD;AACjD,mCAA2C;AAC3C,yCAA8C;AAC9C,uDAAqD;AAE9C,IAAM,aAAa,GAAa;IACrC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAA6B,IAAA,2BAAiB,EAClD,WAAW,CACa,EAFlB,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAEJ,CAAA;IAE1B,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,IAAE,cAAc,UAAG;QACrC,8BAAC,eAAK,QACH,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACjC,8BAAC,oBAAU,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE;gBACvB,8BAAC,WAAI,eAAK,KAAK,IAAE,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAC7C,CACd,CAAA;SAAA,CAAC,CACI,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,aAAa,iBAkBzB"}
+{"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"}

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 { TileProps } from '../Components/Elements/Tile';
+import { UserHubListProps } from '../Components/Elements/UserHubListItem';
 interface InfoPanel extends InlineMessageProps {
     infoPanelCells?: MQ<number>;
     href?: boolean;
@@ -631,20 +631,25 @@ export interface FamilyContextOptions extends NonInteractiveContextOptions {
     cancelInviteConfirmationModalOverrides: RemoveFamilyConfirmationModal;
     removeMemberConfirmationModalOverrides: RemoveFamilyConfirmationModal;
 }
-type LandingPageTile = TileProps;
-export interface UserHubContextOptions extends NonInteractiveContextOptions {
-    headlineOverrides: {
-        content: {
-            typographyPreset: MQ<string>;
-            heading?: {
-                stylePreset?: MQ<string>;
-            };
-            paddingInlineEnd?: MQ<string>;
+export interface UserHubSection {
+    header: HeaderProps;
+    containerOverrides?: {
+        rows: MQ<string>;
+        columns: MQ<string>;
+        justifyContent: MQ<string>;
+        overrides: {
+            paddingBlock: MQ<string>;
+            paddingInline: MQ<string>;
+            minWidth: MQ<string>;
         };
-        marginBlockEnd?: MQ<string>;
     };
+    items: UserHubListProps[];
+}
+export interface UserHubContextOptions extends NonInteractiveContextOptions {
     tealiumContext?: TealiumEventContext;
-    tiles: LandingPageTile[];
+    sections: {
+        quickLinks: UserHubSection;
+    };
 }
 export declare enum FamilyMemberStatusTypes {
     'PENDING' = "PENDING",

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;AA2ZD,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;AAiaD,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

@@ -1,63 +1,70 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userHubContext = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
 var context_1 = require("../../context");
-var title = 'The Times Home';
+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 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);
 exports.userHubContext = {
-    head: {
-        pageTitle: title,
-    },
-    header: {
-        title: title,
-        titleOverrides: {
-            marginBlockEnd: {
-                xs: 'space060',
-            },
-            typographyPreset: {
-                xs: 'editorialHeadline040',
-                sm: 'editorialHeadline050',
-            },
-        },
-        description: 'Placeholder description',
-        descriptionOverrides: {
-            marginBlockEnd: {
-                xs: 'space000',
-                sm: 'space000',
-                md: 'space000',
+    sections: {
+        quickLinks: {
+            header: {
+                title: 'Quick Links',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
             },
-            typographyPreset: {
-                xs: 'editorialParagraph010',
-                sm: 'editorialParagraph020',
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
             },
-        },
-        showDivider: false,
-        marginBlockEnd: {
-            xs: 'space080',
-            sm: 'space080',
+            items: [
+                {
+                    label: 'Payment Details',
+                    titleIcon: (react_1.default.createElement(IconFilledCreditCard, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Change your subscription payment details.',
+                    href: '/payment-methods',
+                    linkIcon: (react_1.default.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
+                    id: 'payment-details-tile',
+                },
+                {
+                    label: 'Password',
+                    titleIcon: (react_1.default.createElement(IconOutlinedLock, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Change your account password.',
+                    href: '/edit/password',
+                    linkIcon: (react_1.default.createElement(IconFilledChevronRight, { overrides: {
+                            size: 'iconSize020',
+                            stylePreset: 'inkBlack',
+                        } })),
+                    id: 'change-password-tile',
+                },
+            ],
         },
     },
-    tiles: [
-        {
-            title: 'Personal Details',
-            href: '[baseURL]/personal-details',
-            id: 'personal-details-tile',
-        },
-        {
-            title: 'Subscription and Billing',
-            href: '[baseURL]/subscription-and-billing',
-            id: 'subscription-and-billing-tile',
-        },
-        {
-            title: 'Newsletters and Alerts',
-            href: '[baseURL]/newsletters-and-alerts',
-            id: 'newsletters-and-alerts-tile',
-        },
-        {
-            title: 'Family',
-            href: '[baseURL]/family',
-            id: 'family-tile',
-        },
-    ],
     footer: context_1.footer,
     sideNav: context_1.sideNav,
     navigationPrimary: context_1.navigationPrimary,

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

@@ -1 +1 @@
-{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.ts"],"names":[],"mappings":";;;AACA,yCAAkE;AAElE,IAAM,KAAK,GAAG,gBAAgB,CAAA;AAEjB,QAAA,cAAc,GAAmC;IAC5D,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK;KACjB;IACD,MAAM,EAAE;QACN,KAAK,OAAA;QACL,cAAc,EAAE;YACd,cAAc,EAAE;gBACd,EAAE,EAAE,UAAU;aACf;YACD,gBAAgB,EAAE;gBAChB,EAAE,EAAE,sBAAsB;gBAC1B,EAAE,EAAE,sBAAsB;aAC3B;SACF;QACD,WAAW,EAAE,yBAAyB;QACtC,oBAAoB,EAAE;YACpB,cAAc,EAAE;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;YACD,gBAAgB,EAAE;gBAChB,EAAE,EAAE,uBAAuB;gBAC3B,EAAE,EAAE,uBAAuB;aAC5B;SACF;QACD,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE;YACd,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;IAED,KAAK,EAAE;QACL;YACE,KAAK,EAAE,kBAAkB;YACzB,IAAI,EAAE,4BAA4B;YAClC,EAAE,EAAE,uBAAuB;SAC5B;QACD;YACE,KAAK,EAAE,0BAA0B;YACjC,IAAI,EAAE,oCAAoC;YAC1C,EAAE,EAAE,+BAA+B;SACpC;QACD;YACE,KAAK,EAAE,wBAAwB;YAC/B,IAAI,EAAE,kCAAkC;YACxC,EAAE,EAAE,6BAA6B;SAClC;QACD;YACE,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,kBAAkB;YACxB,EAAE,EAAE,aAAa;SAClB;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":";;;;;;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"}

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

@@ -1,7 +1,6 @@
 import React from 'react';
-import { NextLink } from '@newskit-render/shared-components';
 export var Tile = function (_a) {
-    var title = _a.title, id = _a.id, href = _a.href;
-    return (React.createElement(NextLink, { type: "inline", href: href, "data-testid": id || '' }, title));
+    var label = _a.label;
+    return React.createElement("div", null, label);
 };
 //# sourceMappingURL=Tile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAE5D,MAAM,CAAC,IAAM,IAAI,GAAwB,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,EAAE,QAAA,EAAE,IAAI,UAAA;IACzD,OAAO,CACL,oBAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,iBAAe,EAAE,IAAI,EAAE,IACtD,KAAK,CACG,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"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/types.d.ts

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

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

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

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

@@ -0,0 +1,48 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React 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) {
+    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"])));
+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: {
+                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)))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=UserHubListItem.js.map

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

@@ -0,0 +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"}

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

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

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

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

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

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

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { MQ, NewsKitIconProps } from 'newskit';
+export interface UserHubListProps {
+    label: string;
+    titleIcon?: React.ReactElement<NewsKitIconProps> | null;
+    subtitle?: string;
+    href: string;
+    linkIcon?: React.ReactElement<NewsKitIconProps> | null;
+    linkOverrides?: {
+        stylePreset: string;
+    };
+    id?: string;
+    containerOverrides?: {
+        rows: MQ<string>;
+        columns: MQ<string>;
+        justifyContent: MQ<string>;
+        overrides: {
+            paddingBlock: MQ<string>;
+            paddingInline: MQ<string>;
+            minWidth: MQ<string>;
+        };
+    };
+}

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

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

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

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

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

@@ -1,3 +1,7 @@
+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++) {
@@ -24,18 +28,20 @@ import React from 'react';
 import { Header } from '@newskit-render/shared-components';
 import { useAccountContext } from '../../context';
 import { ContextName } from '../../context/types';
-import { Stack, StackChild } from 'newskit';
+import { getColorCssFromTheme, Stack, StructuredList, styled } from 'newskit';
 import { replaceBaseURL } from '../../helpers';
-import { Tile } from '../../Components/Elements/Tile';
+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'));
 export var UserHubRender = function () {
     var contextName = ContextName.userHubPage;
-    var _a = useAccountContext(contextName), baseUrl = _a.baseUrl, header = _a.header, tiles = _a.tiles;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Header, __assign({}, header, { fullWidthTitle: true })),
-        React.createElement(Stack, null, tiles.map(function (_a) {
+    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(StackChild, { key: props.id },
-                React.createElement(Tile, __assign({}, props, { href: replaceBaseURL(baseUrl, href) }))));
-        }))));
+            return (React.createElement(UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: quickLinks.containerOverrides, href: replaceBaseURL(baseUrl, href) })));
+        }))))));
 };
+var templateObject_1;
 //# 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;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAErD,MAAM,CAAC,IAAM,aAAa,GAAa;IACrC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAA6B,iBAAiB,CAClD,WAAW,CACa,EAFlB,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAEJ,CAAA;IAE1B,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,IAAE,cAAc,UAAG;QACrC,oBAAC,KAAK,QACH,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACjC,oBAAC,UAAU,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE;gBACvB,oBAAC,IAAI,eAAK,KAAK,IAAE,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAC7C,CACd,CAAA;SAAA,CAAC,CACI,CACP,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,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"}

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 { TileProps } from '../Components/Elements/Tile';
+import { UserHubListProps } from '../Components/Elements/UserHubListItem';
 interface InfoPanel extends InlineMessageProps {
     infoPanelCells?: MQ<number>;
     href?: boolean;
@@ -631,20 +631,25 @@ export interface FamilyContextOptions extends NonInteractiveContextOptions {
     cancelInviteConfirmationModalOverrides: RemoveFamilyConfirmationModal;
     removeMemberConfirmationModalOverrides: RemoveFamilyConfirmationModal;
 }
-type LandingPageTile = TileProps;
-export interface UserHubContextOptions extends NonInteractiveContextOptions {
-    headlineOverrides: {
-        content: {
-            typographyPreset: MQ<string>;
-            heading?: {
-                stylePreset?: MQ<string>;
-            };
-            paddingInlineEnd?: MQ<string>;
+export interface UserHubSection {
+    header: HeaderProps;
+    containerOverrides?: {
+        rows: MQ<string>;
+        columns: MQ<string>;
+        justifyContent: MQ<string>;
+        overrides: {
+            paddingBlock: MQ<string>;
+            paddingInline: MQ<string>;
+            minWidth: MQ<string>;
         };
-        marginBlockEnd?: MQ<string>;
     };
+    items: UserHubListProps[];
+}
+export interface UserHubContextOptions extends NonInteractiveContextOptions {
     tealiumContext?: TealiumEventContext;
-    tiles: LandingPageTile[];
+    sections: {
+        quickLinks: UserHubSection;
+    };
 }
 export declare enum FamilyMemberStatusTypes {
     'PENDING' = "PENDING",

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;AA2ZD,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;AAiaD,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

@@ -1,60 +1,64 @@
+import React from 'react';
+import { toNewsKitIcon } from 'newskit';
 import { footer, sideNav, navigationPrimary } from '../../context';
-var title = 'The Times Home';
+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';
+var IconOutlinedLock = toNewsKitIcon(OutlinedLock);
+var IconFilledCreditCard = toNewsKitIcon(FilledCreditCard);
+var IconFilledChevronRight = toNewsKitIcon(FilledChevronRight);
 export var userHubContext = {
-    head: {
-        pageTitle: title,
-    },
-    header: {
-        title: title,
-        titleOverrides: {
-            marginBlockEnd: {
-                xs: 'space060',
-            },
-            typographyPreset: {
-                xs: 'editorialHeadline040',
-                sm: 'editorialHeadline050',
+    sections: {
+        quickLinks: {
+            header: {
+                title: 'Quick Links',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
             },
-        },
-        description: 'Placeholder description',
-        descriptionOverrides: {
-            marginBlockEnd: {
-                xs: 'space000',
-                sm: 'space000',
-                md: 'space000',
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
             },
-            typographyPreset: {
-                xs: 'editorialParagraph010',
-                sm: 'editorialParagraph020',
-            },
-        },
-        showDivider: false,
-        marginBlockEnd: {
-            xs: 'space080',
-            sm: 'space080',
+            items: [
+                {
+                    label: 'Payment Details',
+                    titleIcon: (React.createElement(IconFilledCreditCard, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Change your subscription payment details.',
+                    href: '/payment-methods',
+                    linkIcon: (React.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
+                    id: 'payment-details-tile',
+                },
+                {
+                    label: 'Password',
+                    titleIcon: (React.createElement(IconOutlinedLock, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Change your account password.',
+                    href: '/edit/password',
+                    linkIcon: (React.createElement(IconFilledChevronRight, { overrides: {
+                            size: 'iconSize020',
+                            stylePreset: 'inkBlack',
+                        } })),
+                    id: 'change-password-tile',
+                },
+            ],
         },
     },
-    tiles: [
-        {
-            title: 'Personal Details',
-            href: '[baseURL]/personal-details',
-            id: 'personal-details-tile',
-        },
-        {
-            title: 'Subscription and Billing',
-            href: '[baseURL]/subscription-and-billing',
-            id: 'subscription-and-billing-tile',
-        },
-        {
-            title: 'Newsletters and Alerts',
-            href: '[baseURL]/newsletters-and-alerts',
-            id: 'newsletters-and-alerts-tile',
-        },
-        {
-            title: 'Family',
-            href: '[baseURL]/family',
-            id: 'family-tile',
-        },
-    ],
     footer: footer,
     sideNav: sideNav,
     navigationPrimary: navigationPrimary,

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

@@ -1 +1 @@
-{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAElE,IAAM,KAAK,GAAG,gBAAgB,CAAA;AAE9B,MAAM,CAAC,IAAM,cAAc,GAAmC;IAC5D,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK;KACjB;IACD,MAAM,EAAE;QACN,KAAK,OAAA;QACL,cAAc,EAAE;YACd,cAAc,EAAE;gBACd,EAAE,EAAE,UAAU;aACf;YACD,gBAAgB,EAAE;gBAChB,EAAE,EAAE,sBAAsB;gBAC1B,EAAE,EAAE,sBAAsB;aAC3B;SACF;QACD,WAAW,EAAE,yBAAyB;QACtC,oBAAoB,EAAE;YACpB,cAAc,EAAE;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;YACD,gBAAgB,EAAE;gBAChB,EAAE,EAAE,uBAAuB;gBAC3B,EAAE,EAAE,uBAAuB;aAC5B;SACF;QACD,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE;YACd,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;IAED,KAAK,EAAE;QACL;YACE,KAAK,EAAE,kBAAkB;YACzB,IAAI,EAAE,4BAA4B;YAClC,EAAE,EAAE,uBAAuB;SAC5B;QACD;YACE,KAAK,EAAE,0BAA0B;YACjC,IAAI,EAAE,oCAAoC;YAC1C,EAAE,EAAE,+BAA+B;SACpC;QACD;YACE,KAAK,EAAE,wBAAwB;YAC/B,IAAI,EAAE,kCAAkC;YACxC,EAAE,EAAE,6BAA6B;SAClC;QACD;YACE,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,kBAAkB;YACxB,EAAE,EAAE,aAAa;SAClB;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":"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"}

package/package.json

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