@newskit-render/my-account 0.0.0-e32035419 → 0.0.0-e35fc5a55

package/dist/cjs/pages/SubscriptionAndBilling/SubscriptionAndBillingSunContext.js

@@ -0,0 +1,369 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subscriptionAndBillingContextSun = void 0;
+var constants_1 = require("../../constants");
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var baseContext_1 = require("../../context/baseContext");
+var types_1 = require("../../context/types");
+var title = 'Subscription & Billing';
+exports.subscriptionAndBillingContextSun = {
+    baseUrl: constants_1.BASE_URL,
+    head: {
+        pageTitle: title,
+    },
+    pastDueBanner: shared_components_1.pastDuebannerDefaultContext,
+    header: {
+        title: title,
+        description: 'All your subscription details, including payment info and transactions.',
+        descriptionOverrides: {
+            marginBlockEnd: { xs: 'space050', sm: 'space070' },
+        },
+        marginBlockEnd: 'space010',
+    },
+    sideNavSelected: 'subscription-and-billing',
+    sections: [
+        {
+            type: types_1.SectionTypes.Digital,
+            billingType: types_1.SectionBillingType.AllBilling,
+            componentType: 'cardComposable',
+            props: {
+                image: {
+                    src: '/assets/dream-team.svg',
+                    alt: '',
+                },
+                introductionProps: {
+                    title: 'Your Digital Newspaper App Subscription',
+                    titleOverrides: {
+                        typographyPreset: 'editorialSubheadline040',
+                    },
+                },
+                cardDescriptionProps: {
+                    digitalNewspaperDescription: (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading010" }, "Your Membership includes:"),
+                        react_1.default.createElement(newskit_1.UnorderedList, { overrides: {
+                                marginBlockStart: 'space040',
+                                spaceStack: 'space020',
+                            } }, [
+                            "Automatic access to The Sun Superdays, The Sun's Hols from \u00A39.50 and The Sun Raffle",
+                            "Access to today's newspaper and the paper from the last two weeks",
+                            "All your pullouts \u2013 Fabulous Magazine, TV Magazine, Goals and The Favourite\u201D",
+                        ]))),
+                    membershipDescription: (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading010" }, "Your Membership includes:"),
+                        react_1.default.createElement(newskit_1.UnorderedList, { overrides: {
+                                marginBlockStart: 'space040',
+                                spaceStack: 'space020',
+                            } }, [
+                            'Templegate`s next day tips before anyone else',
+                            '2 free racing tickets every 3 months',
+                            'Read tomorrow`s copy of The Favourite at 9pm today',
+                            'Exclusive insight from Andrew Balding & Hayley Turner',
+                            'VIP competitions from Racing Breaks each month',
+                            'New customer offer with Coral',
+                        ]))),
+                    sunClubDescription: (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading010" }, "Your Sun Club membership includes:"),
+                        react_1.default.createElement(newskit_1.UnorderedList, { overrides: {
+                                marginBlockStart: 'space040',
+                                spaceStack: 'space020',
+                            } }, [
+                            'More exclusive stories every day',
+                            'FOMO? Everything you NEED to know',
+                            'More showbiz, more sport, more opinion, more Deidre',
+                            'The BIGGEST news sent straight to you',
+                            'Tickets to Sun Superdays and Hols from £9.50',
+                            'Win BIG every month with more competitions',
+                        ]))),
+                    sunClubIrelandDescription: (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading010" }, "Your Sun Club membership includes:"),
+                        react_1.default.createElement(newskit_1.UnorderedList, { overrides: {
+                                marginBlockStart: 'space040',
+                                spaceStack: 'space020',
+                            } }, [
+                            "Unlimited access to the day's best stories",
+                            'FOMO? Everything you NEED to know',
+                            'More showbiz, more sport, more opinion, more Deidre',
+                            'The BIGGEST news sent straight to you',
+                            'Stay in the know with your exclusive newsletter',
+                        ]))),
+                },
+                billingDetails: {
+                    title: 'Billing Details:',
+                    titleOverrides: {
+                        typographyPreset: 'editorialSubheadline010',
+                    },
+                    description: 'Your next bill is for',
+                    descriptionOverrides: {
+                        typographyPreset: 'editorialParagraph020',
+                    },
+                },
+                contentHref: {
+                    title: 'View payment details',
+                    href: '[baseURL]/payment',
+                    contentHrefOverrides: {
+                        typographyPreset: 'editorialSubheadline010',
+                    },
+                },
+                multipleSubscriptionsButtonsProps: {
+                    accessSubscriptionButton: {
+                        text: 'Access my subscription',
+                        ariaLabel: 'Access my subscription',
+                        href: 'https://enewspaper.thesun.co.uk/app/THESUN',
+                        overrides: {
+                            stylePreset: 'buttonSolidPrimary',
+                        },
+                    },
+                    accessMembershipButton: {
+                        text: 'Go to Members Enclosure',
+                        ariaLabel: 'Go to Members Enclosure',
+                        href: 'https://club.thesun.co.uk/racingmembersenclosure',
+                        overrides: {
+                            stylePreset: 'buttonSolidPrimary',
+                        },
+                    },
+                    accessSunClubButton: {
+                        text: 'Go to Sun Club',
+                        ariaLabel: 'Go to Sun Club',
+                        href: 'https://club.thesun.co.uk/sun-club/',
+                        overrides: {
+                            stylePreset: 'buttonSolidPrimary',
+                        },
+                    },
+                    accessSunClubIrelandButton: {
+                        text: 'Go to Sun Club',
+                        ariaLabel: 'Go to Sun Club',
+                        href: 'https://www.thesun.ie/sun-club/ ',
+                        overrides: {
+                            stylePreset: 'buttonSolidPrimary',
+                        },
+                    },
+                    cancellationButton: {
+                        text: 'Cancel membership',
+                        ariaLabel: 'Cancel membership',
+                        href: "https://help.uat-thesun.co.uk/article/cancellation-information",
+                        overrides: {
+                            stylePreset: 'buttonOutlinedPrimary',
+                        },
+                    },
+                },
+                IAPSubscriberMessage: 'If you bought a subscription through your app store, please go to your app store settings to manage or cancel your subscription.',
+                paddingBlockEnd: 'space050',
+                belowContentExtra: {
+                    type: 'cancel-subscription',
+                    link: {
+                        props: {
+                            children: 'Cancel subscription',
+                            href: '[baseURL]/cancellation',
+                        },
+                    },
+                    modal: {
+                        overrides: {
+                            panel: {
+                                width: {
+                                    xs: '272px',
+                                    sm: '440px',
+                                },
+                                maxHeight: '95%',
+                            },
+                            content: {
+                                paddingInline: 'spaceInset000',
+                                paddingBlock: 'spaceInset000',
+                            },
+                        },
+                        paddingInline: 'spaceInset050',
+                        paddingBlock: 'spaceInset050',
+                        introduction: {
+                            center: true,
+                            title: 'You have outstanding payments',
+                            titleOverrides: {
+                                as: 'h3',
+                                stylePreset: 'inkContrast',
+                                marginBlockEnd: 'space060',
+                            },
+                            description: 'If you wish to cancel your subscription update your payment details or speak to one of our advisors on XXXX-XXX-XXXX.',
+                            descriptionOverrides: {
+                                stylePreset: 'inkBase',
+                                marginBlockEnd: 'space050',
+                            },
+                        },
+                        centeredButton: {
+                            text: 'Update payment details',
+                            href: '[baseURL]/payment',
+                            ariaLabel: 'Update payment details',
+                            overrides: {
+                                stylePreset: 'buttonSolidPrimary',
+                            },
+                            paddingInline: 'spaceInset070',
+                            paddingBlock: 'spaceInset070',
+                        },
+                    },
+                    infoPanel: {
+                        title: 'Your subscription will end soon',
+                        children: 'If you change your mind or cancelled by mistake, speak to one of our advisors on XXXX-XXX-XXXX.',
+                        overrides: {
+                            stylePreset: 'inlineMessageNegative',
+                            marginBlockEnd: 'space080',
+                        },
+                    },
+                    marginBlockEnd: 'space050',
+                },
+            },
+        },
+    ],
+    footer: baseContext_1.footer,
+    sideNav: baseContext_1.sideNav,
+    navigationPrimary: baseContext_1.navigationPrimary,
+    genericErrorMessage: {
+        pending: 'Updating your ${field}...',
+        error: "Sorry, we're unable to save your ${field} right now. Please try again or come back later.",
+        success: 'Your ${field} has been updated.',
+    },
+    pendingSubscription: {
+        header: {
+            title: 'Your subscription is being activated',
+            titleOverrides: {
+                stylePreset: 'inkContrast',
+                marginBlockEnd: {
+                    xs: 'space040',
+                    sm: 'space050',
+                },
+                as: 'h1',
+            },
+            description: "Your membership is being set up at the moment, so you can\u2019t access your subscription and billing details yet.\n\n      Setting up your account can take a couple of hours, so please come back and try again later.",
+            descriptionOverrides: {
+                typographyPreset: { xs: 'utilityBody020', sm: 'utilityBody030' },
+                stylePreset: 'inkBase',
+                marginBlockEnd: {
+                    xs: 'space050',
+                    sm: 'space060',
+                },
+            },
+            image: {
+                src: '/assets/pending-activation.svg',
+                marginBlockEnd: { xs: 'space050', sm: 'space060', md: 'space080' },
+            },
+            introductionCell: {
+                order: { xs: 1 },
+            },
+            imageCell: {
+                order: { xs: 0 },
+            },
+            showDivider: false,
+        },
+    },
+    noSubscription: {
+        header: {
+            title: 'You don’t have a subscription',
+            titleOverrides: {
+                stylePreset: 'inkContrast',
+                marginBlockEnd: {
+                    xs: 'space040',
+                    sm: 'space050',
+                },
+                as: 'h1',
+            },
+            description: 'Start a subscription and get access to all benefits.',
+            descriptionOverrides: {
+                typographyPreset: { xs: 'utilityBody020', sm: 'utilityBody030' },
+                stylePreset: 'inkBase',
+                marginBlockEnd: {
+                    xs: 'space050',
+                    sm: 'space060',
+                },
+            },
+            image: {
+                src: '/assets/no-subscription.svg',
+                marginBlockEnd: { xs: 'space050', sm: 'space060', md: 'space080' },
+            },
+            introductionCell: {
+                order: { xs: 1 },
+            },
+            imageCell: {
+                order: { xs: 0 },
+            },
+            showDivider: false,
+        },
+        buttonGroupProps: undefined,
+    },
+    previousSubscription: {
+        disableBanner: false,
+        header: {
+            title: 'You’ve previously had a subscription that has now expired',
+            titleOverrides: {
+                stylePreset: 'inkContrast',
+                marginBlockEnd: {
+                    xs: 'space040',
+                    sm: 'space050',
+                },
+                as: 'h1',
+            },
+            description: 'On ${serviceCancellationDate} your ${subscriptionName} subscription expired. You can re-subscribe by confirming a few details or view other packages that are available.',
+            descriptionOverrides: {
+                typographyPreset: { xs: 'utilityBody020', sm: 'utilityBody030' },
+                stylePreset: 'inkBase',
+                marginBlockEnd: {
+                    xs: 'space050',
+                    sm: 'space060',
+                },
+            },
+            image: {
+                src: '/assets/previous-subscription.svg',
+                marginBlockEnd: { xs: 'space050', sm: 'space060', md: 'space080' },
+            },
+            introductionCell: {
+                order: { xs: 1 },
+            },
+            imageCell: {
+                order: { xs: 0 },
+            },
+            showDivider: false,
+        },
+        buttonGroupProps: {
+            keepFixed: false,
+            stylePreset: 'buttonGroupSm',
+            secondaryButton: {
+                text: 'View subscription options',
+                ariaLabel: 'View subscription options',
+                href: '/title-subscription-options',
+                overrides: {
+                    stylePreset: 'buttonMinimalSecondary',
+                    minWidth: { xs: '100%', sm: 'sizing110' },
+                },
+            },
+            primaryButton: {
+                text: 'Re-subscribe',
+                ariaLabel: 'Re-subscribe',
+                href: '/title-re-subscribe',
+                overrides: {
+                    stylePreset: 'buttonSolidPrimary',
+                    minWidth: { xs: '100%', sm: 'sizing110' },
+                },
+            },
+        },
+    },
+    freeSubscription: {
+        header: {
+            title: 'There are no payment details associated with this type of account',
+            titleOverrides: {
+                stylePreset: 'inkContrast',
+                typographyPreset: 'editorialHeadline050',
+                marginBlockEnd: {
+                    xs: 'space040',
+                    sm: 'space050',
+                },
+                as: 'h1',
+            },
+        },
+    },
+    errorMessages: {
+        'delivery-instructions': {
+            success: 'Your delivery instructions were succesfully updated. This may take up to 48hrs to come into effect.',
+        },
+    },
+};
+//# sourceMappingURL=SubscriptionAndBillingSunContext.js.map

