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

package/dist/cjs/Components/Sections/OfferPreview/OfferSummary.js

@@ -0,0 +1,95 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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.OfferSummary = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var SummaryRow_1 = require("./SummaryRow");
+var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var StyledSection = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 1px solid;\n  ", ";\n"], ["\n  border: 1px solid;\n  ", ";\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'neutral030'));
+var StylesBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: 1px solid;\n  ", ";\n  ", ";\n  ", "\n  ", "\n  right: 0;\n  position: absolute;\n"], ["\n  border: 1px solid;\n  ", ";\n  ", ";\n  ", "\n  ", "\n  right: 0;\n  position: absolute;\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'teal040'), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'teal010'), (0, newskit_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded010'), (0, newskit_1.getSpacingCssFromTheme)('padding', 'space020'));
+var OfferSummary = function (_a) {
+    var sectionTitle = _a.sectionTitle, offerTitle = _a.offerTitle, discountName = _a.discountName, discountPercentage = _a.discountPercentage, fullPriceSubscriptionPrice = _a.fullPriceSubscriptionPrice, fullPriceSubscriptionStartDate = _a.fullPriceSubscriptionStartDate, paymentBreakdown = _a.paymentBreakdown, nextPaymentRow = _a.nextPaymentRow, remainingCredit = _a.remainingCredit, discountStartDate = _a.discountStartDate;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StyledSection, { rowGap: "space040", columns: '12fr', overrides: {
+                paddingBlock: 'space040',
+                paddingInline: 'space040',
+            } },
+            react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "offer-title", typographyPreset: "editorialHeadline010" }, offerTitle),
+            react_1.default.createElement(newskit_1.Divider, { overrides: {
+                    marginBlock: 'space010',
+                } }),
+            react_1.default.createElement(StyledGridLayout, { rowGap: "space030" },
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "discount-name", typographyPreset: "utilitySubheading020" }, discountName),
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "discount-start-date", stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, discountStartDate),
+                react_1.default.createElement(StylesBlock, null,
+                    react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityLabel010" },
+                        discountPercentage,
+                        "% off"))),
+            react_1.default.createElement(newskit_1.GridLayout, { rowGap: "space030", overrides: {
+                    marginBlockStart: 'space020',
+                } },
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "full-price-subscription-price", typographyPreset: "utilitySubheading020" }, fullPriceSubscriptionPrice),
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "full-price-subscription-start-date", stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, fullPriceSubscriptionStartDate)),
+            paymentBreakdown && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(newskit_1.Divider, { overrides: {
+                        marginBlock: 'space010',
+                    } }),
+                react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilitySubheading020" }, paymentBreakdown.title),
+                paymentBreakdown.offerSubscriptionRow && (react_1.default.createElement(SummaryRow_1.SummaryRow, __assign({}, paymentBreakdown.offerSubscriptionRow, { "data-testid": "offer-subscription-row", labelOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    }, valueOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    } }))),
+                react_1.default.createElement(SummaryRow_1.SummaryRow, __assign({}, paymentBreakdown.accountCreditRow, { "data-testid": "account-credit-row", labelOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    }, valueOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    } })),
+                paymentBreakdown.discountedSubscriptionRow && (react_1.default.createElement(SummaryRow_1.SummaryRow, __assign({}, paymentBreakdown.discountedSubscriptionRow, { "data-testid": "discounted-subscription-row", labelOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    }, valueOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    } }))))),
+            react_1.default.createElement(newskit_1.Divider, { overrides: {
+                    marginBlock: 'space010',
+                } }),
+            react_1.default.createElement(SummaryRow_1.SummaryRow, __assign({}, nextPaymentRow, { "data-testid": "next-payment-row", labelOverrides: {
+                    typographyPreset: 'utilitySubheading030',
+                }, valueOverrides: {
+                    typographyPreset: 'utilitySubheading030',
+                } })),
+            remainingCredit && (react_1.default.createElement(SummaryRow_1.SummaryRow, __assign({}, remainingCredit, { "data-testid": "remaining-credit-row", labelOverrides: {
+                    stylePreset: 'inkSubtle',
+                    typographyPreset: 'utilityBody010',
+                }, valueOverrides: {
+                    stylePreset: 'inkSubtle',
+                    typographyPreset: 'utilityBody010',
+                } }))))));
+};
+exports.OfferSummary = OfferSummary;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=OfferSummary.js.map

