@newskit-render/my-account 0.0.0-e67c7c42 → 0.0.0-e74abe310

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

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

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

@@ -1,3 +1,4 @@
 export * from './SubscriptionAndBilling';
 export * from './SubscriptionAndBillingContext';
+export * from './SubscriptionAndBillingSunContext';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/SubscriptionAndBilling/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/SubscriptionAndBilling/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,oCAAoC,CAAA"}

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

@@ -15,11 +15,22 @@ import { sharedTheme as accountTheme } from '@newskit-render/shared-components';
 import Layout, { UserHubRender } from '../../Components/Templates';
 import { ContextName } from '../../context/types';
 import { userHubContext } from './UserHubContext';
+import { useSuccessToast } from '../../hooks';
+import { handleError, handleLoading, handleShowSuccess, } from '../../helpers/toastFunctions';
+import { usePageViewTracking } from '@newskit-render/shared-components';
 export 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 = ContextName.userHubPage;
-    var enhancedContext = __assign(__assign({}, assign({}, userHubContext, context)), { userData: user, env: env, featureFlags: featureFlags, requestHeaders: requestHeaders });
-    return (React.createElement(Layout, { sidebar: sidebar, footer: footer, context: enhancedContext, customTheme: customTheme || accountTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
+    var enhancedContext = __assign(__assign({}, assign({}, __assign({}, 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: handleError, handleLoading: handleLoading, handleShowSuccess: handleShowSuccess }) }),
+            }
+            : {})) });
+    useSuccessToast(withActions);
+    usePageViewTracking(enhancedContext === null || enhancedContext === void 0 ? void 0 : enhancedContext.tealiumContext);
+    return (React.createElement(Layout, { sidebar: sidebar, footer: footer, context: withActions, customTheme: customTheme || accountTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
         React.createElement(UserHubRender, null)));
 };
 //# sourceMappingURL=UserHub.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserHub.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHub.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,CAAC,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,WAAW,CAAC,WAAW,CAAA;IAC3C,IAAM,eAAe,yBAChB,MAAM,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,KACtC,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,YAAY,cAAA,EACZ,cAAc,gBAAA,GACf,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,IAAI,YAAY,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW;QAExB,oBAAC,aAAa,OAAG,CACV,CACV,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"UserHub.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHub.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,GAClB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAEvE,MAAM,CAAC,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,WAAW,CAAC,WAAW,CAAA;IAE3C,IAAM,eAAe,yBAChB,MAAM,CACP,EAAE,eAEG,cAAc,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,aAAA,EACX,aAAa,eAAA,EACb,iBAAiB,mBAAA,MAEpB;aACF;YACH,CAAC,CAAC,EAAE,CAAC,IAEV,CAAA;IACD,eAAe,CAAC,WAAW,CAAC,CAAA;IAC5B,mBAAmB,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,cAAc,CAAC,CAAA;IAEpD,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,IAAI,YAAY,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW;QAExB,oBAAC,aAAa,OAAG,CACV,CACV,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,62 +1,247 @@
+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 { EventTrigger, toNewsKitIcon } from 'newskit';
+import { NewsletterNameId } from '../../context/types';
 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';
