@newskit-render/my-account 0.0.0-e7417826d → 0.0.0-e76fdc237

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

@@ -0,0 +1,265 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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));
+};
+import React, { useState } from 'react';
+import { Block, getBorderCssFromTheme, getColorCssFromTheme, GridLayout, GridLayoutItem, InlineMessage, Stack, styled, TextBlock, toNewsKitIcon, useInstrumentation, } from 'newskit';
+import { checkRequestHeaders, createClickEvent, UserPlatform, } from '@newskit-render/shared-components';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+import { useAccountContext } from '../../context';
+import { ContextName, FamilyMemberStatusTypes, } from '../../context/types';
+import sendToast from '../Elements/Toast/sendToast';
+import FamilyMemberInvitationStatusVariants from '../Elements/FamilyMemberInvitationStatusVariants';
+var statusColors = {
+    AVAILABLE: { background: 'amber030', colorText: 'amber100' },
+    ACTIVE: { background: 'green020', colorText: 'blue100' },
+    PENDING: { background: 'neutral030', colorText: 'black' },
+};
+var StyledMemberStatus = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 4px 5px;\n  ", ";\n  ", ";\n  ", "\n"], ["\n  padding: 4px 5px;\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
+    var status = _a.status;
+    return getColorCssFromTheme('backgroundColor', statusColors[status].background);
+}, function (_a) {
+    var status = _a.status;
+    return getColorCssFromTheme('color', statusColors[status].colorText);
+}, getBorderCssFromTheme('borderRadius', 'borderRadiusRounded010'));
+var StyledTextBlock = styled(TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  width: fit-content;\n  justify-content: center;\n  line-height: unset;\n  font-weight: 700;\n  min-width: 84px;\n  ", ";\n  ", ";\n  ", "\n"], ["\n  display: flex;\n  width: fit-content;\n  justify-content: center;\n  line-height: unset;\n  font-weight: 700;\n  min-width: 84px;\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
+    var status = _a.status;
+    return getColorCssFromTheme('backgroundColor', statusColors[status].background);
+}, function (_a) {
+    var status = _a.status;
+    return getColorCssFromTheme('color', statusColors[status].colorText);
+}, getBorderCssFromTheme('borderRadius', 'borderRadiusRounded005'));
+var sortMembersListByStatusType = function (members) {
+    if (!(members === null || members === void 0 ? void 0 : members.length))
+        return [];
+    // ACTIVE before PENDING
+    return members.sort(function (a, b) {
+        if (a.status === FamilyMemberStatusTypes.ACTIVE &&
+            b.status === FamilyMemberStatusTypes.PENDING) {
+            return -1;
+        }
+        else if (a.status === FamilyMemberStatusTypes.PENDING &&
+            b.status === FamilyMemberStatusTypes.ACTIVE) {
+            return 1;
+        }
+        else {
+            return 0; // the order remains unchanged
+        }
+    });
+};
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+export var FamilyContent = function () {
+    var fireEvent = useInstrumentation().fireEvent;
+    var contextName = ContextName.family;
+    var _a = useAccountContext(contextName), groupAccounts = _a.userData.groupAccounts, allocatedMembersDefaultCount = _a.allocatedMembersDefaultCount, header = _a.header, requestHeaders = _a.requestHeaders;
+    var isTNLMobileApp = checkRequestHeaders(requestHeaders, UserPlatform.native_tm_apps);
+    var mobileWebAgents = ['Android', 'iPhone'];
+    var isTNLMobileWeb = mobileWebAgents.some(function (agent) {
+        var _a;
+        return typeof window !== 'undefined'
+            ? (_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.userAgent.includes(agent)
+            : false;
+    });
+    var isMobile = isTNLMobileApp || isTNLMobileWeb;
+    var groupAccountData = ((groupAccounts === null || groupAccounts === void 0 ? void 0 : groupAccounts.length)
+        ? groupAccounts
+        : [{ maxShares: allocatedMembersDefaultCount, shares: [] }])[0];
+    var maxShares = groupAccountData.maxShares, shares = groupAccountData.shares;
+    var _b = useState(sortMembersListByStatusType(shares)), membersList = _b[0], setMembersList = _b[1];
+    var handleRemoveMemberFromList = function (id) {
+        setMembersList(function (prevMembersList) {
+            var filteredMemberList = prevMembersList.filter(function (member) { return member.shareId !== id; });
+            return sortMembersListByStatusType(filteredMemberList);
+        });
+    };
+    // skipping testing mobile and browser APIs in jest
+    // istanbul ignore next
+    var handleSharingLink = function (shareableLink) { return __awaiter(void 0, void 0, void 0, function () {
+        var shareData, err_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!isMobile) return [3 /*break*/, 5];
+                    shareData = {
+                        title: 'Join my Bonus Accounts',
+                        text: "I’m inviting you to join my Times and Sunday Times subscription for free. You'll have full access across their website and apps, plus receive your own newsletters, play puzzles and so much more.",
+                        url: shareableLink,
+                    };
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 4, , 5]);
+                    if (!(typeof window !== 'undefined')) return [3 /*break*/, 3];
+                    if ((_a = window === null || window === void 0 ? void 0 : window.Android) === null || _a === void 0 ? void 0 : _a.shareContent) {
+                        window.Android.shareContent("".concat(shareData.text, " ").concat(shareData.url), '');
+                    }
+                    // regular share functionality
+                    return [4 /*yield*/, navigator.share(shareData)];
+                case 2:
+                    // regular share functionality
+                    _b.sent();
+                    return [2 /*return*/];
+                case 3: return [3 /*break*/, 5];
+                case 4:
+                    err_1 = _b.sent();
+                    // If the user clicks on the close button of the share popup
+                    if (err_1.name === 'AbortError') {
+                        return [2 /*return*/];
+                    }
+                    return [3 /*break*/, 5];
+                case 5:
+                    navigator.clipboard.writeText(shareableLink);
+                    sendToast('creation-via-link-success', 'success', {}, {}, 'Copy to clipboard', 4000);
+                    fireEvent(createClickEvent('button', 'bonus account: copy to clipboard', undefined, undefined, header.title, 'navigation', 'automated'));
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // istanbul ignore next
+    var handleShareLinkCreation = function (id) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, parsedData, shareData_1, err_2;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    fireEvent(createClickEvent('button', 'bonus account: generate link', undefined, undefined, header.title));
+                    sendToast('creation-via-link-loading', 'pending', {}, {}, 'Share link is being generated', 4000);
+                    fireEvent(createClickEvent('button', 'bonus account: generate link pending', undefined, undefined, header.title, 'navigation', 'automated'));
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, fetch('/api/account/mutate', {
+                            method: 'POST',
+                            body: JSON.stringify({
+                                validationSchemaKey: 'inviteFamilyLink',
+                            }),
+                        })];
+                case 2:
+                    response = _c.sent();
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    parsedData = _c.sent();
+                    shareData_1 = (_b = (_a = parsedData.data) === null || _a === void 0 ? void 0 : _a.createGroupAccountShareViaLink) === null || _b === void 0 ? void 0 : _b.share;
+                    setMembersList(function (prevMembersList) {
+                        return prevMembersList.map(function (member) {
+                            if (member.shareId === id && (shareData_1 === null || shareData_1 === void 0 ? void 0 : shareData_1.shareableLink)) {
+                                var shareUrl = new URL(shareData_1.shareableLink);
+                                var shareId = shareUrl.searchParams.get('sharing_id');
+                                return __assign(__assign(__assign({ sharingType: 'SHARE_VIA_LINK' }, member), shareData_1), { shareId: shareId });
+                            }
+                            return member;
+                        });
+                    });
+                    fireEvent(createClickEvent('button', 'bonus account: generate link success', undefined, undefined, header.title, 'navigation', 'automated'));
+                    if (isMobile) {
+                        handleSharingLink(shareData_1.shareableLink);
+                        return [2 /*return*/];
+                    }
+                    sendToast('creation-via-link-success', 'success', {}, {}, 'You successfully generated a share link', 4000);
+                    return [3 /*break*/, 5];
+                case 4:
+                    err_2 = _c.sent();
+                    sendToast('creation-via-link-failure', 'error', {}, {}, 'There was an error generating your share link. Please try again.', 4000);
+                    fireEvent(createClickEvent('button', 'bonus account: generate link failure', undefined, undefined, header.title, 'navigation', 'automated'));
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    // create available members if less than maxShares
+    if (membersList.length < maxShares) {
+        var availableMembers_1 = Array.from({ length: maxShares - membersList.length }, function (_) {
+            return ({
+                status: FamilyMemberStatusTypes.AVAILABLE,
+                shareId: "available-random-id-".concat(Math.floor(Math.random() * 100000)),
+                firstName: '',
+                lastName: '',
+                email: '',
+            });
+        });
+        setMembersList(function (prevMembersList) { return __spreadArray(__spreadArray([], prevMembersList, true), availableMembers_1, true); });
+    }
+    var handleMemberStatus = function (status) {
+        return membersList.filter(function (member) { return member.status === status; }).length;
+    };
+    var isMaxCapacity = handleMemberStatus(FamilyMemberStatusTypes.ACTIVE) +
+        handleMemberStatus(FamilyMemberStatusTypes.PENDING) ===
+        maxShares;
+    return (React.createElement(GridLayout, { "data-experiment-id": "op-family-content-variants", columnGap: "space050" },
+        React.createElement(TextBlock, { as: "span", paddingBlockEnd: "space050", typographyPreset: "editorialHeadline020" }, "Members"),
+        React.createElement(GridLayoutItem, null,
+            React.createElement(Stack, { flow: "horizontal-stretch", wrap: "wrap", paddingBlockEnd: isMaxCapacity ? 'space045' : 'space070' },
+                React.createElement(Stack, { flow: 'horizontal-center', marginInlineEnd: { xs: 'space020', sm: 'space045' }, "data-testid": "max-shares-variants" },
+                    React.createElement(StyledMemberStatus, { marginInlineEnd: { xs: 'space020' }, typographyPreset: 'utilityLabel010', status: FamilyMemberStatusTypes.AVAILABLE }, handleMemberStatus(FamilyMemberStatusTypes.AVAILABLE)),
+                    React.createElement(TextBlock, { typographyPreset: 'utilityBody010', "data-testid": "max-shares" }, "Available")),
+                React.createElement(Stack, { flow: 'horizontal-center', marginInlineEnd: { xs: 'space020', sm: 'space045' }, "data-testid": "active-members-variants" },
+                    React.createElement(StyledMemberStatus, { marginInlineEnd: { xs: 'space020' }, typographyPreset: 'utilityLabel010', status: FamilyMemberStatusTypes.ACTIVE }, handleMemberStatus(FamilyMemberStatusTypes.ACTIVE)),
+                    React.createElement(TextBlock, { typographyPreset: 'utilityBody010' }, "Active")),
+                React.createElement(Stack, { flow: 'horizontal-center', "data-testid": "invited-members-variants" },
+                    React.createElement(StyledMemberStatus, { marginInlineEnd: { xs: 'space020' }, typographyPreset: 'utilityLabel010', status: FamilyMemberStatusTypes.PENDING }, handleMemberStatus(FamilyMemberStatusTypes.PENDING)),
+                    React.createElement(TextBlock, { typographyPreset: 'utilityBody010' }, "Pending invite")))),
+        React.createElement(GridLayoutItem, { "data-testid": "members-list" },
+            isMaxCapacity && (React.createElement(Block, { marginBlockEnd: "space070" },
+                React.createElement(InlineMessage, { overrides: { stylePreset: 'inlineMessageInformative' }, icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }) }, "To add a new family member, please remove an existing member or cancel a pending invite."))),
+            membersList.map(function (share) { return (React.createElement(Block, { key: share.shareId, marginBlockEnd: "space070", "data-testid": "member-card" },
+                React.createElement(StyledTextBlock, { typographyPreset: 'utilityLabel010', paddingBlock: 'space015', status: FamilyMemberStatusTypes[share.status], style: { textTransform: 'capitalize' } }, FamilyMemberStatusTypes[share.status].toLowerCase()),
+                React.createElement(FamilyMemberInvitationStatusVariants, { handleSharingLink: handleSharingLink, memberData: share, handleRemoveMemberFromList: handleRemoveMemberFromList, handleShareLinkCreation: handleShareLinkCreation, isMobile: isMobile }))); }))));
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FamilyContent.js.map

