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

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

@@ -1,6 +1,28 @@
 import React from 'react';
-import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, ContextName, SubscriptionAndBillingContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, NewslettersContextOptions, AccountDeletionContextOptions, ConfirmAccountDeletionContextOptions, FamilyContextOptions, UserHubContextOptions } from './types';
+import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, CancellationStepperContextOptions, ContextName, SubscriptionAndBillingContextOptions, HolidayStopContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, NewslettersContextOptions, AccountDeletionContextOptions, ConfirmAccountDeletionContextOptions, FamilyContextOptions, UserHubContextOptions, BaseFormActions, UserHubSection, CancellationItem } from './types';
 import { baseContext, footer, navigationPrimary, sideNav } from './baseContext';
+declare const contextMap: {
+    personalDetails: React.Context<AccountLandingPageContextOptions | null>;
+    subscriptionAndBilling: React.Context<SubscriptionAndBillingContextOptions | null>;
+    holidayStop: React.Context<HolidayStopContextOptions | null>;
+    newslettersAndAlerts: React.Context<AccountLandingPageContextOptions | null>;
+    dreamTeam: React.Context<AccountLandingPageContextOptions | null>;
+    payment: React.Context<PaymentPageContextOptions | null>;
+    editField: React.Context<EditFieldContextOptions | null>;
+    cancellation: React.Context<CancellationContextOptions | null>;
+    CancellationStepper: React.Context<CancellationStepperContextOptions | null>;
+    error: React.Context<BaseContextOptions | null>;
+    addField: React.Context<AddFieldContextOption | null>;
+    paymentMethods: React.Context<PaymentMethodsContextOptions | null>;
+    paymentDirectDebit: React.Context<PaymentPageContextOptions | null>;
+    paymentCreditCard: React.Context<PaymentPageContextOptions | null>;
+    newsletters: React.Context<NewslettersContextOptions | null>;
+    accountDeletion: React.Context<AccountDeletionContextOptions | null>;
+    confirmAccountDeletion: React.Context<ConfirmAccountDeletionContextOptions | null>;
+    family: React.Context<FamilyContextOptions | null>;
+    userHubPage: React.Context<UserHubContextOptions | null>;
+};
+type ContextOptionsUnion = typeof contextMap;
 export declare const AccountContextProvider: React.FC<ContextProviderProps>;
 export declare const useAccountContext: (contextName: ContextName) => ContextOptions;
-export { PaymentPageContextOptions, EditFieldContextOptions, BaseContextOptions, AccountLandingPageContextOptions, SubscriptionAndBillingContextOptions, CancellationContextOptions, baseContext, footer, navigationPrimary, sideNav, ContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, NewslettersContextOptions, AccountDeletionContextOptions, ConfirmAccountDeletionContextOptions, FamilyContextOptions, UserHubContextOptions, };
+export { type PaymentPageContextOptions, type EditFieldContextOptions, type BaseContextOptions, type AccountLandingPageContextOptions, type SubscriptionAndBillingContextOptions, type CancellationContextOptions, type CancellationStepperContextOptions, baseContext, footer, navigationPrimary, sideNav, type ContextOptions, type AddFieldContextOption, type PaymentMethodsContextOptions, type NewslettersContextOptions, type AccountDeletionContextOptions, type ConfirmAccountDeletionContextOptions, type FamilyContextOptions, type UserHubContextOptions, type BaseFormActions, type UserHubSection, type ContextOptionsUnion, type CancellationItem, };

package/dist/cjs/context/index.js

