@newskit-render/my-account 0.0.0-baefd2ee2 → 0.0.0-bcdb796fd

package/dist/cjs/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/cjs/Components/Templates/CancellationStepperRender.js

@@ -0,0 +1,164 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentMap = void 0;
+var react_1 = __importStar(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+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 ConfirmCancellation_1 = require("../Sections/ConfirmCancellation/ConfirmCancellation");
+var newskit_1 = require("newskit");
+exports.componentMap = {
+    reason: CancellationReasons_1.CancellationReasons,
+    downgrade: CancelSubscriptionDowngrade_1.CancelSubscriptionDowngrade,
+    preCancellation: CancellationDetails_1.CancellationDetails,
+    confirmCancel: ConfirmCancellation_1.ConfirmCancellation,
+};
+var CancellationStepperRender = function () {
+    var _a, _b, _c, _d, _e;
+    var contextName = types_1.ContextName.CancellationStepper;
+    var _f = (0, context_1.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 = (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])
+        return null;
+    var _g = (0, react_1.useState)(null), selections = _g[0], setSelections = _g[1];
+    var pagesInOrder = componentSequence[type];
+    var _h = (0, react_1.useState)(null), overrideComponent = _h[0], setOverrideComponent = _h[1];
+    var _j = (0, react_1.useState)([]), filteredPages = _j[0], setFilteredPages = _j[1];
+    var _k = (0, react_1.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 = exports.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()));
+    };
+    (0, react_1.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((0, helpers_1.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 = (0, react_1.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 = (0, newskit_1.useInstrumentation)().fireEvent;
+    // this is a copy of usePageViewTracking but it changes when the eventContext changes, changing that in usePageViewTracking might cause double reporting
+    (0, react_1.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: 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,
+            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_1.default.createElement(react_1.default.Fragment, null,
+        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: (_e = componentProps.tealiumContext) === null || _e === void 0 ? void 0 : _e.context.page_name }), onClick: handleBackBtn })),
+        react_1.default.createElement(shared_components_1.ContentContainer, __assign({ "data-testid": "section-container" }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.contentContainerOverrides),
+            react_1.default.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, user: userData, selectedReason: selections, handleError: handleError, serviceCancellationDate: serviceCancellationDate, setServiceCancellationDate: setServiceCancellationDate })))));
+};
+exports.default = CancellationStepperRender;
+//# sourceMappingURL=CancellationStepperRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationStepperRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/CancellationStepperRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,uEAK0C;AAC1C,yCAAiD;AACjD,6CAG4B;AAC5B,8CAA4D;AAC5D,uEAAqE;AACrE,uEAAqE;AACrE,yCAA0D;AAC1D,uFAAqF;AACrF,2FAAyF;AACzF,mCAA0D;AAE7C,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAE,yCAAmB;IAC3B,SAAS,EAAE,yDAA2B;IACtC,eAAe,EAAE,yCAAmB;IACpC,aAAa,EAAE,yCAAmB;CACnC,CAAA;AAmBD,IAAM,yBAAyB,GAAa;;IAC1C,IAAM,WAAW,GAAG,mBAAW,CAAC,mBAAmB,CAAA;IAE7C,IAAA,KAQF,IAAA,2BAAiB,EAAC,WAAW,CAAsC,EAPrE,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,WAAW,iBAC0D,CAAA;IAEvE,IAAM,cAAc,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,0CAAE,IAAI,CAAA;IAC/C,IAAM,oBAAoB,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAA;IAE/C,IAAM,MAAM,GAAG,IAAA,sBAAS,GAAE,CAAA;IAC1B,IAAM,YAAY,GAAG,IAAA,4BAAe,GAAE,CAAA;IAEtC,IAAM,IAAI,GAAG,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,IAAI,CAAA;IAE/C,IAAI,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IAE5C,IAAA,KAA8B,IAAA,gBAAQ,EAAuB,IAAI,CAAC,EAAjE,UAAU,QAAA,EAAE,aAAa,QAAwC,CAAA;IACxE,IAAM,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACtC,IAAA,KAA4C,IAAA,gBAAQ,EACxD,IAAI,CACL,EAFM,iBAAiB,QAAA,EAAE,oBAAoB,QAE7C,CAAA;IACK,IAAA,KAAoC,IAAA,gBAAQ,EAAW,EAAE,CAAC,EAAzD,aAAa,QAAA,EAAE,gBAAgB,QAA0B,CAAA;IAC1D,IAAA,KAAwD,IAAA,gBAAQ,EAEpE,IAAI,CAAC,EAFA,uBAAuB,QAAA,EAAE,0BAA0B,QAEnD,CAAA;IACP,IAAM,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,MAAM,CAAkB,CAAA;IAC7D,IAAM,oBAAoB,GACxB,iBAAiB,IAAI,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CAAA;IACrD,IAAM,WAAW,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAA;IAE3E,IAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CACrC,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,oBAAoB,EAA7B,CAA6B,CACxC,CAAA;IAED,IAAM,gBAAgB,GAAG,oBAAY,CAAC,oBAAoB,CAAC,CAAA;IAC3D,IAAM,cAAc,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAEvD,IAAM,iBAAiB,GAAG,UAAC,IAAY,EAAE,aAAqB;QAArB,8BAAA,EAAA,qBAAqB;QAC5D,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC3D,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QAExB,IAAI,aAAa;YAAE,MAAM,CAAC,OAAO,CAAC,WAAI,MAAM,CAAC,QAAQ,EAAE,CAAE,CAAC,CAAA;;YACrD,MAAM,CAAC,IAAI,CAAC,WAAI,MAAM,CAAC,QAAQ,EAAE,CAAE,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,IAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,CAAA;YACnC,iBAAiB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;QACtC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,aAAa,GAAG,UAAC,KAAuB;QAC5C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAA;QAEvB,IAAI,iBAAiB,EAAE,CAAC;YACtB,oBAAoB,CAAC,IAAI,CAAC,CAAA;YAC1B,gBAAgB,CAAC,EAAE,CAAC,CAAA;YACpB,MAAM,CAAC,IAAI,EAAE,CAAA;YACb,OAAM;QACR,CAAC;QAED,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;YACnB,MAAM,CAAC,IAAI,CAAC,IAAA,wBAAc,EAAC,OAAO,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC,CAAA;YAC1D,OAAM;QACR,CAAC;QAED,iBAAiB,CAAC,WAAW,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAA;IAC/C,CAAC,CAAA;IAED,IAAM,cAAc,GAAmB,UAAC,KAAK,EAAE,QAAe;;QAAf,yBAAA,EAAA,eAAe;QAC5D,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,qDAAI,CAAA;QAEzB,sCAAsC;QACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,IAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;YAC3C,iBAAiB,CAAC,QAAQ,CAAC,CAAA;YAC3B,OAAM;QACR,CAAC;QAED,oBAAoB,CAAC,QAAQ,CAAC,CAAA;QAC9B,gBAAgB,CAAC,YAAY,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,QAAQ,EAAjB,CAAiB,CAAC,CAAC,CAAA;QAClE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,IAAM,eAAe,GAAoB,UAAC,MAAM,EAAE,aAAa;QAC7D,aAAa,CAAC,aAAa,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC;;QAC/B,OAAO;YACL,UAAU,EACR,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,UAAU,KAAI,sBAAsB;YACtE,OAAO,wBACF,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,OAAO,KAAI,EAAE,CAAC,KAClD,iBAAiB,EAAE,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,0CAAE,mBAAmB,KAAI,EAAE,GACvE;SACF,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEZ,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAE1C,wJAAwJ;IACxJ,IAAA,iBAAS,EAAC;;QACR,IAAI,CAAC,WAAW;YAAE,OAAM;QAExB,IACE,CAAC,gBAAgB;YACjB,CAAE,gBAAwC,CAAC,UAAU,EACrD,CAAC;YACD,OAAM;QACR,CAAC;QACK,IAAA,KAA0B,gBAAuC,EAA/D,UAAU,gBAAA,EAAE,OAAO,aAA4C,CAAA;QACvE,SAAS,CAAC;YACR,UAAU,YAAA;YACV,OAAO,EAAE,sBAAY,CAAC,IAAI;YAC1B,OAAO,wBACF,OAAO,KACV,iBAAiB,EAAE,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,0CAAE,mBAAmB,KAAI,EAAE,GACvE;SACF,CAAC,CAAA;QAEF,uCAAuC;QACvC,IAAA,oBAAU,EAAC;YACT,SAAS,EAAE,uBAAgB,WAAW,CAAC,iBAAiB,EAAE,CAAE;YAC5D,GAAG,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG;YAClB,MAAM,EAAE,CAAA,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,WAAW,0CAAE,IAAI,KAAI,EAAE;YAC7D,IAAI,wBACC,OAAO,KACV,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,+BAAwB,WAAW,CAAE,EACrE,iBAAiB,EAAE,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,0CAAE,mBAAmB,KAAI,EAAE,EACtE,IAAI,EAAE,WAAW,GAClB;SACF,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAA;IAEnC,IAAI,CAAC,oBAAoB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC/C,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAM,oBAAoB,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,mCAAI,cAAc,CAAA;IAE7E,OAAO,CACL;QACG,oBAAoB,IAAI,oBAAoB,IAAI,CAC/C,8BAAC,8BAAU,IACT,UAAU,wBACL,oBAAoB,KACvB,IAAI,EAAE,EAAE,KAEV,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,EAC/C,YAAY,wBACP,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,YAAY,KACrC,SAAS,EAAE,MAAA,cAAc,CAAC,cAAc,0CAAE,OAAO,CAAC,SAAS,KAE7D,OAAO,EAAE,aAAa,GACtB,CACH;QACD,8BAAC,oCAAgB,4BACH,mBAAmB,IAC3B,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,yBAAyB;YAE7C,8BAAC,gBAAgB,eACX,cAAc,IAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,cAAc,EAC1B,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,QAAQ,EACd,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,WAAW,EACxB,uBAAuB,EAAE,uBAAuB,EAChD,0BAA0B,EAAE,0BAA0B,IACtD,CACe,CAClB,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,yBAAyB,CAAA"}

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

