@newskit-render/my-account 7.151.1-99c829b9f.0 → 7.151.1-cd5c2d6b0.4

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

@@ -0,0 +1,96 @@
+"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 __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.NewslettersRender = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var NewslettersList_1 = require("../../Components/Sections/NewslettersList");
+var NewsletterCard_1 = __importDefault(require("../../Components/Elements/NewsletterCard"));
+var StyledRelativeWrapper = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var NewslettersRender = function () {
+    var contextName = types_1.ContextName.newsletters;
+    var _a = (0, context_1.useAccountContext)(contextName), header = _a.header, newsletters = _a.userData.newsletters, gridLayoutOverrides = _a.gridLayoutOverrides, featuredNewsletterIds = _a.featuredNewsletterIds, newsletterOrderIds = _a.newsletterOrderIds, tealiumContext = _a.tealiumContext, cardOverrides = _a.cardOverrides, cardContentOverrides = _a.cardContentOverrides, headlineOverrides = _a.headlineOverrides, frequencyOverrides = _a.frequencyOverrides, textOverrides = _a.textOverrides, newsletterImages = _a.newsletterImages, switchButtonProps = _a.switchButtonProps, handleError = _a.handleError, handleShowSuccess = _a.handleShowSuccess, handleLoading = _a.handleLoading, genericErrorMessage = _a.genericErrorMessage, errorMessages = _a.errorMessages;
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    var _b = (0, react_1.useMemo)(function () {
+        if (!newsletters || !(newsletters === null || newsletters === void 0 ? void 0 : newsletters.length)) {
+            return {
+                filteredNewsletters: [],
+                featuredNewsletters: [],
+            };
+        }
+        var orderedNewsletters = newsletters;
+        if (newsletterOrderIds === null || newsletterOrderIds === void 0 ? void 0 : newsletterOrderIds.length) {
+            orderedNewsletters = newsletters.sort(function (a, b) {
+                return (newsletterOrderIds.indexOf(a.bulletinId) -
+                    newsletterOrderIds.indexOf(b.bulletinId));
+            });
+        }
+        if (featuredNewsletterIds === null || featuredNewsletterIds === void 0 ? void 0 : featuredNewsletterIds.length) {
+            var filtered_1 = [];
+            var featured_1 = [];
+            orderedNewsletters.forEach(function (newsletter) {
+                if (featuredNewsletterIds.includes(newsletter.bulletinId)) {
+                    featured_1.push(newsletter);
+                }
+                else {
+                    filtered_1.push(newsletter);
+                }
+            });
+            return {
+                filteredNewsletters: filtered_1,
+                featuredNewsletters: featured_1,
+            };
+        }
+        return { filteredNewsletters: orderedNewsletters, featuredNewsletters: [] };
+    }, [newsletters, featuredNewsletterIds]), filteredNewsletters = _b.filteredNewsletters, featuredNewsletters = _b.featuredNewsletters;
+    return (react_1.default.createElement(StyledRelativeWrapper, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        featuredNewsletters && featuredNewsletters.length !== 0 && (react_1.default.createElement(NewslettersList_1.NewslettersList, { gridLayoutOverrides: gridLayoutOverrides, "data-testid": "newsletters-grid-featured" }, featuredNewsletters.map(function (newsletter) { return (react_1.default.createElement(NewsletterCard_1.default, { newsletter: newsletter, key: newsletter.bulletinId, cardOverrides: cardOverrides, cardContentOverrides: cardContentOverrides, headlineOverrides: headlineOverrides, frequencyOverrides: frequencyOverrides, textOverrides: textOverrides, newsletterImages: newsletterImages, switchButtonProps: switchButtonProps, handleError: handleError, handleShowSuccess: handleShowSuccess, handleLoading: handleLoading, genericErrorMessage: genericErrorMessage, errorMessages: errorMessages, tealiumContext: tealiumContext })); }))),
+        filteredNewsletters && filteredNewsletters.length !== 0 && (react_1.default.createElement(NewslettersList_1.NewslettersList, { gridLayoutOverrides: gridLayoutOverrides, "data-testid": "newsletters-grid" }, filteredNewsletters.map(function (newsletter) { return (react_1.default.createElement(NewsletterCard_1.default, { newsletter: newsletter, key: newsletter.bulletinId, cardOverrides: cardOverrides, cardContentOverrides: cardContentOverrides, headlineOverrides: headlineOverrides, frequencyOverrides: frequencyOverrides, textOverrides: textOverrides, newsletterImages: newsletterImages, switchButtonProps: switchButtonProps, handleError: handleError, handleShowSuccess: handleShowSuccess, handleLoading: handleLoading, genericErrorMessage: genericErrorMessage, errorMessages: errorMessages, tealiumContext: tealiumContext })); })))));
+};
+exports.NewslettersRender = NewslettersRender;
+var templateObject_1;
+//# sourceMappingURL=NewslettersRender.js.map

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

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

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

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

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