package/dist/cjs/Components/Sections/OfferPreview/OfferSummary.js.map

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

package/dist/cjs/Components/Sections/OfferPreview/SummaryRow.d.ts

@@ -0,0 +1,9 @@
+import { TextBlockProps } from 'newskit';
+import React from 'react';
+export interface SummaryRowProps {
+    label: string;
+    value: string;
+    labelOverrides?: TextBlockProps;
+    valueOverrides?: TextBlockProps;
+}
+export declare const SummaryRow: React.FC<SummaryRowProps>;

package/dist/cjs/Components/Sections/OfferPreview/SummaryRow.js

@@ -0,0 +1,38 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SummaryRow = void 0;
+var newskit_1 = require("newskit");
+var react_1 = __importDefault(require("react"));
+var SummaryRow = function (_a) {
+    var label = _a.label, value = _a.value, labelOverrides = _a.labelOverrides, valueOverrides = _a.valueOverrides, rest = __rest(_a, ["label", "value", "labelOverrides", "valueOverrides"]);
+    return (react_1.default.createElement(newskit_1.Stack, __assign({ flow: "horizontal-stretch", stackDistribution: "space-between" }, rest),
+        react_1.default.createElement(newskit_1.TextBlock, __assign({}, labelOverrides), label),
+        react_1.default.createElement(newskit_1.TextBlock, __assign({}, valueOverrides), value)));
+};
+exports.SummaryRow = SummaryRow;
+//# sourceMappingURL=SummaryRow.js.map

package/dist/cjs/Components/Sections/OfferPreview/SummaryRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryRow.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/OfferPreview/SummaryRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAA0D;AAC1D,gDAAyB;AAQlB,IAAM,UAAU,GAA8B,UAAC,EAMrD;IALC,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACX,IAAI,cAL6C,sDAMrD,CADQ;IAEP,OAAO,CACL,8BAAC,eAAK,aACJ,IAAI,EAAC,oBAAoB,EACzB,iBAAiB,EAAC,eAAe,IAC7B,IAAI;QAER,8BAAC,mBAAS,eAAK,cAAc,GAAG,KAAK,CAAa;QAClD,8BAAC,mBAAS,eAAK,cAAc,GAAG,KAAK,CAAa,CAC5C,CACT,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,UAAU,cAiBtB"}

package/dist/cjs/Components/Sections/OfferPreview/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Sections/OfferPreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/OfferPreview/index.ts"],"names":[],"mappings":""}

package/dist/cjs/Components/Sections/OfferPreview/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/dist/cjs/Components/Sections/OfferPreview/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/OfferPreview/types.ts"],"names":[],"mappings":""}

package/dist/cjs/Components/Sections/SectionContainer/types.d.ts

@@ -2,7 +2,7 @@ import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceAndNotic
 import { StandaloneLinkPropsOverridable } from '../../Elements/StandaloneLinkComponent';
 import { MQ, ImageProps } from 'newskit';
 import { NewslettersGridOverrides, CancellationItem, CancellationSection } from '../../../context/types';
