@newskit-render/my-account 7.142.2-6106b2dde.0 → 7.143.1-0ca4599dd.11

package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlow.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BasePageProps, UserData } from '../types';
+export interface SunCancellationFlowProps extends BasePageProps {
+    user: UserData;
+}
+export declare const SunCancellationFlow: React.FC<SunCancellationFlowProps>;
+export default SunCancellationFlow;

package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlow.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SunCancellationFlow = void 0;
+var react_1 = __importDefault(require("react"));
+var lodash_assign_1 = __importDefault(require("lodash.assign"));
+var Templates_1 = __importDefault(require("../../Components/Templates"));
+var SunCancellationFlowContext_1 = require("./SunCancellationFlowContext");
+var types_1 = require("../../context/types");
+var toastFunctions_1 = require("../../helpers/toastFunctions");
+var SunCancellationFlowRender_1 = __importDefault(require("../../Components/Templates/SunCancellationFlowRender"));
+var SunCancellationFlow = function (_a) {
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, env = _a.env, user = _a.user, _b = _a.footer, footer = _b === void 0 ? true : _b, _c = _a.sidebar, sidebar = _c === void 0 ? true : _c, requestHeaders = _a.requestHeaders;
+    var contextName = types_1.ContextName.SunCancellationFlow;
+    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, SunCancellationFlowContext_1.sunCancellationFlowConfig, context)), { userData: user, env: env, handleError: toastFunctions_1.handleError, handleLoading: toastFunctions_1.handleLoading, handleSuccess: toastFunctions_1.handleSuccess, requestHeaders: requestHeaders });
+    return (react_1.default.createElement(Templates_1.default, { context: enhancedContext, customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName, footer: footer, sidebar: sidebar },
+        react_1.default.createElement(SunCancellationFlowRender_1.default, null)));
+};
+exports.SunCancellationFlow = SunCancellationFlow;
+exports.default = exports.SunCancellationFlow;
+//# sourceMappingURL=SunCancellationFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SunCancellationFlow.js","sourceRoot":"","sources":["../../../../src/pages/SunCancellationFlow/SunCancellationFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,yEAA+C;AAC/C,2EAAwE;AACxE,6CAAiD;AACjD,+DAIqC;AAErC,mHAA4F;AAMrF,IAAM,mBAAmB,GAAuC,UAAC,EASvE;QARC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,cAAc,oBAAA;IAEd,IAAM,WAAW,GAAG,mBAAW,CAAC,mBAAmB,CAAA;IAEnD,IAAM,eAAe,yBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,sDAAyB,EAAE,OAAO,CAAC,KACjD,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,WAAW,8BAAA,EACX,aAAa,gCAAA,EACb,aAAa,gCAAA,EACb,cAAc,gBAAA,GACf,CAAA;IAED,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO;QAEhB,8BAAC,mCAAyB,OAAG,CACtB,CACV,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,mBAAmB,uBAkC/B;AAED,kBAAe,2BAAmB,CAAA"}

package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.d.ts

