@newskit-render/my-account 7.151.0 → 7.151.1-0edc5ab39.6

package/dist/esm/Components/Elements/CancellationConfirm/CancellationConfirm.js

@@ -0,0 +1,57 @@
+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);
+};
+import React from 'react';
+import { TextBlock, InlineMessage, Button, GridLayout, GridLayoutItem, toNewsKitIcon, } from 'newskit';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+var renderDisplayMessage = function (infoMessage, endDate) {
+    var formattedEndDate = endDate
+        ? new Date(endDate).toLocaleDateString('en-GB', {
+            day: 'numeric',
+            month: 'long',
+            year: 'numeric',
+        })
+        : '';
+    if (infoMessage) {
+        if (formattedEndDate && infoMessage.includes('##END_DATE##')) {
+            var parts = infoMessage.split('##END_DATE##');
+            if (parts.length === 2) {
+                return (React.createElement(React.Fragment, null,
+                    parts[0],
+                    React.createElement("strong", null, formattedEndDate),
+                    parts[1]));
+            }
+        }
+        return infoMessage;
+    }
+    return (React.createElement(React.Fragment, null,
+        "Your membership will end on ",
+        React.createElement("strong", null, formattedEndDate),
+        " and you will no longer be billed."));
+};
+export var CancellationConfirm = function (_a) {
+    var endDate = _a.endDate, _b = _a.confirmButtonText, confirmButtonText = _b === void 0 ? 'Confirm cancellation' : _b, infoMessage = _a.infoMessage, onConfirm = _a.onConfirm, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, confirmButtonEventContext = _a.confirmButtonEventContext, overrides = _a.overrides;
+    return (React.createElement(GridLayout, { columns: "1fr", rowGap: "space070", overrides: __assign({ width: '100%' }, overrides === null || overrides === void 0 ? void 0 : overrides.container) },
+        React.createElement(GridLayoutItem, null,
+            React.createElement(InlineMessage, { icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }), overrides: __assign({ marginBlockStart: 'space020', stylePreset: 'inlineMessageNotice' }, overrides === null || overrides === void 0 ? void 0 : overrides.infoMessage) },
+                React.createElement(TextBlock, { typographyPreset: "editorialLabel010", stylePreset: "inkBase" }, renderDisplayMessage(infoMessage, endDate)))),
+        React.createElement(GridLayoutItem, { justifySelf: {
+                xs: 'stretch',
+                md: 'center',
+            } },
+            React.createElement(Button, { onClick: onConfirm, disabled: isLoading, loading: isLoading, eventContext: confirmButtonEventContext, eventOriginator: "confirm-cancellation-button", overrides: __assign({ width: {
+                        xs: '100%',
+                        md: 'auto',
+                    }, marginBlockStart: 'space040', paddingInline: 'space050' }, overrides === null || overrides === void 0 ? void 0 : overrides.button) }, confirmButtonText))));
+};
+export default CancellationConfirm;
+//# sourceMappingURL=CancellationConfirm.js.map