package/dist/esm/Components/Templates/FamilyContent.js.map

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

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

@@ -1,7 +1,3 @@
-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++) {
@@ -13,108 +9,22 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useState, useEffect } from 'react';
-import LinkNext from 'next/link';
+import React from 'react';
 import { useRouter } from 'next/router';
-import { Block, TextBlock, Button, Flag, GridLayout, GridLayoutItem, Stack, StackChild, Divider, styled, toNewsKitIcon, getMediaQueryFromTheme, } from 'newskit';
-import { Person as FilledPerson } from '@emotion-icons/material';
-import { Header, NextLink, usePageViewTracking, } from '@newskit-render/shared-components';
+import { Header, usePageViewTracking } from '@newskit-render/shared-components';
 import { useAccountContext } from '../../context';
-import { ContextName, FamilyMemberStatusTypes, } from '../../context/types';
-import { replaceBaseURL } from '../../helpers/dataUtils';
-import FamilyMemberInvitationStatus from '../Elements/FamilyMemberInvitationStatus';
-import { combineAccountData, getEmbeddedModeAndOnboardingQueryStatus, updateTealiumContextForOnboarding, } from '../../helpers';
-import { FamilyContentVariantB } from './FamilyContentVariantB';
-var StyledDividerWrapper = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var StyledTextBlock = styled(TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", " {\n    max-width: 100%;\n  }\n\n  ", " {\n    max-width: 90%;\n  }\n\n  ", " {\n    max-width: 70%;\n  }\n"], ["\n  ", " {\n    max-width: 100%;\n  }\n\n  ", " {\n    max-width: 90%;\n  }\n\n  ", " {\n    max-width: 70%;\n  }\n"])), getMediaQueryFromTheme('xs'), getMediaQueryFromTheme('sm'), getMediaQueryFromTheme('lg'));
-var PersonFilledIcon = toNewsKitIcon(FilledPerson);
-var sortMembersListByStatusType = function (members) {
-    if (!(members === null || members === void 0 ? void 0 : members.length))
-        return [];
-    // ACTIVE before PENDING
-    return members.sort(function (a, b) {
-        if (a.status === FamilyMemberStatusTypes.ACTIVE &&
-            b.status === FamilyMemberStatusTypes.PENDING) {
-            return -1;
-        }
-        else if (a.status === FamilyMemberStatusTypes.PENDING &&
-            b.status === FamilyMemberStatusTypes.ACTIVE) {
-            return 1;
-        }
-        else {
-            return 0; // the order remains unchanged
-        }
-    });
-};
-var householdingOnboardingQueryParam = 'householdingOnboarding';
+import { ContextName } from '../../context/types';
+import { getEmbeddedModeAndOnboardingQueryStatus, updateTealiumContextForOnboarding, } from '../../helpers';
+import { FamilyContent } from './FamilyContent';
+import { Block } from 'newskit';
 export var FamilyRender = function () {
     var router = useRouter();
     var contextName = ContextName.family;
-    var _a = useAccountContext(contextName), header = _a.header, _b = _a.userData, groupAccounts = _b.groupAccounts, isUserFamilyAccountPrimary = _b.isUserFamilyAccountPrimary, tealiumContext = _a.tealiumContext, mainGridLayoutOverrides = _a.mainGridLayoutOverrides, accountDataGridLayoutOverrides = _a.accountDataGridLayoutOverrides, allocatedMembersFlag = _a.allocatedMembersFlag, activeMembersFlag = _a.activeMembersFlag, invitedMembersFlag = _a.invitedMembersFlag, addMemberButtonOverrides = _a.addMemberButtonOverrides, removeMemberMessageOverrides = _a.removeMemberMessageOverrides, allocatedMembersDefaultCount = _a.allocatedMembersDefaultCount, baseUrl = _a.baseUrl, termsAndConditionsLinkOverrides = _a.termsAndConditionsLinkOverrides, featureFlags = _a.featureFlags, requestHeaders = _a.requestHeaders;
-    var _c = getEmbeddedModeAndOnboardingQueryStatus(router, requestHeaders), isUserVisitingFromOnboardingModal = _c.isUserVisitingFromOnboardingModal, isEmbeddedModeOn = _c.isEmbeddedModeOn;
+    var _a = useAccountContext(contextName), header = _a.header, isUserFamilyAccountPrimary = _a.userData.isUserFamilyAccountPrimary, tealiumContext = _a.tealiumContext, requestHeaders = _a.requestHeaders;
+    var _b = getEmbeddedModeAndOnboardingQueryStatus(router, requestHeaders), isUserVisitingFromOnboardingModal = _b.isUserVisitingFromOnboardingModal, isEmbeddedModeOn = _b.isEmbeddedModeOn;
     usePageViewTracking(updateTealiumContextForOnboarding(isUserVisitingFromOnboardingModal, isEmbeddedModeOn, tealiumContext));
-    var enableTermsAndConditions = !featureFlags || featureFlags.enable_family_beta_terms_and_conditions;
-    var groupAccountData = ((groupAccounts === null || groupAccounts === void 0 ? void 0 : groupAccounts.length)
-        ? groupAccounts
-        : [{ maxShares: allocatedMembersDefaultCount, shares: [] }])[0];
-    var maxShares = groupAccountData.maxShares, shares = groupAccountData.shares;
-    var _d = useState(sortMembersListByStatusType(shares)), membersList = _d[0], setMembersList = _d[1];
-    var _e = useState(combineAccountData(shares, maxShares)), shareStatusData = _e[0], setShareStatusData = _e[1];
-    var _f = useState(replaceBaseURL(baseUrl, addMemberButtonOverrides.href)), addMemberButtonUrl = _f[0], setAddMemberButtonUrl = _f[1];
-    var _g = useState(addMemberButtonOverrides.eventContext), addMemberButtonEventContext = _g[0], setAddMemberButtonEventContext = _g[1];
-    var handleRemoveMemberFromList = function (id) {
-        setMembersList(function (prevMembersList) {
-            var filteredMemberList = prevMembersList.filter(function (member) { return member.shareId !== id; });
-            setShareStatusData(combineAccountData(filteredMemberList, maxShares));
-            return sortMembersListByStatusType(filteredMemberList);
-        });
-    };
-    useEffect(function () {
-        if (isUserVisitingFromOnboardingModal) {
-            setAddMemberButtonUrl("".concat(addMemberButtonUrl, "?").concat(householdingOnboardingQueryParam, "=true"));
-            setAddMemberButtonEventContext(function (prevState) {
-                return updateTealiumContextForOnboarding(isUserVisitingFromOnboardingModal, isEmbeddedModeOn, prevState);
-            });
-        }
-    }, [isUserVisitingFromOnboardingModal]);
     return (React.createElement(Block, null,
         React.createElement(Header, __assign({}, header)),
-        isUserFamilyAccountPrimary && (React.createElement(React.Fragment, null,
-            React.createElement(FamilyContentVariantB, null),
-            React.createElement(GridLayout, { rowGap: mainGridLayoutOverrides.rowGap, "data-testId": "op-family-content-default" },
-                React.createElement(GridLayoutItem, { "data-testid": "account-data", stylePreset: "contentListView", paddingBlock: 'space050', paddingInline: 'space040' },
-                    React.createElement(GridLayout, { rowGap: accountDataGridLayoutOverrides.rowGap },
-                        React.createElement(GridLayoutItem, null,
-                            React.createElement(Stack, { flow: "horizontal-stretch", wrap: "wrap" },
-                                React.createElement(StackChild, null,
-                                    React.createElement(Flag, { overrides: allocatedMembersFlag.overrides, size: allocatedMembersFlag.size, "data-testid": "max-shares" },
-                                        React.createElement(PersonFilledIcon, null),
-                                        " ",
-                                        maxShares,
-                                        allocatedMembersFlag.text),
-                                    React.createElement(StyledDividerWrapper, { marginInline: "space020" },
-                                        React.createElement(Divider, { vertical: true, overrides: {
-                                                stylePreset: 'familyMembersDivider',
-                                            } }))),
-                                React.createElement(StackChild, null,
-                                    React.createElement(Flag, { overrides: activeMembersFlag.overrides, size: activeMembersFlag.size, "data-testid": "active-members" },
-                                        shareStatusData.active,
-                                        activeMembersFlag.text),
-                                    React.createElement(StyledDividerWrapper, { marginInline: "space020" },
-                                        React.createElement(Divider, { vertical: true, overrides: {
-                                                stylePreset: 'familyMembersDivider',
-                                            } }))),
-                                React.createElement(StackChild, null,
-                                    React.createElement(Flag, { overrides: invitedMembersFlag.overrides, size: invitedMembersFlag.size, "data-testid": "invited-members" },
-                                        shareStatusData.pending,
-                                        invitedMembersFlag.text)))),
-                        React.createElement(GridLayoutItem, null, shareStatusData.isMaxCapacity ? (React.createElement(StyledTextBlock, { stylePreset: removeMemberMessageOverrides.stylePreset, typographyPreset: removeMemberMessageOverrides.typographyPreset, "data-testid": "remove-member-message" }, removeMemberMessageOverrides.text)) : (React.createElement(LinkNext, { href: addMemberButtonUrl, legacyBehavior: true },
-                            React.createElement(Button, { size: addMemberButtonOverrides.size, overrides: addMemberButtonOverrides.overrides, href: addMemberButtonUrl, "data-testid": "add-members-button", eventContext: addMemberButtonEventContext }, addMemberButtonOverrides.text)))))),
-                membersList && membersList.length !== 0 && (React.createElement(GridLayoutItem, { "data-testid": "member-rows-wrapper", stylePreset: "contentListView" }, membersList.map(function (share) { return (React.createElement(FamilyMemberInvitationStatus, { memberData: share, handleRemoveMemberFromList: handleRemoveMemberFromList, key: share.shareId })); })))),
-            termsAndConditionsLinkOverrides && enableTermsAndConditions && (React.createElement(Block, { marginBlock: termsAndConditionsLinkOverrides.overrides.marginBlock, "data-testid": "terms-and-conditions-link" },
-                React.createElement(NextLink, { type: "standalone", href: termsAndConditionsLinkOverrides.href, overrides: {
-                        typographyPreset: termsAndConditionsLinkOverrides.overrides.typographyPreset,
-                    }, external: false }, termsAndConditionsLinkOverrides.text)))))));
+        isUserFamilyAccountPrimary && React.createElement(FamilyContent, null)));
 };