+import { ChatBubbleOutline } from '@emotion-icons/material/ChatBubbleOutline';
+import { Launch } from '@emotion-icons/material/Launch';
+import { HelpOutline } from '@emotion-icons/material/HelpOutline';
+import { newslettersListContext } from '../../pages/Newsletters';
+import { NextLink } from '@newskit-render/shared-components';
+var IconOutlinedLock = toNewsKitIcon(OutlinedLock);
+var IconFilledCreditCard = toNewsKitIcon(FilledCreditCard);
+var IconFilledChevronRight = toNewsKitIcon(FilledChevronRight);
+var IconChatBubbleOutline = toNewsKitIcon(ChatBubbleOutline);
+var IconHelpOutline = toNewsKitIcon(HelpOutline);
+var IconLaunch = toNewsKitIcon(Launch);
+var pageName = 'homepage';
 export var userHubContext = {
-    head: {
-        pageTitle: title,
-    },
-    header: {
-        title: title,
-        titleOverrides: {
-            marginBlockEnd: {
-                xs: 'space060',
+    sections: {
+        quickLinks: {
+            dataTestId: 'quick-links',
+            layoutType: 'list',
+            header: {
+                title: 'Quick Links',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
             },
-            typographyPreset: {
-                xs: 'editorialHeadline040',
-                sm: 'editorialHeadline050',
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
             },
+            items: [
+                {
+                    ariaLabel: 'update payment method',
+                    title: 'Payment method',
+                    componentType: 'list',
+                    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',
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'update payment method clicked',
+                        event_navigation_browsing_method: EventTrigger.Click,
+                        page_name: pageName,
+                    },
+                },
+                {
+                    ariaLabel: 'change your password',
+                    title: 'Password',
+                    componentType: 'list',
+                    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',
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'update password clicked',
+                        event_navigation_browsing_method: EventTrigger.Click,
+                        page_name: pageName,
+                    },
+                },
+            ],
         },
-        description: 'Placeholder description',
-        descriptionOverrides: {
-            marginBlockEnd: {
-                xs: 'space000',
-                sm: 'space000',
-                md: 'space000',
+        helpAndSupport: {
+            dataTestId: 'help-and-support',
+            layoutType: 'list',
+            header: {
+                title: 'Help & Support',
+                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%',
+                },
             },
+            items: [
+                {
+                    componentType: 'list',
+                    ariaLabel: 'looking for help',
+                    title: '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',
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'looking for help',
+                        event_navigation_browsing_method: EventTrigger.Click,
+                        page_name: pageName,
+                    },
+                },
+                {
+                    componentType: 'list',
+                    itemOverrides: {
+                        column: '1/-1',
+                    },
+                    title: '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: {
+                        dataTestId: 'footer-text',
+                        content: (React.createElement(React.Fragment, null,
+                            "For any more support",
+                            ' ',
+                            React.createElement(NextLink, { "data-testid": "newsletters-hub-link", href: "/newsletters", external: false, type: "standalone" }, "contact us"),
+                            ".")),
+                    },
+                    id: 'contact-us-tile',
+                },
+            ],
         },
-        showDivider: false,
-        marginBlockEnd: {
-            xs: 'space080',
-            sm: 'space080',
+        newsletters: {
+            'data-testid': 'my-newsletters',
+            header: {
+                title: 'My Newsletters',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
+                descriptionAsElement: (React.createElement(React.Fragment, null,
+                    "Never miss an update with our newsletters. Find a broader range of topics in",
+                    ' ',
+                    React.createElement(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: [
+                        NewsletterNameId.Books,
+                        NewsletterNameId.Fashion,
+                        NewsletterNameId.Politics,
+                        NewsletterNameId.TV,
+                    ],
+                    registered: [
+                        NewsletterNameId['Weekly Briefing'],
+                        NewsletterNameId.Parenting,
+                        NewsletterNameId.Luxury,
+                        NewsletterNameId.Property,
+                    ],
+                    full: [
+                        NewsletterNameId['Times+'],
+                        NewsletterNameId.Books,
+                        NewsletterNameId.Fashion,
+                        NewsletterNameId.Politics,
+                    ],
+                } }, newslettersListContext), { cardOverrides: __assign(__assign({}, 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',
+                } }),
         },
     },
-    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,
+    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

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":"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"}

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

@@ -64,16 +64,23 @@ export interface Address {
     city: string | null;
     postcode: string | null;
 }
+export interface ContractPhase {
+    type: 'Cooling Off' | 'Contract' | 'Rolling';
+    active: boolean;
+    currentPhase: 'Yes' | 'No';
+}
 export interface Subscriptions {
     billingDetails: {
         zipCode: string;
         nextBillCycleDate: string;
+        nextBillAmount: number;
+        available: boolean;
         paymentMethod: {
             cardNumber: string | null;
             cardType: string | null;
             expirationMonth: number | null;
             expirationYear: number | null;
-            type: string;
+            type: string | null;
         };
     };
     products: {
@@ -83,8 +90,9 @@ export interface Subscriptions {
     }[];
     proposition?: {
         groupAccountType: null | string;
+        code: string;
     };
-    features?: {
+    featureDecisions?: {
         outcome: string;
     }[];
     cpn: string;
@@ -98,10 +106,13 @@ export interface Subscriptions {
     type: string;
     packName: string;
     deliveryInformation: string;
-    nextVoucherBookletDueDate?: string;
+    fulfilmentPeriodStartDate?: string;
     nextVoucherInsGenerationDate?: string;
     dtc?: boolean;
     propositionCode: string | null;
+    isVoucher: boolean;
+    freeOfCharge: boolean;
+    phases?: ContractPhase[];
 }
 export interface HolidayStop {
     id: string;
@@ -123,6 +134,7 @@ export interface NewsletterDetails {
     thirdPartyId: string;
     customerId: string;
     isSubscribed: boolean;
+    imageUrl: string;
 }
 export interface MemberShare {
     email: string;
@@ -132,11 +144,38 @@ export interface MemberShare {
     cpn?: string;
     firstName?: string;
     lastName?: string;
+    shareableLink?: string;
+    sharingType?: 'SHARE_VIA_EMAIL' | 'SHARE_VIA_LINK';
 }
 export interface GroupAccount {
     maxShares: number;
     shares: MemberShare[];
 }
+export interface GroupAccountV2 {
+    product: {
+        id: string;
+        label: string | null;
+    };
+    ownedShares: {
+        maxShares: number;
+        shares: {
+            id: string;
+            status: FamilyMemberStatusTypes;
+            createdAt: string;
+            sharedWithUser: {
+                cpn?: string;
+                email: string;
+                firstName?: string;
+                lastName?: string;
+            };
+        }[];
+    };
+}
+export interface GroupAccountV2Raw {
+    user: {
+        groupAccountsV2: GroupAccountV2[];
+    };
+}
 export interface BadDebt {
     hasBadDebt: boolean;
     outstandingBalance: string;
@@ -165,6 +204,7 @@ export interface UserData {
     firstName: string;
     lastName: string;
     cpn: string;
+    gender?: string;
     email: string;
     hash: string;
     mobile: string;
@@ -178,18 +218,34 @@ export interface UserData {
     holidayStops?: HolidayStop[];
     newsletters?: NewsletterDetails[];
     groupAccounts?: GroupAccount[];
+    groupAccountsV2?: GroupAccountV2[];
     isUserFamilyAccountPrimary?: boolean;
     isUserFamilyAccountSecondary?: boolean;
     invoiceHistory?: InvoiceHistory;
+    entitlements?: UserEntitlements[];
+    userCapabilities?: UserCapabilitiesDecisions;
 }
-export type PersonalDetailsUserData = Pick<UserData, 'firstName' | 'lastName' | 'mobile' | 'phoneNumber' | 'dateOfBirth' | 'subscriptions' | 'displayName' | 'address' | 'cpn'>;
+export type UserEntitlements = 'The Times Metered Access with 3 Articles a Month' | 'The Times Session Monitoring Feature' | 'The Times Site Product' | 'The Times Apple Podcast Product' | 'Email Bulletins Product' | 'The Sunday Times iPhone app product' | 'The Sunday Times Site Product ONLY' | 'The Times Group Account Feature' | 'The Sunday Times Mobi Product' | 'The Sunday Times iPad app product' | 'e-paper Product' | 'Daily Crossword Product' | 'saving' | 'The Sunday Times Site Product' | 'Sharing' | 'The Times Mobi Product' | 'The Times iPad app Product' | 'Digital Subscription Product' | 'commenting' | 'The Times iPhone app product' | 'Times+ membership benefits Product' | 'The Times Site Product ONLY' | 'Times Literary Supplement Digital Free' | 'The Times Metered Access 30 Articles Per Month' | 'Times Sports App' | 'The Times EPL Video Product';
+export type EntitlementsMap = {
+    [name: string]: UserEntitlements[];
+};
+export type PersonalDetailsUserData = Pick<UserData, 'firstName' | 'lastName' | 'mobile' | 'phoneNumber' | 'dateOfBirth' | 'subscriptions' | 'displayName' | 'address' | 'cpn' | 'gender'>;
 export type SubscriptionAndBillingUserData = Pick<UserData, 'cpn' | 'subscriptions' | 'paymentFailure' | 'badDebt'>;
 export type HolidayStopUserData = Pick<UserData, 'holidayStops' | 'subscriptions'>;
 export type NewslettersAndAlertsUserData = Pick<UserData, 'email' | 'hash'>;
 export type OutstandingBalanceUserData = Pick<UserData, 'subscriptions' | 'paymentFailure' | 'badDebt'>;
-export type NewslettersListUserData = Pick<UserData, 'newsletters'>;
+export type UserCapabilitiesDecisions = {
+    isRegisteredUser?: boolean;
+    showPayment?: boolean;
+    basicPack?: boolean;
+    lightPack?: boolean;
+    registered?: boolean;
+} & {
+    [x: string]: boolean;
+};
+export type NewslettersListUserData = Pick<UserData, 'newsletters' | 'entitlements'> & UserCapabilitiesDecisions;
 export type GroupAccountsUserData = Pick<UserData, 'groupAccounts'>;
-export type UserHubUserData = Pick<UserData, 'firstName' | 'lastName' | 'mobile' | 'phoneNumber' | 'dateOfBirth' | 'subscriptions' | 'displayName' | 'address' | 'cpn'>;
+export type UserHubUserData = Pick<UserData, 'firstName' | 'lastName' | 'mobile' | 'phoneNumber' | 'dateOfBirth' | 'subscriptions' | 'displayName' | 'address' | 'cpn' | 'entitlements'>;
 export type PaymentUserData = {
     isPaymentUser?: boolean;
     subscriptions: Partial<Subscriptions>[];
@@ -204,12 +260,12 @@ export interface BasePageProps {
     context?: Partial<ContextOptions>;
     env?: Record<string, unknown>;
     requestHeaders?: RequestHeaders;
-    featureFlags?: Record<string, any>;
+    featureFlags?: Record<string, boolean>;
     footer?: boolean;
     sidebar?: boolean;
 }
 export interface BasePagePropsWithValidation extends BasePageProps {
-    validation?: Record<string, any>;
+    validation?: Record<string, unknown>;
 }
 export interface PersonalDetailsProps extends BasePageProps {
     user: PersonalDetailsUserData;
@@ -238,6 +294,11 @@ export interface NewslettersProps extends BasePageProps {
 export interface GroupAccountsProps extends BasePageProps {
     user: GroupAccountsUserData;
 }
+export interface UserMpCode {
+    user: {
+        subscriptions: Subscriptions[];
+    };
+}
 export interface UserHubProps extends BasePageProps {
     user: UserHubUserData;
 }
@@ -267,6 +328,7 @@ export interface PaymentProps extends BasePagePropsWithValidation {
 export interface EditFieldProps extends BasePagePropsWithValidation {
     data: EditFieldDataProps;
     user: PaymentUserData;
+    isTNLMobileApp?: boolean;
 }
 export interface AddFieldProps extends BasePagePropsWithValidation {
     data: AddFieldDataProps;
@@ -283,3 +345,18 @@ export interface PaymentMethodsProps extends BasePageProps {
     user: SubscriptionAndBillingUserData;
 }
 export type AccountDeletionProps = BasePageProps;
+declare global {
+    interface Window {
+        Android?: {
+            shareContent?: (url: string, text: string) => void;
+            stepUpAuthRequired?: (goBackUrl: string) => void;
+        };
+        webkit?: {
+            messageHandlers: {
+                stepUpAuthRequired?: {
+                    postMessage: (goBackUrl: string) => void;
+                };
+            };
+        };
+    }
+}