@newskit-render/my-account 0.0.0-e8d83dca6 → 0.0.0-ebbe82767

package/dist/esm/Components/Sections/NewslettersList/NewslettersList.js

@@ -20,12 +20,42 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { GridLayout, Block } from 'newskit';
+import { forceLayoutReflow } from '../../../helpers/layoutReflowUtils';
 export var NewslettersList = function (_a) {
     var gridLayoutOverrides = _a.gridLayoutOverrides, children = _a.children, rest = __rest(_a, ["gridLayoutOverrides", "children"]);
+    var gridRef = useRef(null);
+    // Safari-specific workaround for layout issues with Newsletters tiles content
+    // overflowing and overlapping on viewport changes.
+    // This effect adds event listeners for 'resize' and 'wheel' events to trigger a
+    // layout recalculation by temporarily changing the display property of the grid container.
+    // This is necessary due to Safari's handling of CSS Grid and viewport changes.
+    useEffect(function () {
+        var timeoutId;
+        var handleViewportChange = function () {
+            clearTimeout(timeoutId);
+            timeoutId = setTimeout(function () {
+                forceLayoutReflow(gridRef.current);
+            }, 100);
+        };
+        var userAgent = (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || '';
+        var isSafari = /^((?!chrome|android).)*safari/i.test(userAgent);
+        if (isSafari && (window === null || window === void 0 ? void 0 : window.addEventListener)) {
+            window.addEventListener('resize', handleViewportChange);
+            window.addEventListener('wheel', handleViewportChange, { passive: true });
+            return function () {
+                if (window === null || window === void 0 ? void 0 : window.removeEventListener) {
+                    window.removeEventListener('resize', handleViewportChange);
+                    window.removeEventListener('wheel', handleViewportChange);
+                }
+                clearTimeout(timeoutId);
+            };
+        }
+        return;
+    }, []);
     return (React.createElement(React.Fragment, null,
         React.createElement(Block, __assign({ marginBlockEnd: 'space070' }, rest),
-            React.createElement(GridLayout, { columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap }, children))));
+            React.createElement(GridLayout, { ref: gridRef, columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap }, children))));
 };
 //# sourceMappingURL=NewslettersList.js.map

package/dist/esm/Components/Sections/NewslettersList/NewslettersList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewslettersList.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NewslettersList/NewslettersList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAS3C,MAAM,CAAC,IAAM,eAAe,GAExB,UAAC,EAA0C;IAAxC,IAAA,mBAAmB,yBAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAxC,mCAA0C,CAAF;IAC3C,OAAO,CACL;QACE,oBAAC,KAAK,aAAC,cAAc,EAAE,UAAU,IAAM,IAAI;YACzC,oBAAC,UAAU,IACT,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,SAAS,EAAE,mBAAmB,CAAC,SAAS,EACxC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EACtC,MAAM,EAAE,mBAAmB,CAAC,MAAM,IAEjC,QAAQ,CACE,CACP,CACP,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NewslettersList.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NewslettersList/NewslettersList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAOtE,MAAM,CAAC,IAAM,eAAe,GAExB,UAAC,EAA0C;IAAxC,IAAA,mBAAmB,yBAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAxC,mCAA0C,CAAF;IAC3C,IAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE5C,8EAA8E;IAC9E,mDAAmD;IACnD,gFAAgF;IAChF,2FAA2F;IAC3F,+EAA+E;IAC/E,SAAS,CAAC;QACR,IAAI,SAAyB,CAAA;QAE7B,IAAM,oBAAoB,GAAG;YAC3B,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,SAAS,GAAG,UAAU,CAAC;gBACrB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACpC,CAAC,EAAE,GAAG,CAAC,CAAA;QACT,CAAC,CAAA;QAED,IAAM,SAAS,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,KAAI,EAAE,CAAA;QAC5C,IAAM,QAAQ,GAAG,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAEjE,IAAI,QAAQ,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAA,EAAE,CAAC;YACzC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;YACvD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;YAEzE,OAAO;gBACL,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,EAAE,CAAC;oBAChC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;oBAC1D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;gBAC3D,CAAC;gBACD,YAAY,CAAC,SAAS,CAAC,CAAA;YACzB,CAAC,CAAA;QACH,CAAC;QAED,OAAM;IACR,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL;QACE,oBAAC,KAAK,aAAC,cAAc,EAAE,UAAU,IAAM,IAAI;YACzC,oBAAC,UAAU,IACT,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,SAAS,EAAE,mBAAmB,CAAC,SAAS,EACxC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EACtC,MAAM,EAAE,mBAAmB,CAAC,MAAM,IAEjC,QAAQ,CACE,CACP,CACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/SectionContainer/GridSection.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { GridSectionProps } from './types';
+export declare const GridSection: React.FC<GridSectionProps>;