-import { HandleCardClick, StepController } from '../../Templates/CancellationStepperRender';
+import { HandleCardClick, NextStepProps } from '../../Templates/CancellationStepperRender';
 import { UserData } from '../../../pages/types';
 export type BelowContentExtra = {
     type: 'delivery-address' | 'cancel-subscription' | 'no-billing' | 'payment-history' | 'leave-family';
@@ -34,7 +34,7 @@ export interface BaseSectionProps extends CancellationSection, CancellationItem
 }
 export interface GridSectionProps extends CancellationSection {
     baseUrl?: string;
-    onNextStep: StepController;
+    onNextStep: NextStepProps;
     handleCardClick: HandleCardClick;
     eventContext?: EventContext;
     user?: UserData;

package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.d.ts

@@ -3,4 +3,4 @@ import { UserData } from '../../../pages/types';
 export interface SubscriptionDetailsSectionProps extends UserHubSubscriptionDetailsSection {
     user?: UserData;
 }
-export declare const SubscriptionDetailsSection: ({ header, containerOverrides, benefits, cancelSubscription, cancelSubscriptionModal, user, }: SubscriptionDetailsSectionProps) => JSX.Element;
+export declare const SubscriptionDetailsSection: ({ header, containerOverrides, benefits, cancelSubscription, user, }: SubscriptionDetailsSectionProps) => JSX.Element;

package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -25,25 +21,14 @@ var shared_components_1 = require("@newskit-render/shared-components");
 var SectionListItem_1 = require("../../Elements/SectionListItem");
 var BaseSection_1 = require("./BaseSection");
 var shared_components_2 = require("@newskit-render/shared-components");
-var hooks_1 = require("../../../hooks");
-var CancelSubscriptionModal_1 = require("../../Elements/CancelSubscriptionModal");
 var constants_1 = require("../../../constants");
-var StyledSectionListItem = (0, newskit_1.styled)(SectionListItem_1.SectionListItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"], ["\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interface020'));
 var SubscriptionDetailsSection = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var header = _a.header, containerOverrides = _a.containerOverrides, benefits = _a.benefits, cancelSubscription = _a.cancelSubscription, cancelSubscriptionModal = _a.cancelSubscriptionModal, user = _a.user;
-    var _j = (0, hooks_1.useCancelSubscriptionModal)((_b = cancelSubscriptionModal === null || cancelSubscriptionModal === void 0 ? void 0 : cancelSubscriptionModal.closeButton) === null || _b === void 0 ? void 0 : _b.eventContext), modalOpen = _j.modalOpen, setModalOpen = _j.setModalOpen, onDismissModal = _j.onDismissModal;
-    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
-    var handleCancelSubscriptionClick = function () {
-        setModalOpen(true);
-        if (cancelSubscription === null || cancelSubscription === void 0 ? void 0 : cancelSubscription.eventContext) {
-            fireEvent((0, shared_components_1.createClickEvent)(__assign({ originator: 'button', text: cancelSubscription.eventContext.event_navigation_name, page_name: cancelSubscription.eventContext.page_name }, cancelSubscription.eventContext)));
-        }
-    };
-    var price = (_d = (_c = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.price;
-    var currency = (_f = (_e = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.currency;
+    var _b, _c, _d, _e, _f, _g;
+    var header = _a.header, containerOverrides = _a.containerOverrides, benefits = _a.benefits, cancelSubscription = _a.cancelSubscription, user = _a.user;
+    var price = (_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.price;
+    var currency = (_e = (_d = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.currency;
     var itemsToRender = [
-        react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "type", title: "Type", subtitle: ((_h = (_g = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.type) || '', containerOverrides: containerOverrides }),
+        react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "type", title: "Type", subtitle: ((_g = (_f = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.type) || '', containerOverrides: containerOverrides }),
         react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "price", title: "Price", subtitle: price && currency ? "".concat(constants_1.CURRENCY_MAP[currency]).concat(price) : '', containerOverrides: containerOverrides }),
     ];
     if ((benefits === null || benefits === void 0 ? void 0 : benefits.showBenefits) && (benefits === null || benefits === void 0 ? void 0 : benefits.items) && benefits.items.length > 0) {
@@ -59,13 +44,11 @@ var SubscriptionDetailsSection = function (_a) {
             }))));
     }
     if (cancelSubscription) {
-        itemsToRender.push(react_1.default.createElement(StyledSectionListItem, __assign({ key: "cancel-subscription" }, cancelSubscription, { containerOverrides: containerOverrides, onClick: handleCancelSubscriptionClick })));
+        itemsToRender.push(react_1.default.createElement(SectionListItem_1.SectionListItem, __assign({ key: "cancel-subscription" }, cancelSubscription, { containerOverrides: containerOverrides })));
     }
     return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": "subscription-details-section" },
         react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
-        react_1.default.createElement(BaseSection_1.StyledStructuredList, { divider: true }, itemsToRender),
-        cancelSubscriptionModal && (react_1.default.createElement(CancelSubscriptionModal_1.CancelSubscriptionModal, { isOpen: modalOpen, onDismissModal: onDismissModal, modal: cancelSubscriptionModal, cpn: user === null || user === void 0 ? void 0 : user.cpn, subscriptions: user === null || user === void 0 ? void 0 : user.subscriptions }))));
+        react_1.default.createElement(BaseSection_1.StyledStructuredList, { divider: true }, itemsToRender)));
 };
 exports.SubscriptionDetailsSection = SubscriptionDetailsSection;
-var templateObject_1;
 //# sourceMappingURL=SubscriptionDetailsSection.js.map