@@ -0,0 +1,46 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentMethodsRender = void 0;
+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 types_1 = require("../../context/types");
+var helpers_1 = require("../../helpers");
+var PaymentMethodsRender = function () {
+    var _a, _b, _c, _d;
+    var _e = (0, context_1.useAccountContext)(types_1.ContextName.paymentMethods), header = _e.header, items = _e.items, listItemProps = _e.listItemProps, listCellProps = _e.listCellProps, baseUrl = _e.baseUrl, userData = _e.userData, infoPanel = _e.infoPanel, tealiumContext = _e.tealiumContext;
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var filteredItems = (0, shared_components_1.filterListItems)(items, userData);
+    var shouldShowOutstandingBalanceMsg = (((_a = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _a === void 0 ? void 0 : _a.length) &&
+        ((_b = userData.subscriptions[0]) === null || _b === void 0 ? void 0 : _b.isActive) &&
+        ((_c = userData === null || userData === void 0 ? void 0 : userData.paymentFailure) === null || _c === void 0 ? void 0 : _c.active) &&
+        (userData === null || userData === void 0 ? void 0 : userData.badDebt) &&
+        userData.badDebt.hasBadDebt) ||
+        false;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(shared_components_1.ContentListView, null, filteredItems.map(function (item, i) { return (react_1.default.createElement(shared_components_1.ListItem, { key: i, item: __assign(__assign({}, item), { href: (0, helpers_1.replaceBaseURL)(baseUrl, item.href) }), listItemProps: __assign(__assign({}, listItemProps), { 'data-testid': "content-list-item-".concat(i), onClick: function () {
+                    return fireEvent((0, shared_components_1.createClickEvent)('content list item', "".concat(item.label.toLocaleLowerCase()), undefined, undefined, 'payment methods'));
+                } }), listCellProps: listCellProps })); })),
+        shouldShowOutstandingBalanceMsg ? (react_1.default.createElement(newskit_1.InlineMessage, { icon: infoPanel.icon, title: infoPanel.title, children: (_d = infoPanel.children) === null || _d === void 0 ? void 0 : _d.toLocaleString().replace('##OUTSTANDING_BALANCE##', 
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            userData.badDebt.outstandingBalance), overrides: infoPanel.overrides || {} })) : null));
+};
+exports.PaymentMethodsRender = PaymentMethodsRender;
+//# sourceMappingURL=PaymentMethodsRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentMethodsRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA2D;AAC3D,uEAO0C;AAE1C,yCAAiD;AACjD,6CAA+E;AAC/E,yCAA8C;AAGvC,IAAM,oBAAoB,GAAa;;IACtC,IAAA,KASF,IAAA,2BAAiB,EACnB,mBAAW,CAAC,cAAc,CACK,EAV/B,MAAM,YAAA,EACN,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAc,oBAGiB,CAAA;IACjC,IAAA,uCAAmB,EAAC,cAAc,CAAC,CAAA;IAC3B,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAC1C,IAAM,aAAa,GAAG,IAAA,mCAAe,EAAW,KAAK,EAAE,QAAQ,CAAC,CAAA;IAEhE,IAAM,+BAA+B,GACnC,CAAC,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAE,MAAM;SAC9B,MAAA,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,0CAAE,QAAQ,CAAA;SACnC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,0CAAE,MAAM,CAAA;SAChC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAA;QACjB,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC;QAC9B,KAAK,CAAA;IAEP,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,mCAAe,QACb,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CAC9B,8BAAC,4BAAQ,IACP,GAAG,EAAE,CAAC,EACN,IAAI,wBACC,IAAI,KACP,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,KAE1C,aAAa,wBACR,aAAa,KAChB,aAAa,EAAE,4BAAqB,CAAC,CAAE,EACvC,OAAO,EAAE;oBACP,OAAA,SAAS,CACP,IAAA,oCAAgB,EACd,mBAAmB,EACnB,UAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAE,EACnC,SAAS,EACT,SAAS,EACT,iBAAiB,CAClB,CACF;gBARD,CAQC,KAEL,aAAa,EAAE,aAAa,GAC5B,CACH,EAvB+B,CAuB/B,CAAC,CACc;QACjB,+BAA+B,CAAC,CAAC,CAAC,CACjC,8BAAC,uBAAa,IACZ,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,QAAQ,EAAE,MAAA,SAAS,CAAC,QAAQ,0CAAE,cAAc,GAAG,OAAO,CACpD,yBAAyB;YACzB,oEAAoE;YACpE,QAAQ,CAAC,OAAQ,CAAC,kBAAkB,CACrC,EACD,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,EAAE,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AApEY,QAAA,oBAAoB,wBAoEhC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const componentMap: {
+    Stripe: React.ComponentType<import("@newskit-render/shared-components").FormWrapperProps & {
+        theme?: import("newskit").Theme | undefined;
+    }>;
+    Zuora: React.FC<{
+        paymentMethod: string;
+    }>;
+};
+declare const PaymentRender: React.FC<{
+    paymentMethod: string;
+}>;
+export default PaymentRender;

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

