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

package/dist/esm/context/index.js

@@ -1,16 +1,5 @@
-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 _a;
-import React, { createContext, useContext, useState } from 'react';
+import React, { createContext, useContext } from 'react';
 import merge from 'lodash.merge';
 import { ContextName, } from './types';
 import { baseContext, footer, navigationPrimary, sideNav } from './baseContext';
@@ -23,6 +12,7 @@ var contextMap = (_a = {},
     _a[ContextName.payment] = createContext(null),
     _a[ContextName.editField] = createContext(null),
     _a[ContextName.cancellation] = createContext(null),
+    _a[ContextName.CancellationStepper] = createContext(null),
     _a[ContextName.error] = createContext(null),
     _a[ContextName.addField] = createContext(null),
     _a[ContextName.paymentMethods] = createContext(null),
@@ -36,13 +26,9 @@ var contextMap = (_a = {},
     _a);
 export var AccountContextProvider = function (_a) {
     var context = _a.context, children = _a.children, contextName = _a.contextName;
-    var _b = useState(merge({}, baseContext, context)), accountData = _b[0], setAccountData = _b[1];
+    var c = merge({}, baseContext, context);
     var AccountContext = contextMap[contextName];
-    var updateAccountData = function (newData) {
-        setAccountData(function (prevData) { return (__assign(__assign({}, prevData), newData)); });
-    };
-    var contextValue = __assign(__assign({}, accountData), { updateAccountData: updateAccountData });
-    return (React.createElement(AccountContext.Provider, { value: contextValue }, children));
+    return React.createElement(AccountContext.Provider, { value: c }, children);
 };
 export var useAccountContext = function (contextName) {
     return useContext(contextMap[contextName]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAW,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,EAQL,WAAW,GAUZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/E,IAAM,UAAU;IACd,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,oBAAoB,IAC/B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,SAAS,IACpB,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,OAAO,IAAG,aAAa,CAAmC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,SAAS,IAAG,aAAa,CAAiC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,YAAY,IAAG,aAAa,CACvC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,KAAK,IAAG,aAAa,CAA4B,IAAI,CAAC;IACnE,GAAC,WAAW,CAAC,QAAQ,IAAG,aAAa,CAA+B,IAAI,CAAC;IACzE,GAAC,WAAW,CAAC,cAAc,IACzB,aAAa,CAAsC,IAAI,CAAC;IAC1D,GAAC,WAAW,CAAC,cAAc,CAAC,IAC1B,aAAa,CAAmC,IAAI,CAAC;IACvD,GAAC,WAAW,CAAC,aAAa,CAAC,IAAG,aAAa,CACzC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAAuC,IAAI,CAAC;IAC3D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,MAAM,IAAG,aAAa,CAA8B,IAAI,CAAC;IACtE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CAA+B,IAAI,CAAC;OAC7E,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEL,IAAA,KAAgC,QAAQ,CAC5C,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAChC,EAFM,WAAW,QAAA,EAAE,cAAc,QAEjC,CAAA;IACD,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,IAAM,iBAAiB,GAAG,UAAC,OAAO;QAChC,cAAc,CAAC,UAAC,QAAQ,IAAK,OAAA,uBAAM,QAAQ,GAAK,OAAO,EAAG,EAA7B,CAA6B,CAAC,CAAA;IAC7D,CAAC,CAAA;IAED,IAAM,YAAY,yBACb,WAAW,KACd,iBAAiB,mBAAA,GAClB,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IACzC,QAAQ,CACe,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,UAAU,CAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AAEhE,OAAO,EAOL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GASR,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAW,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,EASL,WAAW,GAaZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/E,IAAM,UAAU;IACd,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,oBAAoB,IAC/B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,SAAS,IACpB,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,OAAO,IAAG,aAAa,CAAmC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,SAAS,IAAG,aAAa,CAAiC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,YAAY,IAAG,aAAa,CACvC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,mBAAmB,IAC9B,aAAa,CAA2C,IAAI,CAAC;IAC/D,GAAC,WAAW,CAAC,KAAK,IAAG,aAAa,CAA4B,IAAI,CAAC;IACnE,GAAC,WAAW,CAAC,QAAQ,IAAG,aAAa,CAA+B,IAAI,CAAC;IACzE,GAAC,WAAW,CAAC,cAAc,IACzB,aAAa,CAAsC,IAAI,CAAC;IAC1D,GAAC,WAAW,CAAC,cAAc,CAAC,IAC1B,aAAa,CAAmC,IAAI,CAAC;IACvD,GAAC,WAAW,CAAC,aAAa,CAAC,IAAG,aAAa,CACzC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAAuC,IAAI,CAAC;IAC3D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,MAAM,IAAG,aAAa,CAA8B,IAAI,CAAC;IACtE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CAA+B,IAAI,CAAC;OAC7E,CAAA;AAID,MAAM,CAAC,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,UAAU,CAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AAEhE,OAAO,EAQL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAaR,CAAA"}

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { NavigationSecondaryInterface, NavigationSecondarySelected, NavigationSecondaryOverrides } from '../Components/Sections/NavigationSecondary';
 import { ContentContainerProps } from '../Components/Sections/ContentContainer';
-import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, PastDueBannerType, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps, TealiumEventContext } from '@newskit-render/shared-components';
-import { MQ, InlineMessageProps, NewsKitIcon, InstrumentationEvent, EventContext } from 'newskit';
+import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, PastDueBannerType, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps, TealiumEventContext, EventContext, ContentContainerProps as SharedContentContainerProps } from '@newskit-render/shared-components';
+import { MQ, InlineMessageProps, NewsKitIcon, InstrumentationEvent, StackProps, BaseFlagOverrides, NewsKitIconProps } from 'newskit';
 import { HeadProps } from '../Components/Elements/Head';
 import { UserData, Data } from '../pages/types';
 import { PaymentProvider, ZuoraCustomErrorMessages, ZuoraPaymentPageData } from '../Components/Sections/Form/Payment';
@@ -10,7 +10,7 @@ import { MessageMap, GenericMessageMap } from '../Components/Elements/Toast';
 import { CommentingNotificationsProps } from '../Components/Sections/Form/CommentingNotifications';
 import { CancellationReasonProps } from '../Components/Sections/Form/CancellationReason';
 import { ConfirmCancellationProps } from '../Components/Sections/Form/ConfirmCancellation';
-import { SubscriptionStatusProps } from '../Components/Sections/NoSubscription';
+import { SubscriptionStatusProps, SunNoSubscriptionProps } from '../Components/Sections/NoSubscription';
 import { DeliveryInstructionsProps } from '../Components/Sections/Form/DeliveryInstructions';
 import { HolidayStopProps } from '../Components/Sections/Form/HolidayStop';
 import { VouchersProps } from '../Components/Sections/Form/Vouchers';
@@ -18,13 +18,20 @@ 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 { UserHubItemProps } from '../Components/Elements/UserHubListItem';
+import { CancelSubscriptionProps } from 'Components/Sections/CancelSubscription';
+import { HandleCardClick, StepController } from '../Components/Templates/CancellationStepperRender';
+import { GridLayoutProps } from 'Components/SharedTypes/GridLayoutProps';
+import { CancelSubscriptionDowngradeProps } from '../Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade';
+import { ConfirmCancellationStepProps } from '../Components/Sections/ConfirmCancellation/ConfirmCancellation';
+import { CancellationDetailsContextProps } from '../Components/Sections/CancellationDetails';
 interface InfoPanel extends InlineMessageProps {
     infoPanelCells?: MQ<number>;
     href?: boolean;
     useInlineMessageComponent?: boolean;
 }
 interface FormProps {
+    baseUrl?: string;
     text?: string[];
     textOverriders?: {
         stylePreset?: MQ<string>;
@@ -40,6 +47,7 @@ interface FormProps {
     infoPanel?: InfoPanel;
 }
 interface FormContext {
+    baseUrl?: string;
     header?: HeaderProps;
     props?: FormProps;
     tealiumContext?: TealiumEventContext;
@@ -49,6 +57,7 @@ interface FormContext {
     };
 }
 interface PasswordContext {
+    baseUrl?: string;
     header?: HeaderProps;
     props?: FormProps & {
         resendButtonGroupProps?: Partial<ButtonGroupProps>;
@@ -56,6 +65,7 @@ interface PasswordContext {
     tealiumContext?: TealiumEventContext;
 }
 interface AddressFormContext {
+    baseUrl?: string;
     header?: HeaderProps;
     props?: FormProps & {
         fullAddressInput?: InputText;
@@ -80,26 +90,31 @@ interface AddressFormContext {
     tealiumContext?: TealiumEventContext;
 }
 interface VoucherFormContext {
+    baseUrl?: string;
     header?: HeadProps;
     props?: VouchersProps;
     tealiumContext?: TealiumEventContext;
 }
 interface CancellationContext {
+    baseUrl?: string;
     header?: HeaderProps;
     props?: CancellationReasonProps | ConfirmCancellationProps;
     tealiumContext?: TealiumEventContext;
 }
 interface CommentingNotificationsContext {
+    baseUrl?: string;
     header?: HeaderProps;
     props?: CommentingNotificationsProps;
     tealiumContext?: TealiumEventContext;
 }
 interface DeliveryInstructionsContext {
+    baseUrl?: string;
     header?: HeaderProps;
     props?: DeliveryInstructionsProps;
     tealiumContext?: TealiumEventContext;
 }
 interface HolidayStopContext {
+    baseUrl?: string;
     header?: HeaderProps;
     props?: HolidayStopProps;
     tealiumContext?: TealiumEventContext;
@@ -145,7 +160,8 @@ export declare enum ContextName {
     'accountDeletion' = "accountDeletion",
     'confirmAccountDeletion' = "confirmAccountDeletion",
     'family' = "family",
-    'userHubPage' = "userHubPage"
+    'userHubPage' = "userHubPage",
+    'CancellationStepper' = "CancellationStepper"
 }
 export interface BaseContextOptions {
     navigationPrimary: NavigationPrimaryProps;
@@ -156,12 +172,10 @@ export interface BaseContextOptions {
     env?: Record<string, unknown>;
     footer?: FooterContext;
     requestHeaders?: RequestHeaders;
-    featureFlags?: Record<string, any>;
+    featureFlags?: Record<string, boolean>;
     infoBanner?: InfoBannerProps;
 }
-interface BaseContextOptionsWithUserData extends BaseContextOptions {
-    userData: UserData;
-    env: Record<string, unknown>;
+export interface BaseFormActions {
     errorMessages?: MessageMap;
     genericErrorMessage?: GenericMessageMap;
     handleError: (type: string, messageMap?: MessageMap, genericMessageMap?: GenericMessageMap, message?: string, autoHideDuration?: number) => void;
@@ -169,11 +183,16 @@ interface BaseContextOptionsWithUserData extends BaseContextOptions {
     handleLoading: (type: string, messageMap?: MessageMap, genericMessageMap?: GenericMessageMap, message?: string, autoHideDuration?: number) => void;
     handleSuccess: () => void;
 }
+type BaseContextOptionsWithUserData = BaseContextOptions & BaseFormActions & {
+    userData: UserData;
+    env: Record<string, unknown>;
+};
 interface LayoutMainContentOverrides {
     fullWidth?: boolean;
     width?: MQ<string>;
     paddingInline?: MQ<string>;
     paddingBlockStart?: MQ<string>;
+    justifyContent?: MQ<string>;
 }
 interface InteractiveContextOptions extends BaseContextOptionsWithUserData {
     validation: Record<string, any>;
@@ -203,11 +222,14 @@ export interface EditFieldContextOptions extends InteractiveContextOptions {
         'delivery-instructions'?: DeliveryInstructionsContext;
         'holiday-stop'?: HolidayStopContext;
         vouchers?: VoucherFormContext;
+        dob?: FormContext;
+        gender?: FormContext;
     };
     outsideDeliveryAddressModal?: Omit<ModalProps, 'onDismiss'> & {
         redirectUrl?: string;
     };
     isFooterVisible?: boolean;
+    isTNLMobileApp?: boolean;
 }
 export interface AddFieldContextOption extends InteractiveContextOptions {
     data: Data;
@@ -225,11 +247,91 @@ export interface CancellationContextOptions extends InteractiveContextOptions {
         confirm: Partial<CancellationContext>;
     };
 }
+export interface CancellationItem {
+    id?: string;
+    componentType?: string;
+    label?: string;
+    labelOverrides?: {
+        typographyPreset: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+    subtitleOverrides?: {
+        typographyPreset: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+    subtitle?: string;
+    href?: string;
+    linkText?: string;
+    icon?: NewsKitIcon | string;
+    overrideNextStep?: string;
+    containerOverrides?: GridLayoutProps;
+    ariaLabel?: string;
+    handleClick?: HandleCardClick;
+    image?: string;
+    baseUrl?: string;
+    eventContext?: EventContext;
+}
+export interface CancellationSection {
+    contentContainerOverrides?: Partial<SharedContentContainerProps>;
+    containerOverrides?: GridLayoutProps;
+    itemContainerOverrides?: GridLayoutProps;
+    itemHeaderOverrides?: StackProps & {
+        imageVisible?: boolean;
+    };
+    itemImageOverrides?: {
+        width?: number;
+        height?: number;
+        fill?: boolean;
+    };
+    header: HeaderProps;
+    layoutType?: string;
+    items: CancellationItem[];
+    primaryButton?: ButtonProps;
+    belowItemExtra?: BelowItemExtraProps;
+    showBackButton?: boolean;
+    tealiumContext?: TealiumEventContext;
+}
+export interface BelowItemExtraProps {
+    containerOverrides?: Partial<GridLayoutProps>;
+    label: string;
+    button: {
+        text: string;
+        href?: string;
+        id?: string;
+    };
+    baseUrl?: string;
+    eventContext?: EventContext;
+    onClick?: StepController;
+    buttonOverrides?: BaseFlagOverrides;
+    iconOverrides?: NewsKitIconProps['overrides'];
+    marginInline?: MQ<string>;
+}
+export interface DowngradeContextProps extends CancelSubscriptionDowngradeProps {
+    contentContainerOverrides?: Partial<SharedContentContainerProps>;
+    showBackButton?: boolean;
+    tealiumContext?: TealiumEventContext;
+}
+export interface ConfirmCancellationContextProps extends ConfirmCancellationStepProps {
+    contentContainerOverrides?: Partial<SharedContentContainerProps>;
+    showBackButton?: boolean;
+    tealiumContext?: TealiumEventContext;
+}
+export interface CancellationStepperContextOptions extends Partial<InteractiveContextOptions>, Partial<NonInteractiveContextOptions> {
+    containerOverrides?: GridLayoutProps;
+    components: Record<string, CancellationSection | DowngradeContextProps | ConfirmCancellationContextProps | CancellationDetailsContextProps>;
+    componentSequence: Record<string, string[]>;
+    showBackButton?: boolean;
+    contentContainerOverrides?: Partial<SharedContentContainerProps>;
+}
+export interface SectionListItemProps {
+    type: string;
+}
 export interface AccountLandingPageSection {
     type: SectionTypes;
     billingType?: SectionBillingType;
-    componentType: string;
-    props?: ContentContainerProps | CardContentContainerProps;
+    componentType?: string;
+    layoutType?: string;
+    props?: ContentContainerProps | CardContentContainerProps | CancelSubscriptionProps;
 }
 export declare enum SectionTypes {
     'Digital' = "digital",
@@ -257,7 +359,6 @@ export interface AccountLandingPageContextOptions extends NonInteractiveContextO
         };
     };
     tealiumContext?: TealiumEventContext;
-    updateAccountData: (data: any) => void;
 }
 export interface PaymentPageContextOptions extends BaseContextOptionsWithUserData {
     buttonGroupProps: Partial<ButtonGroupProps>;
@@ -266,39 +367,24 @@ export interface PaymentPageContextOptions extends BaseContextOptionsWithUserDat
     paymentProvider: PaymentProvider;
     paymentType?: string;
     infoPanel: InfoPanel;
-    cancelButton?: ButtonProps;
+    cancelButton?: ButtonProps & {
+        eventContext: EventContext;
+    };
     tealiumContext?: TealiumEventContext;
     paymentMethodsMap?: PaymentMethodsMap;
-}
-export interface ContentPassContext {
-    contentPassPanelOverrides?: {
-        stylePreset?: string;
-        paddingBlock?: MQ<string>;
-        paddingInline?: MQ<string>;
+    returnUrl?: string;
+    submitEvents?: {
+        success: TealiumEventContext;
+        fail: TealiumEventContext;
     };
-    headlineOverrides?: {
-        text: string;
-        typographyPreset?: string;
-    };
-    textOverrides?: {
-        text: string;
-        paddingBlock?: MQ<string>;
-    };
-    linkOverrides?: {
-        text: string;
-        href: string;
-        stylePreset?: string;
-    };
-    tealiumClickContext: TealiumEventContext;
-    tealiumComponentTrackingContext: TealiumEventContext;
 }
 export interface SubscriptionAndBillingContextOptions extends AccountLandingPageContextOptions {
     noSubscription: SubscriptionStatusProps;
+    sunNoSubscription?: SunNoSubscriptionProps;
     previousSubscription: SubscriptionStatusProps;
     pendingSubscription: SubscriptionStatusProps;
     freeSubscription: SubscriptionStatusProps | null;
     tealiumContext?: TealiumEventContext;
-    contentPass?: ContentPassContext;
 }
 export interface HolidayStopButton extends ButtonProps {
     label: string;
@@ -413,7 +499,13 @@ export interface HolidayStopContextOptions extends NonInteractiveContextOptions
     tealiumContext?: TealiumEventContext;
 }
 type NewsKitSize = 'small' | 'medium' | 'large';
-export interface NewslettersContextOptions extends NonInteractiveContextOptions {
+export interface NewslettersGridOverrides {
+    columns: MQ<string>;
+    columnGap: MQ<string>;
+    autoFlow: MQ<string>;
+    rowGap: MQ<string>;
+}
+export interface NewslettersListContextOptions extends Partial<BaseFormActions> {
     cardOverrides: {
         stylePreset: string;
         maxWidth?: MQ<string>;
@@ -450,12 +542,7 @@ export interface NewslettersContextOptions extends NonInteractiveContextOptions
         typographyPreset: MQ<string>;
         marginBlockEnd?: MQ<string>;
     };
-    gridLayoutOverrides: {
-        columns: MQ<string>;
-        columnGap: MQ<string>;
-        autoFlow: MQ<string>;
-        rowGap: MQ<string>;
-    };
+    gridLayoutOverrides: NewslettersGridOverrides;
     newsletterImages: {
         [key: string]: string;
     };
@@ -473,8 +560,9 @@ export interface NewslettersContextOptions extends NonInteractiveContextOptions
         };
     };
     tealiumContext?: TealiumEventContext;
-    handleShowSuccess: (type: string, messageMap?: MessageMap, genericMessageMap?: GenericMessageMap, message?: string, autoHideDuration?: number) => void;
+    handleShowSuccess?: (type: string, messageMap?: MessageMap, genericMessageMap?: GenericMessageMap, message?: string, autoHideDuration?: number) => void;
 }
+export type NewslettersContextOptions = NonInteractiveContextOptions & NewslettersListContextOptions;
 interface MemberFlag {
     overrides: {
         stylePreset: MQ<string>;
@@ -485,11 +573,13 @@ interface MemberFlag {
     size: NewsKitSize;
     text: string;
 }
-interface removeFamilyConfirmationModal {
+interface RemoveFamilyConfirmationModal {
     introduction: {
         title: string;
         descriptionFirstParagraph: string;
         descriptionSecondParagraph: string;
+        descriptionFirstParagraphVariantC?: string;
+        descriptionSecondParagraphVariantC?: string;
     };
     buttonGroup: ButtonGroupProps;
 }
@@ -548,9 +638,10 @@ export interface FamilyContextOptions extends NonInteractiveContextOptions {
         };
         removeText: string;
         cancelText: string;
+        cancelTextVariantB: string;
         eventNavigationNameCancel: string;
         eventNavigationNameRemove: string;
-        eventContext: EventContext;
+        eventContext: Omit<EventContext, 'event_navigation_name'>;
     };
     memberNameOverrides: {
         stylePreset: MQ<string>;
@@ -619,27 +710,79 @@ export interface FamilyContextOptions extends NonInteractiveContextOptions {
             paddingInline: MQ<string>;
         };
     };
-    cancelInviteConfirmationModalOverrides: removeFamilyConfirmationModal;
-    removeMemberConfirmationModalOverrides: removeFamilyConfirmationModal;
+    cancelInviteConfirmationModalOverrides: RemoveFamilyConfirmationModal;
+    removeMemberConfirmationModalOverrides: RemoveFamilyConfirmationModal;
+    copyButtonOverrides: {
+        eventContext: EventContext;
+    };
+    shareButtonOverrides: {
+        eventContext: EventContext;
+    };
+}
+export interface UserHubSection {
+    header: HeaderProps;
+    containerOverrides?: GridLayoutProps;
+    items: UserHubItemProps[];
+    dataTestId: string;
+    contextName?: ContextName;
+    componentType?: string;
+    layoutType?: string;
+}
+export declare enum NewsletterNameId {
+    'Times+' = "147",
+    'Entrepreneurs' = "145",
+    'Puzzles' = "125",
+    'TV' = "133",
+    'Scotland' = "134",
+    'Daily Briefing' = "01",
+    'Weekly Briefing' = "154",
+    'Business' = "103",
+    'Food' = "106",
+    'Money' = "107",
+    'Fashion' = "108",
+    'Football' = "111",
+    'Property' = "113",
+    'Books' = "115",
+    'Politics' = "119",
+    'Theatre' = "127",
+    'Law' = "121",
+    'Environment' = "140",
+    'Luxury' = "148",
+    'Travel' = "149",
+    'Money Mentor' = "50",
+    'Ireland' = "152",
+    'US' = "153",
+    'Wimbledon' = "155",
+    'Parenting' = "157",
+    'London' = "158"
+}
+export interface NewslettersListProps extends NewslettersListContextOptions {
+    userHubNewslettersIds: {
+        default: NewsletterNameId[] & String[];
+        registered: NewsletterNameId[] & String[];
+        full: NewsletterNameId[] & String[];
+    };
+}
+export interface UserHubNewslettersSection {
+    header: HeaderProps;
+    'data-testid'?: string;
+    newslettersListProps: NewslettersListProps;
+    containerOverrides?: GridLayoutProps;
 }
-type LandingPageTile = TileProps;
 export interface UserHubContextOptions extends NonInteractiveContextOptions {
-    headlineOverrides: {
-        content: {
-            typographyPreset: MQ<string>;
-            heading?: {
-                stylePreset?: MQ<string>;
-            };
-            paddingInlineEnd?: MQ<string>;
-        };
-        marginBlockEnd?: MQ<string>;
-    };
     tealiumContext?: TealiumEventContext;
-    tiles: LandingPageTile[];
+    sections: {
+        quickLinks?: UserHubSection;
+        helpAndSupport?: UserHubSection;
+        newsletters?: UserHubNewslettersSection;
+    };
+    genericErrorMessage?: GenericMessageMap;
+    errorMessages?: MessageMap;
 }
 export declare enum FamilyMemberStatusTypes {
     'PENDING' = "PENDING",
-    'ACTIVE' = "ACTIVE"
+    'ACTIVE' = "ACTIVE",
+    'AVAILABLE' = "AVAILABLE"
 }
 export interface PaymentMethodsContextOptions extends NonInteractiveContextOptions {
     items: Array<ListItemType>;
@@ -674,5 +817,5 @@ export interface ConfirmAccountDeletionContextOptions extends AccountDeletionCon
 export type ContextNameProps = {
     contextName: ContextName;
 };
-export type ContextOptions = HolidayStopContextOptions | PaymentPageContextOptions | AccountLandingPageContextOptions | CancellationContextOptions | EditFieldContextOptions | SubscriptionAndBillingContextOptions | BaseContextOptions | AddFieldContextOption | AccountDeletionContextOptions | ConfirmAccountDeletionContextOptions;
+export type ContextOptions = HolidayStopContextOptions | PaymentPageContextOptions | AccountLandingPageContextOptions | CancellationContextOptions | EditFieldContextOptions | SubscriptionAndBillingContextOptions | BaseContextOptions | AddFieldContextOption | AccountDeletionContextOptions | ConfirmAccountDeletionContextOptions | CancellationStepperContextOptions;
 export {};

package/dist/esm/context/types.js

@@ -18,6 +18,7 @@ export var ContextName;
     ContextName["confirmAccountDeletion"] = "confirmAccountDeletion";
     ContextName["family"] = "family";
     ContextName["userHubPage"] = "userHubPage";
+    ContextName["CancellationStepper"] = "CancellationStepper";
 })(ContextName || (ContextName = {}));
 export var SectionTypes;
 (function (SectionTypes) {
@@ -36,9 +37,39 @@ export var SubscriptionType;
     SubscriptionType["print"] = "print";
     SubscriptionType["digi_print"] = "digi-print";
 })(SubscriptionType || (SubscriptionType = {}));
+export var NewsletterNameId;
+(function (NewsletterNameId) {
+    NewsletterNameId["Times+"] = "147";
+    NewsletterNameId["Entrepreneurs"] = "145";
+    NewsletterNameId["Puzzles"] = "125";
+    NewsletterNameId["TV"] = "133";
+    NewsletterNameId["Scotland"] = "134";
+    NewsletterNameId["Daily Briefing"] = "01";
+    NewsletterNameId["Weekly Briefing"] = "154";
+    NewsletterNameId["Business"] = "103";
+    NewsletterNameId["Food"] = "106";
+    NewsletterNameId["Money"] = "107";
+    NewsletterNameId["Fashion"] = "108";
+    NewsletterNameId["Football"] = "111";
+    NewsletterNameId["Property"] = "113";
+    NewsletterNameId["Books"] = "115";
+    NewsletterNameId["Politics"] = "119";
+    NewsletterNameId["Theatre"] = "127";
+    NewsletterNameId["Law"] = "121";
+    NewsletterNameId["Environment"] = "140";
+    NewsletterNameId["Luxury"] = "148";
+    NewsletterNameId["Travel"] = "149";
+    NewsletterNameId["Money Mentor"] = "50";
+    NewsletterNameId["Ireland"] = "152";
+    NewsletterNameId["US"] = "153";
+    NewsletterNameId["Wimbledon"] = "155";
+    NewsletterNameId["Parenting"] = "157";
+    NewsletterNameId["London"] = "158";
+})(NewsletterNameId || (NewsletterNameId = {}));
 export var FamilyMemberStatusTypes;
 (function (FamilyMemberStatusTypes) {
     FamilyMemberStatusTypes["PENDING"] = "PENDING";
     FamilyMemberStatusTypes["ACTIVE"] = "ACTIVE";
+    FamilyMemberStatusTypes["AVAILABLE"] = "AVAILABLE";
 })(FamilyMemberStatusTypes || (FamilyMemberStatusTypes = {}));
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AA+KA,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":"AA0MA,MAAM,CAAN,IAAY,WAoBX;AApBD,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;IAC7B,0DAA6C,CAAA;AAC/C,CAAC,EApBW,WAAW,KAAX,WAAW,QAoBtB;AAwND,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;AAmZD,MAAM,CAAN,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,KAAhB,gBAAgB,QA2B3B;AA4BD,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC"}

package/dist/esm/getProviderProps.d.ts

@@ -3,6 +3,7 @@ import { ServerSidePropsContext } from './providers';
 type PassProps = {
     [x: string]: unknown;
     notEligibleForPaymentPagesRedirectUrl?: string;
+    mfaSignOutLink?: string;
 };
 export declare const getProviderProps: (context: ServerSidePropsContext, props?: PassProps, options?: Record<string, unknown>) => Promise<GetServerSidePropsResult<{
     field: string;