package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionDetailsSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/SubscriptionDetailsSection.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SubscriptionDetailsSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/SubscriptionDetailsSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAsC;AACtC,uEAA0D;AAC1D,kEAAgE;AAChE,6CAAoD;AACpD,uEAAoE;AAGpE,gDAAiD;AAO1C,IAAM,0BAA0B,GAAG,UAAC,EAMT;;QALhC,MAAM,YAAA,EACN,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,IAAI,UAAA;IAEJ,IAAM,KAAK,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,KAAK,CAAA;IAC7C,IAAM,QAAQ,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,QAAQ,CAAA;IAEnD,IAAM,aAAa,GAAG;QACpB,8BAAC,iCAAe,IACd,GAAG,EAAC,MAAM,EACV,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,CAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,IAAI,KAAI,EAAE,EAC9C,kBAAkB,EAAE,kBAAkB,GACtC;QACF,8BAAC,iCAAe,IACd,GAAG,EAAC,OAAO,EACX,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAG,wBAAY,CAAC,QAAQ,CAAC,SAAG,KAAK,CAAE,CAAC,CAAC,CAAC,EAAE,EACtE,kBAAkB,EAAE,kBAAkB,GACtC;KACH,CAAA;IAED,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC3E,aAAa,CAAC,IAAI,CAChB,8BAAC,iCAAe,IACd,GAAG,EAAC,UAAU,EACd,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE;gBACb,MAAM,EAAE,MAAM;aACf;YAED,8BAAC,eAAK,QACH,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;;gBACjC,IAAM,UAAU,GAAG,KAAK,KAAK,CAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,MAAO,IAAG,CAAC,CAAA;gBAExD,OAAO,CACL,8BAAC,oCAAgB,aACf,GAAG,EAAE,OAAO,CAAC,IAAI,IACb,OAAO,IACX,kBAAkB,EAAE;wBAClB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;qBACtD,IACD,CACH,CAAA;YACH,CAAC,CAAC,CACI,CACQ,CACnB,CAAA;IACH,CAAC;IAED,IAAI,kBAAkB,EAAE,CAAC;QACvB,aAAa,CAAC,IAAI,CAChB,8BAAC,iCAAe,aACd,GAAG,EAAC,qBAAqB,IACrB,kBAAkB,IACtB,kBAAkB,EAAE,kBAAkB,IACtC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAa,8BAA8B;QACvE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,kCAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CACO,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AAzEY,QAAA,0BAA0B,8BAyEtC"}

package/dist/cjs/Components/Templates/CancellationStepperRender.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { EventContext } from '@newskit-render/shared-components';
 export declare const componentMap: {
-    reason: ({ belowItemExtra, onNextStep, handleCardClick, ...props }: import("../Sections/SectionContainer").GridSectionProps) => JSX.Element;
-    downgrade: React.FC<import("../Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade").CancelSubscriptionDowngradeProps>;
+    reason: ({ belowItemExtra, onNextStep, handleCardClick, items, ...props }: import("../Sections/SectionContainer").GridSectionProps) => JSX.Element;
     preCancellation: ({ header, containerOverrides, user, subscriptionName, subscriptionEnd, selectedReason, defaultCancellationReason, dividerOverrides, continueButton, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: import("../Sections/CancellationDetails").CancellationDetailsProps) => JSX.Element;
     confirmCancel: ({ featureFlags, ...rest }: import("../Sections/ConfirmCancellation").ConfirmCancellationStepProps) => React.CElement<{
         image: {
@@ -59,16 +58,18 @@ export declare const componentMap: {
             };
         };
     }, any, any>>;
-    offers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides, selectedOffer, onSelectOffer, onNextStep, }: import("../Sections/CancellationOffers").CancellationOffersProps) => JSX.Element;
-    discountPreview: React.FC<import("../Sections/SectionContainer").GridSectionProps>;
-    offerConfirmation: ({ header, user, subscriptionDetails, buttonText, buttonEventContext, buttonUrl, baseUrl, buttonOverrides, }: import("../Sections/ConfirmSubscriptionOffer").ConfirmSubscriptionOfferProps) => JSX.Element | null;
+    offers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides, setSelectedOffer, selectedOffer, onNextStep, }: import("../Sections/CancellationOffers").CancellationOffersProps) => JSX.Element;
+    offerConfirmation: ({ header, user, subscriptionDetails, buttonText, buttonEventContext, buttonUrl, baseUrl, buttonOverrides, incentiveData, }: import("../Sections/ConfirmSubscriptionOffer").ConfirmSubscriptionOfferProps) => JSX.Element | null;
+    contactSupport: ({ header, contactMethods, continueButton, continueButtonContainerOverrides, onNextStep, }: import("../Sections/ContactSupport").ContactSupportProps) => JSX.Element;
+    reviewCancellation: ({ baseUrl, header, details, user, cancellationButtons, selectedReason, defaultCancellationReason, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: import("../Sections/CancellationReview").CancellationReviewProps) => JSX.Element;
+    offerPreview: React.FC<import("../Sections/OfferPreview/OfferPreview").OfferPreviewPops>;
 };
 export type SelectionData = {
     id: string;
     label?: string;
     eventContext?: EventContext;
 };