@@ -0,0 +1,49 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentMap = void 0;
+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 helpers_1 = require("../../helpers");
+var paymentUtils_1 = require("../../helpers/paymentUtils");
+var Payment_1 = require("../Sections/Form/Payment");
+var types_1 = require("../Sections/Form/Payment/types");
+var types_2 = require("../../context/types");
+exports.componentMap = {
+    Stripe: Payment_1.Stripe,
+    Zuora: Payment_1.Zuora,
+};
+var PaymentRender = function (_a) {
+    var _b, _c, _d;
+    var paymentMethod = _a.paymentMethod;
+    var contextName = (0, paymentUtils_1.getPaymentContextName)(paymentMethod);
+    var _e = (0, context_1.useAccountContext)(types_2.ContextName[contextName]), userData = _e.userData, header = _e.header, buttonGroupProps = _e.buttonGroupProps, paymentProvider = _e.paymentProvider, baseUrl = _e.baseUrl, infoPanel = _e.infoPanel, tealiumContext = _e.tealiumContext;
+    var type = (_d = (_c = (_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b[0].billingDetails) === null || _c === void 0 ? void 0 : _c.paymentMethod) === null || _d === void 0 ? void 0 : _d.type;
+    var ProviderComponent = exports.componentMap[paymentProvider];
+    if (header && header.backButton) {
+        header.backButton.href =
+            (0, helpers_1.replaceBaseURL)(baseUrl, baseUrl, header.backButton.href) || '/';
+    }
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        (type === null || type === void 0 ? void 0 : type.toLowerCase()) === types_1.PaymentTypes.paypal && (react_1.default.createElement(newskit_1.InlineMessage, { "data-testid": "".concat(paymentProvider, "-inline"), icon: infoPanel.icon, children: infoPanel.children, overrides: infoPanel.overrides || {} })),
+        react_1.default.createElement(ProviderComponent, { baseUrl: baseUrl, paymentMethod: paymentMethod, "data-testid": "".concat(paymentProvider, "-form"), buttonGroupProps: (0, helpers_1.mergeButtonGroupProps)(baseUrl, undefined, buttonGroupProps) })));
+};
+exports.default = PaymentRender;
+//# sourceMappingURL=PaymentRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AACvC,uEAA+E;AAC/E,yCAA4E;AAC5E,yCAAqE;AACrE,2DAAkE;AAClE,oDAAyE;AACzE,wDAA6D;AAC7D,6CAAiD;AAEpC,QAAA,YAAY,GAAG;IAC1B,MAAM,kBAAA;IACN,KAAK,iBAAA;CACN,CAAA;AAED,IAAM,aAAa,GAAwC,UAAC,EAE3D;;QADC,aAAa,mBAAA;IAEb,IAAM,WAAW,GAAG,IAAA,oCAAqB,EAAC,aAAa,CAAC,CAAA;IAElD,IAAA,KAQF,IAAA,2BAAiB,EAAC,mBAAW,CAAC,WAAW,CAAC,CAA8B,EAP1E,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,SAAS,eAAA,EACT,cAAc,oBAC4D,CAAA;IAE5E,IAAM,IAAI,GAAG,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,EAAE,cAAc,0CAAE,aAAa,0CAAE,IAAI,CAAA;IAC7E,IAAM,iBAAiB,GAAG,oBAAY,CAAC,eAAkC,CAAC,CAAA;IAC1E,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,UAAU,CAAC,IAAI;YACpB,IAAA,wBAAc,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,GAAG,CAAA;IACnE,CAAC;IAED,IAAA,uCAAmB,EAAC,cAAc,CAAC,CAAA;IAEnC,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,MAAK,oBAAY,CAAC,MAAM,IAAI,CAC9C,8BAAC,uBAAa,mBACC,UAAG,eAAe,YAAS,EACxC,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,EAAE,GACpC,CACH;QACD,8BAAC,iBAAiB,IAChB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,iBACf,UAAG,eAAe,UAAO,EACtC,gBAAgB,EAAE,IAAA,+BAAqB,EACrC,OAAO,EACP,SAAS,EACT,gBAAgB,CACjB,GACD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/SectionRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AACvC,uEAA0D;AAE1D,yCAGsB;AAEtB,kFAAgF;AAEhF,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,uFAAA,oBAEhC,IAAA,CAAA;AAMD,IAAM,aAAa,GAAiC,UAAC,EAAe;QAAb,WAAW,iBAAA;IAC1D,IAAA,KAAuB,IAAA,2BAAiB,EAC5C,WAAW,CACwB,EAF7B,MAAM,YAAA,EAAE,QAAQ,cAEa,CAAA;IAErC,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,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,8BAAC,mCAAgB,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,kBAAe,aAAa,CAAA"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ContextNameProps } from '../../context/types';
+declare const SubscriptionAndBillingRender: React.FC<ContextNameProps>;
+export default SubscriptionAndBillingRender;

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