-var templateObject_1, templateObject_2;
 //# sourceMappingURL=FamilyRender.js.map

package/dist/esm/Components/Templates/FamilyRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"FamilyRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/FamilyRender.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FamilyRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/FamilyRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAE/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAAwB,MAAM,qBAAqB,CAAA;AACvE,OAAO,EACL,uCAAuC,EACvC,iCAAiC,GAClC,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,CAAC,IAAM,YAAY,GAAa;IACpC,IAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,IAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CAAA;IAChC,IAAA,KAKF,iBAAiB,CAAC,WAAW,CAAyB,EAJxD,MAAM,YAAA,EACM,0BAA0B,yCAAA,EACtC,cAAc,oBAAA,EACd,cAAc,oBAC0C,CAAA;IAEpD,IAAA,KACJ,uCAAuC,CAAC,MAAM,EAAE,cAAc,CAAC,EADzD,iCAAiC,uCAAA,EAAE,gBAAgB,sBACM,CAAA;IAEjE,mBAAmB,CACjB,iCAAiC,CAC/B,iCAAiC,EACjC,gBAAgB,EAChB,cAAc,CACf,CACF,CAAA;IAED,OAAO,CACL,oBAAC,KAAK;QACJ,oBAAC,MAAM,eAAK,MAAM,EAAI;QACrB,0BAA0B,IAAI,oBAAC,aAAa,OAAG,CAC1C,CACT,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextName } from '../../context/types';
+type DisplayRenderProps = {
+    contextName: ContextName;
+};
+declare const SectionRender: React.FC<DisplayRenderProps>;
+export default SectionRender;

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