-export type StepController = (event: React.MouseEvent, override?: string | null, eventContext?: Record<string, string>) => void;
+export type NextStepProps = (event: React.MouseEvent, override?: string | null, eventContext?: Record<string, string>) => void;
 export type HandleCardClick = (event: React.MouseEvent, selectionData: SelectionData) => void;
 declare const CancellationStepperRender: React.FC;
 export default CancellationStepperRender;

package/dist/cjs/Components/Templates/CancellationStepperRender.js

@@ -33,6 +33,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentMap = void 0;
 var react_1 = __importStar(require("react"));
@@ -43,40 +52,51 @@ var navigation_1 = require("next/navigation");
 var CancellationReasons_1 = require("../Sections/CancellationReasons");
 var CancellationDetails_1 = require("../Sections/CancellationDetails");
 var helpers_1 = require("../../helpers");
-var CancelSubscriptionDowngrade_1 = require("../Sections/CancelSubscriptionDowngrade");
-var CancellationOffers_1 = require("../Sections/CancellationOffers");
+var ContactSupport_1 = require("../Sections/ContactSupport");
+var CancellationReview_1 = require("../Sections/CancellationReview");
 var newskit_1 = require("newskit");
-var SectionContainer_1 = require("../Sections/SectionContainer");
 var ConfirmCancellation_1 = require("../Sections/ConfirmCancellation");
 var ConfirmSubscriptionOffer_1 = require("../Sections/ConfirmSubscriptionOffer");
+var constants_1 = require("../../constants");
+var CancellationOffers_1 = require("../Sections/CancellationOffers");
+var OfferPreview_1 = require("../Sections/OfferPreview/OfferPreview");
 exports.componentMap = {
     reason: CancellationReasons_1.CancellationReasons,
-    downgrade: CancelSubscriptionDowngrade_1.CancelSubscriptionDowngrade,
     preCancellation: CancellationDetails_1.CancellationDetails,
     confirmCancel: ConfirmCancellation_1.ConfirmCancellationRender,
     offers: CancellationOffers_1.CancellationOffers,
-    discountPreview: SectionContainer_1.GridSection,
     offerConfirmation: ConfirmSubscriptionOffer_1.ConfirmSubscriptionOffer,
+    contactSupport: ContactSupport_1.ContactSupport,
+    reviewCancellation: CancellationReview_1.CancellationReview,
+    offerPreview: OfferPreview_1.OfferPreview,
 };
 var CancellationStepperRender = function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     var contextName = types_1.ContextName.CancellationStepper;
-    var _k = (0, context_1.useAccountContext)(contextName), header = _k.header, components = _k.components, componentSequence = _k.componentSequence, showBackButton = _k.showBackButton, userData = _k.userData, baseUrl = _k.baseUrl, handleError = _k.handleError, featureFlags = _k.featureFlags;
+    var _j = (0, context_1.useAccountContext)(contextName), header = _j.header, components = _j.components, componentSequence = _j.componentSequence, showBackButton = _j.showBackButton, userData = _j.userData, baseUrl = _j.baseUrl, handleError = _j.handleError, featureFlags = _j.featureFlags;
     var backButtonHref = (_a = header === null || header === void 0 ? void 0 : header.backButton) === null || _a === void 0 ? void 0 : _a.href;
     var hederBackButtonProps = header === null || header === void 0 ? void 0 : header.backButton;
     var router = (0, navigation_1.useRouter)();
     var searchParams = (0, navigation_1.useSearchParams)();