@@ -0,0 +1,141 @@
+"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 });
+var react_1 = __importStar(require("react"));
+var context_1 = require("../../context");
+var _1 = require("./");
+var NoSubscription_1 = require("../Sections/NoSubscription");
+var helpers_1 = require("../../helpers");
+var constants_1 = require("../../constants");
+var shared_components_1 = require("@newskit-render/shared-components");
+var replaceDescription = function (description, type, serviceCancellationDate) {
+    if (type && serviceCancellationDate) {
+        return description
+            .replace('${serviceCancellationDate}', (0, shared_components_1.formateDate)(serviceCancellationDate))
+            .replace('${subscriptionName}', type);
+    }
+    return description.replace('On ${serviceCancellationDate} your ${subscriptionName} subscription expired. ', '');
+};
+var SubscriptionAndBillingRender = function (_a) {
+    var _b;
+    var contextName = _a.contextName;
+    var _c = (0, context_1.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';
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (isTimes && ((_a = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _a === void 0 ? void 0 : _a.length)) {
+            (0, helpers_1.trackEvent)({
+                eventName: 'subscription_and_billing_page_view',
+                cpn: userData === null || userData === void 0 ? void 0 : userData.cpn,
+                subscriptions: userData.subscriptions,
+                tags: {},
+            });
+        }
+        if (window.location.hash === '#reminder-notices') {
+            var el = document.getElementById('reminder-notices');
+            if (el) {
+                el.scrollIntoView({ behavior: 'smooth' });
+            }
+        }
+        // Capture dmcc_email_variant query param and store as cookies (1 hour)
+        try {
+            var dmccParamToCapture = 'dmcc_email_variant';
+            var search = window.location.search;
+            if (search) {
+                var urlParams = new URLSearchParams(search);
+                var expires = new Date(Date.now() + 60 * 60 * 1000).toUTCString();
+                var val = urlParams.get(dmccParamToCapture);
+                if (val) {
+                    document.cookie = "".concat(encodeURIComponent(dmccParamToCapture), "=").concat(encodeURIComponent(val), "; path=/; expires=").concat(expires, "; SameSite=Lax");
+                }
+            }
+        }
+        catch (_b) {
+            // swallow errors to avoid breaking page load
+        }
+    }, []);
+    // For backwards compatibility if multiple subscriptions are enabled by the context (i.e. componentType is cardComposable) then render all of them, otherwise just the first one
+    var subscriptions = ((_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b.length) > 0
+        ? sections[0].componentType === 'cardComposable'
+            ? userData.subscriptions
+            : [userData.subscriptions[0]]
+        : [];
+    var zeroSubscriptions = (0, react_1.useMemo)(function () {
+        return !subscriptions || (Array.isArray(subscriptions) && !subscriptions.length);
+    }, []);
+    var paymentFailure = userData.paymentFailure;
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    if (zeroSubscriptions) {
+        if (isSunUK) {
+            return react_1.default.createElement(NoSubscription_1.SunNoSubscription, __assign({}, sunNoSubscription));
+        }
+        return react_1.default.createElement(NoSubscription_1.SubscriptionStatus, __assign({}, noSubscription));
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        sections[0].componentType === 'cardComposable' ? (react_1.default.createElement(shared_components_1.Header, __assign({ descriptionOverrides: {
+                marginBlockEnd: { xs: 'space050', md: 'space080' },
+            } }, contextHeader))) : null,
+        subscriptions.map(function (subscription) {
+            var _a;
+            if ((subscription === null || subscription === void 0 ? void 0 : subscription.status) &&
+                (subscription.status === constants_1.CANCELLED_SUBSCRIPTION ||
+                    subscription.status === constants_1.TERMINATED_SUBSCRIPTION)) {
+                var type = subscription.type, serviceCancellationDate = subscription.serviceCancellationDate;
+                var header = ((_a = previousSubscription === null || previousSubscription === void 0 ? void 0 : previousSubscription.header) === null || _a === void 0 ? void 0 : _a.description) &&
+                    !Array.isArray(previousSubscription.header.description)
+                    ? __assign(__assign({}, previousSubscription.header), { description: replaceDescription(previousSubscription.header.description, type, serviceCancellationDate) }) : previousSubscription === null || previousSubscription === void 0 ? void 0 : previousSubscription.header;
+                return (react_1.default.createElement(NoSubscription_1.SubscriptionStatus, __assign({ key: subscription.id }, previousSubscription, { header: header })));
+            }
+            if ((subscription === null || subscription === void 0 ? void 0 : subscription.status) === constants_1.PENDING_ACTIVATION_SUBSCRIPTION) {
+                return (react_1.default.createElement(NoSubscription_1.SubscriptionStatus, __assign({ key: subscription.id }, pendingSubscription)));
+            }
+            var isSubscriptionTypeFree = (subscription === null || subscription === void 0 ? void 0 : subscription.status) === constants_1.ACTIVE_SUBSCRIPTION &&
+                !paymentFailure.active &&
+                (subscription === null || subscription === void 0 ? void 0 : subscription.billingDetails.paymentMethod.type) === null;
+            if (isSubscriptionTypeFree && freeSubscription) {
+                return (react_1.default.createElement(NoSubscription_1.SubscriptionStatus, __assign({ key: subscription.id }, freeSubscription)));
+            }
+            if (isSubscriptionTypeFree && !freeSubscription) {
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(_1.DisplayRenderer, { key: subscription.id, id: subscription.id, contextName: contextName, isNoBillingSubscription: true })));
+            }
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(_1.DisplayRenderer, { key: subscription === null || subscription === void 0 ? void 0 : subscription.id, id: subscription === null || subscription === void 0 ? void 0 : subscription.id, contextName: contextName })));
+        })));
+};
+exports.default = SubscriptionAndBillingRender;
+//# sourceMappingURL=SubscriptionAndBillingRender.js.map

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SunCancellationFlowRender: React.FC;
+export default SunCancellationFlowRender;

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