package/dist/esm/Components/Sections/SectionContainer/GridSection.js

@@ -0,0 +1,39 @@
+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;
+};
+import { Header } from '@newskit-render/shared-components';
+import { replaceBaseURL } from '../../../helpers';
+import { GridLayout, Stack } from 'newskit';
+import React from 'react';
+import { GridListItem } from '../../Elements/SectionListItem';
+import { ForwardButton } from '../../Elements/ForwardButton/ForwardButton';
+export var GridSection = function (_a) {
+    var header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, _b = _a.baseUrl, baseUrl = _b === void 0 ? '' : _b, itemContainerOverrides = _a.itemContainerOverrides, itemHeaderOverrides = _a.itemHeaderOverrides, itemImageOverrides = _a.itemImageOverrides, belowItemExtra = _a.belowItemExtra, onNextStep = _a.onNextStep, handleCardClick = _a.handleCardClick, eventContext = _a.eventContext, props = __rest(_a, ["header", "items", "containerOverrides", "baseUrl", "itemContainerOverrides", "itemHeaderOverrides", "itemImageOverrides", "belowItemExtra", "onNextStep", "handleCardClick", "eventContext"]);
+    return (React.createElement(Stack, { flow: "vertical-stretch" },
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(GridLayout, __assign({}, containerOverrides), items === null || items === void 0 ? void 0 : items.map(function (_a, idx) {
+            var href = _a.href, componentType = _a.componentType, itemProps = __rest(_a, ["href", "componentType"]);
+            return (React.createElement(GridListItem, __assign({ eventContext: eventContext, key: "".concat(itemProps === null || itemProps === void 0 ? void 0 : itemProps.ariaLabel, "-").concat(idx), containerOverrides: itemContainerOverrides, headerOverrides: itemHeaderOverrides, imageOverrides: itemImageOverrides, href: replaceBaseURL(baseUrl, href), baseUrl: baseUrl, componentType: componentType, handleClick: handleCardClick }, props, itemProps)));
+        })),
+        belowItemExtra && (React.createElement(ForwardButton, __assign({ baseUrl: baseUrl, onClick: function (e) { return onNextStep(e, null); } }, belowItemExtra)))));
+};
+//# sourceMappingURL=GridSection.js.map

package/dist/esm/Components/Sections/SectionContainer/GridSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/GridSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAE1E,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAavD;IAZC,IAAA,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,sBAAsB,4BAAA,EACtB,mBAAmB,yBAAA,EACnB,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA,EACT,KAAK,cAZ8C,8LAavD,CADS;IAER,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB;QAC5B,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,UAAU,eAAK,kBAAkB,GAC/B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,EAAqC,EAAE,GAAG;YAAxC,IAAA,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAK,SAAS,cAAnC,yBAAqC,CAAF;YAC9C,OAAO,CACL,oBAAC,YAAY,aACX,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,UAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,cAAI,GAAG,CAAE,EACrC,kBAAkB,EAAE,sBAAsB,EAC1C,eAAe,EAAE,mBAAmB,EACpC,cAAc,EAAE,kBAAkB,EAClC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,EACnC,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,eAAe,IACxB,KAAK,EACL,SAAS,EACb,CACH,CAAA;QACH,CAAC,CAAC,CACS;QACZ,cAAc,IAAI,CACjB,oBAAC,aAAa,aACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,EAAnB,CAAmB,IAC/B,cAAc,EAClB,CACH,CACK,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/SectionContainer/ListSection.d.ts