@@ -1,15 +1,4 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -56,6 +45,7 @@ var contextMap = (_a = {},
     _a[types_1.ContextName.payment] = (0, react_1.createContext)(null),
     _a[types_1.ContextName.editField] = (0, react_1.createContext)(null),
     _a[types_1.ContextName.cancellation] = (0, react_1.createContext)(null),
+    _a[types_1.ContextName.CancellationStepper] = (0, react_1.createContext)(null),
     _a[types_1.ContextName.error] = (0, react_1.createContext)(null),
     _a[types_1.ContextName.addField] = (0, react_1.createContext)(null),
     _a[types_1.ContextName.paymentMethods] = (0, react_1.createContext)(null),
@@ -69,13 +59,9 @@ var contextMap = (_a = {},
     _a);
 var AccountContextProvider = function (_a) {
     var context = _a.context, children = _a.children, contextName = _a.contextName;
-    var _b = (0, react_1.useState)((0, lodash_merge_1.default)({}, baseContext_1.baseContext, context)), accountData = _b[0], setAccountData = _b[1];
+    var c = (0, lodash_merge_1.default)({}, baseContext_1.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_1.default.createElement(AccountContext.Provider, { value: contextValue }, children));
+    return react_1.default.createElement(AccountContext.Provider, { value: c }, children);
 };
 exports.AccountContextProvider = AccountContextProvider;
 var useAccountContext = function (contextName) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2E;AAC3E,8DAAgC;AAChC,iCAkBgB;AAChB,6CAA+E;AA2E7E,4FA3EO,yBAAW,OA2EP;AACX,uFA5EoB,oBAAM,OA4EpB;AACN,kGA7E4B,+BAAiB,OA6E5B;AACjB,wFA9E+C,qBAAO,OA8E/C;AA5ET,IAAM,UAAU;IACd,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,oBAAoB,IAC/B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,SAAS,IACpB,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,OAAO,IAAG,IAAA,qBAAa,EAAmC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,SAAS,IAAG,IAAA,qBAAa,EAAiC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,YAAY,IAAG,IAAA,qBAAa,EACvC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,KAAK,IAAG,IAAA,qBAAa,EAA4B,IAAI,CAAC;IACnE,GAAC,mBAAW,CAAC,QAAQ,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;IACzE,GAAC,mBAAW,CAAC,cAAc,IACzB,IAAA,qBAAa,EAAsC,IAAI,CAAC;IAC1D,GAAC,mBAAW,CAAC,cAAc,CAAC,IAC1B,IAAA,qBAAa,EAAmC,IAAI,CAAC;IACvD,GAAC,mBAAW,CAAC,aAAa,CAAC,IAAG,IAAA,qBAAa,EACzC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAAuC,IAAI,CAAC;IAC3D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,MAAM,IAAG,IAAA,qBAAa,EAA8B,IAAI,CAAC;IACtE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;OAC7E,CAAA;AAEM,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEL,IAAA,KAAgC,IAAA,gBAAQ,EAC5C,IAAA,sBAAK,EAAC,EAAE,EAAE,yBAAW,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,8BAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IACzC,QAAQ,CACe,CAC3B,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,sBAAsB,0BAwBlC;AAEM,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,IAAA,kBAAU,EAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AADnD,QAAA,iBAAiB,qBACkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,8DAAgC;AAChC,iCAsBgB;AAChB,6CAA+E;AAiE7E,4FAjEO,yBAAW,OAiEP;AACX,uFAlEoB,oBAAM,OAkEpB;AACN,kGAnE4B,+BAAiB,OAmE5B;AACjB,wFApE+C,qBAAO,OAoE/C;AAlET,IAAM,UAAU;IACd,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,oBAAoB,IAC/B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,SAAS,IACpB,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,OAAO,IAAG,IAAA,qBAAa,EAAmC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,SAAS,IAAG,IAAA,qBAAa,EAAiC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,YAAY,IAAG,IAAA,qBAAa,EACvC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,mBAAmB,IAC9B,IAAA,qBAAa,EAA2C,IAAI,CAAC;IAC/D,GAAC,mBAAW,CAAC,KAAK,IAAG,IAAA,qBAAa,EAA4B,IAAI,CAAC;IACnE,GAAC,mBAAW,CAAC,QAAQ,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;IACzE,GAAC,mBAAW,CAAC,cAAc,IACzB,IAAA,qBAAa,EAAsC,IAAI,CAAC;IAC1D,GAAC,mBAAW,CAAC,cAAc,CAAC,IAC1B,IAAA,qBAAa,EAAmC,IAAI,CAAC;IACvD,GAAC,mBAAW,CAAC,aAAa,CAAC,IAAG,IAAA,qBAAa,EACzC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAAuC,IAAI,CAAC;IAC3D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,MAAM,IAAG,IAAA,qBAAa,EAA8B,IAAI,CAAC;IACtE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;OAC7E,CAAA;AAIM,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,IAAA,sBAAK,EAAC,EAAE,EAAE,yBAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,8BAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AATY,QAAA,sBAAsB,0BASlC;AAEM,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,IAAA,kBAAU,EAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AADnD,QAAA,iBAAiB,qBACkC"}

package/dist/cjs/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/cjs/context/types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FamilyMemberStatusTypes = exports.SubscriptionType = exports.SectionBillingType = exports.SectionTypes = exports.ContextName = void 0;
+exports.FamilyMemberStatusTypes = exports.NewsletterNameId = exports.SubscriptionType = exports.SectionBillingType = exports.SectionTypes = exports.ContextName = void 0;
 var ContextName;
 (function (ContextName) {
     ContextName["personalDetails"] = "personalDetails";
@@ -21,27 +21,58 @@ var ContextName;
     ContextName["confirmAccountDeletion"] = "confirmAccountDeletion";
     ContextName["family"] = "family";
     ContextName["userHubPage"] = "userHubPage";
-})(ContextName = exports.ContextName || (exports.ContextName = {}));
+    ContextName["CancellationStepper"] = "CancellationStepper";
+})(ContextName || (exports.ContextName = ContextName = {}));
 var SectionTypes;
 (function (SectionTypes) {
     SectionTypes["Digital"] = "digital";
     SectionTypes["Print"] = "print";
-})(SectionTypes = exports.SectionTypes || (exports.SectionTypes = {}));
+})(SectionTypes || (exports.SectionTypes = SectionTypes = {}));
 var SectionBillingType;
 (function (SectionBillingType) {
     SectionBillingType["AllBilling"] = "all_billing";
     SectionBillingType["Billing"] = "billing";
     SectionBillingType["NoBilling"] = "no_billing";
-})(SectionBillingType = exports.SectionBillingType || (exports.SectionBillingType = {}));
+})(SectionBillingType || (exports.SectionBillingType = SectionBillingType = {}));
 var SubscriptionType;
 (function (SubscriptionType) {
     SubscriptionType["digital"] = "digital";
     SubscriptionType["print"] = "print";
     SubscriptionType["digi_print"] = "digi-print";
-})(SubscriptionType = exports.SubscriptionType || (exports.SubscriptionType = {}));
+})(SubscriptionType || (exports.SubscriptionType = SubscriptionType = {}));
+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 || (exports.NewsletterNameId = NewsletterNameId = {}));
 var FamilyMemberStatusTypes;
 (function (FamilyMemberStatusTypes) {
     FamilyMemberStatusTypes["PENDING"] = "PENDING";
     FamilyMemberStatusTypes["ACTIVE"] = "ACTIVE";
-})(FamilyMemberStatusTypes = exports.FamilyMemberStatusTypes || (exports.FamilyMemberStatusTypes = {}));
+    FamilyMemberStatusTypes["AVAILABLE"] = "AVAILABLE";
+})(FamilyMemberStatusTypes || (exports.FamilyMemberStatusTypes = FamilyMemberStatusTypes = {}));
 //# sourceMappingURL=types.js.map

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

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

package/dist/cjs/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;