@@ -0,0 +1,124 @@
+"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 });
+var react_1 = __importStar(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var randomizeReasons_1 = require("../../helpers/randomizeReasons");
+var types_1 = require("../../context/types");
+var router_1 = require("next/router");
+var newskit_1 = require("newskit");
+var helpers_1 = require("../../helpers");
+var CancellationReasonSelector_1 = require("../Elements/CancellationReasonSelector");
+var CancellationPolicy_1 = require("../Elements/CancellationPolicy");
+var SunOfferGrid_1 = require("../Elements/SunOfferGrid");
+var SunArticleGrid_1 = require("../Elements/SunArticleGrid");
+var SunCancellationFlowRender = function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    var contextName = types_1.ContextName.SunCancellationFlow;
+    var _u = (0, context_1.useAccountContext)(contextName), header = _u.header, components = _u.components, componentSequence = _u.componentSequence, showBackButton = _u.showBackButton, userData = _u.userData, baseUrl = _u.baseUrl;
+    var router = (0, router_1.useRouter)();
+    var backButtonHref = (_a = header === null || header === void 0 ? void 0 : header.backButton) === null || _a === void 0 ? void 0 : _a.href;
+    var headerBackButtonProps = header === null || header === void 0 ? void 0 : header.backButton;
+    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) || 'Digital';
+    if (!type || !componentSequence[type])
+        return null;
+    var pagesInOrder = componentSequence[type];
+    var _v = (0, react_1.useState)(0), currentStepIndex = _v[0], setCurrentStepIndex = _v[1];
+    var _w = (0, react_1.useState)(''), selectedReasonId = _w[0], setSelectedReasonId = _w[1];
+    var daysUntilBilling = ((_f = (_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.billingDetails) === null || _f === void 0 ? void 0 : _f.nextBillCycleDate)
+        ? Math.ceil((new Date(userData.subscriptions[0].billingDetails.nextBillCycleDate).getTime() -
+            new Date().getTime()) /
+            (1000 * 60 * 60 * 24))
+        : undefined;
+    var currentStepKey = pagesInOrder[currentStepIndex];
+    var componentProps = components[currentStepKey];
+    var originalReasons = (0, react_1.useMemo)(function () {
+        var _a;
+        var selectReasonComponent = (_a = componentProps === null || componentProps === void 0 ? void 0 : componentProps.childComponents) === null || _a === void 0 ? void 0 : _a.find(function (child) { return child.type === 'reasonSelector'; });
+        return (selectReasonComponent === null || selectReasonComponent === void 0 ? void 0 : selectReasonComponent.reasons) || [];
+    }, [componentProps]);
+    var _x = (0, react_1.useState)(originalReasons), randomizedReasons = _x[0], setRandomizedReasons = _x[1];
+    // Randomize only on client side after hydration otherwise SSR will mismatch and cause errors
+    (0, react_1.useEffect)(function () {
+        if (originalReasons.length > 0) {
+            setRandomizedReasons((0, randomizeReasons_1.randomizeCancellationReasons)(originalReasons));
+        }
+    }, [originalReasons]);
+    var handleBackBtn = function (event) {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        if (currentStepIndex <= 0) {
+            router.push((0, helpers_1.replaceBaseURL)(baseUrl || '', backButtonHref));
+            return;
+        }
+        setCurrentStepIndex(currentStepIndex - 1);
+    };
+    var handleNextStep = function () {
+        var nextIndex = currentStepIndex + 1;
+        if (nextIndex < pagesInOrder.length) {
+            setCurrentStepIndex(nextIndex);
+        }
+    };
+    var shouldShowBackButton = (_g = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _g !== void 0 ? _g : showBackButton;
+    return (react_1.default.createElement(react_1.default.Fragment, { "data-testid": "sun-cancellation-flow-container" },
+        shouldShowBackButton && headerBackButtonProps && (react_1.default.createElement(shared_components_1.BackButton, { backButton: __assign(__assign({}, headerBackButtonProps), { href: '' }), backButtonOverrides: header.backButtonOverrides, eventContext: __assign(__assign({}, headerBackButtonProps === null || headerBackButtonProps === void 0 ? void 0 : headerBackButtonProps.eventContext), { page_name: (_j = (_h = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _h === void 0 ? void 0 : _h.context) === null || _j === void 0 ? void 0 : _j.page_name }), onClick: handleBackBtn })),
+        react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", stackDistribution: "flex-start", spaceStack: "space060" },
+            (componentProps === null || componentProps === void 0 ? void 0 : componentProps.header) && react_1.default.createElement(shared_components_1.Header, __assign({}, componentProps.header)),
+            (componentProps === null || componentProps === void 0 ? void 0 : componentProps.stepText) && (react_1.default.createElement(newskit_1.TextBlock, __assign({}, componentProps === null || componentProps === void 0 ? void 0 : componentProps.stepTextOverrides), componentProps.stepText)), (_k = componentProps === null || componentProps === void 0 ? void 0 : componentProps.childComponents) === null || _k === void 0 ? void 0 :
+            _k.map(function (child, index) {
+                if (child.type === 'reasonSelector' && child.reasons) {
+                    return (react_1.default.createElement(CancellationReasonSelector_1.CancellationReasonSelector, { key: index, reasons: randomizedReasons, selectedReasonId: selectedReasonId, onSelect: setSelectedReasonId }));
+                }
+                if (child.type === 'policy') {
+                    return (react_1.default.createElement(CancellationPolicy_1.CancellationPolicy, { key: index, title: child.policyTitle, message: child.policyMessage, daysUntilBilling: daysUntilBilling }));
+                }
+                if (child.type === 'offers' && child.offers) {
+                    return react_1.default.createElement(SunOfferGrid_1.SunOfferGrid, { key: index, offers: child.offers });
+                }
+                if (child.type === 'articles' && child.articles) {
+                    return react_1.default.createElement(SunArticleGrid_1.SunArticleGrid, { key: index, articles: child.articles });
+                }
+                return null;
+            }),
+            react_1.default.createElement(newskit_1.GridLayout, { columns: "1fr 1fr", columnGap: "space040", overrides: { marginBlockStart: 'space040', width: '100%' } },
+                react_1.default.createElement(newskit_1.Button, { size: ((_l = componentProps === null || componentProps === void 0 ? void 0 : componentProps.secondaryButton) === null || _l === void 0 ? void 0 : _l.size) || 'medium', href: ((_m = componentProps === null || componentProps === void 0 ? void 0 : componentProps.secondaryButton) === null || _m === void 0 ? void 0 : _m.href) || '', eventContext: (_o = componentProps === null || componentProps === void 0 ? void 0 : componentProps.secondaryButton) === null || _o === void 0 ? void 0 : _o.eventContext, eventOriginator: "secondary-button", overrides: { width: '100%' } }, (_p = componentProps === null || componentProps === void 0 ? void 0 : componentProps.secondaryButton) === null || _p === void 0 ? void 0 : _p.text),
+                react_1.default.createElement(newskit_1.Button, { size: ((_q = componentProps === null || componentProps === void 0 ? void 0 : componentProps.primaryButton) === null || _q === void 0 ? void 0 : _q.size) || 'medium', onClick: handleNextStep, eventContext: (_r = componentProps === null || componentProps === void 0 ? void 0 : componentProps.primaryButton) === null || _r === void 0 ? void 0 : _r.eventContext, eventOriginator: "primary-button", disabled: ((_s = componentProps === null || componentProps === void 0 ? void 0 : componentProps.childComponents) === null || _s === void 0 ? void 0 : _s.some(function (child) { return child.type === 'reasonSelector'; })) && !selectedReasonId, overrides: {
+                        width: '100%',
+                        stylePreset: 'buttonOutlinedPrimary',
+                    } }, (_t = componentProps === null || componentProps === void 0 ? void 0 : componentProps.primaryButton) === null || _t === void 0 ? void 0 : _t.text)))));
+};
+exports.default = SunCancellationFlowRender;
+//# sourceMappingURL=SunCancellationFlowRender.js.map

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

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

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

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