package/dist/cjs/pages/SubscriptionAndBilling/SubscriptionAndBillingSunContext.js.map

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

package/dist/cjs/pages/SubscriptionAndBilling/index.d.ts

@@ -1,2 +1,3 @@
 export * from './SubscriptionAndBilling';
 export * from './SubscriptionAndBillingContext';
+export * from './SubscriptionAndBillingSunContext';

package/dist/cjs/pages/SubscriptionAndBilling/index.js

@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./SubscriptionAndBilling"), exports);
 __exportStar(require("./SubscriptionAndBillingContext"), exports);
+__exportStar(require("./SubscriptionAndBillingSunContext"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/pages/SubscriptionAndBilling/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/SubscriptionAndBilling/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAwC;AACxC,kEAA+C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/SubscriptionAndBilling/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAwC;AACxC,kEAA+C;AAC/C,qEAAkD"}

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

@@ -44,11 +44,22 @@ var shared_components_1 = require("@newskit-render/shared-components");
 var Templates_1 = __importStar(require("../../Components/Templates"));
 var types_1 = require("../../context/types");
 var UserHubContext_1 = require("./UserHubContext");
+var hooks_1 = require("../../hooks");
+var toastFunctions_1 = require("../../helpers/toastFunctions");
+var shared_components_2 = require("@newskit-render/shared-components");
 var UserHub = function (_a) {
-    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, user = _a.user, env = _a.env, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags, _b = _a.footer, footer = _b === void 0 ? true : _b, _c = _a.sidebar, sidebar = _c === void 0 ? true : _c;
+    var _b;
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, user = _a.user, env = _a.env, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags, _c = _a.footer, footer = _c === void 0 ? true : _c, _d = _a.sidebar, sidebar = _d === void 0 ? true : _d;
     var contextName = types_1.ContextName.userHubPage;
-    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, UserHubContext_1.userHubContext, context)), { userData: user, env: env, featureFlags: featureFlags, requestHeaders: requestHeaders });
-    return (react_1.default.createElement(Templates_1.default, { sidebar: sidebar, footer: footer, context: enhancedContext, customTheme: customTheme || shared_components_1.sharedTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
+    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, __assign({}, UserHubContext_1.userHubContext), context)), { userData: user, env: env, featureFlags: featureFlags, requestHeaders: requestHeaders });
+    var withActions = __assign(__assign({}, enhancedContext), { sections: __assign(__assign({}, enhancedContext.sections), (((_b = enhancedContext.sections) === null || _b === void 0 ? void 0 : _b.newsletters)
+            ? {
+                newsletters: __assign(__assign({}, enhancedContext.sections.newsletters), { newslettersListProps: __assign(__assign({}, enhancedContext.sections.newsletters.newslettersListProps), { handleError: toastFunctions_1.handleError, handleLoading: toastFunctions_1.handleLoading, handleShowSuccess: toastFunctions_1.handleShowSuccess }) }),
+            }
+            : {})) });
+    (0, hooks_1.useSuccessToast)(withActions);
+    (0, shared_components_2.usePageViewTracking)(enhancedContext === null || enhancedContext === void 0 ? void 0 : enhancedContext.tealiumContext);
+    return (react_1.default.createElement(Templates_1.default, { sidebar: sidebar, footer: footer, context: withActions, customTheme: customTheme || shared_components_1.sharedTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
         react_1.default.createElement(Templates_1.UserHubRender, null)));
 };
 exports.UserHub = UserHub;

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

