@newskit-render/my-account 7.154.0 → 7.154.1-f608a6db7.4

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

@@ -3,7 +3,7 @@ import { BlockProps, ButtonOverrides } from 'newskit';
 import { EventContext } from '@newskit-render/shared-components';
 import { Subscriptions } from '../../../pages/types';
 export interface ForwardButtonProps extends React.HTMLAttributes<HTMLDivElement> {
-    label: string;
+    label?: React.ReactNode;
     button?: {
         text?: string;
         href?: string;

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

@@ -32,7 +32,7 @@ var material_1 = require("@emotion-icons/material");
 var helpers_1 = require("../../../helpers");
 var IconFilledKeyboardArrowRight = (0, newskit_1.toNewsKitIcon)(material_1.KeyboardArrowRight);
 var ForwardButton = function (_a) {
-    var label = _a.label, icon = _a.icon, _b = _a.button, _c = _b === void 0 ? {} : _b, text = _c.text, href = _c.href, _d = _a.baseUrl, baseUrl = _d === void 0 ? '' : _d, buttonOverrides = _a.buttonOverrides, eventContext = _a.eventContext, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'forward-button' : _e, onClick = _a.onClick, userTrackingData = _a.userTrackingData, rest = __rest(_a, ["label", "icon", "button", "baseUrl", "buttonOverrides", "eventContext", "dataTestId", "onClick", "userTrackingData"]);
+    var _b = _a.label, label = _b === void 0 ? '' : _b, icon = _a.icon, _c = _a.button, _d = _c === void 0 ? {} : _c, text = _d.text, href = _d.href, _e = _a.baseUrl, baseUrl = _e === void 0 ? '' : _e, buttonOverrides = _a.buttonOverrides, eventContext = _a.eventContext, _f = _a.dataTestId, dataTestId = _f === void 0 ? 'forward-button' : _f, onClick = _a.onClick, userTrackingData = _a.userTrackingData, rest = __rest(_a, ["label", "icon", "button", "baseUrl", "buttonOverrides", "eventContext", "dataTestId", "onClick", "userTrackingData"]);
     return (react_1.default.createElement(newskit_1.Block, __assign({}, rest),
         react_1.default.createElement(newskit_1.TextBlock, { as: "span", stylePreset: "inkBase" }, label),
         text && (react_1.default.createElement(newskit_1.Button, __assign({ "data-testid": dataTestId, overrides: __assign({ stylePreset: 'buttonMinimalPrimary', paddingInline: 'space010' }, buttonOverrides), eventContext: eventContext }, (href ? { href: (0, helpers_1.replaceBaseURL)(baseUrl, href) } : {}), { onClick: function (e) {

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

@@ -1 +1 @@
-{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,mCAOgB;AAChB,oDAA4D;AAE5D,4CAA6D;AAG7D,IAAM,4BAA4B,GAAG,IAAA,uBAAa,EAAC,6BAAkB,CAAC,CAAA;AAqB/D,IAAM,aAAa,GAAwC,UAAC,EAWlE;IAVC,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,cAA2B,EAA3B,qBAAyB,EAAE,KAAA,EAAjB,IAAI,UAAA,EAAE,IAAI,UAAA,EACpB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,kBAA6B,EAA7B,UAAU,mBAAG,gBAAgB,KAAA,EAC7B,OAAO,aAAA,EACP,gBAAgB,sBAAA,EACb,IAAI,cAV0D,sHAWlE,CADQ;IAEP,OAAO,CACL,8BAAC,eAAK,eAAK,IAAI;QACb,8BAAC,mBAAS,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,SAAS,IACvC,KAAK,CACI;QACX,IAAI,IAAI,CACP,8BAAC,gBAAM,4BACQ,UAAU,EACvB,SAAS,aACP,WAAW,EAAE,sBAAsB,EACnC,aAAa,EAAE,UAAU,IACtB,eAAe,GAEpB,YAAY,EAAE,YAAY,IACtB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzD,OAAO,EAAE,UAAC,CAAC;gBACT,IAAA,oBAAU,EAAC;oBACT,SAAS,EAAE,4BAAqB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAChC,KAAK,CAAC,GAAG,EACV,IAAI,CAAC,GAAG,EACR,WAAW,EAAE,CAAE;oBAClB,GAAG,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,GAAG,KAAI,EAAE;oBAChC,aAAa,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,KAAI,EAAE;oBACpD,IAAI,EAAE,EAAE;iBACT,CAAC,CAAA;gBACF,IAAI,OAAO;oBAAE,OAAO,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC;YAEA,IAAI;YACJ,IAAI,IAAI,CACP,8BAAC,4BAA4B,IAC3B,SAAS,EAAE;oBACT,WAAW,EAAE,sBAAsB;iBACpC,GACD,CACH,CACM,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,aAAa,iBAoDzB"}
+{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,mCAOgB;AAChB,oDAA4D;AAE5D,4CAA6D;AAG7D,IAAM,4BAA4B,GAAG,IAAA,uBAAa,EAAC,6BAAkB,CAAC,CAAA;AAqB/D,IAAM,aAAa,GAAwC,UAAC,EAWlE;IAVC,IAAA,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,IAAI,UAAA,EACJ,cAA2B,EAA3B,qBAAyB,EAAE,KAAA,EAAjB,IAAI,UAAA,EAAE,IAAI,UAAA,EACpB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,kBAA6B,EAA7B,UAAU,mBAAG,gBAAgB,KAAA,EAC7B,OAAO,aAAA,EACP,gBAAgB,sBAAA,EACb,IAAI,cAV0D,sHAWlE,CADQ;IAEP,OAAO,CACL,8BAAC,eAAK,eAAK,IAAI;QACb,8BAAC,mBAAS,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,SAAS,IACvC,KAAK,CACI;QACX,IAAI,IAAI,CACP,8BAAC,gBAAM,4BACQ,UAAU,EACvB,SAAS,aACP,WAAW,EAAE,sBAAsB,EACnC,aAAa,EAAE,UAAU,IACtB,eAAe,GAEpB,YAAY,EAAE,YAAY,IACtB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzD,OAAO,EAAE,UAAC,CAAC;gBACT,IAAA,oBAAU,EAAC;oBACT,SAAS,EAAE,4BAAqB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAChC,KAAK,CAAC,GAAG,EACV,IAAI,CAAC,GAAG,EACR,WAAW,EAAE,CAAE;oBAClB,GAAG,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,GAAG,KAAI,EAAE;oBAChC,aAAa,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,KAAI,EAAE;oBACpD,IAAI,EAAE,EAAE;iBACT,CAAC,CAAA;gBACF,IAAI,OAAO;oBAAE,OAAO,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC;YAEA,IAAI;YACJ,IAAI,IAAI,CACP,8BAAC,4BAA4B,IAC3B,SAAS,EAAE;oBACT,WAAW,EAAE,sBAAsB;iBACpC,GACD,CACH,CACM,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,aAAa,iBAoDzB"}

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

@@ -9,15 +9,19 @@ export interface SunArticle {
 }
 export interface SunArticleCardProps {
     article: SunArticle;
-    onClick?: (url: string, headline: string) => void;
+    onClick?: (article: SunArticle) => void;
+    placeholderText?: string;
     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>;
+        card?: Record<string, unknown>;
+        kicker?: {
+            stylePreset?: string;
+            typographyPreset?: string;
+            marginInlineEnd?: string;
+        };
+        headline?: {
+            stylePreset?: string;
+            typographyPreset?: string;
+        };
     };
 }
 export declare const SunArticleCard: React.FC<SunArticleCardProps>;
-export default SunArticleCard;

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

@@ -17,23 +17,59 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SunArticleCard = void 0;
 var react_1 = __importDefault(require("react"));
 var newskit_1 = require("newskit");
+var StyledCardInset = (0, newskit_1.styled)(newskit_1.CardInset)((0, newskit_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded020'), {
+    overflow: 'hidden',
+});
+var StyledHeadlineBlock = (0, newskit_1.styled)(newskit_1.Block)({
+    display: '-webkit-box',
+    WebkitBoxOrient: 'vertical',
+    WebkitLineClamp: 3,
+    overflow: 'hidden',
+    minHeight: '4.5em', // 3 lines * ~1.5em line-height
+    '@media (min-width: 480px)': {
+        WebkitLineClamp: 2,
+        minHeight: '3em', // 2 lines * ~1.5em line-height
+    },
+});
+var StyledImageContainer = (0, newskit_1.styled)(newskit_1.Block)({
+    aspectRatio: '3 / 2',
+    overflow: 'hidden',
+    width: '100%',
+    '& img': {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        display: 'block',
+    },
+});
 var SunArticleCard = function (_a) {
+    var _b, _c, _d, _e, _f;
     var article = _a.article, onClick = _a.onClick, overrides = _a.overrides;
-    var handleClick = function () {
+    var handleClick = function (event) {
         if (onClick) {
-            onClick(article.url, article.headline);
-        }
-        else {
-            window.open(article.url, '_blank', 'noopener,noreferrer');
+            onClick(article);
         }
     };
-    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))));
+    var StyledTeaserWrapper = (0, newskit_1.styled)(newskit_1.Block)((0, newskit_1.getColorCssFromTheme)('borderColor', 'interface020'), (0, newskit_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded020'), {
+        borderStyle: 'solid',
+        borderWidth: '0 1px 1px 1px',
+        borderRadius: '0 0 8px 8px',
+        padding: '12px',
+        '@media (min-width: 480px)': {
+            padding: '16px',
+        },
+    });
+    var MediaComponent = function () { return (react_1.default.createElement(StyledImageContainer, null,
+        react_1.default.createElement("img", { src: article.imageUrl || '/assets/cancellation/default_offer.png', alt: article.headline, loading: "lazy" }))); };
+    return (react_1.default.createElement(StyledCardInset, { "data-testid": "sun-article-card-".concat(article.id), layout: "vertical", href: article.url, media: MediaComponent, overrides: __assign({ teaserContainer: {
+                paddingBlock: 'space000',
+                paddingInline: 'space000',
+            } }, overrides === null || overrides === void 0 ? void 0 : overrides.card), onClick: handleClick },
+        react_1.default.createElement(StyledTeaserWrapper, null,
+            react_1.default.createElement(StyledHeadlineBlock, null,
+                react_1.default.createElement(newskit_1.TextBlock, { as: "h3", stylePreset: ((_b = overrides === null || overrides === void 0 ? void 0 : overrides.headline) === null || _b === void 0 ? void 0 : _b.stylePreset) || 'inkContrast', typographyPreset: ((_c = overrides === null || overrides === void 0 ? void 0 : overrides.headline) === null || _c === void 0 ? void 0 : _c.typographyPreset) || 'utilityLabel020' },
+                    article.kicker && (react_1.default.createElement(newskit_1.TextBlock, { as: "span", stylePreset: ((_d = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _d === void 0 ? void 0 : _d.stylePreset) || 'inkBrand020', typographyPreset: ((_e = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _e === void 0 ? void 0 : _e.typographyPreset) || 'utilitySubheadline020', marginInlineEnd: ((_f = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _f === void 0 ? void 0 : _f.marginInlineEnd) || 'space020' }, article.kicker)),
+                    article.headline)))));
 };
 exports.SunArticleCard = SunArticleCard;
-exports.default = exports.SunArticleCard;
 //# sourceMappingURL=SunArticleCard.js.map

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

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

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

@@ -2,11 +2,11 @@ import React from 'react';
 import { SunArticle } from '../SunArticleCard';
 export interface SunArticleGridProps {
     articles: SunArticle[];
-    onArticleClick?: (url: string, headline: string) => void;
+    onArticleClick?: (article: SunArticle) => void;
+    placeholderText?: string;
     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

@@ -19,9 +19,8 @@ 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;
+    var articles = _a.articles, onArticleClick = _a.onArticleClick, placeholderText = _a.placeholderText, overrides = _a.overrides;
+    return (articles === null || articles === void 0 ? void 0 : articles.length) ? (react_1.default.createElement(newskit_1.GridLayout, { columns: { xs: '1fr', sm: '1fr 1fr' }, rowGap: "space040", columnGap: "space040", overrides: __assign({ maxWidth: '1200px', marginInline: 'auto', marginBlockEnd: { xs: 'space060', md: 'space080' } }, overrides === null || overrides === void 0 ? void 0 : overrides.grid), "data-testid": "sun-article-grid" }, articles.map(function (article) { return (react_1.default.createElement(SunArticleCard_1.SunArticleCard, { key: article.id, article: article, onClick: onArticleClick, placeholderText: placeholderText, 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

@@ -1 +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"}
+{"version":3,"file":"SunArticleGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleGrid/SunArticleGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAoC;AACpC,oDAA8D;AAYvD,IAAM,cAAc,GAAkC,UAAC,EAK7D;QAJC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,SAAS,eAAA;IAET,OAAA,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,EAAC,CAAC,CAAC,CACjB,8BAAC,oBAAU,IACT,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU,EACpB,SAAS,aACP,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,IAC/C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,kBAER,kBAAkB,IAE7B,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,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAC1B,CACH,EAR0B,CAQ1B,CAAC,CACS,CACd,CAAC,CAAC,CAAC,IAAI;AAvBR,CAuBQ,CAAA;AA7BG,QAAA,cAAc,kBA6BjB"}

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

@@ -4,18 +4,23 @@ export interface SunOffer {
     headline: string;
     url: string;
     imageUrl?: string;
+    kicker?: string;
     eventContext?: Record<string, unknown>;
 }
 export interface SunOfferCardProps {
     offer: SunOffer;
-    onClick?: (url: string, headline: string) => void;
+    onClick?: (offer: SunOffer) => void;
     overrides?: {
-        container?: Record<string, unknown>;
-        imageContainer?: Record<string, unknown>;
-        image?: Record<string, unknown>;
-        placeholder?: Record<string, unknown>;
-        headline?: Record<string, unknown>;
+        card?: Record<string, unknown>;
+        kicker?: {
+            stylePreset?: string;
+            typographyPreset?: string;
+            marginInlineEnd?: string;
+        };
+        headline?: {
+            stylePreset?: string;
+            typographyPreset?: string;
+        };
     };
 }
 export declare const SunOfferCard: React.FC<SunOfferCardProps>;
-export default SunOfferCard;

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

@@ -17,22 +17,59 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SunOfferCard = void 0;
 var react_1 = __importDefault(require("react"));
 var newskit_1 = require("newskit");
+var StyledHeadlineBlock = (0, newskit_1.styled)(newskit_1.Block)({
+    display: '-webkit-box',
+    WebkitBoxOrient: 'vertical',
+    WebkitLineClamp: 3,
+    overflow: 'hidden',
+    minHeight: '4.5em',
+    '@media (min-width: 480px)': {
+        WebkitLineClamp: 2,
+        minHeight: '3em',
+    },
+});
+var StyledImageContainer = (0, newskit_1.styled)(newskit_1.Block)({
+    aspectRatio: '3 / 2',
+    overflow: 'hidden',
+    width: '100%',
+    '& img': {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        display: 'block',
+    },
+});
+var StyledCardInset = (0, newskit_1.styled)(newskit_1.CardInset)((0, newskit_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded020'), {
+    overflow: 'hidden',
+});
 var SunOfferCard = function (_a) {
+    var _b, _c, _d, _e, _f;
     var offer = _a.offer, onClick = _a.onClick, overrides = _a.overrides;
-    var handleClick = function () {
+    var handleClick = function (event) {
         if (onClick) {
-            onClick(offer.url, offer.headline);
-        }
-        else {
-            window.open(offer.url, '_blank', 'noopener,noreferrer');
+            onClick(offer);
         }
     };
-    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))));
+    var StyledTeaserWrapper = (0, newskit_1.styled)(newskit_1.Block)((0, newskit_1.getColorCssFromTheme)('borderColor', 'interface020'), (0, newskit_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded020'), {
+        borderStyle: 'solid',
+        borderWidth: '0 1px 1px 1px',
+        borderRadius: '0 0 8px 8px',
+        padding: '12px',
+        '@media (min-width: 480px)': {
+            padding: '16px',
+        },
+    });
+    var MediaComponent = function () { return (react_1.default.createElement(StyledImageContainer, null,
+        react_1.default.createElement("img", { src: offer.imageUrl || '/assets/cancellation/default_offer.png', alt: offer.headline, loading: "lazy" }))); };
+    return (react_1.default.createElement(StyledCardInset, { "data-testid": "sun-offer-card-".concat(offer.id), layout: "vertical", href: offer.url, media: MediaComponent, overrides: __assign({ teaserContainer: {
+                paddingBlock: 'space000',
+                paddingInline: 'space000',
+            } }, overrides === null || overrides === void 0 ? void 0 : overrides.card), onClick: handleClick },
+        react_1.default.createElement(StyledTeaserWrapper, null,
+            react_1.default.createElement(StyledHeadlineBlock, null,
+                react_1.default.createElement(newskit_1.TextBlock, { as: "h3", stylePreset: ((_b = overrides === null || overrides === void 0 ? void 0 : overrides.headline) === null || _b === void 0 ? void 0 : _b.stylePreset) || 'inkContrast', typographyPreset: ((_c = overrides === null || overrides === void 0 ? void 0 : overrides.headline) === null || _c === void 0 ? void 0 : _c.typographyPreset) || 'utilityLabel020' },
+                    offer.kicker && (react_1.default.createElement(newskit_1.TextBlock, { as: "span", stylePreset: ((_d = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _d === void 0 ? void 0 : _d.stylePreset) || 'inkBrand020', typographyPreset: ((_e = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _e === void 0 ? void 0 : _e.typographyPreset) || 'utilitySubheadline020', marginInlineEnd: ((_f = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _f === void 0 ? void 0 : _f.marginInlineEnd) || 'space020' }, offer.kicker)),
+                    offer.headline)))));
 };
 exports.SunOfferCard = SunOfferCard;
-exports.default = exports.SunOfferCard;
 //# sourceMappingURL=SunOfferCard.js.map

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

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

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

@@ -2,11 +2,11 @@ import React from 'react';
 import { SunOffer } from '../SunOfferCard';
 export interface SunOfferGridProps {
     offers: SunOffer[];
-    onOfferClick?: (url: string, headline: string) => void;
+    onOfferClick?: (offer: SunOffer) => void;
+    placeholderText?: string;
     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

@@ -19,9 +19,8 @@ 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;
+    var offers = _a.offers, onOfferClick = _a.onOfferClick, placeholderText = _a.placeholderText, overrides = _a.overrides;
+    return (offers === null || offers === void 0 ? void 0 : offers.length) ? (react_1.default.createElement(newskit_1.GridLayout, { columns: { xs: '1fr', sm: '1fr 1fr' }, rowGap: "space040", columnGap: "space040", overrides: __assign({ maxWidth: '1200px', marginInline: 'auto', marginBlockEnd: { xs: 'space060', md: 'space080' } }, overrides === null || overrides === void 0 ? void 0 : overrides.grid), "data-testid": "sun-offer-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

@@ -1 +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"}
+{"version":3,"file":"SunOfferGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferGrid/SunOfferGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAoC;AACpC,gDAAwD;AAYjD,IAAM,YAAY,GAAgC,UAAC,EAKzD;QAJC,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,SAAS,eAAA;IAET,OAAA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACf,8BAAC,oBAAU,IACT,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU,EACpB,SAAS,aACP,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,IAC/C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,kBAER,gBAAgB,IAE3B,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;AAtBR,CAsBQ,CAAA;AA5BG,QAAA,YAAY,gBA4Bf"}

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

@@ -1,2 +1,5 @@
 import React from 'react';
-export declare const TimesLoading: React.FC;
+import { StackProps } from 'newskit';
+export declare const TimesLoading: React.FC<StackProps & {
+    loadingText?: string;
+}>;

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

@@ -1,4 +1,26 @@
 "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 __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 };
 };
@@ -7,8 +29,11 @@ exports.TimesLoading = void 0;
 var react_1 = __importDefault(require("react"));
 var newskit_1 = require("newskit");
 var TimesLoadingSpinner_1 = require("../TimesLoadingSpinner");
-var TimesLoading = function () { return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-center", stackDistribution: "center", height: "100vh", "data-testid": "times-loading-container" },
-    react_1.default.createElement(TimesLoadingSpinner_1.TimesLoadingSpinner, null),
-    react_1.default.createElement(newskit_1.TextBlock, { marginBlockStart: "space050", stylePreset: "inkDark010", typographyPreset: "utilityBody020" }, "Loading"))); };
+var TimesLoading = function (_a) {
+    var loadingText = _a.loadingText, props = __rest(_a, ["loadingText"]);
+    return (react_1.default.createElement(newskit_1.Stack, __assign({ flow: "vertical-center", stackDistribution: "center", height: "100vh" }, props, { "data-testid": "times-loading-container" }),
+        react_1.default.createElement(TimesLoadingSpinner_1.TimesLoadingSpinner, null),
+        react_1.default.createElement(newskit_1.TextBlock, { marginBlockStart: "space050", stylePreset: "inkDark010", typographyPreset: "utilityBody020" }, loadingText || 'Loading')));
+};
 exports.TimesLoading = TimesLoading;
 //# sourceMappingURL=TimesLoading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimesLoading.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TimesLoading/TimesLoading.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAC1C,8DAA4D;AAErD,IAAM,YAAY,GAAa,cAAM,OAAA,CAC1C,8BAAC,eAAK,IACJ,IAAI,EAAC,iBAAiB,EACtB,iBAAiB,EAAC,QAAQ,EAC1B,MAAM,EAAC,OAAO,iBACF,yBAAyB;IAErC,8BAAC,yCAAmB,OAAG;IACvB,8BAAC,mBAAS,IACR,gBAAgB,EAAC,UAAU,EAC3B,WAAW,EAAC,YAAY,EACxB,gBAAgB,EAAC,gBAAgB,cAGvB,CACN,CACT,EAhB2C,CAgB3C,CAAA;AAhBY,QAAA,YAAY,gBAgBxB"}
+{"version":3,"file":"TimesLoading.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TimesLoading/TimesLoading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAsD;AACtD,8DAA4D;AAErD,IAAM,YAAY,GAAoD,UAAC,EAG7E;IAFC,IAAA,WAAW,iBAAA,EACR,KAAK,cAFoE,eAG7E,CADS;IACJ,OAAA,CACJ,8BAAC,eAAK,aACJ,IAAI,EAAC,iBAAiB,EACtB,iBAAiB,EAAC,QAAQ,EAC1B,MAAM,EAAC,OAAO,IACV,KAAK,mBACG,yBAAyB;QAErC,8BAAC,yCAAmB,OAAG;QACvB,8BAAC,mBAAS,IACR,gBAAgB,EAAC,UAAU,EAC3B,WAAW,EAAC,YAAY,EACxB,gBAAgB,EAAC,gBAAgB,IAEhC,WAAW,IAAI,SAAS,CACf,CACN,CACT,CAAA;CAAA,CAAA;AApBY,QAAA,YAAY,gBAoBxB"}

package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.d.ts

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { OfferCardProps } from '../../Elements/OfferCard/types';
 import { HeaderProps } from '@newskit-render/shared-components';
 import { ForwardButtonProps } from '../../Elements/ForwardButton/ForwardButton';
-import { StepController } from '../../Templates/CancellationStepperRender';
+import { NextStepProps } from '../../Templates/CancellationStepperRender';
 export interface CancelSubscriptionDowngradeProps {
     offers: OfferCardProps[];
     header?: HeaderProps;
@@ -14,6 +14,6 @@ export interface CancelSubscriptionDowngradeProps {
     };
     continueButton?: ForwardButtonProps;
     serviceCancellationDate?: string | null;
-    onNextStep?: StepController;
+    onNextStep?: NextStepProps;
 }
 export declare const CancelSubscriptionDowngrade: FC<CancelSubscriptionDowngradeProps>;

package/dist/cjs/Components/Sections/CancellationDetails/types.d.ts

@@ -2,7 +2,7 @@ import { BlockProps, DividerProps, TextBlockProps } from 'newskit';
 import { HeaderProps, ContentContainerProps as SharedContentContainerProps, TealiumEventContext } from '@newskit-render/shared-components';
 import { BaseFormActions } from '../../../context/types';
 import { UserData } from '../../../pages/types';
-import { SelectionData, StepController, HandleCardClick } from '../../Templates/CancellationStepperRender';
+import { SelectionData, NextStepProps, HandleCardClick } from '../../Templates/CancellationStepperRender';
 import { ForwardButtonProps } from '../../Elements/ForwardButton/ForwardButton';
 import { GenericMessageMap } from '../../Elements/Toast';
 export interface SubscriptionEnd {
@@ -30,7 +30,7 @@ export interface CancellationDetailsProps {
     user?: UserData;
     selectedReason?: SelectionData | null;
     defaultCancellationReason?: string;
-    onNextStep?: StepController;
+    onNextStep?: NextStepProps;
     handleCardClick?: HandleCardClick;
     handleError?: BaseFormActions['handleError'];
     setServiceCancellationDate?: React.Dispatch<React.SetStateAction<string | null>>;

package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.d.ts

@@ -1,2 +1,2 @@
 import { CancellationOffersProps } from './types';
-export declare const CancellationOffers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides, selectedOffer, onSelectOffer, onNextStep, }: CancellationOffersProps) => JSX.Element;
+export declare const CancellationOffers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides, setSelectedOffer, selectedOffer, onNextStep, }: CancellationOffersProps) => JSX.Element;

package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js

@@ -14,6 +14,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -28,25 +64,30 @@ var helpers_1 = require("../../../helpers");
 var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & > div {\n    border: 1px solid;\n    ", "\n    &:not(:last-of-type) {\n      border-bottom: none;\n    }\n  }\n"], ["\n  & > div {\n    border: 1px solid;\n    ", "\n    &:not(:last-of-type) {\n      border-bottom: none;\n    }\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'neutral030'));
 var CancellationOffers = function (_a) {
     var _b;
-    var baseUrl = _a.baseUrl, header = _a.header, offersSection = _a.offersSection, benefits = _a.benefits, continueButton = _a.continueButton, continueButtonContainerOverrides = _a.continueButtonContainerOverrides, selectedOffer = _a.selectedOffer, onSelectOffer = _a.onSelectOffer, onNextStep = _a.onNextStep;
+    var baseUrl = _a.baseUrl, header = _a.header, offersSection = _a.offersSection, benefits = _a.benefits, continueButton = _a.continueButton, continueButtonContainerOverrides = _a.continueButtonContainerOverrides, setSelectedOffer = _a.setSelectedOffer, selectedOffer = _a.selectedOffer, onNextStep = _a.onNextStep;
     var router = (0, router_1.useRouter)();
     var handleSelectOffer = function (offerId) {
-        var _a;
-        var offer = (_a = offersSection === null || offersSection === void 0 ? void 0 : offersSection.items) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.id === offerId; });
-        onSelectOffer(offer);
-    };
-    var handleContinue = function (event) {
-        if ((selectedOffer === null || selectedOffer === void 0 ? void 0 : selectedOffer.nextStep) && onNextStep) {
-            onNextStep(event, selectedOffer.nextStep);
-        }
-        else if (selectedOffer === null || selectedOffer === void 0 ? void 0 : selectedOffer.href) {
-            router.push((0, helpers_1.replaceBaseURL)(baseUrl || '', selectedOffer.href));
-        }
+        sessionStorage.setItem('selectedOfferId', offerId);
+        setSelectedOffer(offerId);
     };
+    var handleContinue = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var offer;
+        var _a;
+        return __generator(this, function (_b) {
+            offer = (_a = offersSection === null || offersSection === void 0 ? void 0 : offersSection.items) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.id === selectedOffer; });
+            if (offer === null || offer === void 0 ? void 0 : offer.href) {
+                router.push((0, helpers_1.replaceBaseURL)(baseUrl || '', offer.href));
+            }
+            if ((offer === null || offer === void 0 ? void 0 : offer.nextStep) && onNextStep) {
+                onNextStep(event, offer.nextStep);
+            }
+            return [2 /*return*/];
+        });
+    }); };
     return (react_1.default.createElement(newskit_1.GridLayout, null,
         header && react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
         (offersSection === null || offersSection === void 0 ? void 0 : offersSection.title) && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "editorialHeadline050", stylePreset: "inkContrast", marginBlockEnd: "space060" }, offersSection.titleOverrides), offersSection.title)),
-        react_1.default.createElement(OfferGroup_1.default, { offers: (offersSection === null || offersSection === void 0 ? void 0 : offersSection.items) || [], selectedOfferId: selectedOffer === null || selectedOffer === void 0 ? void 0 : selectedOffer.id, onSelect: handleSelectOffer }),
+        react_1.default.createElement(OfferGroup_1.default, { offers: (offersSection === null || offersSection === void 0 ? void 0 : offersSection.items) || [], selectedOfferId: selectedOffer, onSelect: handleSelectOffer }),
         (benefits === null || benefits === void 0 ? void 0 : benefits.showBenefits) && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(newskit_1.Divider, { overrides: __assign({ marginBlockStart: 'space040', marginBlockEnd: 'space060' }, benefits === null || benefits === void 0 ? void 0 : benefits.dividerOverrides) }),
             (benefits === null || benefits === void 0 ? void 0 : benefits.title) && (react_1.default.createElement(react_1.default.Fragment, null,

package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js.map

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