@@ -0,0 +1,2 @@
+import { BaseSectionProps } from './types';
+export declare const ListSection: ({ header, items, containerOverrides, baseUrl, divider, }: BaseSectionProps) => JSX.Element;

package/dist/esm/Components/Sections/SectionContainer/ListSection.js

@@ -0,0 +1,54 @@
+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 __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;
+};
+import React from 'react';
+import { Header } from '@newskit-render/shared-components';
+import { replaceBaseURL } from '../../../helpers';
+import { Stack, StructuredList, getColorCssFromTheme, styled } from 'newskit';
+import { useAccountContext } from '../../../context';
+import { ContextName } from '../../../context/types';
+import { filterList, getListComponent } from './utils';
+var StyledStructuredList = styled(StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface030'));
+export var ListSection = function (_a) {
+    var header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl, divider = _a.divider;
+    var contextName = ContextName.userHubPage;
+    var _b = useAccountContext(contextName), userCapabilities = _b.userData.userCapabilities, featureFlags = _b.featureFlags;
+    var _c = userCapabilities || {}, isRegisteredUser = _c.isRegisteredUser, hasPaymentData = _c.hasPaymentData;
+    var itemsToRender = filterList(items, {
+        featureFlags: featureFlags,
+        isRegisteredUser: isRegisteredUser,
+        hasPaymentData: hasPaymentData,
+    });
+    return (React.createElement(Stack, { flow: "vertical-stretch" },
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(StyledStructuredList, { divider: divider }, itemsToRender === null || itemsToRender === void 0 ? void 0 : itemsToRender.map(function (_a) {
+            var href = _a.href, componentType = _a.componentType, props = __rest(_a, ["href", "componentType"]);
+            var RenderList = getListComponent(componentType);
+            return (React.createElement(RenderList, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: replaceBaseURL(baseUrl || '', href) })));
+        }))));
+};
+var templateObject_1;
+//# sourceMappingURL=ListSection.js.map

package/dist/esm/Components/Sections/SectionContainer/ListSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/ListSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,EAAE,iBAAiB,EAAyB,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAGtD,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA,EACP,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAGF,iBAAiB,CAAC,WAAW,CAA0B,EAF7C,gBAAgB,+BAAA,EAC5B,YAAY,kBAC6C,CAAA;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,UAAU,CAAC,KAAK,EAAE;QACtC,YAAY,cAAA;QACZ,gBAAgB,kBAAA;QAChB,cAAc,gBAAA;KACf,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB;QAC5B,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,IACnC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,EAAiC;YAA/B,IAAA,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;YAClD,IAAM,UAAU,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAA;YAClD,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,cAAc,CAAC,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,IACzC,CACH,CAAA;QACH,CAAC,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/SectionContainer/SectionContainer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const containerComponentsMap: {
+    list: ({ header, items, containerOverrides, baseUrl, divider, }: import("./types").BaseSectionProps) => JSX.Element;
+    grid: React.FC<import("./types").GridSectionProps>;
+};
+export type ContainerComponentNames = keyof typeof containerComponentsMap;
+export declare const getContainerComponent: (componentPreset: string | undefined) => any;
+export declare const SectionContainer: ({ layoutType, ...props }: {
+    [x: string]: any;
+    layoutType: any;
+}) => JSX.Element;

package/dist/esm/Components/Sections/SectionContainer/SectionContainer.js