@@ -1 +1 @@
-{"version":3,"file":"UserHub.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHub.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,uEAA+E;AAC/E,sEAAkE;AAElE,6CAAiD;AAEjD,mDAAiD;AAE1C,IAAM,OAAO,GAA2B,UAAC,EAU/C;QATC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAEd,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IAC3C,IAAM,eAAe,yBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,+BAAc,EAAE,OAAO,CAAC,KACtC,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,YAAY,cAAA,EACZ,cAAc,gBAAA,GACf,CAAA;IAED,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,IAAI,+BAAY,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW;QAExB,8BAAC,yBAAa,OAAG,CACV,CACV,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,OAAO,WAgCnB"}
+{"version":3,"file":"UserHub.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHub.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,uEAA+E;AAC/E,sEAAkE;AAElE,6CAAiD;AAEjD,mDAAiD;AACjD,qCAA6C;AAC7C,+DAIqC;AACrC,uEAAuE;AAEhE,IAAM,OAAO,GAA2B,UAAC,EAU/C;;QATC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAEd,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IAE3C,IAAM,eAAe,yBAChB,IAAA,uBAAM,EACP,EAAE,eAEG,+BAAc,GAEnB,OAAO,CACR,KACD,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,YAAY,cAAA,EACZ,cAAc,gBAAA,GACf,CAAA;IAED,IAAM,WAAW,yBACZ,eAAe,KAClB,QAAQ,wBACH,eAAe,CAAC,QAAQ,GACxB,CAAC,CAAA,MAAA,eAAe,CAAC,QAAQ,0CAAE,WAAW;YACvC,CAAC,CAAC;gBACE,WAAW,wBACN,eAAe,CAAC,QAAQ,CAAC,WAAW,KACvC,oBAAoB,wBACf,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC,oBAAoB,KAC5D,WAAW,8BAAA,EACX,aAAa,gCAAA,EACb,iBAAiB,oCAAA,MAEpB;aACF;YACH,CAAC,CAAC,EAAE,CAAC,IAEV,CAAA;IACD,IAAA,uBAAe,EAAC,WAAW,CAAC,CAAA;IAC5B,IAAA,uCAAmB,EAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,cAAc,CAAC,CAAA;IAEpD,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,IAAI,+BAAY,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW;QAExB,8BAAC,yBAAa,OAAG,CACV,CACV,CAAA;AACH,CAAC,CAAA;AA7DY,QAAA,OAAO,WA6DnB"}

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