package/dist/esm/Components/Elements/CancellationConfirm/CancellationConfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationConfirm.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationConfirm/CancellationConfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,SAAS,EACT,aAAa,EACb,MAAM,EACN,UAAU,EACV,cAAc,EACd,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAgBhD,IAAM,oBAAoB,GAAG,UAC3B,WAA+B,EAC/B,OAA2B;IAE3B,IAAM,gBAAgB,GAAG,OAAO;QAC9B,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE;YAC5C,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,SAAS;SAChB,CAAC;QACJ,CAAC,CAAC,EAAE,CAAA;IAEN,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,gBAAgB,IAAI,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;YAC7D,IAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;YAC/C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACvB,OAAO,CACL;oBACG,KAAK,CAAC,CAAC,CAAC;oBACT,oCAAS,gBAAgB,CAAU;oBAClC,KAAK,CAAC,CAAC,CAAC,CACR,CACJ,CAAA;YACH,CAAC;QACH,CAAC;QACD,OAAO,WAAW,CAAA;IACpB,CAAC;IACD,OAAO,CACL;;QAC8B,oCAAS,gBAAgB,CAAU;6CAE9D,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAuC,UAAC,EAQvE;QAPC,OAAO,aAAA,EACP,yBAA0C,EAA1C,iBAAiB,mBAAG,sBAAsB,KAAA,EAC1C,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,yBAAyB,+BAAA,EACzB,SAAS,eAAA;IAET,OAAO,CACL,oBAAC,UAAU,IACT,OAAO,EAAC,KAAK,EACb,MAAM,EAAC,UAAU,EACjB,SAAS,aAAI,KAAK,EAAE,MAAM,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAEnD,oBAAC,cAAc;YACb,oBAAC,aAAa,IACZ,IAAI,EAAE,oBAAC,cAAc,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI,EAC5D,SAAS,aACP,gBAAgB,EAAE,UAAU,EAC5B,WAAW,EAAE,qBAAqB,IAC/B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;gBAG3B,oBAAC,SAAS,IAAC,gBAAgB,EAAC,mBAAmB,EAAC,WAAW,EAAC,SAAS,IAClE,oBAAoB,CAAC,WAAW,EAAE,OAAO,CAAC,CACjC,CACE,CACD;QACjB,oBAAC,cAAc,IACb,WAAW,EAAE;gBACX,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,QAAQ;aACb;YAED,oBAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,SAAS,EAClB,YAAY,EAAE,yBAAyB,EACvC,eAAe,EAAC,6BAA6B,EAC7C,SAAS,aACP,KAAK,EAAE;wBACL,EAAE,EAAE,MAAM;wBACV,EAAE,EAAE,MAAM;qBACX,EACD,gBAAgB,EAAE,UAAU,EAC5B,aAAa,EAAE,UAAU,IACtB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,KAGrB,iBAAiB,CACX,CACM,CACN,CACd,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/esm/Components/Elements/CancellationConfirm/index.d.ts

@@ -0,0 +1,2 @@
+export { CancellationConfirm } from './CancellationConfirm';
+export type { CancellationConfirmProps } from './CancellationConfirm';

package/dist/esm/Components/Elements/CancellationConfirm/index.js

@@ -0,0 +1,2 @@
+export { CancellationConfirm } from './CancellationConfirm';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Elements/CancellationConfirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationConfirm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/esm/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/esm/Components/Elements/ForwardButton/ForwardButton.js

