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

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

@@ -0,0 +1,188 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewsletterCard = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var cross_fetch_1 = __importDefault(require("cross-fetch"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var StyledHeaderBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 65px;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n\n  figure {\n    ", "\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"], ["\n  min-height: 65px;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n\n  figure {\n    ", "\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"])), function (_a) {
+    var imageVisible = _a.imageVisible;
+    return imageVisible ? 'display: block' : 'display: none;';
+}, (0, newskit_1.getMediaQueryFromTheme)('sm'));
+var StyledTitleBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  span {\n    display: block;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  span {\n    display: block;\n  }\n"])));
+var StyledFrequencyWrapper = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-transform: uppercase;\n"], ["\n  text-transform: uppercase;\n"])));
+var StyledCardContentWrapper = (0, newskit_1.styled)(newskit_1.CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n\n  .switch-block {\n    align-self: end;\n    margin-top: 8px;\n    flex-shrink: 0;\n  }\n"], ["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n\n  .switch-block {\n    align-self: end;\n    margin-top: 8px;\n    flex-shrink: 0;\n  }\n"])));
+var StyledDescription = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1 1 auto;\n  word-break: break-word;\n  min-height: 0;\n"], ["\n  flex: 1 1 auto;\n  word-break: break-word;\n  min-height: 0;\n"])));
+var StyledSwitchWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  z-index: 0;\n"], ["\n  z-index: 0;\n"])));
+var StyledButton = newskit_1.styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: auto;\n  height: auto;\n  background: transparent;\n  border: none;\n  margin: 0;\n  padding: 0;\n\n  input {\n    display: none;\n  }\n"], ["\n  width: auto;\n  height: auto;\n  background: transparent;\n  border: none;\n  margin: 0;\n  padding: 0;\n\n  input {\n    display: none;\n  }\n"])));
+var NewslettersSubscriptionTypes;
+(function (NewslettersSubscriptionTypes) {
+    NewslettersSubscriptionTypes["unsubscribe"] = "unsubscribe";
+    NewslettersSubscriptionTypes["subscribe"] = "subscribe";
+})(NewslettersSubscriptionTypes || (NewslettersSubscriptionTypes = {}));
+var NewsletterCard = function (_a) {
+    var newsletter = _a.newsletter, cardOverrides = _a.cardOverrides, cardContentOverrides = _a.cardContentOverrides, headlineOverrides = _a.headlineOverrides, frequencyOverrides = _a.frequencyOverrides, textOverrides = _a.textOverrides, newsletterImages = _a.newsletterImages, switchButtonProps = _a.switchButtonProps, handleError = _a.handleError, handleShowSuccess = _a.handleShowSuccess, handleLoading = _a.handleLoading, genericErrorMessage = _a.genericErrorMessage, errorMessages = _a.errorMessages, tealiumContext = _a.tealiumContext, _b = _a.imageVisible, imageVisible = _b === void 0 ? false : _b, rest = __rest(_a, ["newsletter", "cardOverrides", "cardContentOverrides", "headlineOverrides", "frequencyOverrides", "textOverrides", "newsletterImages", "switchButtonProps", "handleError", "handleShowSuccess", "handleLoading", "genericErrorMessage", "errorMessages", "tealiumContext", "imageVisible"]);
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var title = newsletter.bulletinText, description = newsletter.detailedText, isSubscribedInitial = newsletter.isSubscribed, bulletinId = newsletter.bulletinId, frequency = newsletter.frequency;
+    var imageSrc = newsletterImages[bulletinId] || newsletterImages.default;
+    var _c = (0, react_1.useState)(isSubscribedInitial), isSubscribed = _c[0], setIsSubscribed = _c[1];
+    var _d = (0, react_1.useState)(false), loading = _d[0], setIsLoading = _d[1];
+    var handleSubscribeBtnClick = function (ev) { return __awaiter(void 0, void 0, void 0, function () {
+        var initialSubscriptionValue, validationSchemaKey, subscriptionType, response, toastMessage, eventNavigationName, pageName;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    ev.preventDefault();
+                    if (loading)
+                        return [2 /*return*/];
+                    setIsLoading(true);
+                    initialSubscriptionValue = isSubscribed;
+                    setIsSubscribed(!isSubscribed);
+                    validationSchemaKey = isSubscribed
+                        ? 'newsletter-unsubscribe'
+                        : 'newsletter-subscribe';
+                    subscriptionType = initialSubscriptionValue
+                        ? NewslettersSubscriptionTypes.unsubscribe
+                        : NewslettersSubscriptionTypes.subscribe;
+                    return [4 /*yield*/, (0, cross_fetch_1.default)('/api/account/mutate', {
+                            method: 'POST',
+                            body: JSON.stringify({
+                                bulletinId: bulletinId,
+                                validationSchemaKey: validationSchemaKey,
+                            }),
+                        })];
+                case 1:
+                    response = _c.sent();
+                    if (!response.ok) {
+                        setIsSubscribed(initialSubscriptionValue);
+                        if (handleError)
+                            handleError(title, {}, genericErrorMessage, undefined, 4000);
+                        setIsLoading(false);
+                        return [2 /*return*/];
+                    }
+                    toastMessage = errorMessages
+                        ? (_a = errorMessages[subscriptionType].success) === null || _a === void 0 ? void 0 : _a.replace('${title}', title)
+                        : undefined;
+                    setIsLoading(false);
+                    eventNavigationName = "newsletter : ".concat(initialSubscriptionValue
+                        ? NewslettersSubscriptionTypes.unsubscribe
+                        : NewslettersSubscriptionTypes.subscribe);
+                    pageName = ((_b = tealiumContext === null || tealiumContext === void 0 ? void 0 : tealiumContext.context) === null || _b === void 0 ? void 0 : _b.page_name) || 'newsletters';
+                    fireEvent((0, shared_components_1.createClickEvent)('newsletters-hub-toggle', eventNavigationName, undefined, title, pageName, 'navigation', newskit_1.EventTrigger.Click));
+                    if (subscriptionType === NewslettersSubscriptionTypes.unsubscribe &&
+                        handleLoading) {
+                        handleLoading(title, {}, genericErrorMessage, toastMessage, 4000);
+                        return [2 /*return*/];
+                    }
+                    if (handleShowSuccess) {
+                        handleShowSuccess(title, {}, genericErrorMessage, toastMessage, 4000);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (react_1.default.createElement(newskit_1.CardComposable, __assign({ overrides: cardOverrides }, rest),
+        react_1.default.createElement(StyledCardContentWrapper, { rowGap: cardContentOverrides.rowGap, rows: cardContentOverrides.rows, overrides: cardContentOverrides.overrides },
+            react_1.default.createElement(StyledHeaderBlockWrapper, { imageVisible: imageVisible },
+                react_1.default.createElement(StyledTitleBlockWrapper, null,
+                    react_1.default.createElement(newskit_1.Headline, { overrides: headlineOverrides.content, headingAs: "span" }, title),
+                    react_1.default.createElement(StyledFrequencyWrapper, { stylePreset: frequencyOverrides.stylePreset, typographyPreset: frequencyOverrides.typographyPreset }, frequency)),
+                react_1.default.createElement(shared_components_1.Image, { src: imageSrc, alt: title, width: "80", height: "80" })),
+            react_1.default.createElement(StyledDescription, { stylePreset: textOverrides.stylePreset, typographyPreset: textOverrides.typographyPreset }, description),
+            react_1.default.createElement(StyledSwitchWrapper, { className: "switch-block", "data-testid": "switch-wrapper" },
+                react_1.default.createElement(StyledButton, { onClick: handleSubscribeBtnClick, "aria-label": switchButtonProps.label ||
+                        "subscribe/unsubscribe button for the ".concat(title, " newsletter") },
+                    react_1.default.createElement(newskit_1.Switch, { checked: isSubscribed, label: switchButtonProps.label, "aria-label": title, size: switchButtonProps.size, overrides: switchButtonProps.overrides }))))));
+};
+exports.NewsletterCard = NewsletterCard;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=NewsletterCard.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { NewsletterCard } from './NewsletterCard';
+export default NewsletterCard;

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var NewsletterCard_1 = require("./NewsletterCard");
+exports.default = NewsletterCard_1.NewsletterCard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/index.ts"],"names":[],"mappings":";;AAAA,mDAAiD;AAEjD,kBAAe,+BAAc,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { OfferCardProps } from './types';
+export declare const OfferCard: React.FC<OfferCardProps>;

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

@@ -0,0 +1,72 @@
+"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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OfferCard = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var styled_1 = require("./styled");
+var helpers_1 = require("../../../helpers");
+var context_1 = require("../../../context");
+var types_1 = require("../../../context/types");
+var router_1 = require("next/router");
+var OfferCard = function (_a) {
+    var title = _a.title, titleOverrides = _a.titleOverrides, description = _a.description, descriptionOverrides = _a.descriptionOverrides, offerLabel = _a.offerLabel, offerLabelOverrides = _a.offerLabelOverrides, currentPrice = _a.currentPrice, currentPriceOverrides = _a.currentPriceOverrides, newPrice = _a.newPrice, newsPriceOverrides = _a.newsPriceOverrides, buttonText = _a.buttonText, buttonHref = _a.buttonHref, _b = _a.baseUrl, baseUrl = _b === void 0 ? '' : _b, buttonOverrides = _a.buttonOverrides, buttonEventContext = _a.buttonEventContext, containerOverrides = _a.containerOverrides, rest = __rest(_a, ["title", "titleOverrides", "description", "descriptionOverrides", "offerLabel", "offerLabelOverrides", "currentPrice", "currentPriceOverrides", "newPrice", "newsPriceOverrides", "buttonText", "buttonHref", "baseUrl", "buttonOverrides", "buttonEventContext", "containerOverrides"]);
+    var contextName = types_1.ContextName.CancellationStepper;
+    var userData = (0, context_1.useAccountContext)(contextName).userData;
+    var router = (0, router_1.useRouter)();
+    return (react_1.default.createElement(styled_1.StylesCardComposable, __assign({ "data-testid": "offer-card-container" }, containerOverrides, { overrides: __assign({ paddingBlock: 'space040', paddingInline: 'space040', maxWidth: '600px' }, containerOverrides === null || containerOverrides === void 0 ? void 0 : containerOverrides.overrides) }, rest),
+        react_1.default.createElement(newskit_1.CardContent, { rowGap: "space050", overrides: {
+                paddingBlock: 'space020',
+                paddingInline: { xs: 'space000', md: 'space020' },
+            } },
+            react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-title", typographyPreset: "utilityHeading050", stylePreset: "inkDark010" }, titleOverrides), title),
+            offerLabel && typeof offerLabel === 'string' && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-offer-label", typographyPreset: "editorialRegularHeadline070", stylePreset: "inkDark010" }, offerLabelOverrides), offerLabel)),
+            typeof offerLabel !== 'string' ? offerLabel : null,
+            react_1.default.createElement(newskit_1.GridLayout, { columnGap: "space020", columns: "auto auto", justifyContent: "space-between" },
+                currentPrice && (react_1.default.createElement(styled_1.StrikedThroughTextBlock, __assign({ "data-testid": "offer-card-current-price", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkSubtle" }, currentPriceOverrides), currentPrice)),
+                newPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-new-price", typographyPreset: "editorialRegularDisplay003" }, newsPriceOverrides, { stylePreset: "inkDark010" }), newPrice))),
+            react_1.default.createElement(newskit_1.Divider, { overrides: { marginBlockStart: 'space010' } }),
+            description && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-description", typographyPreset: "editorialRegularDisplay002", stylePreset: "inkBase" }, descriptionOverrides), description))),
+        react_1.default.createElement(newskit_1.CardActions, { columns: "1fr", overrides: {
+                paddingBlockStart: 'space050',
+            } }, buttonText && (react_1.default.createElement(newskit_1.Button, __assign({ "data-testid": "offer-card-action", overrides: { width: '100%' } }, buttonOverrides, (buttonHref
+            ? { href: (0, helpers_1.replaceBaseURL)(baseUrl, buttonHref) }
+            : {}), { eventContext: buttonEventContext, onClick: function () {
+                (0, helpers_1.trackEvent)({
+                    eventName: 'cancellation_downgrade_offer',
+                    cpn: (userData === null || userData === void 0 ? void 0 : userData.cpn) || '',
+                    subscriptions: (userData === null || userData === void 0 ? void 0 : userData.subscriptions) || [],
+                    tags: {
+                        page_name: "online cancellation: downgrade",
+                        step: 'downgrade',
+                    },
+                });
+                router.push((0, helpers_1.replaceBaseURL)(baseUrl, buttonHref));
+            } }), buttonText)))));
+};
+exports.OfferCard = OfferCard;
+//# sourceMappingURL=OfferCard.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { OfferCard } from './OfferCard';
+export default OfferCard;

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var OfferCard_1 = require("./OfferCard");
+exports.default = OfferCard_1.OfferCard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/index.ts"],"names":[],"mappings":";;AAAA,yCAAuC;AAEvC,kBAAe,qBAAS,CAAA"}

package/dist/cjs/Components/Elements/OfferCard/styled.d.ts

@@ -0,0 +1,35 @@
+export declare const StrikedThroughTextBlock: import("@emotion/styled").StyledComponent<import("newskit").TextBlockProps & import("react").RefAttributes<HTMLParagraphElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StylesCardComposable: import("@emotion/styled").StyledComponent<{
+    rowGap?: import("newskit").MQ<string> | undefined;
+    columnGap?: import("newskit").MQ<string> | undefined;
+    rows?: import("newskit").MQ<string> | undefined;
+    columns?: import("newskit").MQ<string> | undefined;
+    justifyContent?: import("newskit").MQ<string> | undefined;
+    alignContent?: import("newskit").MQ<string> | undefined;
+    justifyItems?: import("newskit").MQ<string> | undefined;
+    alignItems?: import("newskit").MQ<string> | undefined;
+    areas?: import("newskit").MQ<string> | undefined;
+    inline?: import("newskit").MQ<boolean> | undefined;
+    autoColumns?: import("newskit").MQ<string> | undefined;
+    autoRows?: import("newskit").MQ<string> | undefined;
+    autoFlow?: import("newskit").MQ<string> | undefined;
+    children?: React.ReactNode | import("newskit/cjs/grid-layout/types").GridLayoutRenderProps;
+    as?: React.ElementType<any> | undefined;
+    overrides?: ({
+        width?: import("newskit").MQ<string> | undefined;
+        minWidth?: import("newskit").MQ<string> | undefined;
+        maxWidth?: import("newskit").MQ<string> | undefined;
+        height?: import("newskit").MQ<string> | undefined;
+        minHeight?: import("newskit").MQ<string> | undefined;
+        maxHeight?: import("newskit").MQ<string> | undefined;
+    } & import("newskit/cjs/utils/logical-properties").LogicalProps) | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+    overrides?: {
+        stylePreset?: import("newskit").MQ<string> | undefined;
+        transitionPreset?: import("newskit").TransitionToken | import("newskit").TransitionToken[] | undefined;
+    } | undefined;
+} & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/dist/cjs/Components/Elements/OfferCard/styled.js

@@ -0,0 +1,12 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StylesCardComposable = exports.StrikedThroughTextBlock = void 0;
+var newskit_1 = require("newskit");
+exports.StrikedThroughTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: line-through;\n"], ["\n  text-decoration: line-through;\n"])));
+exports.StylesCardComposable = (0, newskit_1.styled)(newskit_1.CardComposable)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n  ", "\n  backdrop-filter: blur(20px); /* blur does not exist in newskit */\n"], ["\n  border: 1px solid;\n  ", "\n  ", "\n  backdrop-filter: blur(20px); /* blur does not exist in newskit */\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface020'), (0, newskit_1.getShadowCssFromTheme)('box-shadow', 'shadow030'));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/Components/Elements/OfferCard/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,mCAMgB;AAEH,QAAA,uBAAuB,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,yGAAA,sCAEvD,KAAA;AAEY,QAAA,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,kLAAA,4BAEtD,EAAmD,MACnD,EAAgD,yEAEnD,KAHG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EACnD,IAAA,+BAAqB,EAAC,YAAY,EAAE,WAAW,CAAC,EAEnD"}

package/dist/cjs/Components/Elements/OfferCard/types.d.ts

@@ -0,0 +1,21 @@
+import { ButtonProps, CardComposableProps, EventContext, TextBlockProps } from 'newskit';
+import { ReactNode } from 'react';
+export interface OfferCardProps extends CardComposableProps {
+    id: string;
+    title: string;
+    titleOverrides?: TextBlockProps;
+    currentPrice?: string;
+    currentPriceOverrides?: TextBlockProps;
+    newPrice?: string;
+    newsPriceOverrides?: TextBlockProps;
+    description?: string | string[] | React.ReactNode;
+    descriptionOverrides?: TextBlockProps;
+    offerLabel?: ReactNode;
+    offerLabelOverrides?: TextBlockProps;
+    buttonText?: string;
+    buttonHref?: string;
+    baseUrl?: string;
+    buttonOverrides?: ButtonProps;
+    buttonEventContext?: EventContext;
+    containerOverrides?: CardComposableProps;
+}

package/dist/cjs/Components/Elements/OfferCard/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/Components/Elements/OfferCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/types.ts"],"names":[],"mappings":""}

package/dist/cjs/Components/Elements/OfferGroup/Offer.d.ts

@@ -0,0 +1,2 @@
+import { OfferProps } from './types';
+export declare const Offer: ({ id, title, description, discountedPrice, regularPrice, eventContext, overrides, }: OfferProps) => JSX.Element;

package/dist/cjs/Components/Elements/OfferGroup/Offer.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Offer = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var styled_1 = require("./styled");
+var OfferBody_1 = require("./OfferBody");
+var Offer = function (_a) {
+    var _b, _c;
+    var id = _a.id, title = _a.title, description = _a.description, discountedPrice = _a.discountedPrice, regularPrice = _a.regularPrice, eventContext = _a.eventContext, overrides = _a.overrides;
+    return (react_1.default.createElement(styled_1.StyledBlock, __assign({ paddingInline: "space040", paddingBlock: "space050", marginBlockEnd: "space040" }, overrides === null || overrides === void 0 ? void 0 : overrides.container, { "data-testid": "offer-container" }),
+        react_1.default.createElement(newskit_1.RadioButton, { overrides: __assign({ input: { spaceInline: 'space040' } }, (_b = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _b === void 0 ? void 0 : _b.overrides), eventContext: eventContext, name: id, value: id, size: ((_c = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _c === void 0 ? void 0 : _c.size) || 'small', label: react_1.default.createElement(OfferBody_1.OfferBody, { title: title, description: description, discountedPrice: discountedPrice, regularPrice: regularPrice, overrides: overrides }) })));
+};
+exports.Offer = Offer;
+//# sourceMappingURL=Offer.js.map

package/dist/cjs/Components/Elements/OfferGroup/Offer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Offer.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/Offer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAqC;AAErC,mCAAsC;AACtC,yCAAuC;AAEhC,IAAM,KAAK,GAAG,UAAC,EAQT;;QAPX,EAAE,QAAA,EACF,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA;IACO,OAAA,CAChB,8BAAC,oBAAW,aACV,aAAa,EAAC,UAAU,EACxB,YAAY,EAAC,UAAU,EACvB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,mBACZ,iBAAiB;QAE7B,8BAAC,qBAAW,IACV,SAAS,aACP,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,IAC/B,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,SAAS,GAEtC,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,EACT,IAAI,EAAE,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,KAAI,OAAO,EAC7C,KAAK,EACH,8BAAC,qBAAS,IACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,GACpB,GAEJ,CACU,CACf,CAAA;CAAA,CAAA;AApCY,QAAA,KAAK,SAoCjB"}

package/dist/cjs/Components/Elements/OfferGroup/OfferBody.d.ts

@@ -0,0 +1,2 @@
+import { OfferBodyProps } from './types';
+export declare const OfferBody: ({ title, description, discountedPrice, regularPrice, overrides, }: OfferBodyProps) => JSX.Element;

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

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OfferBody = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var OfferBody = function (_a) {
+    var title = _a.title, description = _a.description, discountedPrice = _a.discountedPrice, regularPrice = _a.regularPrice, overrides = _a.overrides;
+    return (react_1.default.createElement(newskit_1.Block, null,
+        react_1.default.createElement(newskit_1.TextBlock, __assign({ marginBlockStart: "space020", typographyPreset: "editorialHeadline040" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
+        discountedPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilitySubheading030", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.discountedPrice), discountedPrice)),
+        regularPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilitySubheading010", stylePreset: "inkSubtle", marginBlockStart: "space020" }, overrides === null || overrides === void 0 ? void 0 : overrides.regularPrice), regularPrice)),
+        react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.description), description)));
+};
+exports.OfferBody = OfferBody;
+//# sourceMappingURL=OfferBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfferBody.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/OfferBody.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAGnC,IAAM,SAAS,GAAG,UAAC,EAMT;QALf,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,OAAO,CACL,8BAAC,eAAK;QACJ,8BAAC,mBAAS,aACR,gBAAgB,EAAC,UAAU,EAC3B,gBAAgB,EAAC,sBAAsB,IACnC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QAEX,eAAe,IAAI,CAClB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,sBAAsB,EACvC,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,GAE7B,eAAe,CACN,CACb;QACA,YAAY,IAAI,CACf,8BAAC,mBAAS,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,8BAAC,mBAAS,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;AA/CY,QAAA,SAAS,aA+CrB"}

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

@@ -0,0 +1,2 @@
+import { OfferGroupProps } from './types';
+export declare const OfferGroup: ({ offers, selectedOfferId, onSelect, }: OfferGroupProps) => JSX.Element | null;

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

@@ -0,0 +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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OfferGroup = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var Offer_1 = require("./Offer");
+var OfferGroup = function (_a) {
+    var offers = _a.offers, selectedOfferId = _a.selectedOfferId, onSelect = _a.onSelect;
+    return (offers === null || offers === void 0 ? void 0 : offers.length) ? (react_1.default.createElement(newskit_1.RadioGroup, { name: "offer-group", "data-testid": "offer-group", value: selectedOfferId, onChange: function (event) { return onSelect(event.target.value); } }, offers.map(function (offer) { return (react_1.default.createElement(Offer_1.Offer, __assign({ key: offer.id }, offer))); }))) : null;
+};
+exports.OfferGroup = OfferGroup;
+//# sourceMappingURL=OfferGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfferGroup.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/OfferGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAoC;AACpC,iCAA+B;AAGxB,IAAM,UAAU,GAAG,UAAC,EAIT;QAHhB,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,QAAQ,cAAA;IAER,OAAA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACf,8BAAC,oBAAU,IACT,IAAI,EAAC,aAAa,iBACN,aAAa,EACzB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,IAEhD,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,8BAAC,aAAK,aAAC,GAAG,EAAE,KAAK,CAAC,EAAE,IAAM,KAAK,EAAI,CACpC,EAFsB,CAEtB,CAAC,CACS,CACd,CAAC,CAAC,CAAC,IAAI;AAXR,CAWQ,CAAA;AAhBG,QAAA,UAAU,cAgBb"}

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

@@ -0,0 +1,4 @@
+import { OfferGroup } from './OfferGroup';
+export { Offer } from './Offer';
+export * from './types';
+export default OfferGroup;

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

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Offer = void 0;
+var OfferGroup_1 = require("./OfferGroup");
+var Offer_1 = require("./Offer");
+Object.defineProperty(exports, "Offer", { enumerable: true, get: function () { return Offer_1.Offer; } });
+__exportStar(require("./types"), exports);
+exports.default = OfferGroup_1.OfferGroup;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,2CAAyC;AACzC,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,0CAAuB;AAEvB,kBAAe,uBAAU,CAAA"}

package/dist/cjs/Components/Elements/OfferGroup/styled.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledBlock: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    borderColor?: string;
+    backgroundColor?: string;
+}, {}, {}>;

package/dist/cjs/Components/Elements/OfferGroup/styled.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledBlock = void 0;
+var newskit_1 = require("newskit");
+exports.StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n  ", "\n"])), function (_a) {
+    var borderColor = _a.borderColor;
+    return (0, newskit_1.getColorCssFromTheme)('borderColor', borderColor || 'teal040');
+}, function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return (0, newskit_1.getColorCssFromTheme)('background', backgroundColor || 'teal010');
+});
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/Components/Elements/OfferGroup/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,mCAA6D;AAEhD,QAAA,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,6GAGtC,4BAEE,EAC6D,MAC7D,EACgE,IACnE,KAJG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAAC,aAAa,EAAE,WAAW,IAAI,SAAS,CAAC;AAA7D,CAA6D,EAC7D,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,IAAA,8BAAoB,EAAC,YAAY,EAAE,eAAe,IAAI,SAAS,CAAC;AAAhE,CAAgE,EACnE"}