@@ -0,0 +1,45 @@
+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 { Block, styled } from 'newskit';
+import { Header } from '@newskit-render/shared-components';
+import { useAccountContext, } from '../../context';
+import { SectionContainer } from '../Sections/SectionContainer/SectionContainer';
+var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  clear: both;\n"], ["\n  clear: both;\n"])));
+var SectionRender = function (_a) {
+    var contextName = _a.contextName;
+    var _b = useAccountContext(contextName), header = _b.header, sections = _b.sections;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(StyledBlock, null, sections === null || sections === void 0 ? void 0 : sections.map(function (_a, i) {
+            var layoutType = _a.layoutType, props = __rest(_a, ["layoutType"]);
+            return (React.createElement(SectionContainer, __assign({ key: i }, props, { layoutType: layoutType, contextName: contextName })));
+        }))));
+};
+export default SectionRender;
+var templateObject_1;
+//# sourceMappingURL=SectionRender.js.map

package/dist/esm/Components/Templates/SectionRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/SectionRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAE1D,OAAO,EAEL,iBAAiB,GAClB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAA;AAEhF,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uFAAA,oBAEhC,IAAA,CAAA;AAMD,IAAM,aAAa,GAAiC,UAAC,EAAe;QAAb,WAAW,iBAAA;IAC1D,IAAA,KAAuB,iBAAiB,CAC5C,WAAW,CACwB,EAF7B,MAAM,YAAA,EAAE,QAAQ,cAEa,CAAA;IAErC,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QACtB,oBAAC,WAAW,QACT,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,EAAwB,EAAE,CAAC;YAAzB,IAAA,UAAU,gBAAA,EAAK,KAAK,cAAtB,cAAwB,CAAF;YACpC,OAAO,CACL,oBAAC,gBAAgB,aACf,GAAG,EAAE,CAAC,IACF,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,IACxB,CACH,CAAA;QACH,CAAC,CAAC,CACU,CACb,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -9,12 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
-// import { Block } from 'newskit'
+import React, { useEffect, useMemo } from 'react';
 import { useAccountContext } from '../../context';
 import { DisplayRenderer } from './';