@@ -0,0 +1,41 @@
+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;
+};
+import React from 'react';
+import { GridSection } from './GridSection';
+import { ListSection } from './ListSection';
+export var containerComponentsMap = {
+    list: ListSection,
+    grid: GridSection,
+};
+export var getContainerComponent = function (componentPreset) {
+    if (!componentPreset || !containerComponentsMap[componentPreset]) {
+        return containerComponentsMap.list;
+    }
+    return containerComponentsMap[componentPreset];
+};
+export var SectionContainer = function (_a) {
+    var layoutType = _a.layoutType, props = __rest(_a, ["layoutType"]);
+    var Container = getContainerComponent(layoutType);
+    return React.createElement(Container, __assign({}, props));
+};
+//# sourceMappingURL=SectionContainer.js.map

package/dist/esm/Components/Sections/SectionContainer/SectionContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/SectionContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,IAAM,sBAAsB,GAAG;IACpC,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,WAAW;CAClB,CAAA;AAID,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,eAAmC;IACvE,IAAI,CAAC,eAAe,IAAI,CAAC,sBAAsB,CAAC,eAAe,CAAC,EAAE,CAAC;QACjE,OAAO,sBAAsB,CAAC,IAAI,CAAA;IACpC,CAAC;IAED,OAAO,sBAAsB,CAAC,eAAe,CAAC,CAAA;AAChD,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAAwB;IAAtB,IAAA,UAAU,gBAAA,EAAK,KAAK,cAAtB,cAAwB,CAAF;IACrD,IAAM,SAAS,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAA;IACnD,OAAO,oBAAC,SAAS,eAAK,KAAK,EAAI,CAAA;AACjC,CAAC,CAAA"}

package/dist/esm/Components/Sections/SectionContainer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './GridSection';
+export * from './ListSection';
+export * from './types';
+export { ListComponentNames } from './utils';

package/dist/esm/Components/Sections/SectionContainer/index.js

@@ -0,0 +1,4 @@
+export * from './GridSection';
+export * from './ListSection';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/SectionContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA"}

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

