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

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

@@ -0,0 +1,61 @@
+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, { useEffect, useRef } from 'react';
+import { GridLayout, Block } from 'newskit';
+import { forceLayoutReflow } from '../../../helpers/layoutReflowUtils';
+export var NewslettersList = function (_a) {
+    var gridLayoutOverrides = _a.gridLayoutOverrides, children = _a.children, newslettersListOverrides = _a.newslettersListOverrides, rest = __rest(_a, ["gridLayoutOverrides", "children", "newslettersListOverrides"]);
+    var gridRef = useRef(null);
+    // Safari-specific workaround for layout issues with Newsletters tiles content
+    // overflowing and overlapping on viewport changes.
+    // This effect adds event listeners for 'resize' and 'wheel' events to trigger a
+    // layout recalculation by temporarily changing the display property of the grid container.
+    // This is necessary due to Safari's handling of CSS Grid and viewport changes.
+    useEffect(function () {
+        var timeoutId;
+        var handleViewportChange = function () {
+            clearTimeout(timeoutId);
+            timeoutId = setTimeout(function () {
+                forceLayoutReflow(gridRef.current);
+            }, 100);
+        };
+        var userAgent = (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || '';
+        var isSafari = /^((?!chrome|android).)*safari/i.test(userAgent);
+        if (isSafari && (window === null || window === void 0 ? void 0 : window.addEventListener)) {
+            window.addEventListener('resize', handleViewportChange);
+            window.addEventListener('wheel', handleViewportChange, { passive: true });
+            return function () {
+                if (window === null || window === void 0 ? void 0 : window.removeEventListener) {
+                    window.removeEventListener('resize', handleViewportChange);
+                    window.removeEventListener('wheel', handleViewportChange);
+                }
+                clearTimeout(timeoutId);
+            };
+        }
+        return;
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Block, __assign({ marginBlockEnd: "space070" }, newslettersListOverrides, rest),
+            React.createElement(GridLayout, { ref: gridRef, columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap }, children))));
+};
+//# sourceMappingURL=NewslettersList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewslettersList.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NewslettersList/NewslettersList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAc,MAAM,SAAS,CAAA;AAGvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAQtE,MAAM,CAAC,IAAM,eAAe,GAExB,UAAC,EAAoE;IAAlE,IAAA,mBAAmB,yBAAA,EAAE,QAAQ,cAAA,EAAE,wBAAwB,8BAAA,EAAK,IAAI,cAAlE,+DAAoE,CAAF;IACrE,IAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE5C,8EAA8E;IAC9E,mDAAmD;IACnD,gFAAgF;IAChF,2FAA2F;IAC3F,+EAA+E;IAC/E,SAAS,CAAC;QACR,IAAI,SAAyB,CAAA;QAE7B,IAAM,oBAAoB,GAAG;YAC3B,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,SAAS,GAAG,UAAU,CAAC;gBACrB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACpC,CAAC,EAAE,GAAG,CAAC,CAAA;QACT,CAAC,CAAA;QAED,IAAM,SAAS,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,KAAI,EAAE,CAAA;QAC5C,IAAM,QAAQ,GAAG,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAEjE,IAAI,QAAQ,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAA,EAAE,CAAC;YACzC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;YACvD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;YAEzE,OAAO;gBACL,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,EAAE,CAAC;oBAChC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;oBAC1D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;gBAC3D,CAAC;gBACD,YAAY,CAAC,SAAS,CAAC,CAAA;YACzB,CAAC,CAAA;QACH,CAAC;QAED,OAAM;IACR,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL;QACE,oBAAC,KAAK,aAAC,cAAc,EAAC,UAAU,IAAK,wBAAwB,EAAM,IAAI;YACrE,oBAAC,UAAU,IACT,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,SAAS,EAAE,mBAAmB,CAAC,SAAS,EACxC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EACtC,MAAM,EAAE,mBAAmB,CAAC,MAAM,IAEjC,QAAQ,CACE,CACP,CACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/NewslettersList/index.d.ts

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