-import { SubscriptionStatus } from '../Sections/NoSubscription';
-import { formateDate } from '../../helpers';
+import { SubscriptionStatus, SunNoSubscription, } from '../Sections/NoSubscription';
+import { formateDate, trackEvent } from '../../helpers';
 import { CANCELLED_SUBSCRIPTION, PENDING_ACTIVATION_SUBSCRIPTION, TERMINATED_SUBSCRIPTION, ACTIVE_SUBSCRIPTION, } from '../../constants';
 import { Header, usePageViewTracking } from '@newskit-render/shared-components';
 var replaceDescription = function (description, type, serviceCancellationDate) {
@@ -28,17 +27,35 @@ var replaceDescription = function (description, type, serviceCancellationDate) {
 var SubscriptionAndBillingRender = function (_a) {
     var _b;
     var contextName = _a.contextName;
-    var _c = useAccountContext(contextName), contextHeader = _c.header, userData = _c.userData, noSubscription = _c.noSubscription, previousSubscription = _c.previousSubscription, pendingSubscription = _c.pendingSubscription, freeSubscription = _c.freeSubscription, tealiumContext = _c.tealiumContext, sections = _c.sections;
+    var _c = useAccountContext(contextName), contextHeader = _c.header, userData = _c.userData, noSubscription = _c.noSubscription, sunNoSubscription = _c.sunNoSubscription, previousSubscription = _c.previousSubscription, pendingSubscription = _c.pendingSubscription, freeSubscription = _c.freeSubscription, tealiumContext = _c.tealiumContext, sections = _c.sections, env = _c.env;
+    var isSunUK = (env === null || env === void 0 ? void 0 : env.PUBLISHER) === 'SUN_UK';
+    var isTimes = (env === null || env === void 0 ? void 0 : env.PUBLISHER) === 'TIMES';
+    useEffect(function () {
+        var _a;
+        if (isTimes && ((_a = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _a === void 0 ? void 0 : _a.length)) {
+            trackEvent({
+                eventName: 'subscription_and_billing_page_view',
+                cpn: userData === null || userData === void 0 ? void 0 : userData.cpn,
+                subscriptions: userData.subscriptions,
+                tags: {},
+            });
+        }
+    }, []);
     // 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
         ? sections[0].componentType === 'cardComposable'
             ? userData.subscriptions
             : [userData.subscriptions[0]]
         : [];
+    var zeroSubscriptions = useMemo(function () {
+        return !subscriptions || (Array.isArray(subscriptions) && !subscriptions.length);
+    }, []);
     var paymentFailure = userData.paymentFailure;
     usePageViewTracking(tealiumContext);
-    if (!subscriptions ||
-        (Array.isArray(subscriptions) && !subscriptions.length)) {
+    if (zeroSubscriptions) {
+        if (isSunUK) {
+            return React.createElement(SunNoSubscription, __assign({}, sunNoSubscription));
+        }
         return React.createElement(SubscriptionStatus, __assign({}, noSubscription));
     }
     return (React.createElement(React.Fragment, null,

package/dist/esm/Components/Templates/SubscriptionAndBillingRender.js.map

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

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

@@ -28,7 +28,7 @@ export var UserHubRender = function () {
     return (React.createElement(StyledStackContainer, { flow: "vertical-stretch" },
         quickLinks && React.createElement(BaseSection, __assign({}, quickLinks, { baseUrl: baseUrl })),
         helpAndSupport && React.createElement(BaseSection, __assign({}, helpAndSupport, { baseUrl: baseUrl })),
-        newslettersSection && ((_a = userData === null || userData === void 0 ? void 0 : userData.newsletters) === null || _a === void 0 ? void 0 : _a.length) && (React.createElement(NewslettersSection, __assign({ newsletters: userData.newsletters }, newslettersSection)))));
+        newslettersSection && ((_a = userData === null || userData === void 0 ? void 0 : userData.newsletters) === null || _a === void 0 ? void 0 : _a.length) && (React.createElement(NewslettersSection, __assign({ newsletters: userData.newsletters, capabilities: userData.userCapabilities }, newslettersSection)))));
 };
 var templateObject_1;
 //# sourceMappingURL=UserHubRender.js.map

package/dist/esm/Components/Templates/UserHubRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,KAAK,EACL,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAA;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAA;AAEzF,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,sBAAsB,CAAC,IAAI,CAAC,EAC1B,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACD,MAAM,CAAC,IAAM,aAAa,GAAa;;IACrC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAkC,iBAAiB,CACvD,WAAW,CACa,EAFlB,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAET,CAAA;IAGxB,IAAA,UAAU,GAGR,QAAQ,WAHA,EACV,cAAc,GAEZ,QAAQ,eAFI,EACD,kBAAkB,GAC7B,QAAQ,YADqB,CACrB;IAEZ,OAAO,CACL,oBAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,oBAAC,WAAW,eAAK,UAAU,IAAE,OAAO,EAAE,OAAO,IAAI;QAC/D,cAAc,IAAI,oBAAC,WAAW,eAAK,cAAc,IAAE,OAAO,EAAE,OAAO,IAAI;QACvE,kBAAkB,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,MAAM,CAAA,IAAI,CACtD,oBAAC,kBAAkB,aACjB,WAAW,EAAE,QAAQ,CAAC,WAAW,IAC7B,kBAAkB,EACtB,CACH,CACoB,CACxB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,KAAK,EACL,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAA;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAA;AAEzF,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,sBAAsB,CAAC,IAAI,CAAC,EAC1B,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACD,MAAM,CAAC,IAAM,aAAa,GAAa;;IACrC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAkC,iBAAiB,CACvD,WAAW,CACa,EAFlB,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAET,CAAA;IAGxB,IAAA,UAAU,GAGR,QAAQ,WAHA,EACV,cAAc,GAEZ,QAAQ,eAFI,EACD,kBAAkB,GAC7B,QAAQ,YADqB,CACrB;IAEZ,OAAO,CACL,oBAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,oBAAC,WAAW,eAAK,UAAU,IAAE,OAAO,EAAE,OAAO,IAAI;QAC/D,cAAc,IAAI,oBAAC,WAAW,eAAK,cAAc,IAAE,OAAO,EAAE,OAAO,IAAI;QACvE,kBAAkB,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,MAAM,CAAA,IAAI,CACtD,oBAAC,kBAAkB,aACjB,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,IACnC,kBAAkB,EACtB,CACH,CACoB,CACxB,CAAA;AACH,CAAC,CAAA"}

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

@@ -16,6 +16,7 @@ import { AccountDeletionSuccessRender } from './AccountDeletionSuccessRender';
 import { AccountDeletionErrorRender } from './AccountDeletionErrorRender';
 import { FamilyRender } from './FamilyRender';
 import { UserHubRender } from './UserHubRender';
+import CancellationStepperRender from './CancellationStepperRender';
 export * from './types';
-export { DynamicPage, DisplayRenderer, EditRenderer, editComponentMap, broadcastingOnlyEditComponentMap, CancellationRender, PaymentRender, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, NewslettersRender, FamilyRender, UserHubRender, AccountDeletionRender, ConfirmAccountDeletionRender, AccountDeletionSuccessRender, AccountDeletionErrorRender, };
+export { DynamicPage, DisplayRenderer, EditRenderer, editComponentMap, broadcastingOnlyEditComponentMap, CancellationRender, PaymentRender, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, NewslettersRender, FamilyRender, UserHubRender, CancellationStepperRender, AccountDeletionRender, ConfirmAccountDeletionRender, AccountDeletionSuccessRender, AccountDeletionErrorRender, };
 export default Layout;

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

@@ -16,7 +16,8 @@ import { AccountDeletionSuccessRender } from './AccountDeletionSuccessRender';
 import { AccountDeletionErrorRender } from './AccountDeletionErrorRender';
 import { FamilyRender } from './FamilyRender';
 import { UserHubRender } from './UserHubRender';
+import CancellationStepperRender from './CancellationStepperRender';
 export * from './types';
-export { DynamicPage, DisplayRenderer, EditRenderer, editComponentMap, broadcastingOnlyEditComponentMap, CancellationRender, PaymentRender, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, NewslettersRender, FamilyRender, UserHubRender, AccountDeletionRender, ConfirmAccountDeletionRender, AccountDeletionSuccessRender, AccountDeletionErrorRender, };
+export { DynamicPage, DisplayRenderer, EditRenderer, editComponentMap, broadcastingOnlyEditComponentMap, CancellationRender, PaymentRender, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, NewslettersRender, FamilyRender, UserHubRender, CancellationStepperRender, AccountDeletionRender, ConfirmAccountDeletionRender, AccountDeletionSuccessRender, AccountDeletionErrorRender, };
 export default Layout;
 //# sourceMappingURL=index.js.map