@newskit-render/my-account 7.143.2 → 7.143.3-668f50a66.1

package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface CancellationPolicyProps {
+    title?: string;
+    message?: string;
+    daysUntilBilling?: number;
+    overrides?: {
+        container?: Record<string, unknown>;
+        title?: Record<string, unknown>;
+        message?: Record<string, unknown>;
+    };
+}
+export declare const CancellationPolicy: React.FC<CancellationPolicyProps>;
+export default CancellationPolicy;

package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.js

@@ -0,0 +1,36 @@
+"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.CancellationPolicy = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var Info_1 = require("@emotion-icons/material/Info");
+var IconFilledInfo = (0, newskit_1.toNewsKitIcon)(Info_1.Info);
+var CancellationPolicy = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? 'Cancellation Policy' : _b, message = _a.message, daysUntilBilling = _a.daysUntilBilling, overrides = _a.overrides;
+    var displayMessage = message ||
+        "You need to cancel 1 day before your billing date otherwise you will be charged for another month. Your next billing cycle is in ".concat(daysUntilBilling || 'X', " days.");
+    return (react_1.default.createElement(newskit_1.InlineMessage, { icon: react_1.default.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }), overrides: __assign({ marginBlockStart: 'space040', content: {
+                message: {
+                    typographyPreset: 'utilityBody010',
+                },
+            } }, overrides === null || overrides === void 0 ? void 0 : overrides.container) },
+        react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityHeading010", stylePreset: "inkContrast", marginBlockEnd: "space010" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
+        react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody010", stylePreset: "inkBase" }, overrides === null || overrides === void 0 ? void 0 : overrides.message), displayMessage)));
+};
+exports.CancellationPolicy = CancellationPolicy;
+exports.default = exports.CancellationPolicy;
+//# sourceMappingURL=CancellationPolicy.js.map

package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationPolicy.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationPolicy/CancellationPolicy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAiE;AACjE,qDAAiE;AAEjE,IAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,WAAU,CAAC,CAAA;AAazC,IAAM,kBAAkB,GAAsC,UAAC,EAKrE;QAJC,aAA6B,EAA7B,KAAK,mBAAG,qBAAqB,KAAA,EAC7B,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,SAAS,eAAA;IAET,IAAM,cAAc,GAClB,OAAO;QACP,2IACE,gBAAgB,IAAI,GAAG,WACjB,CAAA;IAEV,OAAO,CACL,8BAAC,uBAAa,IACZ,IAAI,EAAE,8BAAC,cAAc,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI,EAC5D,SAAS,aACP,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP,gBAAgB,EAAE,gBAAgB;iBACnC;aACF,IACE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAGzB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QACZ,8BAAC,mBAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,SAAS,IACjB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,GAErB,cAAc,CACL,CACE,CACjB,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,kBAAkB,sBA0C9B;AAED,kBAAe,0BAAkB,CAAA"}

package/dist/cjs/Components/Elements/CancellationPolicy/index.d.ts

@@ -0,0 +1 @@
+export { CancellationPolicy, type CancellationPolicyProps, } from './CancellationPolicy';

