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

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

@@ -0,0 +1,24 @@
+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);
+};
+import React from 'react';
+import { Stack, styled } from 'newskit'; // or use SvgProps?
+import { IconSpinner } from '../Icons';
+var StyledSpinnerAnimation = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  animation: rotate 1s infinite linear;\n  border-radius: 50%;\n  z-index: 1;\n"], ["\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  animation: rotate 1s infinite linear;\n  border-radius: 50%;\n  z-index: 1;\n"])));
+export var LoadingSpinner = function (props) { return (React.createElement(Stack, { flow: "horizontal-center", stackDistribution: "center", height: "min-content", "data-testid": "loading-spinner-container" },
+    React.createElement(StyledSpinnerAnimation, { "data-testid": "spinner-animation" },
+        React.createElement(IconSpinner, __assign({ overrides: { size: 'iconSize105' } }, props, { "data-testid": "spinner-icon" }))))); };
+var templateObject_1;
+//# sourceMappingURL=LoadingSpinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAoB,MAAM,SAAS,CAAA,CAAC,mBAAmB;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,0RAAA,uNAaxC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAA+B,UAAC,KAAK,IAAK,OAAA,CACnE,oBAAC,KAAK,IACJ,IAAI,EAAC,mBAAmB,EACxB,iBAAiB,EAAC,QAAQ,EAC1B,MAAM,EAAC,aAAa,iBACR,2BAA2B;IAEvC,oBAAC,sBAAsB,mBAAa,mBAAmB;QACrD,oBAAC,WAAW,aACV,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,IAC9B,KAAK,mBACG,cAAc,IAC1B,CACqB,CACnB,CACT,EAfoE,CAepE,CAAA"}

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

@@ -0,0 +1 @@
+export * from './LoadingSpinner';

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

@@ -0,0 +1,2 @@
+export * from './LoadingSpinner';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/LoadingSpinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/esm/Components/Elements/Loqate/Loqate.d.ts

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import Head from 'next/head';
+import Script from 'next/script';
+// This is the Loqate script and css that is need to be added to enable Loqate search functionality working in the address form
+export var Loqate = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Head, null,
+            React.createElement("link", { rel: "stylesheet", type: "text/css", href: "https://services.postcodeanywhere.co.uk/css/address-3.91.css" })),
+        React.createElement(Script, { src: "https://services.postcodeanywhere.co.uk/js/address-3.91.js", strategy: "lazyOnload" })));
+};
+//# sourceMappingURL=Loqate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loqate.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Loqate/Loqate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,+HAA+H;AAC/H,MAAM,CAAC,IAAM,MAAM,GAAa;IAC9B,OAAO,CACL;QACE,oBAAC,IAAI;YACH,8BACE,GAAG,EAAC,YAAY,EAChB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,8DAA8D,GACnE,CACG;QAEP,oBAAC,MAAM,IACL,GAAG,EAAC,4DAA4D,EAChE,QAAQ,EAAC,YAAY,GACrB,CACD,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+export * from './Loqate';

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

@@ -0,0 +1,2 @@
+export * from './Loqate';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Loqate/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NewsletterDetails } from '../../../pages/types';
+import { NewslettersListContextOptions } from '../../../context/types';
+export interface NewsletterViewProps extends Omit<NewslettersListContextOptions, 'gridLayoutOverrides' | 'handleSuccess' | 'handleWarning'> {
+    newsletter: NewsletterDetails;
+    imageVisible?: boolean;
+}
+export declare const NewsletterCard: React.FC<NewsletterViewProps>;

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