@@ -1,4 +1,15 @@
 "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 };
 };
@@ -6,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.userHubContext = void 0;
 var react_1 = __importDefault(require("react"));
 var newskit_1 = require("newskit");
+var types_1 = require("../../context/types");
 var context_1 = require("../../context");
 var ChevronRight_1 = require("@emotion-icons/material/ChevronRight");
 var CreditCard_1 = require("@emotion-icons/material/CreditCard");
@@ -13,12 +25,15 @@ 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 Newsletters_1 = require("../../pages/Newsletters");
+var shared_components_1 = require("@newskit-render/shared-components");
 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);
+var pageName = 'homepage';
 exports.userHubContext = {
     sections: {
         quickLinks: {
@@ -45,6 +60,7 @@ exports.userHubContext = {
             },
             items: [
                 {
+                    ariaLabel: 'update payment method',
                     label: 'Payment method',
                     titleIcon: (react_1.default.createElement(IconFilledCreditCard, { overrides: {
                             size: 'iconSize020',
@@ -54,8 +70,15 @@ exports.userHubContext = {
                     href: '/payment-methods',
                     linkIcon: (react_1.default.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
                     id: 'payment-details-tile',
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'update payment method clicked',
+                        event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                        page_name: pageName,
+                    },
                 },
                 {
+                    ariaLabel: 'change your password',
                     label: 'Password',
                     titleIcon: (react_1.default.createElement(IconOutlinedLock, { overrides: {
                             size: 'iconSize020',
@@ -68,6 +91,12 @@ exports.userHubContext = {
                             stylePreset: 'inkBlack',
                         } })),
                     id: 'change-password-tile',
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'update password clicked',
+                        event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                        page_name: pageName,
+                    },
                 },
             ],
         },
@@ -95,6 +124,7 @@ exports.userHubContext = {
             },
             items: [
                 {
+                    ariaLabel: 'looking for help',
                     label: 'Looking for help?',
                     titleIcon: (react_1.default.createElement(IconHelpOutline, { overrides: {
                             size: 'iconSize020',
@@ -104,6 +134,12 @@ exports.userHubContext = {
                     href: '/help',
                     linkIcon: (react_1.default.createElement(IconLaunch, { overrides: { size: 'iconSize010', stylePreset: 'inkBlack' } })),
                     id: 'help-hub-tile',
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'looking for help',
+                        event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                        page_name: pageName,
+                    },
                 },
                 {
                     itemOverrides: {
@@ -114,33 +150,98 @@ exports.userHubContext = {
                             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.',
+                    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: '.',
-                            },
-                        ],
+                        dataTestId: 'footer-text',
+                        content: (react_1.default.createElement(react_1.default.Fragment, null,
+                            "For any more support",
+                            ' ',
+                            react_1.default.createElement(shared_components_1.NextLink, { "data-testid": "newsletters-hub-link", href: "/newsletters", external: false, type: "standalone" }, "contact us"),
+                            ".")),
                     },
                     id: 'contact-us-tile',
                 },
             ],
         },
+        newsletters: {
+            'data-testid': 'my-newsletters',
+            header: {
+                title: 'My Newsletters',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
+                descriptionAsElement: (react_1.default.createElement(react_1.default.Fragment, null,
+                    "Never miss an update with our newsletters. Find a broader range of topics in",
+                    ' ',
+                    react_1.default.createElement(shared_components_1.NextLink, { "data-testid": "newsletters-hub-link", href: "/newsletters", external: false, type: "standalone" }, "Newsletters"),
+                    ".")),
+                descriptionOverrides: {
+                    marginBlockEnd: 'space050',
+                    typographyPreset: 'utilityBody020',
+                },
+            },
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
+            },
+            newslettersListProps: __assign(__assign({ tealiumContext: {
+                    originator: 'link',
+                    context: { page_name: pageName },
+                }, userHubNewslettersIds: {
+                    default: [
+                        types_1.NewsletterNameId.Books,
+                        types_1.NewsletterNameId.Fashion,
+                        types_1.NewsletterNameId.Politics,
+                        types_1.NewsletterNameId.TV,
+                    ],
+                    registered: [
+                        types_1.NewsletterNameId['Weekly Briefing'],
+                        types_1.NewsletterNameId.Parenting,
+                        types_1.NewsletterNameId.Luxury,
+                        types_1.NewsletterNameId.Property,
+                    ],
+                    full: [
+                        types_1.NewsletterNameId['Times+'],
+                        types_1.NewsletterNameId.Books,
+                        types_1.NewsletterNameId.Fashion,
+                        types_1.NewsletterNameId.Politics,
+                    ],
+                } }, Newsletters_1.newslettersListContext), { cardOverrides: __assign(__assign({}, Newsletters_1.newslettersListContext.cardOverrides), { maxWidth: {
+                        xl: 'none',
+                    } }), gridLayoutOverrides: {
+                    columns: {
+                        xs: '1fr ',
+                        sm: '1fr ',
+                        md: '1fr 1fr',
+                        lg: '1fr 1fr',
+                        xl: '1fr 1fr ',
+                    },
+                    columnGap: '15px',
+                    autoFlow: 'row',
+                    rowGap: '15px',
+                } }),
+        },
     },
     footer: context_1.footer,
     sideNav: context_1.sideNav,
     navigationPrimary: context_1.navigationPrimary,
+    genericErrorMessage: {
+        pending: 'Updating your ${field}...',
+        error: "Sorry, we're unable to save your ${field} right now. Please try again or come back later.",
+        success: 'Your ${field} has been updated.',
+    },
 };
 //# sourceMappingURL=UserHubContext.js.map