package/dist/esm/Components/Sections/NewslettersList/index.js

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

package/dist/esm/Components/Sections/NewslettersList/index.js.map

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

package/dist/esm/Components/Sections/NoSubscription/SubscriptionStatus.d.ts

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

package/dist/esm/Components/Sections/NoSubscription/SubscriptionStatus.js

@@ -0,0 +1,26 @@
+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 { Header, ButtonGroup, UserPlatform, checkRequestHeaders, } from '@newskit-render/shared-components';
+import { ContextName, } from '../../../context/types';
+import { useAccountContext } from '../../../context';
+export var SubscriptionStatus = function (_a) {
+    var _b, _c;
+    var header = _a.header, buttonGroupProps = _a.buttonGroupProps;
+    var contextName = ContextName.subscriptionAndBilling;
+    var requestHeaders = useAccountContext(contextName).requestHeaders;
+    var showSubscriptionButton = checkRequestHeaders(requestHeaders, UserPlatform.ios_sun_app);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header)),
+        buttonGroupProps && !showSubscriptionButton ? (React.createElement(ButtonGroup, __assign({}, buttonGroupProps, { primaryButton: __assign(__assign({}, buttonGroupProps.primaryButton), { text: (_b = buttonGroupProps.primaryButton) === null || _b === void 0 ? void 0 : _b.text, eventContext: (_c = buttonGroupProps.primaryButton) === null || _c === void 0 ? void 0 : _c.eventContext }) }))) : null));
+};
+//# sourceMappingURL=SubscriptionStatus.js.map

package/dist/esm/Components/Sections/NoSubscription/SubscriptionStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionStatus.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/SubscriptionStatus.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,YAAY,EACZ,mBAAmB,GACpB,MAAM,mCAAmC,CAAA;AAG1C,OAAO,EACL,WAAW,GAEZ,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAGrE;;QAFC,MAAM,YAAA,EACN,gBAAgB,sBAAA;IAEhB,IAAM,WAAW,GAAG,WAAW,CAAC,sBAAsB,CAAA;IAC9C,IAAA,cAAc,GAAK,iBAAiB,CAC1C,WAAW,CAC4B,eAFnB,CAEmB;IACzC,IAAM,sBAAsB,GAAY,mBAAmB,CACzD,cAAc,EACd,YAAY,CAAC,WAAW,CACzB,CAAA;IAED,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QACrB,gBAAgB,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAC7C,oBAAC,WAAW,eACN,gBAAgB,IACpB,aAAa,wBACR,gBAAgB,CAAC,aAAa,KACjC,IAAI,EAAE,MAAA,gBAAgB,CAAC,aAAa,0CAAE,IAAI,EAC1C,YAAY,EAAE,MAAA,gBAAgB,CAAC,aAAa,0CAAE,YAAY,OAE5D,CACH,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/NoSubscription/SunNoSubscription.d.ts

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

package/dist/esm/Components/Sections/NoSubscription/SunNoSubscription.js