@@ -0,0 +1,39 @@
+import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceOverrides, EventContext } from '@newskit-render/shared-components';
+import { StandaloneLinkPropsOverridable } from '../../Elements/StandaloneLinkComponent';
+import { MQ, ImageProps } from 'newskit';
+import { NewslettersGridOverrides, CancellationItem, CancellationSection } from '../../../context/types';
+import { HandleCardClick, StepController } from '../../Templates/CancellationStepperRender';
+export type BelowContentExtra = {
+    type: 'delivery-address' | 'cancel-subscription' | 'no-billing' | 'payment-history' | 'leave-family';
+    link?: {
+        props: StandaloneLinkPropsOverridable;
+    };
+    modal?: Partial<ModalProps>;
+    infoPanel?: InfoPanel & {
+        href?: boolean;
+    };
+    marginBlockEnd?: MQ<string>;
+};
+export type SectionContainerProps = {
+    introductionProps?: IntroductionProps;
+    image?: ImageProps;
+    ariaLabel?: string;
+    items?: Array<ListItemType>;
+    labelOverrides?: {
+        typographyPreset?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+    invoiceOverrides?: InvoiceOverrides;
+    belowContentExtra?: BelowContentExtra;
+};
+export interface BaseSectionProps extends CancellationSection, CancellationItem {
+    baseUrl?: string;
+    divider?: boolean;
+    gridLayoutOverrides?: NewslettersGridOverrides;
+}
+export interface GridSectionProps extends CancellationSection {
+    baseUrl?: string;
+    onNextStep: StepController;
+    handleCardClick: HandleCardClick;
+    eventContext?: EventContext;
+}

package/dist/esm/Components/Sections/SectionContainer/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/SectionContainer/types.js.map

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

package/dist/esm/Components/Sections/SectionContainer/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const filterList: (items: any, props: any) => any;
+export declare const listComponentsMap: {
+    list: import("react").FC<import("../../Elements/SectionListItem").SectionListItemProps>;
+    grid: import("react").FC<import("../../Elements/SectionListItem").GridListItemProps>;
+    default: import("react").FC<import("../../Elements/SectionListItem").SectionListItemProps>;
+};
+export type ListComponentNames = keyof typeof listComponentsMap;
+export declare const getListComponent: (componentPreset: string | undefined) => any;

package/dist/esm/Components/Sections/SectionContainer/utils.js

@@ -0,0 +1,24 @@
+import { SectionListItem } from '../../Elements/SectionListItem';
+import { GridListItem } from '../../Elements/SectionListItem';
+// exceptions, filtering and data transformations at render time
+export var filterList = function (items, props) {
+    if (!props.hasPaymentData || props.isRegisteredUser) {
+        return items.filter(function (_a) {
+            var id = _a.id;
+            return id !== 'payment-details-tile';
+        });
+    }
+    return items;
+};
+export var listComponentsMap = {
+    list: SectionListItem,
+    grid: GridListItem,
+    default: SectionListItem,
+};
+export var getListComponent = function (componentPreset) {
+    if (!componentPreset || !listComponentsMap[componentPreset]) {
+        return listComponentsMap.default;
+    }
+    return listComponentsMap[componentPreset];
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/Components/Sections/SectionContainer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAE7D,gEAAgE;AAChE,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAAK,EAAE,KAAK;IACrC,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACpD,OAAO,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;gBAAJ,EAAE,QAAA;YAAO,OAAA,EAAE,KAAK,sBAAsB;QAA7B,CAA6B,CAAC,CAAA;IAChE,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;CACzB,CAAA;AAID,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,eAAmC;IAClE,IAAI,CAAC,eAAe,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAC,EAAE,CAAC;QAC5D,OAAO,iBAAiB,CAAC,OAAO,CAAA;IAClC,CAAC;IAED,OAAO,iBAAiB,CAAC,eAAe,CAAC,CAAA;AAC3C,CAAC,CAAA"}

package/dist/esm/Components/Sections/UserHub/BaseSection.js

@@ -25,30 +25,28 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { Header } from '@newskit-render/shared-components';
-import { UserHubListItem } from '../../Elements/UserHubListItem';
 import { replaceBaseURL } from '../../../helpers';
 import { Stack, StructuredList, getColorCssFromTheme, styled } from 'newskit';
 import React from 'react';
 import { useAccountContext } from '../../../context';
 import { ContextName } from '../../../context/types';
+import { SectionListItem } from '../../Elements/SectionListItem';
 var StyledStructuredList = styled(StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface030'));
 export var BaseSection = function (_a) {
     var dataTestId = _a.dataTestId, header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl;
     var contextName = ContextName.userHubPage;
-    var _b = useAccountContext(contextName), userCapabilities = _b.userData.userCapabilities, featureFlags = _b.featureFlags;
-    var _c = userCapabilities || {}, isRegisteredUser = _c.isRegisteredUser, hasPaymentData = _c.hasPaymentData;
+    var userCapabilities = useAccountContext(contextName).userData.userCapabilities;
+    var _b = userCapabilities || {}, isRegisteredUser = _b.isRegisteredUser, hasPaymentData = _b.hasPaymentData;
     var itemsToRender = items.filter(function (_a) {
         var id = _a.id;
-        var shouldHidePaymentDetails = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_landing_page_p2) &&
-            id === 'payment-details-tile' &&
-            (!hasPaymentData || isRegisteredUser);
+        var shouldHidePaymentDetails = id === 'payment-details-tile' && (!hasPaymentData || isRegisteredUser);
         return !shouldHidePaymentDetails;
     });
     return (React.createElement(Stack, { flow: "vertical-stretch", "data-testid": dataTestId },
         React.createElement(Header, __assign({}, header)),
         React.createElement(StyledStructuredList, { divider: true }, itemsToRender.map(function (_a) {
             var href = _a.href, props = __rest(_a, ["href"]);
-            return (React.createElement(UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: replaceBaseURL(baseUrl, href) })));
+            return (React.createElement(SectionListItem, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: replaceBaseURL(baseUrl, href) })));
         }))));
 };
 var templateObject_1;