package/dist/cjs/Components/Elements/CancellationPolicy/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancellationPolicy = void 0;
+var CancellationPolicy_1 = require("./CancellationPolicy");
+Object.defineProperty(exports, "CancellationPolicy", { enumerable: true, get: function () { return CancellationPolicy_1.CancellationPolicy; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/CancellationPolicy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationPolicy/index.ts"],"names":[],"mappings":";;;AAAA,2DAG6B;AAF3B,wHAAA,kBAAkB,OAAA"}

package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface CancellationReason {
+    id: string;
+    label: string;
+}
+export interface CancellationReasonSelectorProps {
+    reasons: CancellationReason[];
+    selectedReasonId?: string;
+    onSelect: (reasonId: string) => void;
+    overrides?: {
+        container?: Record<string, unknown>;
+        radioButton?: {
+            size?: 'small' | 'medium' | 'large';
+            overrides?: Record<string, unknown>;
+        };
+    };
+}
+export declare const CancellationReasonSelector: React.FC<CancellationReasonSelectorProps>;
+export default CancellationReasonSelector;

package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js

@@ -0,0 +1,42 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancellationReasonSelector = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var StyledRadioGroup = (0, newskit_1.styled)(newskit_1.RadioGroup)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var RadioContainer = newskit_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  ", "\n  border-style: solid;\n  border-width: 1px;\n  border-radius: 4px;\n  ", "\n  ", "\n"], ["\n  width: 100%;\n  ", "\n  border-style: solid;\n  border-width: 1px;\n  border-radius: 4px;\n  ", "\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), (0, newskit_1.getSpacingCssFromTheme)('padding', 'space040'), (0, newskit_1.getSpacingCssFromTheme)('marginBottom', 'space030'));
+var CancellationReasonSelector = function (_a) {
+    var reasons = _a.reasons, selectedReasonId = _a.selectedReasonId, onSelect = _a.onSelect, overrides = _a.overrides;
+    return (reasons === null || reasons === void 0 ? void 0 : reasons.length) ? (react_1.default.createElement(StyledRadioGroup, { name: "cancellation-reason-group", "data-testid": "cancellation-reason-group", value: selectedReasonId, onChange: function (event) { return onSelect(event.target.value); } }, reasons.map(function (reason) {
+        var _a, _b;
+        return (react_1.default.createElement(RadioContainer, { key: reason.id },
+            react_1.default.createElement(newskit_1.RadioButton, { overrides: __assign({ input: {
+                        spaceInline: 'space030',
+                        size: 'sizing045',
+                    }, label: {
+                        stylePreset: 'inkBase',
+                    } }, (_a = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _a === void 0 ? void 0 : _a.overrides), name: reason.id, value: reason.id, size: ((_b = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _b === void 0 ? void 0 : _b.size) || 'medium', label: reason.label })));
+    }))) : null;
+};
+exports.CancellationReasonSelector = CancellationReasonSelector;
+exports.default = exports.CancellationReasonSelector;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=CancellationReasonSelector.js.map

package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationReasonSelector.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAMgB;AAEhB,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,uFAAA,oBAE1C,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,oLAAA,sBAE7B,EAAmD,2EAInD,EAA6C,MAC7C,EAAkD,IACrD,KANG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAInD,IAAA,gCAAsB,EAAC,SAAS,EAAE,UAAU,CAAC,EAC7C,IAAA,gCAAsB,EAAC,cAAc,EAAE,UAAU,CAAC,CACrD,CAAA;AAoBM,IAAM,0BAA0B,GAEnC,UAAC,EAAkD;QAAhD,OAAO,aAAA,EAAE,gBAAgB,sBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IACnD,OAAA,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAC,CAAC,CAAC,CAChB,8BAAC,gBAAgB,IACf,IAAI,EAAC,2BAA2B,iBACpB,2BAA2B,EACvC,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,IAEhD,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;QAAK,OAAA,CACvB,8BAAC,cAAc,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE;YAC5B,8BAAC,qBAAW,IACV,SAAS,aACP,KAAK,EAAE;wBACL,WAAW,EAAE,UAAU;wBACvB,IAAI,EAAE,WAAW;qBAClB,EACD,KAAK,EAAE;wBACL,WAAW,EAAE,SAAS;qBACvB,IACE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,SAAS,GAEtC,IAAI,EAAE,MAAM,CAAC,EAAE,EACf,KAAK,EAAE,MAAM,CAAC,EAAE,EAChB,IAAI,EAAE,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,KAAI,QAAQ,EAC9C,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACa,CAClB,CAAA;KAAA,CAAC,CACe,CACpB,CAAC,CAAC,CAAC,IAAI;AA5BR,CA4BQ,CAAA;AA/BG,QAAA,0BAA0B,8BA+B7B;AAEV,kBAAe,kCAA0B,CAAA"}

package/dist/cjs/Components/Elements/CancellationReasonSelector/index.d.ts

@@ -0,0 +1 @@
+export { CancellationReasonSelector, type CancellationReasonSelectorProps, type CancellationReason, } from './CancellationReasonSelector';

package/dist/cjs/Components/Elements/CancellationReasonSelector/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancellationReasonSelector = void 0;
+var CancellationReasonSelector_1 = require("./CancellationReasonSelector");
+Object.defineProperty(exports, "CancellationReasonSelector", { enumerable: true, get: function () { return CancellationReasonSelector_1.CancellationReasonSelector; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/CancellationReasonSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationReasonSelector/index.ts"],"names":[],"mappings":";;;AAAA,2EAIqC;AAHnC,wIAAA,0BAA0B,OAAA"}

package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface SunArticle {
+    id: string;
+    headline: string;
+    url: string;
+    imageUrl?: string;
+    kicker?: string;
+    eventContext?: Record<string, unknown>;
+}
+export interface SunArticleCardProps {
+    article: SunArticle;
+    onClick?: (url: string, headline: string) => void;
+    overrides?: {
+        container?: Record<string, unknown>;
+        imageContainer?: Record<string, unknown>;
+        image?: Record<string, unknown>;
+        placeholder?: Record<string, unknown>;
+        kicker?: Record<string, unknown>;
+        headline?: Record<string, unknown>;
+    };
+}
+export declare const SunArticleCard: React.FC<SunArticleCardProps>;
+export default SunArticleCard;

package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.js

@@ -0,0 +1,39 @@
+"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.SunArticleCard = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var SunArticleCard = function (_a) {
+    var article = _a.article, onClick = _a.onClick, overrides = _a.overrides;
+    var handleClick = function () {
+        if (onClick) {
+            onClick(article.url, article.headline);
+        }
+        else {
+            window.open(article.url, '_blank', 'noopener,noreferrer');
+        }
+    };
+    return (react_1.default.createElement(newskit_1.Block, __assign({ "data-testid": "sun-article-card-".concat(article.id), onClick: handleClick, stylePreset: "cardContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.container),
+        react_1.default.createElement(newskit_1.Block, __assign({ stylePreset: "imageContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.imageContainer), article.imageUrl ? (react_1.default.createElement("img", __assign({ src: article.imageUrl, alt: article.headline, style: { width: '100%', display: 'block' } }, overrides === null || overrides === void 0 ? void 0 : overrides.image))) : (react_1.default.createElement(newskit_1.Block, __assign({ stylePreset: "placeholderContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.placeholder),
+            react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkSubtle" }, "No image available")))),
+        react_1.default.createElement(newskit_1.Block, { paddingBlock: "space030", paddingInline: "space030" },
+            article.kicker && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityLabel010", stylePreset: "inkBrand010", marginBlockEnd: "space020", as: "span" }, overrides === null || overrides === void 0 ? void 0 : overrides.kicker), article.kicker)),
+            react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody020", stylePreset: "inkContrast", as: "h3" }, overrides === null || overrides === void 0 ? void 0 : overrides.headline), article.headline))));
+};
+exports.SunArticleCard = SunArticleCard;
+exports.default = exports.SunArticleCard;
+//# sourceMappingURL=SunArticleCard.js.map

package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SunArticleCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleCard/SunArticleCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAwBnC,IAAM,cAAc,GAAkC,UAAC,EAI7D;QAHC,OAAO,aAAA,EACP,OAAO,aAAA,EACP,SAAS,eAAA;IAET,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;QACxC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;QAC3D,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,eAAK,4BACS,2BAAoB,OAAO,CAAC,EAAE,CAAE,EAC7C,OAAO,EAAE,WAAW,EACpB,WAAW,EAAC,eAAe,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAExB,8BAAC,eAAK,aAAC,WAAW,EAAC,gBAAgB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAC9D,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClB,gDACE,GAAG,EAAE,OAAO,CAAC,QAAQ,EACrB,GAAG,EAAE,OAAO,CAAC,QAAQ,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IACtC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EACpB,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,eAAK,aAAC,WAAW,EAAC,sBAAsB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAClE,8BAAC,mBAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,yBAGb,CACN,CACT,CACK;QACR,8BAAC,eAAK,IAAC,YAAY,EAAC,UAAU,EAAC,aAAa,EAAC,UAAU;YACpD,OAAO,CAAC,MAAM,IAAI,CACjB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,iBAAiB,EAClC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,EACzB,EAAE,EAAC,MAAM,IACL,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,GAEpB,OAAO,CAAC,MAAM,CACL,CACb;YACD,8BAAC,mBAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,aAAa,EACzB,EAAE,EAAC,IAAI,IACH,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,GAEtB,OAAO,CAAC,QAAQ,CACP,CACN,CACF,CACT,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,cAAc,kBA8D1B;AAED,kBAAe,sBAAc,CAAA"}

package/dist/cjs/Components/Elements/SunArticleCard/index.d.ts

@@ -0,0 +1 @@
+export { SunArticleCard, type SunArticleCardProps, type SunArticle, } from './SunArticleCard';

package/dist/cjs/Components/Elements/SunArticleCard/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SunArticleCard = void 0;
+var SunArticleCard_1 = require("./SunArticleCard");
+Object.defineProperty(exports, "SunArticleCard", { enumerable: true, get: function () { return SunArticleCard_1.SunArticleCard; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/SunArticleCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleCard/index.ts"],"names":[],"mappings":";;;AAAA,mDAIyB;AAHvB,gHAAA,cAAc,OAAA"}

package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SunArticle } from '../SunArticleCard';
+export interface SunArticleGridProps {
+    articles: SunArticle[];
+    onArticleClick?: (url: string, headline: string) => void;
+    overrides?: {
+        grid?: Record<string, unknown>;
+        card?: Record<string, unknown>;
+    };
+}
+export declare const SunArticleGrid: React.FC<SunArticleGridProps>;
+export default SunArticleGrid;

package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.js

@@ -0,0 +1,27 @@
+"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.SunArticleGrid = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var SunArticleCard_1 = require("../SunArticleCard");
+var SunArticleGrid = function (_a) {
+    var articles = _a.articles, onArticleClick = _a.onArticleClick, overrides = _a.overrides;
+    return (articles === null || articles === void 0 ? void 0 : articles.length) ? (react_1.default.createElement(newskit_1.GridLayout, __assign({ columns: { xs: '1fr', sm: '1fr 1fr' }, rowGap: "space040", columnGap: "space040", "data-testid": "sun-article-grid" }, overrides === null || overrides === void 0 ? void 0 : overrides.grid), articles.map(function (article) { return (react_1.default.createElement(SunArticleCard_1.SunArticleCard, { key: article.id, article: article, onClick: onArticleClick, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.card })); }))) : null;
+};
+exports.SunArticleGrid = SunArticleGrid;
+exports.default = exports.SunArticleGrid;
+//# sourceMappingURL=SunArticleGrid.js.map

package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SunArticleGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleGrid/SunArticleGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAoC;AACpC,oDAA8D;AAWvD,IAAM,cAAc,GAAkC,UAAC,EAI7D;QAHC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,SAAS,eAAA;IAET,OAAA,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,EAAC,CAAC,CAAC,CACjB,8BAAC,oBAAU,aACT,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU,iBACR,kBAAkB,IAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAElB,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACzB,8BAAC,+BAAc,IACb,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAC1B,CACH,EAP0B,CAO1B,CAAC,CACS,CACd,CAAC,CAAC,CAAC,IAAI;AAjBR,CAiBQ,CAAA;AAtBG,QAAA,cAAc,kBAsBjB;AAEV,kBAAe,sBAAc,CAAA"}

package/dist/cjs/Components/Elements/SunArticleGrid/index.d.ts

@@ -0,0 +1 @@
+export { SunArticleGrid, type SunArticleGridProps } from './SunArticleGrid';

package/dist/cjs/Components/Elements/SunArticleGrid/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SunArticleGrid = void 0;
+var SunArticleGrid_1 = require("./SunArticleGrid");
+Object.defineProperty(exports, "SunArticleGrid", { enumerable: true, get: function () { return SunArticleGrid_1.SunArticleGrid; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/SunArticleGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleGrid/index.ts"],"names":[],"mappings":";;;AAAA,mDAA2E;AAAlE,gHAAA,cAAc,OAAA"}

package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface SunOffer {
+    id: string;
+    headline: string;
+    url: string;
+    imageUrl?: string;
+    eventContext?: Record<string, unknown>;
+}
+export interface SunOfferCardProps {
+    offer: SunOffer;
+    onClick?: (url: string, headline: string) => void;
+    overrides?: {
+        container?: Record<string, unknown>;
+        imageContainer?: Record<string, unknown>;
+        image?: Record<string, unknown>;
+        placeholder?: Record<string, unknown>;
+        headline?: Record<string, unknown>;
+    };
+}
+export declare const SunOfferCard: React.FC<SunOfferCardProps>;
+export default SunOfferCard;

package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.js

@@ -0,0 +1,38 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SunOfferCard = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var SunOfferCard = function (_a) {
+    var offer = _a.offer, onClick = _a.onClick, overrides = _a.overrides;
+    var handleClick = function () {
+        if (onClick) {
+            onClick(offer.url, offer.headline);
+        }
+        else {
+            window.open(offer.url, '_blank', 'noopener,noreferrer');
+        }
+    };
+    return (react_1.default.createElement(newskit_1.Block, __assign({ "data-testid": "sun-offer-card-".concat(offer.id), onClick: handleClick, stylePreset: "cardContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.container),
+        react_1.default.createElement(newskit_1.Block, __assign({ stylePreset: "imageContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.imageContainer), offer.imageUrl ? (react_1.default.createElement("img", __assign({ src: offer.imageUrl, alt: offer.headline, style: { width: '100%', display: 'block' } }, overrides === null || overrides === void 0 ? void 0 : overrides.image))) : (react_1.default.createElement(newskit_1.Block, __assign({ stylePreset: "placeholderContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.placeholder),
+            react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkSubtle" }, "No image available")))),
+        react_1.default.createElement(newskit_1.Block, { paddingBlock: "space030", paddingInline: "space030" },
+            react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody020", stylePreset: "inkContrast", as: "h3" }, overrides === null || overrides === void 0 ? void 0 : overrides.headline), offer.headline))));
+};
+exports.SunOfferCard = SunOfferCard;
+exports.default = exports.SunOfferCard;
+//# sourceMappingURL=SunOfferCard.js.map

package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SunOfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferCard/SunOfferCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAsBnC,IAAM,YAAY,GAAgC,UAAC,EAIzD;QAHC,KAAK,WAAA,EACL,OAAO,aAAA,EACP,SAAS,eAAA;IAET,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;QACpC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;QACzD,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,eAAK,4BACS,yBAAkB,KAAK,CAAC,EAAE,CAAE,EACzC,OAAO,EAAE,WAAW,EACpB,WAAW,EAAC,eAAe,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAExB,8BAAC,eAAK,aAAC,WAAW,EAAC,gBAAgB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAC9D,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,gDACE,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IACtC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EACpB,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,eAAK,aAAC,WAAW,EAAC,sBAAsB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAClE,8BAAC,mBAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,yBAGb,CACN,CACT,CACK;QACR,8BAAC,eAAK,IAAC,YAAY,EAAC,UAAU,EAAC,aAAa,EAAC,UAAU;YACrD,8BAAC,mBAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,aAAa,EACzB,EAAE,EAAC,IAAI,IACH,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,GAEtB,KAAK,CAAC,QAAQ,CACL,CACN,CACF,CACT,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,YAAY,gBAmDxB;AAED,kBAAe,oBAAY,CAAA"}

package/dist/cjs/Components/Elements/SunOfferCard/index.d.ts

@@ -0,0 +1 @@
+export { SunOfferCard, type SunOfferCardProps, type SunOffer, } from './SunOfferCard';

package/dist/cjs/Components/Elements/SunOfferCard/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SunOfferCard = void 0;
+var SunOfferCard_1 = require("./SunOfferCard");
+Object.defineProperty(exports, "SunOfferCard", { enumerable: true, get: function () { return SunOfferCard_1.SunOfferCard; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/SunOfferCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferCard/index.ts"],"names":[],"mappings":";;;AAAA,+CAIuB;AAHrB,4GAAA,YAAY,OAAA"}

package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SunOffer } from '../SunOfferCard';
+export interface SunOfferGridProps {
+    offers: SunOffer[];
+    onOfferClick?: (url: string, headline: string) => void;
+    overrides?: {
+        grid?: Record<string, unknown>;
+        card?: Record<string, unknown>;
+    };
+}
+export declare const SunOfferGrid: React.FC<SunOfferGridProps>;
+export default SunOfferGrid;

package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.js

@@ -0,0 +1,27 @@
+"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.SunOfferGrid = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var SunOfferCard_1 = require("../SunOfferCard");
+var SunOfferGrid = function (_a) {
+    var offers = _a.offers, onOfferClick = _a.onOfferClick, overrides = _a.overrides;
+    return (offers === null || offers === void 0 ? void 0 : offers.length) ? (react_1.default.createElement(newskit_1.GridLayout, __assign({ columns: { xs: '1fr', sm: '1fr 1fr' }, rowGap: "space040", columnGap: "space040", "data-testid": "sun-offer-grid" }, overrides === null || overrides === void 0 ? void 0 : overrides.grid), offers.map(function (offer) { return (react_1.default.createElement(SunOfferCard_1.SunOfferCard, { key: offer.id, offer: offer, onClick: onOfferClick, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.card })); }))) : null;
+};
+exports.SunOfferGrid = SunOfferGrid;
+exports.default = exports.SunOfferGrid;
+//# sourceMappingURL=SunOfferGrid.js.map

package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SunOfferGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferGrid/SunOfferGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAoC;AACpC,gDAAwD;AAWjD,IAAM,YAAY,GAAgC,UAAC,EAIzD;QAHC,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,OAAA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACf,8BAAC,oBAAU,aACT,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU,iBACR,gBAAgB,IACxB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAElB,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,8BAAC,2BAAY,IACX,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAC1B,CACH,EAPsB,CAOtB,CAAC,CACS,CACd,CAAC,CAAC,CAAC,IAAI;AAjBR,CAiBQ,CAAA;AAtBG,QAAA,YAAY,gBAsBf;AAEV,kBAAe,oBAAY,CAAA"}

package/dist/cjs/Components/Elements/SunOfferGrid/index.d.ts

@@ -0,0 +1 @@
+export { SunOfferGrid, type SunOfferGridProps } from './SunOfferGrid';

package/dist/cjs/Components/Elements/SunOfferGrid/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SunOfferGrid = void 0;
+var SunOfferGrid_1 = require("./SunOfferGrid");
+Object.defineProperty(exports, "SunOfferGrid", { enumerable: true, get: function () { return SunOfferGrid_1.SunOfferGrid; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/SunOfferGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferGrid/index.ts"],"names":[],"mappings":";;;AAAA,+CAAqE;AAA5D,4GAAA,YAAY,OAAA"}

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,111 @@
+"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 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 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: child.reasons, 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/context/index.d.ts

@@ -21,6 +21,7 @@ declare const contextMap: {
     confirmAccountDeletion: React.Context<ConfirmAccountDeletionContextOptions | null>;
     family: React.Context<FamilyContextOptions | null>;
     userHubPage: React.Context<UserHubContextOptions | null>;
+    SunCancellationFlow: React.Context<BaseContextOptions | null>;
 };
 type ContextOptionsUnion = typeof contextMap;
 export declare const AccountContextProvider: React.FC<ContextProviderProps>;

package/dist/cjs/context/index.js

@@ -56,6 +56,7 @@ var contextMap = (_a = {},
     _a[types_1.ContextName.confirmAccountDeletion] = (0, react_1.createContext)(null),
     _a[types_1.ContextName.family] = (0, react_1.createContext)(null),
     _a[types_1.ContextName.userHubPage] = (0, react_1.createContext)(null),
+    _a[types_1.ContextName.SunCancellationFlow] = (0, react_1.createContext)(null),
     _a);
 var AccountContextProvider = function (_a) {
     var context = _a.context, children = _a.children, contextName = _a.contextName;