@newskit-render/my-account 7.151.0 → 7.151.1-cd5c2d6b0.4

package/dist/cjs/helpers/dmccVariant.d.ts

@@ -0,0 +1,2 @@
+export declare const appendDmccVariantParamFromCookie: () => void;
+export declare const enableDmccVariantOnSpaNavigation: () => (() => void) | undefined;

package/dist/cjs/helpers/dmccVariant.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.enableDmccVariantOnSpaNavigation = exports.appendDmccVariantParamFromCookie = void 0;
+var getCookie = function (name) {
+    var decoded = decodeURIComponent(document.cookie || '');
+    var parts = decoded.split(';');
+    for (var _i = 0, parts_1 = parts; _i < parts_1.length; _i++) {
+        var part = parts_1[_i];
+        var _a = part.trim().split('='), key = _a[0], rest = _a.slice(1);
+        if (key === name) {
+            return rest.join('=');
+        }
+    }
+    return null;
+};
+var appendDmccVariantParamFromCookie = function () {
+    try {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        var cookieName = 'dmcc_email_variant';
+        var cookieValue = getCookie(cookieName);
+        if (!cookieValue) {
+            return;
+        }
+        var url = new URL(window.location.href);
+        if (url.searchParams.get(cookieName) === cookieValue) {
+            return;
+        }
+        url.searchParams.set(cookieName, cookieValue);
+        window.history.replaceState(window.history.state, '', url.toString());
+    }
+    catch (_a) {
+        // no-op
+    }
+};
+exports.appendDmccVariantParamFromCookie = appendDmccVariantParamFromCookie;
+var enableDmccVariantOnSpaNavigation = function () {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    var ensure = function () { return (0, exports.appendDmccVariantParamFromCookie)(); };
+    // Run once
+    ensure();
+    // Keep param on browser navigation/hash changes
+    var onPopOrHash = function () { return ensure(); };
+    window.addEventListener('popstate', onPopOrHash);
+    window.addEventListener('hashchange', onPopOrHash);
+    // Patch history methods to catch SPA navigations
+    var origPush = history.pushState;
+    var origReplace = history.replaceState;
+    // @ts-ignore
+    history.pushState = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var ret = origPush.apply(this, args);
+        ensure();
+        return ret;
+    };
+    // @ts-ignore
+    history.replaceState = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var ret = origReplace.apply(this, args);
+        ensure();
+        return ret;
+    };
+    // Return cleanup
+    return function () {
+        window.removeEventListener('popstate', onPopOrHash);
+        window.removeEventListener('hashchange', onPopOrHash);
+        history.pushState = origPush;
+        history.replaceState = origReplace;
+    };
+};
+exports.enableDmccVariantOnSpaNavigation = enableDmccVariantOnSpaNavigation;
+//# sourceMappingURL=dmccVariant.js.map

package/dist/cjs/helpers/dmccVariant.js.map

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

package/dist/cjs/helpers/featureFlagUtils.js

@@ -76,8 +76,8 @@ var prepareOptimizelyData = function (userData, context) {
     }
     var hasConsent = (0, cookiesUtils_1.hasTrackingConsent)(context === null || context === void 0 ? void 0 : context.cookies);
     var subscription = (_b = (_a = userData.user) === null || _a === void 0 ? void 0 : _a.subscriptions) === null || _b === void 0 ? void 0 : _b[0];
-    var contractPhase = (subscription === null || subscription === void 0 ? void 0 : subscription.phases)
-        ? (0, subscriptionsUtils_1.findActiveContractPhase)(subscription.phases)
+    var contractPhase = subscription
+        ? (0, subscriptionsUtils_1.findActiveContractPhase)(subscription)
         : null;
     var hasDiscount = ((_c = subscription === null || subscription === void 0 ? void 0 : subscription.grantedIncentives) === null || _c === void 0 ? void 0 : _c.length)
         ? (0, subscriptionsUtils_1.hasActiveOrUpcomingDiscount)(subscription.grantedIncentives)