package/dist/esm/Components/Sections/UserHub/BaseSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAyB,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAGF,iBAAiB,CAAC,WAAW,CAA0B,EAF7C,gBAAgB,+BAAA,EAC5B,YAAY,kBAC6C,CAAA;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACtC,IAAM,wBAAwB,GAC5B,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,sBAAsB;YACpC,EAAE,KAAK,sBAAsB;YAC7B,CAAC,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAA;QAEvC,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACzC,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAyB,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IAE7B,IAAA,gBAAgB,GAC1B,iBAAiB,CAAC,WAAW,CAA0B,0BAD7B,CAC6B;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACtC,IAAM,wBAAwB,GAC5B,EAAE,KAAK,sBAAsB,IAAI,CAAC,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAA;QAExE,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACzC,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/UserHub/NewslettersSection.js

@@ -45,9 +45,7 @@ export var NewslettersSection = function (_a) {
         var userHubNewslettersIds = newslettersListProps.userHubNewslettersIds;
         var _a = capabilities || {}, lightPack = _a.lightPack, basicPack = _a.basicPack, registered = _a.registered;
         var packs = { lightPack: lightPack, basicPack: basicPack, registered: registered };
-        var entitlement = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_landing_page_p2)
-            ? Object.keys(packs).find(function (key) { return packs[key] && key; }) || 'full'
-            : 'basicPack';
+        var entitlement = Object.keys(packs).find(function (key) { return packs[key] && key; }) || 'full';
         var newslettersForUser = userHubNewslettersIds[userNewsletterMap[entitlement]];
         return newsletters
             .filter(function (n) { return newslettersForUser.some(function (nl) { return nl === n.bulletinId; }); })

package/dist/esm/Components/Sections/UserHub/NewslettersSection.js.map

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

package/dist/esm/Components/SharedTypes/GridLayoutProps.d.ts

@@ -0,0 +1,37 @@
+import { MQ } from 'newskit';
+export interface GridLayoutProps {
+    rowGap?: MQ<string> | undefined;
+    columnGap?: MQ<string> | undefined;
+    rows?: MQ<string> | undefined;
+    columns?: MQ<string> | undefined;
+    justifyContent?: MQ<string> | undefined;
+    alignContent?: MQ<string> | undefined;
+    justifyItems?: MQ<string> | undefined;
+    alignItems?: MQ<string> | undefined;
+    areas?: MQ<string> | undefined;
+    inline?: MQ<boolean> | undefined;
+    autoColumns?: MQ<string> | undefined;
+    autoRows?: MQ<string> | undefined;
+    autoFlow?: MQ<string> | undefined;
+    children?: React.ReactNode;
+    overrides?: {
+        width?: MQ<string> | undefined;
+        minWidth?: MQ<string> | undefined;
+        maxWidth?: MQ<string> | undefined;
+        height?: MQ<string> | undefined;
+        minHeight?: MQ<string> | undefined;
+        maxHeight?: MQ<string> | undefined;
+        paddingInlineStart?: MQ<string>;
+        paddingInlineEnd?: MQ<string>;
+        paddingInline?: MQ<string>;
+        paddingBlockStart?: MQ<string>;
+        paddingBlockEnd?: MQ<string>;
+        paddingBlock?: MQ<string>;
+        marginInlineStart?: MQ<string>;
+        marginInlineEnd?: MQ<string>;
+        marginInline?: MQ<string>;
+        marginBlockStart?: MQ<string>;
+        marginBlockEnd?: MQ<string>;
+        marginBlock?: MQ<string>;
+    };
+}