@@ -23,21 +23,25 @@ var newskit_1 = require("newskit");
 var shared_components_1 = require("@newskit-render/shared-components");
 var context_1 = require("../../context");
 var types_1 = require("../../context/types");
+var constants_1 = require("../../constants");
 var ContentContainer_1 = __importDefault(require("../Sections/ContentContainer"));
 var CardContentContainer_1 = __importDefault(require("../Sections/CardContentContainer"));
+var CancelSubscription_1 = __importDefault(require("../Sections/CancelSubscription"));
 var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  clear: both;\n"], ["\n  clear: both;\n"])));
 var DisplayRenderer = function (_a) {
-    var _b, _c, _d;
+    var _b, _c, _d, _e, _f;
     var id = _a.id, contextName = _a.contextName, isNoBillingSubscription = _a.isNoBillingSubscription;
-    var _e = (0, context_1.useAccountContext)(contextName), header = _e.header, sections = _e.sections, userData = _e.userData;
+    var _g = (0, context_1.useAccountContext)(contextName), header = _g.header, sections = _g.sections, userData = _g.userData, featureFlags = _g.featureFlags;
     var subscriptionType = ((_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) &&
         userData.subscriptions[0].type.toLowerCase();
+    var isCancellationRequested = ((_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.status) === constants_1.PENDING_CANCELLATION_SUBSCRIPTION;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        ((_d = sections[0]) === null || _d === void 0 ? void 0 : _d.componentType) === 'cardComposable' ? null : (react_1.default.createElement(shared_components_1.Header, __assign({ descriptionOverrides: {
+        ((_f = sections[0]) === null || _f === void 0 ? void 0 : _f.componentType) === 'cardComposable' ? null : (react_1.default.createElement(shared_components_1.Header, __assign({ descriptionOverrides: {
                 marginBlockEnd: { xs: 'space050', md: 'space080' },
             } }, header))),
         react_1.default.createElement(StyledBlock, null, Array.isArray(sections) &&
             sections.map(function (section, i) {
+                var _a, _b;
                 var ComponentToRender;
                 if (section.componentType === 'cardComposable') {
                     ComponentToRender = CardContentContainer_1.default;
@@ -45,6 +49,14 @@ var DisplayRenderer = function (_a) {
                 else {
                     ComponentToRender = ContentContainer_1.default;
                 }
+                if (section.componentType === 'cancelActions') {
+                    if ((featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.enabled) &&
+                        !isCancellationRequested) {
+                        ComponentToRender = CancelSubscription_1.default;
+                        return (react_1.default.createElement(ComponentToRender, __assign({}, section.props, { contextName: contextName, featureFlags: featureFlags, cpn: userData === null || userData === void 0 ? void 0 : userData.cpn, mpcode: (_b = (_a = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _a === void 0 ? void 0 : _a[0].proposition) === null || _b === void 0 ? void 0 : _b.code, id: id, key: i })));
+                    }
+                    return null;
+                }
                 if (isNoBillingSubscription) {
                     if (section.billingType === types_1.SectionBillingType.Billing)
                         return null;

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DisplayRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AACvC,uEAA0D;AAE1D,yCAGsB;AACtB,6CAK4B;AAC5B,kFAA2D;AAC3D,0FAAmE;AAEnE,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,uFAAA,oBAEhC,IAAA,CAAA;AAQD,IAAM,eAAe,GAAiC,UAAC,EAItD;;QAHC,EAAE,QAAA,EACF,WAAW,iBAAA,EACX,uBAAuB,6BAAA;IAEjB,IAAA,KAAiC,IAAA,2BAAiB,EACtD,WAAW,CACwB,EAF7B,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAEG,CAAA;IAErC,IAAM,gBAAgB,GACpB,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,IAAI;QAClC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA;IAE9C,OAAO,CACL;QACG,CAAA,MAAA,QAAQ,CAAC,CAAC,CAAC,0CAAE,aAAa,MAAK,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxD,8BAAC,0BAAM,aACL,oBAAoB,EAAE;gBACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;aACnD,IACG,MAAM,EACV,CACH;QAED,8BAAC,WAAW,QACT,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YACtB,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC;gBACtB,IAAI,iBAAiB,CAAA;gBACrB,IAAI,OAAO,CAAC,aAAa,KAAK,gBAAgB,EAAE,CAAC;oBAC/C,iBAAiB,GAAG,8BAAoB,CAAA;gBAC1C,CAAC;qBAAM,CAAC;oBACN,iBAAiB,GAAG,0BAAgB,CAAA;gBACtC,CAAC;gBAED,IAAI,uBAAuB,EAAE,CAAC;oBAC5B,IAAI,OAAO,CAAC,WAAW,KAAK,0BAAkB,CAAC,OAAO;wBACpD,OAAO,IAAI,CAAA;oBACb,OAAO,CACL,8BAAC,iBAAiB,eACZ,OAAO,CAAC,KAAK,IACjB,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IACN,CACH,CAAA;gBACH,CAAC;gBAED,IAAI,OAAO,CAAC,WAAW,KAAK,0BAAkB,CAAC,SAAS;oBACtD,OAAO,IAAI,CAAA;gBAEb,IAAM,6BAA6B,GACjC,gBAAgB,KAAK,wBAAgB,CAAC,OAAO;oBAC7C,OAAO,CAAC,IAAI,KAAK,oBAAY,CAAC,OAAO,CAAA;gBAEvC,OAAO,6BAA6B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5C,8BAAC,iBAAiB,eACZ,OAAO,CAAC,KAAK,IACjB,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IACN,CACH,CAAA;YACH,CAAC,CAAC,CACQ,CACb,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
+{"version":3,"file":"DisplayRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DisplayRenderer.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FamilyContent: React.FC;

package/dist/cjs/Components/Templates/{FamilyContentVariants.js → FamilyContent.js}

@@ -86,15 +86,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FamilyContentVariants = void 0;
+exports.FamilyContent = void 0;
 var react_1 = __importStar(require("react"));
 var newskit_1 = require("newskit");
 var shared_components_1 = require("@newskit-render/shared-components");
 var Info_1 = require("@emotion-icons/material/Info");
 var context_1 = require("../../context");
 var types_1 = require("../../context/types");
-var FamilyMemberInvitationStatusVariants_1 = __importDefault(require("../Elements/FamilyMemberInvitationStatusVariants"));
 var sendToast_1 = __importDefault(require("../Elements/Toast/sendToast"));
+var FamilyMemberInvitationStatusVariants_1 = __importDefault(require("../Elements/FamilyMemberInvitationStatusVariants"));
 var statusColors = {
     AVAILABLE: { background: 'amber030', colorText: 'amber100' },
     ACTIVE: { background: 'green020', colorText: 'blue100' },
@@ -133,13 +133,18 @@ var sortMembersListByStatusType = function (members) {
     });
 };
 var IconFilledInfo = (0, newskit_1.toNewsKitIcon)(Info_1.Info);
-var FamilyContentVariants = function () {
+var FamilyContent = function () {
     var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
     var contextName = types_1.ContextName.family;
     var _a = (0, context_1.useAccountContext)(contextName), groupAccounts = _a.userData.groupAccounts, allocatedMembersDefaultCount = _a.allocatedMembersDefaultCount, header = _a.header, requestHeaders = _a.requestHeaders;
     var isTNLMobileApp = (0, shared_components_1.checkRequestHeaders)(requestHeaders, shared_components_1.UserPlatform.native_tm_apps);
-    var checkMobileWebHeader = (0, shared_components_1.getRequestHeadersValue)(requestHeaders, shared_components_1.RequestHeadersKeys.userPlatformMobileWeb);
-    var isTNLMobileWeb = Boolean(checkMobileWebHeader) && checkMobileWebHeader === 'true';
+    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
@@ -156,36 +161,38 @@ var FamilyContentVariants = function () {
     // istanbul ignore next
     var handleSharingLink = function (shareableLink) { return __awaiter(void 0, void 0, void 0, function () {
         var shareData, err_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
-                    if (!isMobile) return [3 /*break*/, 4];
+                    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,
                     };
-                    _a.label = 1;
+                    _b.label = 1;
                 case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    if (typeof window !== 'undefined' && (window === null || window === void 0 ? void 0 : window.Android)) {
+                    _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), '');
-                        return [2 /*return*/];
                     }
                     // regular share functionality
                     return [4 /*yield*/, navigator.share(shareData)];
                 case 2:
                     // regular share functionality
-                    _a.sent();
+                    _b.sent();
                     return [2 /*return*/];
-                case 3:
-                    err_1 = _a.sent();
+                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*/, 4];
-                case 4:
+                    return [3 /*break*/, 5];
+                case 5:
                     navigator.clipboard.writeText(shareableLink);
                     (0, sendToast_1.default)('creation-via-link-success', 'success', {}, {}, 'Copy to clipboard', 4000);
                     fireEvent((0, shared_components_1.createClickEvent)('button', 'bonus account: copy to clipboard', undefined, undefined, header.title, 'navigation', 'automated'));
@@ -276,13 +283,13 @@ var FamilyContentVariants = function () {
                 react_1.default.createElement(newskit_1.Stack, { flow: 'horizontal-center', "data-testid": "invited-members-variants" },
                     react_1.default.createElement(StyledMemberStatus, { marginInlineEnd: { xs: 'space020' }, typographyPreset: 'utilityLabel010', status: types_1.FamilyMemberStatusTypes.PENDING }, handleMemberStatus(types_1.FamilyMemberStatusTypes.PENDING)),
                     react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: 'utilityBody010' }, "Pending invite")))),
-        react_1.default.createElement(newskit_1.GridLayoutItem, null,
+        react_1.default.createElement(newskit_1.GridLayoutItem, { "data-testid": "members-list" },
             isMaxCapacity && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: "space070" },
                 react_1.default.createElement(newskit_1.InlineMessage, { overrides: { stylePreset: 'inlineMessageInformative' }, icon: react_1.default.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_1.default.createElement(newskit_1.Block, { key: share.shareId, marginBlockEnd: "space070", "data-testid": "member-card" },
                 react_1.default.createElement(StyledTextBlock, { typographyPreset: 'utilityLabel010', paddingBlock: 'space015', status: types_1.FamilyMemberStatusTypes[share.status], style: { textTransform: 'capitalize' } }, types_1.FamilyMemberStatusTypes[share.status].toLowerCase()),
                 react_1.default.createElement(FamilyMemberInvitationStatusVariants_1.default, { handleSharingLink: handleSharingLink, memberData: share, handleRemoveMemberFromList: handleRemoveMemberFromList, handleShareLinkCreation: handleShareLinkCreation, isMobile: isMobile }))); }))));
 };
-exports.FamilyContentVariants = FamilyContentVariants;
+exports.FamilyContent = FamilyContent;
 var templateObject_1, templateObject_2;
-//# sourceMappingURL=FamilyContentVariants.js.map
+//# sourceMappingURL=FamilyContent.js.map

package/dist/cjs/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/cjs/Components/Templates/FamilyRender.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++) {
@@ -14,130 +10,28 @@ 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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FamilyRender = void 0;
-var react_1 = __importStar(require("react"));
-var link_1 = __importDefault(require("next/link"));
+var react_1 = __importDefault(require("react"));
 var router_1 = require("next/router");
-var newskit_1 = require("newskit");
-var material_1 = require("@emotion-icons/material");
 var shared_components_1 = require("@newskit-render/shared-components");
 var context_1 = require("../../context");
 var types_1 = require("../../context/types");
-var dataUtils_1 = require("../../helpers/dataUtils");
-var FamilyMemberInvitationStatus_1 = __importDefault(require("../Elements/FamilyMemberInvitationStatus"));
 var helpers_1 = require("../../helpers");
-var FamilyContentVariants_1 = require("./FamilyContentVariants");
-var StyledDividerWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var StyledTextBlock = (0, newskit_1.styled)(newskit_1.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"])), (0, newskit_1.getMediaQueryFromTheme)('xs'), (0, newskit_1.getMediaQueryFromTheme)('sm'), (0, newskit_1.getMediaQueryFromTheme)('lg'));
-var PersonFilledIcon = (0, newskit_1.toNewsKitIcon)(material_1.Person);
-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 === types_1.FamilyMemberStatusTypes.ACTIVE &&
-            b.status === types_1.FamilyMemberStatusTypes.PENDING) {
-            return -1;
-        }
-        else if (a.status === types_1.FamilyMemberStatusTypes.PENDING &&
-            b.status === types_1.FamilyMemberStatusTypes.ACTIVE) {
-            return 1;
-        }
-        else {
-            return 0; // the order remains unchanged
-        }
-    });
-};
-var householdingOnboardingQueryParam = 'householdingOnboarding';
+var FamilyContent_1 = require("./FamilyContent");
+var newskit_1 = require("newskit");
 var FamilyRender = function () {
     var router = (0, router_1.useRouter)();
     var contextName = types_1.ContextName.family;
-    var _a = (0, context_1.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, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags;
-    var _c = (0, helpers_1.getEmbeddedModeAndOnboardingQueryStatus)(router, requestHeaders), isUserVisitingFromOnboardingModal = _c.isUserVisitingFromOnboardingModal, isEmbeddedModeOn = _c.isEmbeddedModeOn;
+    var _a = (0, context_1.useAccountContext)(contextName), header = _a.header, isUserFamilyAccountPrimary = _a.userData.isUserFamilyAccountPrimary, tealiumContext = _a.tealiumContext, requestHeaders = _a.requestHeaders;
+    var _b = (0, helpers_1.getEmbeddedModeAndOnboardingQueryStatus)(router, requestHeaders), isUserVisitingFromOnboardingModal = _b.isUserVisitingFromOnboardingModal, isEmbeddedModeOn = _b.isEmbeddedModeOn;
     (0, shared_components_1.usePageViewTracking)((0, helpers_1.updateTealiumContextForOnboarding)(isUserVisitingFromOnboardingModal, isEmbeddedModeOn, tealiumContext));
-    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 = (0, react_1.useState)(sortMembersListByStatusType(shares)), membersList = _d[0], setMembersList = _d[1];
-    var _e = (0, react_1.useState)((0, helpers_1.combineAccountData)(shares, maxShares)), shareStatusData = _e[0], setShareStatusData = _e[1];
-    var _f = (0, react_1.useState)((0, dataUtils_1.replaceBaseURL)(baseUrl, addMemberButtonOverrides.href)), addMemberButtonUrl = _f[0], setAddMemberButtonUrl = _f[1];
-    var _g = (0, react_1.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((0, helpers_1.combineAccountData)(filteredMemberList, maxShares));
-            return sortMembersListByStatusType(filteredMemberList);
-        });
-    };
-    (0, react_1.useEffect)(function () {
-        if (isUserVisitingFromOnboardingModal) {
-            setAddMemberButtonUrl("".concat(addMemberButtonUrl, "?").concat(householdingOnboardingQueryParam, "=true"));
-            setAddMemberButtonEventContext(function (prevState) {
-                return (0, helpers_1.updateTealiumContextForOnboarding)(isUserVisitingFromOnboardingModal, isEmbeddedModeOn, prevState);
-            });
-        }
-    }, [isUserVisitingFromOnboardingModal]);
     return (react_1.default.createElement(newskit_1.Block, null,
         react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
-        isUserFamilyAccountPrimary && (react_1.default.createElement(react_1.default.Fragment, null, (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_share_via_link) ? (react_1.default.createElement(FamilyContentVariants_1.FamilyContentVariants, null)) : (react_1.default.createElement(newskit_1.GridLayout, { rowGap: mainGridLayoutOverrides.rowGap, "data-experiment-id": "op-family-content-default" },
-            react_1.default.createElement(newskit_1.GridLayoutItem, { "data-testid": "account-data", stylePreset: "contentListView", paddingBlock: 'space050', paddingInline: 'space040' },
-                react_1.default.createElement(newskit_1.GridLayout, { rowGap: accountDataGridLayoutOverrides.rowGap },
-                    react_1.default.createElement(newskit_1.GridLayoutItem, null,
-                        react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-stretch", wrap: "wrap" },
-                            react_1.default.createElement(newskit_1.StackChild, null,
-                                react_1.default.createElement(newskit_1.Flag, { overrides: allocatedMembersFlag.overrides, size: allocatedMembersFlag.size, "data-testid": "max-shares" },
-                                    react_1.default.createElement(PersonFilledIcon, null),
-                                    " ",
-                                    maxShares,
-                                    allocatedMembersFlag.text),
-                                react_1.default.createElement(StyledDividerWrapper, { marginInline: "space020" },
-                                    react_1.default.createElement(newskit_1.Divider, { vertical: true, overrides: {
-                                            stylePreset: 'familyMembersDivider',
-                                        } }))),
-                            react_1.default.createElement(newskit_1.StackChild, null,
-                                react_1.default.createElement(newskit_1.Flag, { overrides: activeMembersFlag.overrides, size: activeMembersFlag.size, "data-testid": "active-members" },
-                                    shareStatusData.active,
-                                    activeMembersFlag.text),
-                                react_1.default.createElement(StyledDividerWrapper, { marginInline: "space020" },
-                                    react_1.default.createElement(newskit_1.Divider, { vertical: true, overrides: {
-                                            stylePreset: 'familyMembersDivider',
-                                        } }))),
-                            react_1.default.createElement(newskit_1.StackChild, null,
-                                react_1.default.createElement(newskit_1.Flag, { overrides: invitedMembersFlag.overrides, size: invitedMembersFlag.size, "data-testid": "invited-members" },
-                                    shareStatusData.pending,
-                                    invitedMembersFlag.text)))),
-                    react_1.default.createElement(newskit_1.GridLayoutItem, null, shareStatusData.isMaxCapacity ? (react_1.default.createElement(StyledTextBlock, { stylePreset: removeMemberMessageOverrides.stylePreset, typographyPreset: removeMemberMessageOverrides.typographyPreset, "data-testid": "remove-member-message" }, removeMemberMessageOverrides.text)) : (react_1.default.createElement(link_1.default, { href: addMemberButtonUrl, legacyBehavior: true },
-                        react_1.default.createElement(newskit_1.Button, { size: addMemberButtonOverrides.size, overrides: addMemberButtonOverrides.overrides, href: addMemberButtonUrl, "data-testid": "add-members-button", eventContext: addMemberButtonEventContext }, addMemberButtonOverrides.text)))))),
-            membersList && membersList.length !== 0 && (react_1.default.createElement(newskit_1.GridLayoutItem, { "data-testid": "member-rows-wrapper", stylePreset: "contentListView" }, membersList.map(function (share) { return (react_1.default.createElement(FamilyMemberInvitationStatus_1.default, { memberData: share, handleRemoveMemberFromList: handleRemoveMemberFromList, key: share.shareId })); })))))))));
+        isUserFamilyAccountPrimary && react_1.default.createElement(FamilyContent_1.FamilyContent, null)));
 };
 exports.FamilyRender = FamilyRender;
-var templateObject_1, templateObject_2;
 //# sourceMappingURL=FamilyRender.js.map

package/dist/cjs/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,gDAAyB;AACzB,sCAAuC;AAEvC,uEAA+E;AAE/E,yCAAiD;AACjD,6CAAuE;AACvE,yCAGsB;AACtB,iDAA+C;AAC/C,mCAA+B;AAExB,IAAM,YAAY,GAAa;IACpC,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,WAAW,GAAG,mBAAW,CAAC,MAAM,CAAA;IAChC,IAAA,KAKF,IAAA,2BAAiB,EAAC,WAAW,CAAyB,EAJxD,MAAM,YAAA,EACM,0BAA0B,yCAAA,EACtC,cAAc,oBAAA,EACd,cAAc,oBAC0C,CAAA;IAEpD,IAAA,KACJ,IAAA,iDAAuC,EAAC,MAAM,EAAE,cAAc,CAAC,EADzD,iCAAiC,uCAAA,EAAE,gBAAgB,sBACM,CAAA;IAEjE,IAAA,uCAAmB,EACjB,IAAA,2CAAiC,EAC/B,iCAAiC,EACjC,gBAAgB,EAChB,cAAc,CACf,CACF,CAAA;IAED,OAAO,CACL,8BAAC,eAAK;QACJ,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACrB,0BAA0B,IAAI,8BAAC,6BAAa,OAAG,CAC1C,CACT,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,YAAY,gBA4BxB"}

package/dist/cjs/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/cjs/Components/Templates/SectionRender.js

@@ -0,0 +1,50 @@
+"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 __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 });
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var SectionContainer_1 = require("../Sections/SectionContainer/SectionContainer");
+var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  clear: both;\n"], ["\n  clear: both;\n"])));
+var SectionRender = function (_a) {
+    var contextName = _a.contextName;
+    var _b = (0, context_1.useAccountContext)(contextName), header = _b.header, sections = _b.sections;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.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_1.default.createElement(SectionContainer_1.SectionContainer, __assign({ key: i }, props, { layoutType: layoutType, contextName: contextName })));
+        }))));
+};
+exports.default = SectionRender;
+var templateObject_1;
+//# sourceMappingURL=SectionRender.js.map