@@ -0,0 +1,68 @@
+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 { Image, getAspectRatio } from '@newskit-render/shared-components';
+import { Block, Button, GridLayout, GridLayoutItem, InlineMessage, styled, TextBlock, toNewsKitIcon, } from 'newskit';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+import { Launch } from '@emotion-icons/material/Launch';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+var IconFilledLaunch = toNewsKitIcon(Launch);
+var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var center = _a.center;
+    return center && "text-align: center;";
+});
+export var SunNoSubscription = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var header = _a.header, buttonProps = _a.buttonProps;
+    var _g = header || {}, introductionCell = _g.introductionCell, title = _g.title, titleOverrides = _g.titleOverrides, _h = _g.center, center = _h === void 0 ? false : _h, image = _g.image, imageCell = _g.imageCell, inlineMessage = _g.inlineMessage;
+    var titleDefaultMarginBlockEnd = inlineMessage
+        ? 'space040'
+        : { xs: 'space050', md: 'space060' };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(GridLayout, { columns: "repeat(12, 1fr)", "data-testid": "page-header" },
+            React.createElement(GridLayoutItem, __assign({ column: { xs: '1 / span 12' } }, introductionCell),
+                title && (React.createElement(StyledBlock, { marginBlockEnd: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlockEnd) || titleDefaultMarginBlockEnd, center: center },
+                    React.createElement(TextBlock, { as: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.as) || 'h1', "data-testid": "introduction-title", typographyPreset: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.typographyPreset) || {
+                            xs: 'editorialHeadline040',
+                            md: 'editorialHeadline050',
+                        }, stylePreset: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.stylePreset) || 'inkContrast' }, title))),
+                inlineMessage && (React.createElement(StyledBlock, { "data-testid": "inline-message-block", marginBlockEnd: ((_b = inlineMessage.overrides) === null || _b === void 0 ? void 0 : _b.marginBlockEnd) || {
+                        xs: 'space040',
+                        md: 'space050',
+                    }, paddingBlock: (_c = inlineMessage.overrides) === null || _c === void 0 ? void 0 : _c.paddingBlock, paddingInline: (_d = inlineMessage.overrides) === null || _d === void 0 ? void 0 : _d.paddingInline, center: center },
+                    React.createElement(InlineMessage, { overrides: {
+                            stylePreset: (inlineMessage === null || inlineMessage === void 0 ? void 0 : inlineMessage.stylePreset) || 'inlineMessageNotice',
+                            content: {
+                                message: {
+                                    stylePreset: ((_e = inlineMessage.overrides) === null || _e === void 0 ? void 0 : _e.message.stylePreset) ||
+                                        'inkBase',
+                                    typographyPreset: ((_f = inlineMessage.overrides) === null || _f === void 0 ? void 0 : _f.message.typographyPreset) || {
+                                        xs: 'editorialParagraph010',
+                                        md: 'editorialParagraph020',
+                                    },
+                                },
+                            },
+                        }, icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }) }, inlineMessage.message)))),
+            image && (React.createElement(GridLayoutItem, __assign({ column: "1 / span 12" }, imageCell, { marginBlockEnd: image.marginBlockEnd }),
+                React.createElement(Image, { src: image.src, alt: image.alt || '', aspectRatio: getAspectRatio(image.loadingAspectRatio) })))),
+        buttonProps ? (React.createElement(GridLayout, { justifyContent: "center" },
+            React.createElement(GridLayoutItem, null,
+                React.createElement(Button, { size: buttonProps.size || 'medium', "aria-label": buttonProps.ariaLabel, href: buttonProps.href, overrides: buttonProps.overrides || {}, target: buttonProps.target || '_self' },
+                    buttonProps.text,
+                    buttonProps.showIcon && React.createElement(IconFilledLaunch, null))))) : null));
+};
+var templateObject_1;
+//# sourceMappingURL=SunNoSubscription.js.map

package/dist/esm/Components/Sections/NoSubscription/SunNoSubscription.js.map

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

package/dist/esm/Components/Sections/NoSubscription/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SubscriptionStatus';
+export * from './SunNoSubscription';
+export * from './types';

package/dist/esm/Components/Sections/NoSubscription/index.js

@@ -0,0 +1,4 @@
+export * from './SubscriptionStatus';
+export * from './SunNoSubscription';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/NoSubscription/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}

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