@@ -26,7 +26,7 @@ import { KeyboardArrowRight } from '@emotion-icons/material';
 import { replaceBaseURL, trackEvent } from '../../../helpers';
 var IconFilledKeyboardArrowRight = toNewsKitIcon(KeyboardArrowRight);
 export 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.createElement(Block, __assign({}, rest),
         React.createElement(TextBlock, { as: "span", stylePreset: "inkBase" }, label),
         text && (React.createElement(Button, __assign({ "data-testid": dataTestId, overrides: __assign({ stylePreset: 'buttonMinimalPrimary', paddingInline: 'space010' }, buttonOverrides), eventContext: eventContext }, (href ? { href: replaceBaseURL(baseUrl, href) } : {}), { onClick: function (e) {

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

@@ -1 +1 @@
-{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,KAAK,EAEL,MAAM,EAEN,SAAS,EACT,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAG7D,IAAM,4BAA4B,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAA;AAqBtE,MAAM,CAAC,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,oBAAC,KAAK,eAAK,IAAI;QACb,oBAAC,SAAS,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,SAAS,IACvC,KAAK,CACI;QACX,IAAI,IAAI,CACP,oBAAC,MAAM,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,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzD,OAAO,EAAE,UAAC,CAAC;gBACT,UAAU,CAAC;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,oBAAC,4BAA4B,IAC3B,SAAS,EAAE;oBACT,WAAW,EAAE,sBAAsB;iBACpC,GACD,CACH,CACM,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,KAAK,EAEL,MAAM,EAEN,SAAS,EACT,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAG7D,IAAM,4BAA4B,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAA;AAqBtE,MAAM,CAAC,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,oBAAC,KAAK,eAAK,IAAI;QACb,oBAAC,SAAS,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,SAAS,IACvC,KAAK,CACI;QACX,IAAI,IAAI,CACP,oBAAC,MAAM,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,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzD,OAAO,EAAE,UAAC,CAAC;gBACT,UAAU,CAAC;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,oBAAC,4BAA4B,IAC3B,SAAS,EAAE;oBACT,WAAW,EAAE,sBAAsB;iBACpC,GACD,CACH,CACM,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Elements/OfferGroup/OfferBody.js

@@ -14,9 +14,9 @@ import { Block, TextBlock } from 'newskit';
 export var OfferBody = function (_a) {
     var title = _a.title, description = _a.description, discountedPrice = _a.discountedPrice, regularPrice = _a.regularPrice, overrides = _a.overrides;
     return (React.createElement(Block, null,
-        React.createElement(TextBlock, __assign({ marginBlockStart: "space020", typographyPreset: "editorialHeadline040" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
-        discountedPrice && (React.createElement(TextBlock, __assign({ typographyPreset: "utilitySubheading030", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.discountedPrice), discountedPrice)),
-        regularPrice && (React.createElement(TextBlock, __assign({ typographyPreset: "utilitySubheading010", stylePreset: "inkSubtle", marginBlockStart: "space020" }, overrides === null || overrides === void 0 ? void 0 : overrides.regularPrice), regularPrice)),
-        React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.description), description)));
+        React.createElement(TextBlock, __assign({ "data-testid": "offer-title", marginBlockStart: "space020", typographyPreset: "editorialHeadline040" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
+        discountedPrice && (React.createElement(TextBlock, __assign({ "data-testid": "offer-discounted-price", typographyPreset: "utilitySubheading030", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.discountedPrice), discountedPrice)),
+        regularPrice && (React.createElement(TextBlock, __assign({ "data-testid": "offer-regular-price", typographyPreset: "utilitySubheading010", stylePreset: "inkSubtle", marginBlockStart: "space020" }, overrides === null || overrides === void 0 ? void 0 : overrides.regularPrice), regularPrice)),
+        React.createElement(TextBlock, __assign({ "data-testid": "offer-description", typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.description), description)));
 };
 //# sourceMappingURL=OfferBody.js.map

package/dist/esm/Components/Elements/OfferGroup/OfferBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OfferBody.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/OfferBody.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAG1C,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAMT;QALf,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,OAAO,CACL,oBAAC,KAAK;QACJ,oBAAC,SAAS,aACR,gBAAgB,EAAC,UAAU,EAC3B,gBAAgB,EAAC,sBAAsB,IACnC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QAEX,eAAe,IAAI,CAClB,oBAAC,SAAS,aACR,gBAAgB,EAAC,sBAAsB,EACvC,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,GAE7B,eAAe,CACN,CACb;QACA,YAAY,IAAI,CACf,oBAAC,SAAS,aACR,gBAAgB,EAAC,sBAAsB,EACvC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,GAE1B,YAAY,CACH,CACb;QAED,oBAAC,SAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,GAEzB,WAAW,CACF,CACN,CACT,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"OfferBody.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/OfferBody.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAG1C,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAMT;QALf,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,OAAO,CACL,oBAAC,KAAK;QACJ,oBAAC,SAAS,4BACI,aAAa,EACzB,gBAAgB,EAAC,UAAU,EAC3B,gBAAgB,EAAC,sBAAsB,IACnC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QAEX,eAAe,IAAI,CAClB,oBAAC,SAAS,4BACI,wBAAwB,EACpC,gBAAgB,EAAC,sBAAsB,EACvC,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,GAE7B,eAAe,CACN,CACb;QACA,YAAY,IAAI,CACf,oBAAC,SAAS,4BACI,qBAAqB,EACjC,gBAAgB,EAAC,sBAAsB,EACvC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,GAE1B,YAAY,CACH,CACb;QAED,oBAAC,SAAS,4BACI,mBAAmB,EAC/B,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,GAEzB,WAAW,CACF,CACN,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/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/esm/Components/Elements/SunArticleCard/SunArticleCard.js

@@ -10,23 +10,59 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { Block, TextBlock } from 'newskit';
+import { CardInset, TextBlock, Block, styled, getColorCssFromTheme, getBorderCssFromTheme, } from 'newskit';
+var StyledCardInset = styled(CardInset)(getBorderCssFromTheme('borderRadius', 'borderRadiusRounded020'), {
+    overflow: 'hidden',
+});
+var StyledHeadlineBlock = styled(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 = styled(Block)({
+    aspectRatio: '3 / 2',
+    overflow: 'hidden',
+    width: '100%',
+    '& img': {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        display: 'block',
+    },
+});
 export 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.createElement(Block, __assign({ "data-testid": "sun-article-card-".concat(article.id), onClick: handleClick, stylePreset: "cardContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.container),
-        React.createElement(Block, __assign({ stylePreset: "imageContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.imageContainer), article.imageUrl ? (React.createElement("img", __assign({ src: article.imageUrl, alt: article.headline, style: { width: '100%', display: 'block' } }, overrides === null || overrides === void 0 ? void 0 : overrides.image))) : (React.createElement(Block, __assign({ stylePreset: "placeholderContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.placeholder),
-            React.createElement(TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkSubtle" }, "No image available")))),
-        React.createElement(Block, { paddingBlock: "space030", paddingInline: "space030" },
-            article.kicker && (React.createElement(TextBlock, __assign({ typographyPreset: "utilityLabel010", stylePreset: "inkBrand010", marginBlockEnd: "space020", as: "span" }, overrides === null || overrides === void 0 ? void 0 : overrides.kicker), article.kicker)),
-            React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody020", stylePreset: "inkContrast", as: "h3" }, overrides === null || overrides === void 0 ? void 0 : overrides.headline), article.headline))));
+    var StyledTeaserWrapper = styled(Block)(getColorCssFromTheme('borderColor', 'interface020'), 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.createElement(StyledImageContainer, null,
+        React.createElement("img", { src: article.imageUrl || '/assets/cancellation/default_offer.png', alt: article.headline, loading: "lazy" }))); };
+    return (React.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.createElement(StyledTeaserWrapper, null,
+            React.createElement(StyledHeadlineBlock, null,
+                React.createElement(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.createElement(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)))));
 };
-export default SunArticleCard;
 //# sourceMappingURL=SunArticleCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SunArticleCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleCard/SunArticleCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAwB1C,MAAM,CAAC,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,oBAAC,KAAK,4BACS,2BAAoB,OAAO,CAAC,EAAE,CAAE,EAC7C,OAAO,EAAE,WAAW,EACpB,WAAW,EAAC,eAAe,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAExB,oBAAC,KAAK,aAAC,WAAW,EAAC,gBAAgB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAC9D,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClB,sCACE,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,oBAAC,KAAK,aAAC,WAAW,EAAC,sBAAsB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAClE,oBAAC,SAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,yBAGb,CACN,CACT,CACK;QACR,oBAAC,KAAK,IAAC,YAAY,EAAC,UAAU,EAAC,aAAa,EAAC,UAAU;YACpD,OAAO,CAAC,MAAM,IAAI,CACjB,oBAAC,SAAS,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,oBAAC,SAAS,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;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"SunArticleCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleCard/SunArticleCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/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/esm/Components/Elements/SunArticleGrid/SunArticleGrid.js

@@ -13,8 +13,7 @@ import React from 'react';
 import { GridLayout } from 'newskit';
 import { SunArticleCard } from '../SunArticleCard';
 export 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.createElement(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.createElement(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.createElement(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.createElement(SunArticleCard, { key: article.id, article: article, onClick: onArticleClick, placeholderText: placeholderText, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.card })); }))) : null;
 };
-export default SunArticleGrid;
 //# sourceMappingURL=SunArticleGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SunArticleGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleGrid/SunArticleGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAA;AAW9D,MAAM,CAAC,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,oBAAC,UAAU,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,oBAAC,cAAc,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;AAEV,eAAe,cAAc,CAAA"}
+{"version":3,"file":"SunArticleGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleGrid/SunArticleGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAA;AAY9D,MAAM,CAAC,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,oBAAC,UAAU,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,oBAAC,cAAc,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"}

package/dist/esm/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/esm/Components/Elements/SunOfferCard/SunOfferCard.js

@@ -10,22 +10,59 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { Block, TextBlock } from 'newskit';
+import { CardInset, TextBlock, Block, styled, getColorCssFromTheme, getBorderCssFromTheme, } from 'newskit';
+var StyledHeadlineBlock = styled(Block)({
+    display: '-webkit-box',
+    WebkitBoxOrient: 'vertical',
+    WebkitLineClamp: 3,
+    overflow: 'hidden',
+    minHeight: '4.5em',
+    '@media (min-width: 480px)': {
+        WebkitLineClamp: 2,
+        minHeight: '3em',
+    },
+});
+var StyledImageContainer = styled(Block)({
+    aspectRatio: '3 / 2',
+    overflow: 'hidden',
+    width: '100%',
+    '& img': {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        display: 'block',
+    },
+});
+var StyledCardInset = styled(CardInset)(getBorderCssFromTheme('borderRadius', 'borderRadiusRounded020'), {
+    overflow: 'hidden',
+});
 export 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.createElement(Block, __assign({ "data-testid": "sun-offer-card-".concat(offer.id), onClick: handleClick, stylePreset: "cardContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.container),
-        React.createElement(Block, __assign({ stylePreset: "imageContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.imageContainer), offer.imageUrl ? (React.createElement("img", __assign({ src: offer.imageUrl, alt: offer.headline, style: { width: '100%', display: 'block' } }, overrides === null || overrides === void 0 ? void 0 : overrides.image))) : (React.createElement(Block, __assign({ stylePreset: "placeholderContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.placeholder),
-            React.createElement(TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkSubtle" }, "No image available")))),
-        React.createElement(Block, { paddingBlock: "space030", paddingInline: "space030" },
-            React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody020", stylePreset: "inkContrast", as: "h3" }, overrides === null || overrides === void 0 ? void 0 : overrides.headline), offer.headline))));
+    var StyledTeaserWrapper = styled(Block)(getColorCssFromTheme('borderColor', 'interface020'), 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.createElement(StyledImageContainer, null,
+        React.createElement("img", { src: offer.imageUrl || '/assets/cancellation/default_offer.png', alt: offer.headline, loading: "lazy" }))); };
+    return (React.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.createElement(StyledTeaserWrapper, null,
+            React.createElement(StyledHeadlineBlock, null,
+                React.createElement(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.createElement(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)))));
 };
-export default SunOfferCard;
 //# sourceMappingURL=SunOfferCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SunOfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferCard/SunOfferCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAsB1C,MAAM,CAAC,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,oBAAC,KAAK,4BACS,yBAAkB,KAAK,CAAC,EAAE,CAAE,EACzC,OAAO,EAAE,WAAW,EACpB,WAAW,EAAC,eAAe,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAExB,oBAAC,KAAK,aAAC,WAAW,EAAC,gBAAgB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAC9D,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,sCACE,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,oBAAC,KAAK,aAAC,WAAW,EAAC,sBAAsB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAClE,oBAAC,SAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,yBAGb,CACN,CACT,CACK;QACR,oBAAC,KAAK,IAAC,YAAY,EAAC,UAAU,EAAC,aAAa,EAAC,UAAU;YACrD,oBAAC,SAAS,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;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SunOfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferCard/SunOfferCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/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/esm/Components/Elements/SunOfferGrid/SunOfferGrid.js

@@ -13,8 +13,7 @@ import React from 'react';
 import { GridLayout } from 'newskit';
 import { SunOfferCard } from '../SunOfferCard';
 export 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.createElement(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.createElement(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.createElement(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.createElement(SunOfferCard, { key: offer.id, offer: offer, onClick: onOfferClick, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.card })); }))) : null;
 };
-export default SunOfferGrid;
 //# sourceMappingURL=SunOfferGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SunOfferGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferGrid/SunOfferGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,YAAY,EAAY,MAAM,iBAAiB,CAAA;AAWxD,MAAM,CAAC,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,oBAAC,UAAU,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,oBAAC,YAAY,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;AAEV,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SunOfferGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferGrid/SunOfferGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,YAAY,EAAY,MAAM,iBAAiB,CAAA;AAYxD,MAAM,CAAC,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,oBAAC,UAAU,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,oBAAC,YAAY,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"}

package/dist/esm/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/esm/Components/Elements/TimesLoading/TimesLoading.js

@@ -1,7 +1,32 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import { Stack, TextBlock } from 'newskit';
 import { TimesLoadingSpinner } from '../TimesLoadingSpinner';
-export var TimesLoading = function () { return (React.createElement(Stack, { flow: "vertical-center", stackDistribution: "center", height: "100vh", "data-testid": "times-loading-container" },
-    React.createElement(TimesLoadingSpinner, null),
-    React.createElement(TextBlock, { marginBlockStart: "space050", stylePreset: "inkDark010", typographyPreset: "utilityBody020" }, "Loading"))); };
+export var TimesLoading = function (_a) {
+    var loadingText = _a.loadingText, props = __rest(_a, ["loadingText"]);
+    return (React.createElement(Stack, __assign({ flow: "vertical-center", stackDistribution: "center", height: "100vh" }, props, { "data-testid": "times-loading-container" }),
+        React.createElement(TimesLoadingSpinner, null),
+        React.createElement(TextBlock, { marginBlockStart: "space050", stylePreset: "inkDark010", typographyPreset: "utilityBody020" }, loadingText || 'Loading')));
+};
 //# sourceMappingURL=TimesLoading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimesLoading.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TimesLoading/TimesLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAE5D,MAAM,CAAC,IAAM,YAAY,GAAa,cAAM,OAAA,CAC1C,oBAAC,KAAK,IACJ,IAAI,EAAC,iBAAiB,EACtB,iBAAiB,EAAC,QAAQ,EAC1B,MAAM,EAAC,OAAO,iBACF,yBAAyB;IAErC,oBAAC,mBAAmB,OAAG;IACvB,oBAAC,SAAS,IACR,gBAAgB,EAAC,UAAU,EAC3B,WAAW,EAAC,YAAY,EACxB,gBAAgB,EAAC,gBAAgB,cAGvB,CACN,CACT,EAhB2C,CAgB3C,CAAA"}
+{"version":3,"file":"TimesLoading.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TimesLoading/TimesLoading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAc,SAAS,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAE5D,MAAM,CAAC,IAAM,YAAY,GAAoD,UAAC,EAG7E;IAFC,IAAA,WAAW,iBAAA,EACR,KAAK,cAFoE,eAG7E,CADS;IACJ,OAAA,CACJ,oBAAC,KAAK,aACJ,IAAI,EAAC,iBAAiB,EACtB,iBAAiB,EAAC,QAAQ,EAC1B,MAAM,EAAC,OAAO,IACV,KAAK,mBACG,yBAAyB;QAErC,oBAAC,mBAAmB,OAAG;QACvB,oBAAC,SAAS,IACR,gBAAgB,EAAC,UAAU,EAC3B,WAAW,EAAC,YAAY,EACxB,gBAAgB,EAAC,gBAAgB,IAEhC,WAAW,IAAI,SAAS,CACf,CACN,CACT,CAAA;CAAA,CAAA"}

package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.d.ts

@@ -1,2 +1,2 @@
 import { CancelSubscriptionProps } from './types';
-export declare const CancelSubscription: ({ featureFlags, primaryButton, secondaryButton, introductionProps, modal, overrides, cpn, subscriptions, }: CancelSubscriptionProps) => JSX.Element;
+export declare const CancelSubscription: ({ primaryButton, secondaryButton, introductionProps, overrides, cpn, subscriptions, }: CancelSubscriptionProps) => JSX.Element;

package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js

@@ -13,25 +13,19 @@ import React from 'react';
 import { Introduction } from '@newskit-render/shared-components';
 import { Button, GridLayout } from 'newskit';
 import { ForwardButton } from '../../Elements/ForwardButton/ForwardButton';
-import { trackEvent } from '../../../helpers';
-import { CancelSubscriptionModal } from '../../Elements/CancelSubscriptionModal';
-import { useCancelSubscriptionModal } from '../../../hooks';
+import { replaceBaseURL } from '../../../helpers'; // trackEvent
+import { useRouter } from 'next/navigation';
 export var CancelSubscription = function (_a) {
-    var _b, _c, _d;
-    var featureFlags = _a.featureFlags, primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, introductionProps = _a.introductionProps, modal = _a.modal, overrides = _a.overrides, cpn = _a.cpn, subscriptions = _a.subscriptions;
-    var _e = useCancelSubscriptionModal((_b = modal === null || modal === void 0 ? void 0 : modal.closeButton) === null || _b === void 0 ? void 0 : _b.eventContext), modalOpen = _e.modalOpen, setModalOpen = _e.setModalOpen, onDismissModal = _e.onDismissModal;
+    var _b, _c;
+    var primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, introductionProps = _a.introductionProps, overrides = _a.overrides, cpn = _a.cpn, subscriptions = _a.subscriptions;
+    var router = useRouter();
+    var handleCancelSubscriptionClick = function () {
+        var cancellationUrl = replaceBaseURL((secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.baseUrl) || '', secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.href);
+        router.push(cancellationUrl);
+    };
     return (React.createElement(GridLayout, { "data-testid": "cancel-subscription-container", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.container), columnGap: { md: 'space030' }, alignItems: { xs: 'center', md: 'start' }, justifyContent: { xs: 'center', md: 'start' } },
-        React.createElement(Introduction, { title: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title, description: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.description, titleOverrides: __assign({ textAlign: { xs: 'center', md: 'left' } }, (_c = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _c === void 0 ? void 0 : _c.titleOverrides), descriptionOverrides: (_d = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _d === void 0 ? void 0 : _d.descriptionOverrides }),
+        React.createElement(Introduction, { title: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title, description: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.description, titleOverrides: __assign({ textAlign: { xs: 'center', md: 'left' } }, (_b = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _b === void 0 ? void 0 : _b.titleOverrides), descriptionOverrides: (_c = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _c === void 0 ? void 0 : _c.descriptionOverrides }),
         (primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text) && (React.createElement(Button, __assign({ as: "a", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.primaryButton), eventContext: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.eventContext, href: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.href, "data-testid": "cancel-subscription-primary-button" }, primaryButton.props), primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text)),
-        React.createElement(ForwardButton, { label: "or", paddingBlock: 'space060', buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, overrides === null || overrides === void 0 ? void 0 : overrides.secondaryButton), onClick: function () {
-                trackEvent({
-                    eventName: 'cancellation_modal_open',
-                    cpn: cpn || '',
-                    subscriptions: subscriptions || [],
-                    tags: {},
-                });
-                setModalOpen(true);
-            }, eventContext: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.eventContext, dataTestId: "cancel-subscription-secondary-button", button: { text: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.text }, userTrackingData: { cpn: cpn, subscriptions: subscriptions } }),
-        modal && (React.createElement(CancelSubscriptionModal, { isOpen: modalOpen, onDismissModal: onDismissModal, modal: modal, featureFlags: featureFlags, cpn: cpn, subscriptions: subscriptions }))));
+        React.createElement(ForwardButton, { label: "or", paddingBlock: 'space060', buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, overrides === null || overrides === void 0 ? void 0 : overrides.secondaryButton), onClick: handleCancelSubscriptionClick, eventContext: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.eventContext, dataTestId: "cancel-subscription-secondary-button", button: { text: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.text }, userTrackingData: { cpn: cpn, subscriptions: subscriptions } })));
 };
 //# sourceMappingURL=CancelSubscription.js.map

package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAA;AAE3D,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAST;;QARxB,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,GAAG,SAAA,EACH,aAAa,mBAAA;IAEP,IAAA,KACJ,0BAA0B,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,YAAY,CAAC,EADtD,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,cAAc,oBACe,CAAA;IAE9D,OAAO,CACL,oBAAC,UAAU,mBACG,+BAA+B,EAC3C,SAAS,eAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,GACpC,SAAS,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EACzC,cAAc,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE;QAE7C,oBAAC,YAAY,IACX,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,EAC/B,WAAW,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,EAC3C,cAAc,aACZ,SAAS,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,IACpC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,0CAAE,cAAc,GAE5C,oBAAoB,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,0CAAE,oBAAoB,GACnE;QACD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,CACtB,oBAAC,MAAM,aACL,EAAE,EAAC,GAAG,EACN,SAAS,eAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,GACxC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,EACzC,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,iBACb,oCAAoC,IAC5C,aAAa,CAAC,KAAK,GAEtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CACb,CACV;QACD,oBAAC,aAAa,IACZ,KAAK,EAAC,IAAI,EACV,YAAY,EAAE,UAAU,EACxB,eAAe,aACb,WAAW,EAAE,sBAAsB,IAChC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,GAE/B,OAAO,EAAE;gBACP,UAAU,CAAC;oBACT,SAAS,EAAE,yBAAyB;oBACpC,GAAG,EAAE,GAAG,IAAI,EAAE;oBACd,aAAa,EAAE,aAAa,IAAI,EAAE;oBAClC,IAAI,EAAE,EAAE;iBACT,CAAC,CAAA;gBACF,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC,EACD,YAAY,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,EAC3C,UAAU,EAAC,sCAAsC,EACjD,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,EAAE,EACvC,gBAAgB,EAAE,EAAE,GAAG,KAAA,EAAE,aAAa,eAAA,EAAE,GACxC;QAED,KAAK,IAAI,CACR,oBAAC,uBAAuB,IACtB,MAAM,EAAE,SAAS,EACjB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,GAC5B,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA,CAAC,aAAa;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAOT;;QANxB,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,GAAG,SAAA,EACH,aAAa,mBAAA;IAEb,IAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,IAAM,6BAA6B,GAAG;QACpC,IAAM,eAAe,GAAG,cAAc,CACpC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,KAAI,EAAE,EAC9B,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,CACtB,CAAA;QAED,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,mBACG,+BAA+B,EAC3C,SAAS,eAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,GACpC,SAAS,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EACzC,cAAc,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE;QAE7C,oBAAC,YAAY,IACX,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,EAC/B,WAAW,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,EAC3C,cAAc,aACZ,SAAS,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,IACpC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,0CAAE,cAAc,GAE5C,oBAAoB,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,0CAAE,oBAAoB,GACnE;QACD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,CACtB,oBAAC,MAAM,aACL,EAAE,EAAC,GAAG,EACN,SAAS,eAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,GACxC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,EACzC,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,iBACb,oCAAoC,IAC5C,aAAa,CAAC,KAAK,GAEtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CACb,CACV;QACD,oBAAC,aAAa,IACZ,KAAK,EAAC,IAAI,EACV,YAAY,EAAE,UAAU,EACxB,eAAe,aACb,WAAW,EAAE,sBAAsB,IAChC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,GAE/B,OAAO,EAAE,6BAA6B,EACtC,YAAY,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,EAC3C,UAAU,EAAC,sCAAsC,EACjD,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,EAAE,EACvC,gBAAgB,EAAE,EAAE,GAAG,KAAA,EAAE,aAAa,eAAA,EAAE,GACxC,CACS,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/CancelSubscription/types.d.ts

@@ -19,6 +19,8 @@ export interface CancelSubscriptionProps extends Omit<ContentContainerProps, 'it
     };
     secondaryButton?: {
         text: string;
+        href?: string;
+        baseUrl?: string;
         eventContext?: EventContext;
     };
     introductionProps?: IntroductionProps;