-    var type = (_c = (_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.type;
-    if (!type || !componentSequence[type])
+    var subscription = (_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b[0];
+    var type = subscription === null || subscription === void 0 ? void 0 : subscription.type;
+    var isActiveSubscription = (subscription === null || subscription === void 0 ? void 0 : subscription.status) === constants_1.ACTIVE_SUBSCRIPTION;
+    if (!subscription ||
+        !isActiveSubscription ||
+        !type ||
+        !componentSequence[type]) {
         return null;
-    var _l = (0, react_1.useState)(null), selections = _l[0], setSelections = _l[1];
+    }
+    var _k = (0, react_1.useState)(null), selections = _k[0], setSelections = _k[1];
     var pagesInOrder = componentSequence[type];
-    var _m = (0, react_1.useState)(null), overrideComponent = _m[0], setOverrideComponent = _m[1];
-    var _o = (0, react_1.useState)([]), filteredPages = _o[0], setFilteredPages = _o[1];
-    var _p = (0, react_1.useState)(((_e = (_d = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.serviceCancellationDate) || null), serviceCancellationDate = _p[0], setServiceCancellationDate = _p[1];
-    var _q = (0, react_1.useState)(), selectedOffer = _q[0], setSelectedOffer = _q[1];
+    var _l = (0, react_1.useState)(null), overrideComponent = _l[0], setOverrideComponent = _l[1];
+    var _m = (0, react_1.useState)([]), filteredPages = _m[0], setFilteredPages = _m[1];
+    var _o = (0, react_1.useState)(((_d = (_c = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.serviceCancellationDate) || null), serviceCancellationDate = _o[0], setServiceCancellationDate = _o[1];
+    var _p = (0, react_1.useState)(), selectedOffer = _p[0], setSelectedOffer = _p[1];
+    var _q = (0, react_1.useState)(null), incentiveData = _q[0], setIncentiveData = _q[1];
     var stepFromUrl = searchParams.get('step');
-    var currentStepComponent = overrideComponent || stepFromUrl || pagesInOrder[0];
+    var returnUrl = searchParams.get('returnUrl');
+    var currentStepComponent = stepFromUrl || pagesInOrder[0];
     var activePages = filteredPages.length > 0 ? filteredPages : pagesInOrder;
     var stepIndex = activePages.findIndex(function (page) { return page === currentStepComponent; });
     var SectionComponent = exports.componentMap[currentStepComponent];
@@ -98,18 +118,35 @@ var CancellationStepperRender = function () {
     }, []);
     var handleBackBtn = function (event) {
         event === null || event === void 0 ? void 0 : event.preventDefault();
+        var previousStep = activePages[stepIndex - 1];
         if (overrideComponent) {
             setOverrideComponent(null);
             setFilteredPages([]);
-            router.back();
+            if (previousStep) {
+                updateUrlWithStep(previousStep);
+            }
+            else {
+                router.back();
+            }
             return;
         }
         if (stepIndex <= 0) {
+            if (returnUrl) {
+                router.push(returnUrl);
+                return;
+            }
             router.push((0, helpers_1.replaceBaseURL)(baseUrl || '', backButtonHref));
             return;
         }
         updateUrlWithStep(activePages[stepIndex - 1]);
     };
+    var addStep = function (step) {
+        if (!activePages.includes(step)) {
+            var newPages = __spreadArray([], activePages, true);
+            newPages.splice(stepIndex + 1, 0, step);
+            setFilteredPages(newPages);
+        }
+    };
     var stepController = function (event, override) {
         var _a;
         if (override === void 0) { override = null; }
@@ -121,7 +158,7 @@ var CancellationStepperRender = function () {
             return;
         }
         setOverrideComponent(override);
-        setFilteredPages(pagesInOrder.filter(function (page) { return page !== override; }));
+        addStep(override);
         updateUrlWithStep(override);
     };
     var handleCardClick = function (_event, selectionData) {
@@ -150,10 +187,9 @@ var CancellationStepperRender = function () {
             trigger: newskit_1.EventTrigger.Load,
             context: __assign(__assign({}, context), { cancellation_type: ((_a = selections === null || selections === void 0 ? void 0 : selections.eventContext) === null || _a === void 0 ? void 0 : _a.article_parent_name) || '' }),
         });
-        // track page view event via Optimizely
         (0, helpers_1.trackEvent)({
             eventName: "cancellation_".concat(stepFromUrl.toLocaleLowerCase()),
-            cpn: userData === null || userData === void 0 ? void 0 : userData.cpn,
+            cpn: 'userData?.cpn',
             subscriptions: (userData === null || userData === void 0 ? void 0 : userData.subscriptions) || [],
             tags: __assign(__assign({}, context), { page_name: context.page_name || "online cancellation: ".concat(stepFromUrl), cancellation_type: ((_b = selections === null || selections === void 0 ? void 0 : selections.eventContext) === null || _b === void 0 ? void 0 : _b.article_parent_name) || '', step: stepFromUrl }),
         });
@@ -161,10 +197,10 @@ var CancellationStepperRender = function () {
     if (!currentStepComponent || !SectionComponent) {
         return null;
     }
-    var shouldShowBackButton = (_f = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _f !== void 0 ? _f : showBackButton;
+    var shouldShowBackButton = (_e = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _e !== void 0 ? _e : showBackButton;
     return (react_1.default.createElement(shared_components_1.ContentContainer, __assign({ "data-testid": "section-container" }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.contentContainerOverrides),
-        shouldShowBackButton && hederBackButtonProps && (react_1.default.createElement(shared_components_1.BackButton, { backButton: __assign(__assign({}, hederBackButtonProps), { href: '' }), backButtonOverrides: header.backButtonOverrides, eventContext: __assign(__assign({}, hederBackButtonProps === null || hederBackButtonProps === void 0 ? void 0 : hederBackButtonProps.eventContext), { page_name: (_g = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _g === void 0 ? void 0 : _g.context.page_name }), onClick: handleBackBtn })),
-        react_1.default.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, user: userData, selectedReason: selections, handleError: handleError, serviceCancellationDate: serviceCancellationDate, setServiceCancellationDate: setServiceCancellationDate, subType: ((_j = (_h = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.type) || '', selectedOffer: selectedOffer, onSelectOffer: setSelectedOffer, featureFlags: featureFlags }))));
+        shouldShowBackButton && hederBackButtonProps && (react_1.default.createElement(shared_components_1.BackButton, { backButton: __assign(__assign({}, hederBackButtonProps), { href: '' }), backButtonOverrides: header.backButtonOverrides, eventContext: __assign(__assign({}, hederBackButtonProps === null || hederBackButtonProps === void 0 ? void 0 : hederBackButtonProps.eventContext), { page_name: (_f = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _f === void 0 ? void 0 : _f.context.page_name }), onClick: handleBackBtn })),
+        react_1.default.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, user: userData, selectedReason: selections, handleError: handleError, serviceCancellationDate: serviceCancellationDate, setServiceCancellationDate: setServiceCancellationDate, subType: ((_h = (_g = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.type) || '', selectedOffer: selectedOffer, setSelectedOffer: setSelectedOffer, incentiveData: incentiveData, setIncentiveData: setIncentiveData, featureFlags: featureFlags }))));
 };
 exports.default = CancellationStepperRender;
 //# sourceMappingURL=CancellationStepperRender.js.map

package/dist/cjs/Components/Templates/CancellationStepperRender.js.map

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

package/dist/cjs/Components/Templates/LayoutTemplate.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     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);
+    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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -26,10 +49,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutTemplate = exports.BaseLayoutTemplate = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var newskit_1 = require("newskit");
 var shared_components_1 = require("@newskit-render/shared-components");
 var context_1 = require("../../context");
+var helpers_1 = require("../../helpers");
 var Head_1 = __importDefault(require("../Elements/Head"));
 var LayoutContentContainer_1 = __importDefault(require("../Sections/LayoutContentContainer"));
 var withMediaQueryProvider = function (Component) {
@@ -41,6 +65,10 @@ var withMediaQueryProvider = function (Component) {
 };
 var BaseLayoutTemplate = function (_a) {
     var customTheme = _a.customTheme, context = _a.context, toastProviderProps = _a.toastProviderProps, contextName = _a.contextName, rest = __rest(_a, ["customTheme", "context", "toastProviderProps", "contextName"]);
+    (0, react_1.useEffect)(function () {
+        var cleanup = (0, helpers_1.enableDmccVariantOnSpaNavigation)();
+        return cleanup;
+    }, []);
     return (react_1.default.createElement(context_1.AccountContextProvider, { context: context, contextName: contextName },
         react_1.default.createElement(Head_1.default, { contextName: contextName }),
         react_1.default.createElement(newskit_1.ThemeProvider, { theme: customTheme || shared_components_1.sharedTheme },

package/dist/cjs/Components/Templates/LayoutTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA0E;AAC1E,uEAA+D;AAE/D,yCAAsD;AACtD,0DAAmC;AACnC,8FAAuE;AAEvE,IAAM,sBAAsB,GAC1B,UAAC,SAAgC;IACjC,OAAA,UAAC,EAAY;YAAP,KAAK,cAAV,EAAY,CAAF;QACT,OAAA,CACE,8BAAC,4BAAkB;YACjB,8BAAC,SAAS,eACJ,KAAK,IACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,IAC9B,CACiB,CACtB,CAAA;KAAA;AAVH,CAUG,CAAA;AAEE,IAAM,kBAAkB,GAA0B,UAAC,EAMzD;IALC,IAAA,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACR,IAAI,cALiD,+DAMzD,CADQ;IAEP,OAAO,CACL,8BAAC,gCAAsB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW;QAChE,8BAAC,cAAI,IAAC,WAAW,EAAE,WAAW,GAAI;QAElC,8BAAC,uBAAa,IAAC,KAAK,EAAE,WAAW,IAAI,+BAAW;YAC9C,8BAAC,gCAAsB,eACjB,IAAI,IACR,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,IACxB;YAEF,8BAAC,uBAAa,aAAC,QAAQ,EAAE,eAAe,IAAM,kBAAkB,EAAI,CACtD,CACO,CAC1B,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,kBAAkB,sBAsB9B;AAEY,QAAA,cAAc,GAAG,sBAAsB,CAAC,0BAAkB,CAAC,CAAA"}
+{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,mCAA0E;AAC1E,uEAA+D;AAE/D,yCAAsD;AACtD,yCAAgE;AAChE,0DAAmC;AACnC,8FAAuE;AAEvE,IAAM,sBAAsB,GAC1B,UAAC,SAAgC;IACjC,OAAA,UAAC,EAAY;YAAP,KAAK,cAAV,EAAY,CAAF;QACT,OAAA,CACE,8BAAC,4BAAkB;YACjB,8BAAC,SAAS,eACJ,KAAK,IACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,IAC9B,CACiB,CACtB,CAAA;KAAA;AAVH,CAUG,CAAA;AAEE,IAAM,kBAAkB,GAA0B,UAAC,EAMzD;IALC,IAAA,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACR,IAAI,cALiD,+DAMzD,CADQ;IAEP,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,IAAA,0CAAgC,GAAE,CAAA;QAClD,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8BAAC,gCAAsB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW;QAChE,8BAAC,cAAI,IAAC,WAAW,EAAE,WAAW,GAAI;QAElC,8BAAC,uBAAa,IAAC,KAAK,EAAE,WAAW,IAAI,+BAAW;YAC9C,8BAAC,gCAAsB,eACjB,IAAI,IACR,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,IACxB;YAEF,8BAAC,uBAAa,aAAC,QAAQ,EAAE,eAAe,IAAM,kBAAkB,EAAI,CACtD,CACO,CAC1B,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,kBAAkB,sBA2B9B;AAEY,QAAA,cAAc,GAAG,sBAAsB,CAAC,0BAAkB,CAAC,CAAA"}

package/dist/cjs/Components/Templates/SubscriptionAndBillingRender.js

@@ -65,14 +65,28 @@ var SubscriptionAndBillingRender = function (_a) {
                 tags: {},
             });
         }
-    }, []);
-    (0, react_1.useEffect)(function () {
         if (window.location.hash === '#reminder-notices') {
             var el = document.getElementById('reminder-notices');
             if (el) {
                 el.scrollIntoView({ behavior: 'smooth' });
             }
         }
+        // Capture dmcc_email_variant query param and store as cookies (1 hour)
+        try {
+            var dmccParamToCapture = 'dmcc_email_variant';
+            var search = window.location.search;
+            if (search) {
+                var urlParams = new URLSearchParams(search);
+                var expires = new Date(Date.now() + 60 * 60 * 1000).toUTCString();
+                var val = urlParams.get(dmccParamToCapture);
+                if (val) {
+                    document.cookie = "".concat(encodeURIComponent(dmccParamToCapture), "=").concat(encodeURIComponent(val), "; path=/; expires=").concat(expires, "; SameSite=Lax");
+                }
+            }
+        }
+        catch (_b) {
+            // swallow errors to avoid breaking page load
+        }
     }, []);
     // For backwards compatibility if multiple subscriptions are enabled by the context (i.e. componentType is cardComposable) then render all of them, otherwise just the first one
     var subscriptions = ((_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b.length) > 0