package/dist/cjs/helpers/featureFlagUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"featureFlagUtils.js","sourceRoot":"","sources":["../../../src/helpers/featureFlagUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"featureFlagUtils.js","sourceRoot":"","sources":["../../../src/helpers/featureFlagUtils.ts"],"names":[],"mappings":"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"}

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

@@ -17,5 +17,7 @@ export * from './callAppMfa';
 export * from './dateUtils';
 export * from './cancellationUtils';
 export * from './layoutReflowUtils';
+export * from './dmccVariant';
 export * from './entitlementUtils';
 export * from './randomizeReasons';
+export * from './stringUtils';

package/dist/cjs/helpers/index.js

@@ -33,8 +33,8 @@ __exportStar(require("./callAppMfa"), exports);
 __exportStar(require("./dateUtils"), exports);
 __exportStar(require("./cancellationUtils"), exports);
 __exportStar(require("./layoutReflowUtils"), exports);
+__exportStar(require("./dmccVariant"), exports);
 __exportStar(require("./entitlementUtils"), exports);
 __exportStar(require("./randomizeReasons"), exports);
-// line below causes circular dependency in tests, exported directly from file
-// export * from './invoiceUtils'
+__exportStar(require("./stringUtils"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,kDAA+B;AAC/B,oDAAiC;AACjC,6CAA0B;AAC1B,iDAA8B;AAC9B,iDAA8B;AAC9B,uDAAoC;AACpC,kDAA+B;AAC/B,kDAA+B;AAC/B,iDAA8B;AAC9B,uDAAoC;AACpC,4DAAyC;AACzC,sDAAmC;AACnC,qDAAkC;AAClC,iDAA8B;AAC9B,+CAA4B;AAC5B,8CAA2B;AAC3B,sDAAmC;AACnC,sDAAmC;AACnC,qDAAkC;AAClC,qDAAkC;AAClC,8EAA8E;AAC9E,iCAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,kDAA+B;AAC/B,oDAAiC;AACjC,6CAA0B;AAC1B,iDAA8B;AAC9B,iDAA8B;AAC9B,uDAAoC;AACpC,kDAA+B;AAC/B,kDAA+B;AAC/B,iDAA8B;AAC9B,uDAAoC;AACpC,4DAAyC;AACzC,sDAAmC;AACnC,qDAAkC;AAClC,iDAA8B;AAC9B,+CAA4B;AAC5B,8CAA2B;AAC3B,sDAAmC;AACnC,sDAAmC;AACnC,gDAA6B;AAC7B,qDAAkC;AAClC,qDAAkC;AAClC,gDAA6B"}

package/dist/cjs/helpers/stringUtils.d.ts

@@ -0,0 +1 @@
+export declare const replacePlaceholder: (targetString: string, replacementValue?: string) => string;

package/dist/cjs/helpers/stringUtils.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replacePlaceholder = void 0;
+var replacePlaceholder = function (targetString, replacementValue) {
+    if (replacementValue === void 0) { replacementValue = ''; }
+    return targetString.replace(/##.+##/gm, replacementValue);
+};
+exports.replacePlaceholder = replacePlaceholder;
+//# sourceMappingURL=stringUtils.js.map

package/dist/cjs/helpers/stringUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringUtils.js","sourceRoot":"","sources":["../../../src/helpers/stringUtils.ts"],"names":[],"mappings":";;;AAAO,IAAM,kBAAkB,GAAG,UAChC,YAAoB,EACpB,gBAA6B;IAA7B,iCAAA,EAAA,qBAA6B;IAE7B,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAA;AAC3D,CAAC,CAAA;AALY,QAAA,kBAAkB,sBAK9B"}

package/dist/cjs/helpers/subscriptionsUtils.d.ts

@@ -1,5 +1,7 @@
 import { Subscriptions } from '../pages/types';
-import { ContractPhase, GrantedIncentives } from '../pages/types';
+import { GrantedIncentives } from '../pages/types';
+import { DetailedFlags } from '@newskit-render/feature-flags';
+import { InvoiceMonthlySummaryBreakdownProps } from 'Components/Sections/CancellationOffers';
 type SubscriptionTypes = Subscriptions[] | null | undefined;
 export declare const sortSubscriptionsByActive: (userSubscriptions: SubscriptionTypes) => Subscriptions[];
 export declare const getFamilyAccountTypes: (userSubscriptions: SubscriptionTypes) => {
@@ -7,9 +9,11 @@ export declare const getFamilyAccountTypes: (userSubscriptions: SubscriptionType
     isUserFamilyAccountPrimaryActive: boolean;
     isUserFamilyAccountSecondary: boolean;
 } | null;
-export declare const isUserPaymentTypeEligibleForZuoraPage: (activeSubscription: Subscriptions) => boolean;
-export declare const findActiveContractPhase: (contractPhases: ContractPhase[]) => ContractPhase | undefined;
+export declare const isUserPaymentTypeEligibleForZuoraPage: (activeSubscription: Subscriptions, featureFlags?: DetailedFlags) => boolean;
+export declare const findActiveContractPhase: (subscription: Subscriptions, usePhasesQuery?: boolean) => import("../pages/types").ContractPhase | {
+    type: string | undefined;
+} | undefined;
 export declare const hasActiveOrUpcomingDiscount: (grantedIncentives: GrantedIncentives[]) => boolean;
-export declare const findLatestIncentiveStartDate: (grantedIncentives: GrantedIncentives[]) => GrantedIncentives | null;
+export declare const findLatestIncentiveStartDate: (grantedIncentives: InvoiceMonthlySummaryBreakdownProps[]) => InvoiceMonthlySummaryBreakdownProps | null;
 export declare const calculateDiscountedPrice: (price: number, discountPercentage?: number | null) => string;
 export {};

package/dist/cjs/helpers/subscriptionsUtils.js

@@ -50,23 +50,30 @@ var getFamilyAccountTypes = function (userSubscriptions) {
     };
 };
 exports.getFamilyAccountTypes = getFamilyAccountTypes;
-var isUserPaymentTypeEligibleForZuoraPage = function (activeSubscription) {
-    var _a, _b;
+var isUserPaymentTypeEligibleForZuoraPage = function (activeSubscription, featureFlags) {
+    var _a, _b, _c;
     var paymentType = ((_b = (_a = activeSubscription === null || activeSubscription === void 0 ? void 0 : activeSubscription.billingDetails) === null || _a === void 0 ? void 0 : _a.paymentMethod) === null || _b === void 0 ? void 0 : _b.type) || '';
     if (!paymentType)
         return false;
     var paymentTypeToLowerCase = paymentType.toLowerCase();
     // Payment type BankTransfer - Direct debit in the UI
     // Payment type CreditCard - Credit/Debit Card in the UI
-    if (paymentTypeToLowerCase === types_1.PaymentTypes.creditcard ||
-        paymentTypeToLowerCase === types_1.PaymentTypes.banktransfer) {
+    if (!((_c = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_payment_method_edit) === null || _c === void 0 ? void 0 : _c.enabled) &&
+        (paymentTypeToLowerCase === types_1.PaymentTypes.creditcard ||
+            paymentTypeToLowerCase === types_1.PaymentTypes.banktransfer)) {
         return true;
     }
     return false;
 };
 exports.isUserPaymentTypeEligibleForZuoraPage = isUserPaymentTypeEligibleForZuoraPage;
-var findActiveContractPhase = function (contractPhases) {
-    return contractPhases.find(function (phase) { return phase.active && phase.currentPhase === CURRENT_PHASE_VALUE; });
+var findActiveContractPhase = function (subscription, usePhasesQuery) {
+    var _a, _b, _c;
+    if (usePhasesQuery === void 0) { usePhasesQuery = false; }
+    if (usePhasesQuery) {
+        return (_a = subscription.phases) === null || _a === void 0 ? void 0 : _a.find(function (phase) { return phase.active && phase.currentPhase === CURRENT_PHASE_VALUE; });
+    }
+    var phase = (_c = (_b = subscription.lifeCycleStage) === null || _b === void 0 ? void 0 : _b.split('.')[1]) === null || _c === void 0 ? void 0 : _c.trim();
+    return { type: phase };
 };
 exports.findActiveContractPhase = findActiveContractPhase;
 var hasActiveOrUpcomingDiscount = function (grantedIncentives) {
@@ -94,8 +101,8 @@ var findLatestIncentiveStartDate = function (grantedIncentives) {
     if (!(grantedIncentives === null || grantedIncentives === void 0 ? void 0 : grantedIncentives.length))
         return null;
     return grantedIncentives.reduce(function (latest, current) {
-        var latestDate = new utc_1.UTCDate(latest.expectedFulfilmentStartDate);
-        var currentDate = new utc_1.UTCDate(current.expectedFulfilmentStartDate);
+        var latestDate = new utc_1.UTCDate(latest.fromDate);
+        var currentDate = new utc_1.UTCDate(current.fromDate);
         return (0, isAfter_1.isAfter)(currentDate, latestDate) ? current : latest;
     });
 };

package/dist/cjs/helpers/subscriptionsUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptionsUtils.js","sourceRoot":"","sources":["../../../src/helpers/subscriptionsUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"subscriptionsUtils.js","sourceRoot":"","sources":["../../../src/helpers/subscriptionsUtils.ts"],"names":[],"mappings":"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"}

package/dist/cjs/index.d.ts

@@ -38,3 +38,4 @@ export * from './Components/Elements/SunArticleCard';
 export * from './Components/Elements/SunArticleGrid';
 export { CANCELLATION_EXPERIMENT } from './constants';
 export { type OfferProps } from './Components/Elements/OfferGroup';
+export { ContactMethodListItem } from './Components/Sections/ContactSupport';

package/dist/cjs/pages/CancellationStepper/CancellationStepper.js

@@ -47,15 +47,15 @@ var CancellationStepperContext_1 = require("./CancellationStepperContext");
 var helpers_1 = require("../../helpers");
 var shared_components_1 = require("@newskit-render/shared-components");
 var CancellationStepper = function (_a) {
-    var _b, _c, _d;
-    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, env = _a.env, user = _a.user, _e = _a.footer, footer = _e === void 0 ? true : _e, _f = _a.sidebar, sidebar = _f === void 0 ? true : _f, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags;
+    var _b, _c;
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, env = _a.env, user = _a.user, _d = _a.footer, footer = _d === void 0 ? true : _d, _e = _a.sidebar, sidebar = _e === void 0 ? true : _e, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags;
     var contextName = types_1.ContextName.CancellationStepper;
-    var activeContractPhase = ((_c = (_b = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.phases)
-        ? (0, helpers_1.findActiveContractPhase)(user.subscriptions[0].phases)
+    var activeContractPhase = ((_b = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _b === void 0 ? void 0 : _b[0])
+        ? (0, helpers_1.findActiveContractPhase)(user.subscriptions[0])
         : null;
     var contractPhase = (activeContractPhase === null || activeContractPhase === void 0 ? void 0 : activeContractPhase.type) || '';
     var inEmbeddedMode = (0, shared_components_1.checkRequestHeaders)(requestHeaders, shared_components_1.UserPlatform.native_tm_apps);
-    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, (0, CancellationStepperContext_1.CancellationStepperContext)((_d = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription) === null || _d === void 0 ? void 0 : _d.variationKey, contractPhase, inEmbeddedMode), context)), { userData: user, env: env, handleError: toastFunctions_1.handleError, handleLoading: toastFunctions_1.handleLoading, handleSuccess: toastFunctions_1.handleSuccess, requestHeaders: requestHeaders, featureFlags: featureFlags });
+    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, (0, CancellationStepperContext_1.CancellationStepperContext)((_c = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription) === null || _c === void 0 ? void 0 : _c.variationKey, contractPhase, inEmbeddedMode), context)), { userData: user, env: env, handleError: toastFunctions_1.handleError, handleLoading: toastFunctions_1.handleLoading, handleSuccess: toastFunctions_1.handleSuccess, requestHeaders: requestHeaders, featureFlags: featureFlags });
     return (react_1.default.createElement(Templates_1.default, { context: enhancedContext, customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName, footer: footer, sidebar: sidebar },
         react_1.default.createElement(Templates_1.CancellationStepperRender, null)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CancellationStepper.js","sourceRoot":"","sources":["../../../../src/pages/CancellationStepper/CancellationStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,sEAA8E;AAE9E,+DAIqC;AACrC,6CAAiD;AACjD,2EAAyE;AACzE,yCAAuD;AACvD,uEAG0C;AAEnC,IAAM,mBAAmB,GAAgC,UAAC,EAUhE;;QATC,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,EACd,YAAY,kBAAA;IAEZ,IAAM,WAAW,GAAG,mBAAW,CAAC,mBAAmB,CAAA;IACnD,IAAM,mBAAmB,GAAG,CAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,MAAM;QAC1D,CAAC,CAAC,IAAA,iCAAuB,EAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QACvD,CAAC,CAAC,IAAI,CAAA;IAER,IAAM,aAAa,GAAG,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,KAAI,EAAE,CAAA;IACrD,IAAM,cAAc,GAAG,IAAA,uCAAmB,EACxC,cAAc,EACd,gCAAY,CAAC,cAAc,CAC5B,CAAA;IAED,IAAM,eAAe,yBAChB,IAAA,uBAAM,EACP,EAAE,EACF,IAAA,uDAA0B,EACxB,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,0CAAE,YAAY,EACtD,aAAa,EACb,cAAc,CACf,EACD,OAAO,CACR,KACD,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,WAAW,8BAAA,EACX,aAAa,gCAAA,EACb,aAAa,gCAAA,EACb,cAAc,gBAAA,EACd,YAAY,cAAA,GACb,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,qCAAyB,OAAG,CACtB,CACV,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,mBAAmB,uBAqD/B"}
+{"version":3,"file":"CancellationStepper.js","sourceRoot":"","sources":["../../../../src/pages/CancellationStepper/CancellationStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,sEAA8E;AAE9E,+DAIqC;AACrC,6CAAiD;AACjD,2EAAyE;AACzE,yCAAuD;AACvD,uEAG0C;AAEnC,IAAM,mBAAmB,GAAgC,UAAC,EAUhE;;QATC,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,EACd,YAAY,kBAAA;IAEZ,IAAM,WAAW,GAAG,mBAAW,CAAC,mBAAmB,CAAA;IACnD,IAAM,mBAAmB,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC;QAClD,CAAC,CAAC,IAAA,iCAAuB,EAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,IAAI,CAAA;IAER,IAAM,aAAa,GAAG,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,KAAI,EAAE,CAAA;IACrD,IAAM,cAAc,GAAG,IAAA,uCAAmB,EACxC,cAAc,EACd,gCAAY,CAAC,cAAc,CAC5B,CAAA;IAED,IAAM,eAAe,yBAChB,IAAA,uBAAM,EACP,EAAE,EACF,IAAA,uDAA0B,EACxB,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,0CAAE,YAAY,EACtD,aAAa,EACb,cAAc,CACf,EACD,OAAO,CACR,KACD,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,WAAW,8BAAA,EACX,aAAa,gCAAA,EACb,aAAa,gCAAA,EACb,cAAc,gBAAA,EACd,YAAY,cAAA,GACb,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,qCAAyB,OAAG,CACtB,CACV,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,mBAAmB,uBAqD/B"}

package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js

@@ -20,6 +20,8 @@ var baseContext_1 = require("../../context/baseContext");
 var constants_1 = require("../../constants");
 var shared_components_1 = require("@newskit-render/shared-components");
 var newskit_1 = require("newskit");
+var Lock_1 = require("@emotion-icons/material-outlined/Lock");
+var IconLock = (0, newskit_1.toNewsKitIcon)(Lock_1.Lock);
 var getPageTrackingEvent = function (pageName, variant, contractPhase, inEmbeddedMode) { return ({
     originator: 'page view',
     context: __assign({ page_site_name: 'the times', page_section: 'my account', page_type: 'my account', page_restrictions: 'restricted', page_name: pageName, page_section_2: 'my account:online cancellation', page_section_hierarchy: 'my account|online cancellation', optimizely_feature_data: "cancellation_exp|".concat(variant), contract_state: contractPhase }, (0, shared_components_1.getEmbeddedModeProperty)(inEmbeddedMode)),
@@ -39,7 +41,7 @@ var reasonSubtitleOverrides = {
     paddingInlineEnd: { xs: 'space000', md: 'space020' },
     stylePreset: { xs: 'textAlignCenter', md: 'textAlignLeft' },
 };
-var downgradePageUrl = '[baseURL]/cancel?step=downgrade';
+var offersPageUrl = '[baseURL]/cancel?step=offers';
 var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMode) {
     var isVariantTwo = variant === constants_1.CANCELLATION_EXPERIMENT.VARIANT_2_A;
     var varTwoIntroduction = {
@@ -183,7 +185,7 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                     label: 'or',
                     button: {
                         text: 'None of the above',
-                        href: downgradePageUrl,
+                        href: offersPageUrl,
                         id: 'none-of-the-above',
                     },
                     buttonOverrides: {
@@ -214,7 +216,7 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                         subtitleOverrides: reasonSubtitleOverrides,
                         componentType: 'grid',
                         image: '/assets/cancellation/placeholder.png',
-                        href: downgradePageUrl,
+                        href: offersPageUrl,
                         eventContext: {
                             event_navigation_action: 'navigation',
                             event_navigation_name: 'online cancellation : cancellation reason selection',
@@ -233,7 +235,7 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                         subtitleOverrides: reasonSubtitleOverrides,
                         componentType: 'grid',
                         image: '/assets/cancellation/placeholder.png',
-                        href: downgradePageUrl,
+                        href: offersPageUrl,
                         eventContext: {
                             event_navigation_action: 'navigation',
                             event_navigation_name: 'online cancellation : cancellation reason selection',
@@ -252,7 +254,7 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                         subtitleOverrides: reasonSubtitleOverrides,
                         componentType: 'grid',
                         image: '/assets/cancellation/placeholder.png',
-                        href: downgradePageUrl,
+                        href: offersPageUrl,
                         eventContext: {
                             event_navigation_action: 'navigation',
                             event_navigation_name: 'online cancellation : cancellation reason selection',
@@ -271,7 +273,7 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                         subtitleOverrides: reasonSubtitleOverrides,
                         componentType: 'grid',
                         image: '/assets/cancellation/placeholder.png',
-                        href: downgradePageUrl,
+                        href: offersPageUrl,
                         eventContext: {
                             event_navigation_action: 'navigation',
                             event_navigation_name: 'online cancellation : cancellation reason selection',
@@ -290,7 +292,7 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                         subtitleOverrides: reasonSubtitleOverrides,
                         componentType: 'grid',
                         image: '/assets/cancellation/placeholder.png',
-                        href: downgradePageUrl,
+                        href: offersPageUrl,
                         eventContext: {
                             event_navigation_action: 'navigation',
                             event_navigation_name: 'online cancellation : cancellation reason selection',
@@ -309,7 +311,7 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                         subtitleOverrides: reasonSubtitleOverrides,
                         componentType: 'grid',
                         image: '/assets/cancellation/placeholder.png',
-                        href: downgradePageUrl,
+                        href: offersPageUrl,
                         eventContext: {
                             event_navigation_action: 'navigation',
                             event_navigation_name: 'online cancellation : cancellation reason selection',
@@ -580,13 +582,13 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                             description: 'Stay subscribed for just £10/month for the next 6 months. After that, your price returns to £30/month. Cancel anytime.',
                             discountedPrice: '£10/month for 6 months',
                             regularPrice: '£30/month after',
-                            nextStep: 'discountPreview',
+                            nextStep: 'offerPreview',
                         },
                         {
                             id: 'cancel',
                             title: 'Cancel subscription',
                             description: 'If you still want to leave, you’ll be taken to the final confirmation step.',
-                            nextStep: 'preCancellation',
+                            nextStep: 'reviewCancellation',
                             overrides: {
                                 container: {
                                     borderColor: 'interfaceInformative010',
@@ -640,13 +642,14 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                 },
             },
             offerConfirmation: {
+                tealiumContext: getPageTrackingEvent('offer confirmation', variant, contractPhase),
+                showBackButton: false,
                 contentContainerOverrides: {
                     marginInline: 'auto',
                     paddingBlockStart: 'space000',
                     paddingInline: 'space000',
                     width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
                 },
-                showBackButton: false,
                 header: {
                     title: 'Your subscription has been updated and your discount will start from ##DATE##',
                     description: "You'll shortly receive a confirmation email. View your subscription details in My Account.",
@@ -676,9 +679,204 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                 buttonText: 'Go back to My Account',
                 buttonUrl: '/account',
             },
+            contactSupport: {
+                tealiumContext: getPageTrackingEvent('contact support', variant, contractPhase),
+                contentContainerOverrides: {
+                    marginInline: 'auto',
+                    paddingBlockStart: 'space000',
+                    paddingInline: 'space000',
+                    width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
+                },
+                header: {
+                    title: "Let's talk before you go",
+                    description: 'Our team may have an offer or solution for you.',
+                    titleOverrides: {
+                        marginBlockEnd: 'space060',
+                    },
+                    descriptionOverrides: {
+                        marginBlockEnd: 'space060',
+                    },
+                },
+                contactMethods: [
+                    {
+                        label: 'Call us',
+                        ariaLabel: 'Call us',
+                        type: 'contactMethod',
+                        default: (react_1.default.createElement(newskit_1.Button, { as: "a", href: "tel:1800949687", overrides: {
+                                typographyPreset: 'utilityHeading030',
+                                stylePreset: 'inkDark010',
+                                paddingBlock: 'space000',
+                                paddingInline: 'space000',
+                                minHeight: 'auto',
+                                minWidth: 'auto',
+                            } }, "1800 949 687")),
+                        valueDescription: 'Lines are open 8-7pm Mon-Fri UK time and 8-4pm weekends & bank holidays.',
+                    },
+                    {
+                        label: 'Chat online',
+                        ariaLabel: 'Chat online',
+                        type: 'contactMethod',
+                        default: (react_1.default.createElement(newskit_1.Button, { overrides: {
+                                stylePreset: 'buttonMinimalPrimary',
+                                paddingBlock: 'space000',
+                                paddingInline: 'space000',
+                                minHeight: 'auto',
+                                minWidth: 'auto',
+                                typographyPreset: 'utilityLabel020',
+                            } }, "Live chat")),
+                    },
+                    {
+                        label: 'WhatsApp',
+                        ariaLabel: 'WhatsApp',
+                        type: 'contactMethod',
+                        default: (react_1.default.createElement(newskit_1.Button, { as: "a", target: "_blank", href: "https://wa.me/447782386977", overrides: {
+                                typographyPreset: 'utilityLabel020',
+                                stylePreset: 'inkBrand020',
+                                paddingBlock: 'space000',
+                                paddingInline: 'space000',
+                                minHeight: 'auto',
+                                minWidth: 'auto',
+                            } }, "Message us on WhatsApp")),
+                    },
+                ],
+                continueButton: {
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'online cancellation  - continue with cancellation',
+                        event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                        page_name: 'contact support',
+                    },
+                    text: 'Continue with cancellation',
+                },
+            },
+            reviewCancellation: {
+                tealiumContext: getPageTrackingEvent('review cancellation', variant, contractPhase, inEmbeddedMode),
+                header: {
+                    title: 'Confirm your cancellation',
+                    fullWidthTitle: true,
+                    titleOverrides: {
+                        marginBlockEnd: { xs: 'space050', md: 'space060' },
+                        typographyPreset: {
+                            xs: 'editorialHeadline040',
+                            md: 'editorialHeadline050',
+                        },
+                    },
+                },
+                details: [
+                    {
+                        label: 'Type',
+                        ariaLabel: 'Type',
+                        default: '[Digital]',
+                        valueDescription: (react_1.default.createElement(react_1.default.Fragment, null,
+                            "Cancelling now means your subscription will end at the close of your current billing period. After this, your access will stop.",
+                            react_1.default.createElement("br", null),
+                            react_1.default.createElement("br", null),
+                            "If you change your mind before then, our Customer Care team can help you keep your access.")),
+                        type: 'subscription',
+                    },
+                    {
+                        label: 'Subscription end date',
+                        ariaLabel: 'Subscription end date',
+                        default: '[Date]',
+                        valueDescription: 'This will be your last day with full access to your subscription if you cancel today.',
+                        type: 'subDate',
+                    },
+                ],
+                cancellationButtons: {
+                    marginBlockStart: { xs: 'space030', md: 'space060' },
+                    primaryButton: {
+                        text: 'Confirm cancellation',
+                    },
+                },
+                genericErrorMessage: {
+                    error: "Sorry, we're having trouble processing your cancellation request right now. Please try again later, or contact support.",
+                },
+                defaultCancellationReason: 'no reason',
+            },
+            offerPreview: {
+                tealiumContext: getPageTrackingEvent('offer preview page', variant, contractPhase), // TO DO: update with AIT spec
+                contentContainerOverrides: {
+                    marginInline: 'auto',
+                    paddingBlockStart: 'space000',
+                    paddingInline: 'space000',
+                    width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
+                },
+                header: {
+                    title: 'Activate your limited time offer',
+                    marginBlockEnd: { xs: 'space050', md: 'space080' },
+                    titleOverrides: {
+                        marginBlockEnd: 'space060',
+                    },
+                },
+                subscriptionSummary: {
+                    sectionTitle: 'Your new subscription',
+                    offerTitle: '##OFFER_TITLE##',
+                    discountName: '##OFFER_DESCRIPTION##',
+                    discountPercentage: 75,
+                    discountStartDate: 'Starting ##DISCOUNT_START_DATE##',
+                    // the term is hardcoded because we do not have clear requirements on how term longer then month will work
+                    fullPriceSubscriptionPrice: 'Then ##SUBSCRIPTION_PRICE##/Month',
+                    fullPriceSubscriptionStartDate: 'From ##SUBSCRIPTION_START_DATE##',
+                    paymentBreakdown: {
+                        title: '##PAYMENT_DATE## payment breakdown',
+                        accountCreditRow: {
+                            label: 'Account credit',
+                            value: '##ACCOUNT_CREDIT_AMOUNT##',
+                        },
+                        discountedSubscriptionRow: {
+                            label: 'Discounted subscription cost',
+                            value: '##DISCOUNTED_SUBSCRIPTION_COST##',
+                        },
+                        offerSubscriptionRow: {
+                            label: 'Offer subscription cost',
+                            value: '##OFFER_SUBSCRIPTION_COST##',
+                        },
+                    },
+                    nextPaymentRow: {
+                        label: 'Next payment',
+                        value: '##TOTAL_PAYMENT_AMOUNT##',
+                    },
+                    remainingCredit: {
+                        label: 'Remaining credit',
+                        value: '##REMAINING_CREDIT_AMOUNT##',
+                    },
+                },
+                paymentSummary: {
+                    sectionTitle: 'Payment method',
+                },
+                note: {
+                    title: 'Things to note',
+                    description: 'This temporary discount will apply throughout the promotional period. If you need to, you can cancel [two days before your next billing date/14 days before the end of your voucher booklet] with ease using our online process or by contacting our customer services team.',
+                },
+                continueButton: {
+                    label: (react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center" },
+                        react_1.default.createElement(IconLock, { overrides: {
+                                stylePreset: 'inkSubtle',
+                                size: 'iconSize020',
+                            } }),
+                        react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkSubtle" }, "Secure Payments"))),
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'online cancellation - proceed with offer confirmation',
+                        event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                        page_name: 'discount preview page',
+                    },
+                    nextStep: 'offerConfirmation',
+                    button: {
+                        text: 'Continue',
+                    },
+                },
+            },
         },
         componentSequence: {
-            Digital: ['reason', 'downgrade', 'preCancellation', 'confirmCancel'],
+            Digital: [
+                'contactSupport',
+                'reason',
+                'offers',
+                'preCancellation',
+                'confirmCancel',
+                'offerConfirmation',
+            ],
         },
         navigationPrimary: baseContext_1.navigationPrimary,
         footer: baseContext_1.footer,