@@ -0,0 +1,215 @@
+import { ContextName } from '../../context/types';
+export declare const sunCancellationFlowConfig: {
+    baseUrl: string;
+    navigationPrimary: import("@newskit-render/shared-components").NavigationPrimaryProps;
+    navigationSecondary: import("../../Components/Sections/NavigationSecondary").NavigationSecondaryInterface[];
+    footer: import("@newskit-render/shared-components").FooterContext;
+    contextName: ContextName;
+    head: {
+        pageTitle: string;
+    };
+    header: {
+        backButton: {
+            text: string;
+            href: string;
+            'aria-label': string;
+            hasIcon: boolean;
+            eventContext: {
+                event_navigation_name: string;
+                event_navigation_action: string;
+                event_navigation_label: string;
+            };
+        };
+        backButtonOverrides: {
+            typographyPreset: string;
+            stylePreset: string;
+            paddingBlock: string;
+            paddingInline: string;
+            minHeight: string;
+            minWidth: string;
+        };
+    };
+    showBackButton: boolean;
+    componentSequence: {
+        Digital: string[];
+    };
+    components: {
+        selectReason: {
+            header: {
+                title: string;
+                description: string;
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: string;
+                        md: string;
+                    };
+                };
+                descriptionOverrides: {
+                    typographyPreset: {
+                        xs: string;
+                        md: string;
+                    };
+                    stylePreset: string;
+                };
+            };
+            stepText: string;
+            stepTextOverrides: {
+                typographyPreset: string;
+                stylePreset: string;
+                marginBlockEnd: string;
+            };
+            childComponents: ({
+                type: string;
+                reasons: {
+                    id: string;
+                    label: string;
+                }[];
+                policyTitle?: undefined;
+            } | {
+                type: string;
+                policyTitle: string;
+                reasons?: undefined;
+            })[];
+            primaryButton: {
+                text: string;
+                size: string;
+                eventContext: {
+                    event_navigation_name: string;
+                    event_navigation_action: string;
+                    event_navigation_label: string;
+                };
+            };
+            secondaryButton: {
+                text: string;
+                size: string;
+                href: string;
+                eventContext: {
+                    event_navigation_name: string;
+                    event_navigation_action: string;
+                    event_navigation_label: string;
+                };
+            };
+        };
+        viewOffers: {
+            header: {
+                title: string;
+                description: string;
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: string;
+                        md: string;
+                    };
+                };
+                descriptionOverrides: {
+                    typographyPreset: {
+                        xs: string;
+                        md: string;
+                    };
+                    stylePreset: string;
+                };
+            };
+            stepText: string;
+            stepTextOverrides: {
+                typographyPreset: string;
+                stylePreset: string;
+                marginBlockEnd: string;
+            };
+            childComponents: ({
+                type: string;
+                offers: {
+                    id: string;
+                    headline: string;
+                    url: string;
+                    imageUrl: string;
+                    eventContext: {
+                        event_navigation_name: string;
+                        event_navigation_action: string;
+                        event_navigation_label: string;
+                    };
+                }[];
+                articles?: undefined;
+            } | {
+                type: string;
+                articles: {
+                    id: string;
+                    headline: string;
+                    url: string;
+                    imageUrl: string;
+                    kicker: string;
+                    eventContext: {
+                        event_navigation_name: string;
+                        event_navigation_action: string;
+                        event_navigation_label: string;
+                    };
+                }[];
+                offers?: undefined;
+            })[];
+            primaryButton: {
+                text: string;
+                size: string;
+                eventContext: {
+                    event_navigation_name: string;
+                    event_navigation_action: string;
+                    event_navigation_label: string;
+                };
+            };
+            secondaryButton: {
+                text: string;
+                size: string;
+                href: string;
+                eventContext: {
+                    event_navigation_name: string;
+                    event_navigation_action: string;
+                    event_navigation_label: string;
+                };
+            };
+        };
+        confirmCancellation: {
+            header: {
+                title: string;
+                description: string;
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: string;
+                        md: string;
+                    };
+                };
+                descriptionOverrides: {
+                    typographyPreset: {
+                        xs: string;
+                        md: string;
+                    };
+                    stylePreset: string;
+                };
+            };
+            stepText: string;
+            stepTextOverrides: {
+                typographyPreset: string;
+                stylePreset: string;
+            };
+            childComponents: {
+                type: string;
+                policyTitle: string;
+            }[];
+            primaryButton: {
+                text: string;
+                size: string;
+                eventContext: {
+                    event_navigation_name: string;
+                    event_navigation_action: string;
+                    event_navigation_label: string;
+                };
+            };
+            secondaryButton: {
+                text: string;
+                size: string;
+                href: string;
+                eventContext: {
+                    event_navigation_name: string;
+                    event_navigation_action: string;
+                    event_navigation_label: string;
+                };
+            };
+        };
+    };
+};

package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.js