package/dist/esm/Components/SharedTypes/GridLayoutProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=GridLayoutProps.js.map

package/dist/esm/Components/SharedTypes/GridLayoutProps.js.map

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

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

@@ -0,0 +1,17 @@
+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>;
+    preCancellation: ({ header, containerOverrides, user, subscriptionName, subscriptionEnd, selectedReason, defaultCancellationReason, dividerOverrides, continueButton, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: import("../Sections/CancellationDetails").CancellationDetailsProps) => JSX.Element;
+    confirmCancel: ({ image, buttonOverrides, buttonText, introduction, buttonEventContext, buttonUrl, baseUrl, serviceCancellationDate, }: import("../Sections/ConfirmCancellation/ConfirmCancellation").ConfirmCancellationStepProps) => JSX.Element;
+};
+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 HandleCardClick = (event: React.MouseEvent, selectionData: SelectionData) => void;
+declare const CancellationStepperRender: React.FC;
+export default CancellationStepperRender;

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

@@ -0,0 +1,138 @@
+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);
+};
+import React, { useEffect, useMemo, useState } from 'react';
+import { BackButton, ContentContainer, } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName, } from '../../context/types';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { CancellationReasons } from '../Sections/CancellationReasons';
+import { CancellationDetails } from '../Sections/CancellationDetails';
+import { replaceBaseURL, trackEvent } from '../../helpers';
+import { CancelSubscriptionDowngrade } from '../Sections/CancelSubscriptionDowngrade';
+import { ConfirmCancellation } from '../Sections/ConfirmCancellation/ConfirmCancellation';
+import { EventTrigger, useInstrumentation } from 'newskit';
+export var componentMap = {
+    reason: CancellationReasons,
+    downgrade: CancelSubscriptionDowngrade,
+    preCancellation: CancellationDetails,
+    confirmCancel: ConfirmCancellation,
+};
+var CancellationStepperRender = function () {
+    var _a, _b, _c, _d, _e;
+    var contextName = ContextName.CancellationStepper;
+    var _f = useAccountContext(contextName), header = _f.header, components = _f.components, componentSequence = _f.componentSequence, showBackButton = _f.showBackButton, userData = _f.userData, baseUrl = _f.baseUrl, handleError = _f.handleError;
+    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 = useRouter();
+    var searchParams = 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])
+        return null;
+    var _g = useState(null), selections = _g[0], setSelections = _g[1];
+    var pagesInOrder = componentSequence[type];
+    var _h = useState(null), overrideComponent = _h[0], setOverrideComponent = _h[1];
+    var _j = useState([]), filteredPages = _j[0], setFilteredPages = _j[1];
+    var _k = useState(null), serviceCancellationDate = _k[0], setServiceCancellationDate = _k[1];
+    var stepFromUrl = searchParams.get('step');
+    var currentStepComponent = overrideComponent || stepFromUrl || pagesInOrder[0];
+    var activePages = filteredPages.length > 0 ? filteredPages : pagesInOrder;
+    var stepIndex = activePages.findIndex(function (page) { return page === currentStepComponent; });
+    var SectionComponent = componentMap[currentStepComponent];
+    var componentProps = components[currentStepComponent];
+    var updateUrlWithStep = function (step, isInitialStep) {
+        if (isInitialStep === void 0) { isInitialStep = false; }
+        var params = new URLSearchParams(searchParams.toString());
+        params.set('step', step);
+        if (isInitialStep)
+            router.replace("?".concat(params.toString()));
+        else
+            router.push("?".concat(params.toString()));
+    };
+    useEffect(function () {
+        if (!stepFromUrl) {
+            var defaultStep = pagesInOrder[0];
+            updateUrlWithStep(defaultStep, true);
+        }
+    }, []);
+    var handleBackBtn = function (event) {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        if (overrideComponent) {
+            setOverrideComponent(null);
+            setFilteredPages([]);
+            router.back();
+            return;
+        }
+        if (stepIndex <= 0) {
+            router.push(replaceBaseURL(baseUrl || '', backButtonHref));
+            return;
+        }
+        updateUrlWithStep(activePages[stepIndex - 1]);
+    };
+    var stepController = function (event, override) {
+        var _a;
+        if (override === void 0) { override = null; }
+        (_a = event === null || event === void 0 ? void 0 : event.preventDefault) === null || _a === void 0 ? void 0 : _a.call(event);
+        // Default behaviour - go to next step
+        if (!override) {
+            var nextStep = activePages[stepIndex + 1];
+            updateUrlWithStep(nextStep);
+            return;
+        }
+        setOverrideComponent(override);
+        setFilteredPages(pagesInOrder.filter(function (page) { return page !== override; }));
+        updateUrlWithStep(override);
+    };
+    var handleCardClick = function (_event, selectionData) {
+        setSelections(selectionData);
+    };
+    var pageEventContext = useMemo(function () {
+        var _a, _b, _c;
+        return {
+            originator: ((_a = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _a === void 0 ? void 0 : _a.originator) || 'cancellation-stepper',
+            context: __assign(__assign({}, (((_b = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _b === void 0 ? void 0 : _b.context) || {})), { cancellation_type: ((_c = selections === null || selections === void 0 ? void 0 : selections.eventContext) === null || _c === void 0 ? void 0 : _c.article_parent_name) || '' }),
+        };
+    }, [componentProps]);
+    var fireEvent = useInstrumentation().fireEvent;
+    // this is a copy of usePageViewTracking but it changes when the eventContext changes, changing that in usePageViewTracking might cause double reporting
+    useEffect(function () {
+        var _a, _b, _c, _d, _e;
+        if (!stepFromUrl)
+            return;
+        if (!pageEventContext ||
+            !pageEventContext.originator) {
+            return;
+        }
+        var _f = pageEventContext, originator = _f.originator, context = _f.context;
+        fireEvent({
+            originator: originator,
+            trigger: 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
+        trackEvent({
+            eventName: "cancellation_".concat(stepFromUrl.toLocaleLowerCase()),
+            cpn: userData === null || userData === void 0 ? void 0 : userData.cpn,
+            mpcode: ((_d = (_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.proposition) === null || _d === void 0 ? void 0 : _d.code) || '',
+            tags: __assign(__assign({}, context), { page_name: context.page_name || "online cancellation: ".concat(stepFromUrl), cancellation_type: ((_e = selections === null || selections === void 0 ? void 0 : selections.eventContext) === null || _e === void 0 ? void 0 : _e.article_parent_name) || '', step: stepFromUrl }),
+        });
+    }, [pageEventContext, stepFromUrl]);
+    if (!currentStepComponent || !SectionComponent) {
+        return null;
+    }
+    var shouldShowBackButton = (_d = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _d !== void 0 ? _d : showBackButton;
+    return (React.createElement(React.Fragment, null,
+        shouldShowBackButton && hederBackButtonProps && (React.createElement(BackButton, { backButton: __assign(__assign({}, hederBackButtonProps), { href: '' }), backButtonOverrides: header.backButtonOverrides, eventContext: __assign(__assign({}, hederBackButtonProps === null || hederBackButtonProps === void 0 ? void 0 : hederBackButtonProps.eventContext), { page_name: (_e = componentProps.tealiumContext) === null || _e === void 0 ? void 0 : _e.context.page_name }), onClick: handleBackBtn })),
+        React.createElement(ContentContainer, __assign({ "data-testid": "section-container" }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.contentContainerOverrides),
+            React.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, user: userData, selectedReason: selections, handleError: handleError, serviceCancellationDate: serviceCancellationDate, setServiceCancellationDate: setServiceCancellationDate })))));
+};
+export default CancellationStepperRender;
+//# sourceMappingURL=CancellationStepperRender.js.map