@@ -0,0 +1,158 @@
+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 __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;
+};
+import React, { useState } from 'react';
+import { Block, styled, CardComposable, CardContent, Headline, TextBlock, Switch, getMediaQueryFromTheme, useInstrumentation, EventTrigger, } from 'newskit';
+import fetch from 'cross-fetch';
+import { Image, createClickEvent } from '@newskit-render/shared-components';
+var StyledHeaderBlockWrapper = styled(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;';
+}, getMediaQueryFromTheme('sm'));
+var StyledTitleBlockWrapper = styled(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 = styled(TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-transform: uppercase;\n"], ["\n  text-transform: uppercase;\n"])));
+var StyledCardContentWrapper = styled(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 = styled(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 = styled(Block)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  z-index: 0;\n"], ["\n  z-index: 0;\n"])));
+var StyledButton = 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 = {}));
+export 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 = 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 = useState(isSubscribedInitial), isSubscribed = _c[0], setIsSubscribed = _c[1];
+    var _d = 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*/, fetch('/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(createClickEvent('newsletters-hub-toggle', eventNavigationName, undefined, title, pageName, 'navigation', 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.createElement(CardComposable, __assign({ overrides: cardOverrides }, rest),
+        React.createElement(StyledCardContentWrapper, { rowGap: cardContentOverrides.rowGap, rows: cardContentOverrides.rows, overrides: cardContentOverrides.overrides },
+            React.createElement(StyledHeaderBlockWrapper, { imageVisible: imageVisible },
+                React.createElement(StyledTitleBlockWrapper, null,
+                    React.createElement(Headline, { overrides: headlineOverrides.content, headingAs: "span" }, title),
+                    React.createElement(StyledFrequencyWrapper, { stylePreset: frequencyOverrides.stylePreset, typographyPreset: frequencyOverrides.typographyPreset }, frequency)),
+                React.createElement(Image, { src: imageSrc, alt: title, width: "80", height: "80" })),
+            React.createElement(StyledDescription, { stylePreset: textOverrides.stylePreset, typographyPreset: textOverrides.typographyPreset }, description),
+            React.createElement(StyledSwitchWrapper, { className: "switch-block", "data-testid": "switch-wrapper" },
+                React.createElement(StyledButton, { onClick: handleSubscribeBtnClick, "aria-label": switchButtonProps.label ||
+                        "subscribe/unsubscribe button for the ".concat(title, " newsletter") },
+                    React.createElement(Switch, { checked: isSubscribed, label: switchButtonProps.label, "aria-label": title, size: switchButtonProps.size, overrides: switchButtonProps.overrides }))))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=NewsletterCard.js.map

package/dist/esm/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/esm/Components/Elements/NewsletterCard/index.d.ts

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

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

@@ -0,0 +1,3 @@
+import { NewsletterCard } from './NewsletterCard';
+export default NewsletterCard;
+//# sourceMappingURL=index.js.map

package/dist/esm/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,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,65 @@
+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 { CardContent, TextBlock, Button, CardActions, Divider, GridLayout, } from 'newskit';
+import { StrikedThroughTextBlock, StylesCardComposable } from './styled';
+import { replaceBaseURL, trackEvent } from '../../../helpers';
+import { useAccountContext } from '../../../context';
+import { ContextName, } from '../../../context/types';
+import { useRouter } from 'next/router';
+export 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 = ContextName.CancellationStepper;
+    var userData = useAccountContext(contextName).userData;
+    var router = useRouter();
+    return (React.createElement(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.createElement(CardContent, { rowGap: "space050", overrides: {
+                paddingBlock: 'space020',
+                paddingInline: { xs: 'space000', md: 'space020' },
+            } },
+            React.createElement(TextBlock, __assign({ "data-testid": "offer-card-title", typographyPreset: "utilityHeading050", stylePreset: "inkDark010" }, titleOverrides), title),
+            offerLabel && typeof offerLabel === 'string' && (React.createElement(TextBlock, __assign({ "data-testid": "offer-card-offer-label", typographyPreset: "editorialRegularHeadline070", stylePreset: "inkDark010" }, offerLabelOverrides), offerLabel)),
+            typeof offerLabel !== 'string' ? offerLabel : null,
+            React.createElement(GridLayout, { columnGap: "space020", columns: "auto auto", justifyContent: "space-between" },
+                currentPrice && (React.createElement(StrikedThroughTextBlock, __assign({ "data-testid": "offer-card-current-price", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkSubtle" }, currentPriceOverrides), currentPrice)),
+                newPrice && (React.createElement(TextBlock, __assign({ "data-testid": "offer-card-new-price", typographyPreset: "editorialRegularDisplay003" }, newsPriceOverrides, { stylePreset: "inkDark010" }), newPrice))),
+            React.createElement(Divider, { overrides: { marginBlockStart: 'space010' } }),
+            description && (React.createElement(TextBlock, __assign({ "data-testid": "offer-card-description", typographyPreset: "editorialRegularDisplay002", stylePreset: "inkBase" }, descriptionOverrides), description))),
+        React.createElement(CardActions, { columns: "1fr", overrides: {
+                paddingBlockStart: 'space050',
+            } }, buttonText && (React.createElement(Button, __assign({ "data-testid": "offer-card-action", overrides: { width: '100%' } }, buttonOverrides, (buttonHref
+            ? { href: replaceBaseURL(baseUrl, buttonHref) }
+            : {}), { eventContext: buttonEventContext, onClick: function () {
+                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(replaceBaseURL(baseUrl, buttonHref));
+            } }), buttonText)))));
+};
+//# sourceMappingURL=OfferCard.js.map

package/dist/esm/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/esm/Components/Elements/OfferCard/index.d.ts

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

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

@@ -0,0 +1,3 @@
+import { OfferCard } from './OfferCard';
+export default OfferCard;
+//# sourceMappingURL=index.js.map

package/dist/esm/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,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,9 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { CardComposable, getColorCssFromTheme, getShadowCssFromTheme, styled, TextBlock, } from 'newskit';
+export var StrikedThroughTextBlock = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: line-through;\n"], ["\n  text-decoration: line-through;\n"])));
+export var StylesCardComposable = styled(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"])), getColorCssFromTheme('borderColor', 'interface020'), getShadowCssFromTheme('box-shadow', 'shadow030'));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styled.js.map

package/dist/esm/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,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,MAAM,EACN,SAAS,GACV,MAAM,SAAS,CAAA;AAEhB,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,SAAS,CAAC,yGAAA,sCAEvD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,kLAAA,4BAEtD,EAAmD,MACnD,EAAgD,yEAEnD,KAHG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EACnD,qBAAqB,CAAC,YAAY,EAAE,WAAW,CAAC,CAEnD,CAAA"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,22 @@
+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 { RadioButton } from 'newskit';
+import { StyledBlock } from './styled';
+import { OfferBody } from './OfferBody';
+export 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.createElement(StyledBlock, __assign({ paddingInline: "space040", paddingBlock: "space050", marginBlockEnd: "space040" }, overrides === null || overrides === void 0 ? void 0 : overrides.container, { "data-testid": "offer-container" }),
+        React.createElement(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.createElement(OfferBody, { title: title, description: description, discountedPrice: discountedPrice, regularPrice: regularPrice, overrides: overrides }) })));
+};
+//# sourceMappingURL=Offer.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,CAAC,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,oBAAC,WAAW,aACV,aAAa,EAAC,UAAU,EACxB,YAAY,EAAC,UAAU,EACvB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,mBACZ,iBAAiB;QAE7B,oBAAC,WAAW,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,oBAAC,SAAS,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"}

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

@@ -0,0 +1,22 @@
+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 { 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)));
+};
+//# sourceMappingURL=OfferBody.js.map

package/dist/esm/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,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"}

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

@@ -0,0 +1,19 @@
+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 { RadioGroup } from 'newskit';
+import { Offer } from './Offer';
+export 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.createElement(RadioGroup, { name: "offer-group", "data-testid": "offer-group", value: selectedOfferId, onChange: function (event) { return onSelect(event.target.value); } }, offers.map(function (offer) { return (React.createElement(Offer, __assign({ key: offer.id }, offer))); }))) : null;
+};
+//# sourceMappingURL=OfferGroup.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,MAAM,CAAC,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,oBAAC,UAAU,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,oBAAC,KAAK,aAAC,GAAG,EAAE,KAAK,CAAC,EAAE,IAAM,KAAK,EAAI,CACpC,EAFsB,CAEtB,CAAC,CACS,CACd,CAAC,CAAC,CAAC,IAAI;AAXR,CAWQ,CAAA"}

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

@@ -0,0 +1,5 @@
+import { OfferGroup } from './OfferGroup';
+export { Offer } from './Offer';
+export * from './types';
+export default OfferGroup;
+//# sourceMappingURL=index.js.map

package/dist/esm/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,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,cAAc,SAAS,CAAA;AAEvB,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,14 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Block, getColorCssFromTheme, styled } from 'newskit';
+export var StyledBlock = styled(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 getColorCssFromTheme('borderColor', borderColor || 'teal040');
+}, function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return getColorCssFromTheme('background', backgroundColor || 'teal010');
+});
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/dist/esm/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,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAE7D,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,6GAGtC,4BAEE,EAC6D,MAC7D,EACgE,IACnE,KAJG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,oBAAoB,CAAC,aAAa,EAAE,WAAW,IAAI,SAAS,CAAC;AAA7D,CAA6D,EAC7D,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,oBAAoB,CAAC,YAAY,EAAE,eAAe,IAAI,SAAS,CAAC;AAAhE,CAAgE,CACnE,CAAA"}