@@ -0,0 +1,259 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sunCancellationFlowConfig = void 0;
+var types_1 = require("../../context/types");
+var baseContext_1 = require("../../context/baseContext");
+var constants_1 = require("../../constants");
+exports.sunCancellationFlowConfig = {
+    baseUrl: constants_1.BASE_URL,
+    navigationPrimary: baseContext_1.navigationPrimary,
+    navigationSecondary: baseContext_1.sideNav,
+    footer: baseContext_1.footer,
+    contextName: types_1.ContextName.SunCancellationFlow,
+    head: {
+        pageTitle: 'Cancel Subscription',
+    },
+    header: {
+        backButton: {
+            text: 'Back',
+            href: '[baseURL]/subscription-and-billing',
+            'aria-label': 'back to subscription and billing',
+            hasIcon: true,
+            eventContext: {
+                event_navigation_name: 'button:back',
+                event_navigation_action: 'navigation',
+                event_navigation_label: 'back to subscription and billing',
+            },
+        },
+        backButtonOverrides: {
+            typographyPreset: 'utilityButton030',
+            stylePreset: 'inkBase',
+            paddingBlock: 'space000',
+            paddingInline: 'space000',
+            minHeight: 'auto',
+            minWidth: 'auto',
+        },
+    },
+    showBackButton: true,
+    componentSequence: {
+        Digital: ['selectReason', 'viewOffers', 'confirmCancellation'],
+    },
+    components: {
+        selectReason: {
+            header: {
+                title: "We're sorry to see you go",
+                description: 'Can you tell us why to help us improve',
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: 'editorialHeadline030',
+                        md: 'editorialHeadline040',
+                    },
+                },
+                descriptionOverrides: {
+                    typographyPreset: {
+                        xs: 'editorialParagraph020',
+                        md: 'editorialParagraph030',
+                    },
+                    stylePreset: 'inkSubtle',
+                },
+            },
+            stepText: 'Step 1 of 3',
+            stepTextOverrides: {
+                typographyPreset: 'utilityLabel020',
+                stylePreset: 'inkSubtle',
+                marginBlockEnd: 'space040',
+            },
+            childComponents: [
+                {
+                    type: 'reasonSelector',
+                    reasons: [
+                        { id: 'signed-up-promo', label: 'Signed up for one promo' },
+                        {
+                            id: 'signed-up-article',
+                            label: 'Signed up for specific article',
+                        },
+                        { id: 'not-value', label: 'Not value for money' },
+                        { id: 'no-time', label: 'No time to use' },
+                        { id: 'technical-problem', label: 'Technical problem' },
+                        { id: 'other', label: 'Other' },
+                    ],
+                },
+                {
+                    type: 'policy',
+                    policyTitle: 'Cancellation Policy',
+                },
+            ],
+            primaryButton: {
+                text: 'Continue to cancel',
+                size: 'medium',
+                eventContext: {
+                    event_navigation_name: 'button',
+                    event_navigation_action: 'click',
+                    event_navigation_label: 'continue to cancel',
+                },
+            },
+            secondaryButton: {
+                text: 'Keep my membership',
+                size: 'medium',
+                href: '/account',
+                eventContext: {
+                    event_navigation_name: 'button',
+                    event_navigation_action: 'click',
+                    event_navigation_label: 'keep my membership',
+                },
+            },
+        },
+        viewOffers: {
+            header: {
+                title: 'Before you go...',
+                description: 'We have some special offers just for you',
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: 'editorialHeadline030',
+                        md: 'editorialHeadline040',
+                    },
+                },
+                descriptionOverrides: {
+                    typographyPreset: {
+                        xs: 'editorialParagraph020',
+                        md: 'editorialParagraph030',
+                    },
+                    stylePreset: 'inkSubtle',
+                },
+            },
+            stepText: 'Step 2 of 3',
+            stepTextOverrides: {
+                typographyPreset: 'utilityLabel020',
+                stylePreset: 'inkSubtle',
+                marginBlockEnd: 'space040',
+            },
+            childComponents: [
+                {
+                    type: 'offers',
+                    offers: [
+                        {
+                            id: 'offer-1',
+                            headline: '',
+                            url: '',
+                            imageUrl: '',
+                            eventContext: {
+                                event_navigation_name: 'offer',
+                                event_navigation_action: 'click',
+                                event_navigation_label: 'template',
+                            },
+                        },
+                        {
+                            id: 'offer-2',
+                            headline: '',
+                            url: '',
+                            imageUrl: '',
+                            eventContext: {
+                                event_navigation_name: 'offer',
+                                event_navigation_action: 'click',
+                                event_navigation_label: 'template',
+                            },
+                        },
+                    ],
+                },
+                {
+                    type: 'articles',
+                    articles: [
+                        {
+                            id: '',
+                            headline: '',
+                            url: '',
+                            imageUrl: '',
+                            kicker: '',
+                            eventContext: {
+                                event_navigation_name: 'article',
+                                event_navigation_action: 'click',
+                                event_navigation_label: 'member benefits',
+                            },
+                        },
+                        {
+                            id: 'article-2',
+                            headline: '',
+                            url: '',
+                            imageUrl: '',
+                            kicker: '',
+                            eventContext: {
+                                event_navigation_name: 'article',
+                                event_navigation_action: 'click',
+                                event_navigation_label: 'subscription tips',
+                            },
+                        },
+                    ],
+                },
+            ],
+            primaryButton: {
+                text: 'Continue to cancel',
+                size: 'medium',
+                eventContext: {
+                    event_navigation_name: 'button',
+                    event_navigation_action: 'click',
+                    event_navigation_label: 'continue to cancel',
+                },
+            },
+            secondaryButton: {
+                text: 'Keep my membership',
+                size: 'medium',
+                href: '/account',
+                eventContext: {
+                    event_navigation_name: 'button',
+                    event_navigation_action: 'click',
+                    event_navigation_label: 'keep my membership',
+                },
+            },
+        },
+        confirmCancellation: {
+            header: {
+                title: 'Confirm cancellation',
+                description: 'Your subscription will be cancelled immediately',
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: 'editorialHeadline030',
+                        md: 'editorialHeadline040',
+                    },
+                },
+                descriptionOverrides: {
+                    typographyPreset: {
+                        xs: 'editorialParagraph020',
+                        md: 'editorialParagraph030',
+                    },
+                    stylePreset: 'inkSubtle',
+                },
+            },
+            stepText: 'Step 3 of 3',
+            stepTextOverrides: {
+                typographyPreset: 'utilityLabel020',
+                stylePreset: 'inkSubtle',
+            },
+            childComponents: [
+                {
+                    type: 'policy',
+                    policyTitle: 'Cancellation Policy',
+                },
+            ],
+            primaryButton: {
+                text: 'Confirm cancellation',
+                size: 'medium',
+                eventContext: {
+                    event_navigation_name: 'button',
+                    event_navigation_action: 'click',
+                    event_navigation_label: 'confirm cancellation',
+                },
+            },
+            secondaryButton: {
+                text: 'Keep my membership',
+                size: 'medium',
+                href: '/account',
+                eventContext: {
+                    event_navigation_name: 'button',
+                    event_navigation_action: 'click',
+                    event_navigation_label: 'keep my membership',
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=SunCancellationFlowContext.js.map

package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.js.map

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

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

@@ -0,0 +1,2 @@
+export * from './SunCancellationFlow';
+export * from './SunCancellationFlowContext';

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

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SunCancellationFlow"), exports);
+__exportStar(require("./SunCancellationFlowContext"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/SunCancellationFlow/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAqC;AACrC,+DAA4C"}

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

@@ -13,6 +13,7 @@ var __assign = (this && this.__assign) || function () {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userHubContext = void 0;
 var react_1 = __importDefault(require("react"));
@@ -26,12 +27,15 @@ var Launch_1 = require("@emotion-icons/material/Launch");
 var HelpOutline_1 = require("@emotion-icons/material/HelpOutline");
 var Newsletters_1 = require("../../pages/Newsletters");
 var shared_components_1 = require("@newskit-render/shared-components");
+var ManageAccounts_1 = require("@emotion-icons/material-outlined/ManageAccounts");
+var CancelSubscriptionSectionContext_1 = require("../SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext");
 var IconOutlinedLock = (0, newskit_1.toNewsKitIcon)(Lock_1.Lock);
 var IconFilledCreditCard = (0, newskit_1.toNewsKitIcon)(CreditCard_1.CreditCard);
 var IconFilledChevronRight = (0, newskit_1.toNewsKitIcon)(ChevronRight_1.ChevronRight);
 var IconChatBubbleOutline = (0, newskit_1.toNewsKitIcon)(ChatBubbleOutline_1.ChatBubbleOutline);
 var IconHelpOutline = (0, newskit_1.toNewsKitIcon)(HelpOutline_1.HelpOutline);
 var IconLaunch = (0, newskit_1.toNewsKitIcon)(Launch_1.Launch);
+var IconManageAccounts = (0, newskit_1.toNewsKitIcon)(ManageAccounts_1.ManageAccounts);
 var pageName = 'homepage';
 exports.userHubContext = {
     sections: {
@@ -102,6 +106,67 @@ exports.userHubContext = {
                 },
             ],
         },
+        subscriptionDetails: {
+            showSection: false,
+            header: {
+                title: 'Subscription Details',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
+            },
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
+            },
+            benefits: {
+                showBenefits: false,
+                title: 'Subscriber benefits',
+                items: [
+                    {
+                        code: 'share',
+                        title: 'Share articles',
+                        description: 'Forward articles to friends and family for free',
+                        icon: IconOutlinedLock,
+                    },
+                    {
+                        code: 'save',
+                        title: 'Save articles',
+                        description: 'Save your favourite stories to read anytime',
+                        link: {
+                            href: 'https://www.thetimes.com/my-articles',
+                            text: 'Review your saved articles',
+                        },
+                        icon: IconChatBubbleOutline,
+                    },
+                ],
+            },
+            cancelSubscription: {
+                title: 'Cancel your subscription',
+                titleIcon: (react_1.default.createElement(IconManageAccounts, { overrides: {
+                        size: 'iconSize020',
+                        marginInlineEnd: 'space020',
+                    } })),
+                href: '/account/cancel?step=contactSupport&returnUrl=/account/user-hub',
+                linkIcon: (react_1.default.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
+                eventContext: {
+                    event_navigation_action: 'navigation',
+                    event_navigation_name: 'subscription cancellation : cancel',
+                    event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                    page_name: "".concat(pageName.toLocaleLowerCase()),
+                },
+            },
+            cancelSubscriptionModal: (_a = (0, CancelSubscriptionSectionContext_1.cancelSubscriptionSection)(pageName).props) === null || _a === void 0 ? void 0 : _a.modal,
+        },
         helpAndSupport: {
             dataTestId: 'help-and-support',
             layoutType: 'list',