@@ -0,0 +1,45 @@
+import { HeaderProps, ButtonGroupProps, IntroductionProps } from '@newskit-render/shared-components';
+import { ImageProps, MQ } from 'newskit';
+import { GridLayoutItemProps } from 'newskit/cjs/grid-layout/types';
+export interface SubscriptionStatusProps {
+    header?: HeaderProps;
+    disableBanner?: boolean;
+    buttonGroupProps?: Partial<ButtonGroupProps>;
+}
+export interface SunNoSubscriptionProps {
+    header?: IntroductionProps & {
+        image?: (ImageProps & {
+            marginBlockEnd?: MQ<string>;
+        }) | false;
+        marginBlockEnd?: MQ<string>;
+        imageCell?: GridLayoutItemProps;
+        introductionCell?: GridLayoutItemProps;
+        inlineMessage?: {
+            message?: string;
+            stylePreset?: MQ<string>;
+            overrides?: {
+                stylePreset?: MQ<string>;
+                message: {
+                    stylePreset?: MQ<string>;
+                    typographyPreset?: MQ<string>;
+                    marginBlockEnd?: MQ<string>;
+                };
+                paddingBlock?: MQ<string>;
+                paddingInline?: MQ<string>;
+                marginBlockEnd?: MQ<string>;
+            };
+        };
+    };
+    buttonProps?: {
+        size: 'small' | 'medium' | 'large';
+        text: string | React.ReactElement | React.ReactNode;
+        showIcon?: boolean;
+        ariaLabel?: string;
+        href?: string;
+        target?: '_self' | '_blank';
+        overrides?: {
+            stylePreset?: MQ<string>;
+            minWidth?: MQ<string>;
+        };
+    };
+}

package/dist/esm/Components/Sections/NoSubscription/types.js

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

package/dist/esm/Components/Sections/NoSubscription/types.js.map

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

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

@@ -0,0 +1,30 @@
+import React, { FC } from 'react';
+import { HeaderProps } from '@newskit-render/shared-components';
+import { PreviewIncentiveProps } from '../../../helpers';
+import { UserData } from '../../../pages/types';
+import { ForwardButtonProps } from '../../../Components/Elements/ForwardButton/ForwardButton';
+import { OfferSummaryProps } from './OfferSummary';
+import { NextStepProps } from '../../../Components/Templates/CancellationStepperRender';
+export interface OfferPreviewContextProps {
+    header?: HeaderProps;
+    subscriptionSummary: OfferSummaryProps;
+    paymentSummary: {
+        sectionTitle: string;
+    };
+    note: {
+        title: string;
+        description: string;
+    };
+    continueButton: ForwardButtonProps & {
+        nextStep: string;
+    };
+    user: UserData;
+}
+export interface OfferPreviewPops extends OfferPreviewContextProps {
+    selectedOffer?: string;
+    baseUrl?: string;
+    onNextStep: NextStepProps;
+    setIncentiveData: React.Dispatch<React.SetStateAction<PreviewIncentiveProps | null>>;
+    incentiveData?: PreviewIncentiveProps | null;
+}
+export declare const OfferPreview: FC<OfferPreviewPops>;

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

@@ -0,0 +1,159 @@
+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 };
+    }
+};
+import React, { useEffect, useMemo, useState } from 'react';
+import { Header } from '@newskit-render/shared-components';
+import { Block, Button, getColorCssFromTheme, GridLayout, GridLayoutItem, Stack, styled, TextBlock, } from 'newskit';
+import { applyIncentive, getDefaultItemValue, getOfferPreviewData, getValueDescription, populateSubscriptionSummaryData, } from '../../../helpers';
+import { OfferSummary } from './OfferSummary';
+import { TimesLoading } from '../../../Components/Elements/TimesLoading';
+import sendToast from '../../../Components/Elements/Toast/sendToast';
+var StyledStack = styled(Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  height: auto;\n  ", ";\n"], ["\n  border: 1px solid;\n  height: auto;\n  ", ";\n"])), getColorCssFromTheme('borderColor', 'neutral030'));
+var StyledLoading = styled(Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 1px solid;\n  height: auto;\n  ", ";\n"], ["\n  border: 1px solid;\n  height: auto;\n  ", ";\n"])), getColorCssFromTheme('borderColor', 'neutral040'));
+export var OfferPreview = function (_a) {
+    var _b;
+    var header = _a.header, subscriptionSummary = _a.subscriptionSummary, note = _a.note, paymentSummary = _a.paymentSummary, continueButton = _a.continueButton, user = _a.user, selectedOffer = _a.selectedOffer, onNextStep = _a.onNextStep, setIncentiveData = _a.setIncentiveData, incentiveData = _a.incentiveData;
+    var _c = useState(true), loading = _c[0], setLoading = _c[1];
+    var _d = useState(selectedOffer || ''), offerCode = _d[0], setOfferCode = _d[1];
+    var enrichedSubscriptionSummary = useMemo(function () {
+        if (incentiveData && user) {
+            var components2 = populateSubscriptionSummaryData(incentiveData, subscriptionSummary, user);
+            return components2;
+        }
+        return null;
+    }, [subscriptionSummary, incentiveData, user]);
+    var handleError = function (message) {
+        sendToast('', 'error', undefined, undefined, message);
+    };
+    useEffect(function () {
+        var fetchOfferPreviewData = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var incentiveCode, response, error_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 2, 3, 4]);
+                        incentiveCode = offerCode || sessionStorage.getItem('selectedOfferId') || '';
+                        setOfferCode(incentiveCode);
+                        if (!incentiveCode)
+                            throw new Error('No selected offer ID found');
+                        return [4 /*yield*/, getOfferPreviewData({
+                                subscriptionCode: (_b = (_a = user.subscriptions) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id,
+                                incentiveCode: incentiveCode,
+                            })];
+                    case 1:
+                        response = _c.sent();
+                        setIncentiveData(response.previewIncentive);
+                        return [3 /*break*/, 4];
+                    case 2:
+                        error_1 = _c.sent();
+                        handleError('There was an error loading the data. Please try again later.');
+                        return [3 /*break*/, 4];
+                    case 3:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchOfferPreviewData();
+    }, []);
+    var paymentExpDate = getValueDescription(user, 'payment', 'expiry date');
+    var handleContinue = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var error_2;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _c.trys.push([0, 2, 3, 4]);
+                    setLoading(true);
+                    return [4 /*yield*/, applyIncentive(offerCode, ((_b = (_a = user.subscriptions) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id) || '')];
+                case 1:
+                    _c.sent();
+                    onNextStep(event, continueButton.nextStep);
+                    return [3 /*break*/, 4];
+                case 2:
+                    error_2 = _c.sent();
+                    handleError('There was an error applying the offer. Please try again later.');
+                    return [3 /*break*/, 4];
+                case 3:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (React.createElement(Block, null,
+        header && React.createElement(Header, __assign({}, header)),
+        React.createElement(GridLayout, { rowGap: "space070", columns: "12fr", "data-testid": "offer-preview" },
+            React.createElement(GridLayoutItem, null, enrichedSubscriptionSummary ? (React.createElement(React.Fragment, null,
+                React.createElement(TextBlock, { "data-testid": "offer-summary-title", paddingBlockEnd: "space030", typographyPreset: "utilitySubheading020" }, enrichedSubscriptionSummary.sectionTitle),
+                React.createElement(OfferSummary, __assign({}, enrichedSubscriptionSummary)))) : (React.createElement(StyledLoading, { flow: "horizontal-center", stackDistribution: "center", "data-testid": "loading-offer", paddingBlock: "space080" },
+                React.createElement(TimesLoading, { height: "auto", loadingText: "Loading payment information" })))),
+            React.createElement(GridLayoutItem, null,
+                React.createElement(TextBlock, { "data-testid": "payment-summary-title", paddingBlockEnd: "space030", typographyPreset: "utilitySubheading020" }, paymentSummary.sectionTitle),
+                React.createElement(StyledStack, { paddingBlock: "space040", paddingInline: "space040", flow: "horizontal-center", stackDistribution: "space-between" },
+                    getDefaultItemValue(user, 'payment', ''),
+                    React.createElement(TextBlock, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, paymentExpDate))),
+            React.createElement(GridLayoutItem, null,
+                React.createElement(TextBlock, { "data-testid": "note-title", typographyPreset: "utilitySubheading020", paddingBlockEnd: "space030" }, note.title),
+                React.createElement(TextBlock, { typographyPreset: "utilityBody010", stylePreset: "inkSubtle" }, note.description)),
+            React.createElement(Stack, { flow: { md: 'horizontal-center', xs: 'vertical-center' }, stackDistribution: "flex-end", flowReverse: { xs: true, md: false } },
+                continueButton.label,
+                React.createElement(Button, { disabled: loading, onClick: handleContinue, eventContext: continueButton === null || continueButton === void 0 ? void 0 : continueButton.eventContext, overrides: __assign({ width: {
+                            xs: '100%',
+                            md: 'auto',
+                        }, marginInlineStart: {
+                            md: 'space050',
+                        }, marginBlockEnd: { xs: 'space040', md: 'space000' } }, continueButton === null || continueButton === void 0 ? void 0 : continueButton.buttonOverrides) }, (_b = continueButton === null || continueButton === void 0 ? void 0 : continueButton.button) === null || _b === void 0 ? void 0 : _b.text)))));
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=OfferPreview.js.map

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

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

package/dist/esm/Components/Sections/OfferPreview/OfferSummary.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { SummaryRowProps } from './SummaryRow';
+export interface PaymentBreakdownProps {
+    title: string;
+    accountCreditRow: SummaryRowProps;
+    discountedSubscriptionRow?: SummaryRowProps;
+    offerSubscriptionRow?: SummaryRowProps;
+}
+export interface OfferSummaryProps {
+    sectionTitle: string;
+    offerTitle: string;
+    discountName: string;
+    discountPercentage: number;
+    discountStartDate: string;
+    fullPriceSubscriptionPrice: string;
+    fullPriceSubscriptionStartDate: string;
+    paymentBreakdown?: PaymentBreakdownProps;
+    nextPaymentRow: SummaryRowProps;
+    remainingCredit?: SummaryRowProps;
+}
+export declare const OfferSummary: FC<OfferSummaryProps>;

package/dist/esm/Components/Sections/OfferPreview/OfferSummary.js

@@ -0,0 +1,88 @@
+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 { Divider, GridLayout, styled, TextBlock, getColorCssFromTheme, Block, getBorderCssFromTheme, getSpacingCssFromTheme, } from 'newskit';
+import { SummaryRow } from './SummaryRow';
+var StyledGridLayout = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var StyledSection = styled(GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 1px solid;\n  ", ";\n"], ["\n  border: 1px solid;\n  ", ";\n"])), getColorCssFromTheme('borderColor', 'neutral030'));
+var StylesBlock = styled(Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: 1px solid;\n  ", ";\n  ", ";\n  ", "\n  ", "\n  right: 0;\n  position: absolute;\n"], ["\n  border: 1px solid;\n  ", ";\n  ", ";\n  ", "\n  ", "\n  right: 0;\n  position: absolute;\n"])), getColorCssFromTheme('borderColor', 'teal040'), getColorCssFromTheme('backgroundColor', 'teal010'), getBorderCssFromTheme('borderRadius', 'borderRadiusRounded010'), getSpacingCssFromTheme('padding', 'space020'));
+export var OfferSummary = function (_a) {
+    var sectionTitle = _a.sectionTitle, offerTitle = _a.offerTitle, discountName = _a.discountName, discountPercentage = _a.discountPercentage, fullPriceSubscriptionPrice = _a.fullPriceSubscriptionPrice, fullPriceSubscriptionStartDate = _a.fullPriceSubscriptionStartDate, paymentBreakdown = _a.paymentBreakdown, nextPaymentRow = _a.nextPaymentRow, remainingCredit = _a.remainingCredit, discountStartDate = _a.discountStartDate;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(StyledSection, { rowGap: "space040", columns: '12fr', overrides: {
+                paddingBlock: 'space040',
+                paddingInline: 'space040',
+            } },
+            React.createElement(TextBlock, { "data-testid": "offer-title", typographyPreset: "editorialHeadline010" }, offerTitle),
+            React.createElement(Divider, { overrides: {
+                    marginBlock: 'space010',
+                } }),
+            React.createElement(StyledGridLayout, { rowGap: "space030" },
+                React.createElement(TextBlock, { "data-testid": "discount-name", typographyPreset: "utilitySubheading020" }, discountName),
+                React.createElement(TextBlock, { "data-testid": "discount-start-date", stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, discountStartDate),
+                React.createElement(StylesBlock, null,
+                    React.createElement(TextBlock, { typographyPreset: "utilityLabel010" },
+                        discountPercentage,
+                        "% off"))),
+            React.createElement(GridLayout, { rowGap: "space030", overrides: {
+                    marginBlockStart: 'space020',
+                } },
+                React.createElement(TextBlock, { "data-testid": "full-price-subscription-price", typographyPreset: "utilitySubheading020" }, fullPriceSubscriptionPrice),
+                React.createElement(TextBlock, { "data-testid": "full-price-subscription-start-date", stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, fullPriceSubscriptionStartDate)),
+            paymentBreakdown && (React.createElement(React.Fragment, null,
+                React.createElement(Divider, { overrides: {
+                        marginBlock: 'space010',
+                    } }),
+                React.createElement(TextBlock, { typographyPreset: "utilitySubheading020" }, paymentBreakdown.title),
+                paymentBreakdown.offerSubscriptionRow && (React.createElement(SummaryRow, __assign({}, paymentBreakdown.offerSubscriptionRow, { "data-testid": "offer-subscription-row", labelOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    }, valueOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    } }))),
+                React.createElement(SummaryRow, __assign({}, paymentBreakdown.accountCreditRow, { "data-testid": "account-credit-row", labelOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    }, valueOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    } })),
+                paymentBreakdown.discountedSubscriptionRow && (React.createElement(SummaryRow, __assign({}, paymentBreakdown.discountedSubscriptionRow, { "data-testid": "discounted-subscription-row", labelOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    }, valueOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    } }))))),
+            React.createElement(Divider, { overrides: {
+                    marginBlock: 'space010',
+                } }),
+            React.createElement(SummaryRow, __assign({}, nextPaymentRow, { "data-testid": "next-payment-row", labelOverrides: {
+                    typographyPreset: 'utilitySubheading030',
+                }, valueOverrides: {
+                    typographyPreset: 'utilitySubheading030',
+                } })),
+            remainingCredit && (React.createElement(SummaryRow, __assign({}, remainingCredit, { "data-testid": "remaining-credit-row", labelOverrides: {
+                    stylePreset: 'inkSubtle',
+                    typographyPreset: 'utilityBody010',
+                }, valueOverrides: {
+                    stylePreset: 'inkSubtle',
+                    typographyPreset: 'utilityBody010',
+                } }))))));
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=OfferSummary.js.map

package/dist/esm/Components/Sections/OfferPreview/OfferSummary.js.map

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

package/dist/esm/Components/Sections/OfferPreview/SummaryRow.d.ts

@@ -0,0 +1,9 @@
+import { TextBlockProps } from 'newskit';
+import React from 'react';
+export interface SummaryRowProps {
+    label: string;
+    value: string;
+    labelOverrides?: TextBlockProps;
+    valueOverrides?: TextBlockProps;
+}
+export declare const SummaryRow: React.FC<SummaryRowProps>;