@newskit-render/my-account 7.151.2 → 7.151.3-351f40919.8

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

@@ -0,0 +1,133 @@
+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 { 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, _c;
+    var header = _a.header, subscriptionSummary = _a.subscriptionSummary, note = _a.note, paymentSummary = _a.paymentSummary, continueButton = _a.continueButton, user = _a.user, selectedOffer = _a.selectedOffer;
+    var _d = useState(), offerPreviewData = _d[0], setOfferPreviewData = _d[1];
+    var _e = useState(true), loading = _e[0], setLoading = _e[1];
+    var enrichedSubscriptionSummary = useMemo(function () {
+        if (offerPreviewData && user) {
+            var components2 = populateSubscriptionSummaryData(offerPreviewData, subscriptionSummary, user);
+            return components2;
+        }
+        return null;
+    }, [subscriptionSummary, offerPreviewData, user]);
+    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 = selectedOffer || sessionStorage.getItem('selectedOfferId') || '';
+                        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();
+                        setOfferPreviewData(response.previewIncentive);
+                        return [3 /*break*/, 4];
+                    case 2:
+                        error_1 = _c.sent();
+                        console.error('Error fetching offer preview data:', error_1);
+                        sendToast('', 'error', undefined, undefined, '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');
+    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, !loading && 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, null,
+                React.createElement(TimesLoading, { height: "auto" }),
+                React.createElement(TextBlock, { typographyPreset: "utilityBody010" }, "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 || !enrichedSubscriptionSummary, href: ((_b = continueButton.button) === null || _b === void 0 ? void 0 : _b.href) || '', 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) }, (_c = continueButton === null || continueButton === void 0 ? void 0 : continueButton.button) === null || _c === void 0 ? void 0 : _c.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>;

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

@@ -0,0 +1,31 @@
+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 { TextBlock, Stack } from 'newskit';
+import React from 'react';
+export var SummaryRow = function (_a) {
+    var label = _a.label, value = _a.value, labelOverrides = _a.labelOverrides, valueOverrides = _a.valueOverrides, rest = __rest(_a, ["label", "value", "labelOverrides", "valueOverrides"]);
+    return (React.createElement(Stack, __assign({ flow: "horizontal-stretch", stackDistribution: "space-between" }, rest),
+        React.createElement(TextBlock, __assign({}, labelOverrides), label),
+        React.createElement(TextBlock, __assign({}, valueOverrides), value)));
+};
+//# sourceMappingURL=SummaryRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryRow.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/OfferPreview/SummaryRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAkB,MAAM,SAAS,CAAA;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAMrD;IALC,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACX,IAAI,cAL6C,sDAMrD,CADQ;IAEP,OAAO,CACL,oBAAC,KAAK,aACJ,IAAI,EAAC,oBAAoB,EACzB,iBAAiB,EAAC,eAAe,IAC7B,IAAI;QAER,oBAAC,SAAS,eAAK,cAAc,GAAG,KAAK,CAAa;QAClD,oBAAC,SAAS,eAAK,cAAc,GAAG,KAAK,CAAa,CAC5C,CACT,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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

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

@@ -2,7 +2,7 @@ import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceAndNotic
 import { StandaloneLinkPropsOverridable } from '../../Elements/StandaloneLinkComponent';
 import { MQ, ImageProps } from 'newskit';
 import { NewslettersGridOverrides, CancellationItem, CancellationSection } from '../../../context/types';
-import { HandleCardClick, StepController } from '../../Templates/CancellationStepperRender';
+import { HandleCardClick, NextStepProps } from '../../Templates/CancellationStepperRender';
 import { UserData } from '../../../pages/types';
 export type BelowContentExtra = {
     type: 'delivery-address' | 'cancel-subscription' | 'no-billing' | 'payment-history' | 'leave-family';
@@ -34,7 +34,7 @@ export interface BaseSectionProps extends CancellationSection, CancellationItem
 }
 export interface GridSectionProps extends CancellationSection {
     baseUrl?: string;
-    onNextStep: StepController;
+    onNextStep: NextStepProps;
     handleCardClick: HandleCardClick;
     eventContext?: EventContext;
     user?: UserData;

package/dist/esm/Components/Templates/CancellationStepperRender.d.ts

@@ -59,16 +59,16 @@ export declare const componentMap: {
             };
         };
     }, any, any>>;
-    offers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides, selectedOffer, onSelectOffer, onNextStep, }: import("../Sections/CancellationOffers").CancellationOffersProps) => JSX.Element;
-    discountPreview: React.FC<import("../Sections/SectionContainer").GridSectionProps>;
+    offers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides, setSelectedOffer, selectedOffer, onNextStep, }: import("../Sections/CancellationOffers").CancellationOffersProps) => JSX.Element;
     offerConfirmation: ({ header, user, subscriptionDetails, buttonText, buttonEventContext, buttonUrl, baseUrl, buttonOverrides, }: import("../Sections/ConfirmSubscriptionOffer").ConfirmSubscriptionOfferProps) => JSX.Element | null;
+    offerPreview: React.FC<import("../Sections/OfferPreview/OfferPreview").OfferPreviewPops>;
 };
 export type SelectionData = {
     id: string;
     label?: string;
     eventContext?: EventContext;
 };
-export type StepController = (event: React.MouseEvent, override?: string | null, eventContext?: Record<string, string>) => void;
+export type NextStepProps = (event: React.MouseEvent, override?: string | null, eventContext?: Record<string, string>) => void;
 export type HandleCardClick = (event: React.MouseEvent, selectionData: SelectionData) => void;
 declare const CancellationStepperRender: React.FC;
 export default CancellationStepperRender;

package/dist/esm/Components/Templates/CancellationStepperRender.js

@@ -18,19 +18,19 @@ import { CancellationReasons } from '../Sections/CancellationReasons';
 import { CancellationDetails } from '../Sections/CancellationDetails';
 import { replaceBaseURL, trackEvent } from '../../helpers';
 import { CancelSubscriptionDowngrade } from '../Sections/CancelSubscriptionDowngrade';
-import { CancellationOffers } from '../Sections/CancellationOffers';
 import { EventTrigger, useInstrumentation } from 'newskit';
-import { GridSection } from '../Sections/SectionContainer';
 import { ConfirmCancellationRender } from '../Sections/ConfirmCancellation';
 import { ConfirmSubscriptionOffer } from '../Sections/ConfirmSubscriptionOffer';
+import { CancellationOffers } from '../Sections/CancellationOffers';
+import { OfferPreview } from '../Sections/OfferPreview/OfferPreview';
 export var componentMap = {
     reason: CancellationReasons,
     downgrade: CancelSubscriptionDowngrade,
     preCancellation: CancellationDetails,
     confirmCancel: ConfirmCancellationRender,
     offers: CancellationOffers,
-    discountPreview: GridSection,
     offerConfirmation: ConfirmSubscriptionOffer,
+    offerPreview: OfferPreview,
 };
 var CancellationStepperRender = function () {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -44,7 +44,12 @@ var CancellationStepperRender = function () {
     if (!type || !componentSequence[type])
         return null;
     var _l = useState(null), selections = _l[0], setSelections = _l[1];
-    var pagesInOrder = componentSequence[type];
+    var pagesInOrder = [
+        'reason',
+        'downgrade',
+        'preCancellation',
+        'confirmCancel',
+    ];
     var _m = useState(null), overrideComponent = _m[0], setOverrideComponent = _m[1];
     var _o = useState([]), filteredPages = _o[0], setFilteredPages = _o[1];
     var _p = useState(((_e = (_d = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.serviceCancellationDate) || null), serviceCancellationDate = _p[0], setServiceCancellationDate = _p[1];
@@ -127,7 +132,7 @@ var CancellationStepperRender = function () {
         // track page view event via Optimizely
         trackEvent({
             eventName: "cancellation_".concat(stepFromUrl.toLocaleLowerCase()),
-            cpn: userData === null || userData === void 0 ? void 0 : userData.cpn,
+            cpn: 'userData?.cpn',
             subscriptions: (userData === null || userData === void 0 ? void 0 : userData.subscriptions) || [],
             tags: __assign(__assign({}, context), { page_name: context.page_name || "online cancellation: ".concat(stepFromUrl), cancellation_type: ((_b = selections === null || selections === void 0 ? void 0 : selections.eventContext) === null || _b === void 0 ? void 0 : _b.article_parent_name) || '', step: stepFromUrl }),
         });
@@ -138,7 +143,7 @@ var CancellationStepperRender = function () {
     var shouldShowBackButton = (_f = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _f !== void 0 ? _f : showBackButton;
     return (React.createElement(ContentContainer, __assign({ "data-testid": "section-container" }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.contentContainerOverrides),
         shouldShowBackButton && hederBackButtonProps && (React.createElement(BackButton, { backButton: __assign(__assign({}, hederBackButtonProps), { href: '' }), backButtonOverrides: header.backButtonOverrides, eventContext: __assign(__assign({}, hederBackButtonProps === null || hederBackButtonProps === void 0 ? void 0 : hederBackButtonProps.eventContext), { page_name: (_g = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _g === void 0 ? void 0 : _g.context.page_name }), onClick: handleBackBtn })),
-        React.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, user: userData, selectedReason: selections, handleError: handleError, serviceCancellationDate: serviceCancellationDate, setServiceCancellationDate: setServiceCancellationDate, subType: ((_j = (_h = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.type) || '', selectedOffer: selectedOffer, onSelectOffer: setSelectedOffer, featureFlags: featureFlags }))));
+        React.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, user: userData, selectedReason: selections, handleError: handleError, serviceCancellationDate: serviceCancellationDate, setServiceCancellationDate: setServiceCancellationDate, subType: ((_j = (_h = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.type) || '', selectedOffer: selectedOffer, setSelectedOffer: setSelectedOffer, featureFlags: featureFlags }))));
 };
 export default CancellationStepperRender;
 //# sourceMappingURL=CancellationStepperRender.js.map

package/dist/esm/Components/Templates/CancellationStepperRender.js.map

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

package/dist/esm/api/queryHandler.js

@@ -45,12 +45,24 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         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 { createApolloClient, ClientTypes } from '@newskit-render/api';
 import { getQuery, getQueryByFragment, handleNewRelicErrorLog, } from '../helpers';
+import { safeJsonParse } from '@newskit-render/shared-components';
 export var queryHandler = function (req, res) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, queryFragment, pageSize, apolloClient, data, query, response, err_1;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
+    var parsedData, queryFragment, pageSize, bodyProps, apolloClient, data, query, response, err_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
             case 0:
                 if (req.method !== 'POST') {
                     res.status(405);
@@ -58,26 +70,25 @@ export var queryHandler = function (req, res) { return __awaiter(void 0, void 0,
                     res.end();
                     return [2 /*return*/];
                 }
-                _a = req.body, queryFragment = _a.queryFragment, pageSize = _a.pageSize;
+                parsedData = safeJsonParse(req.body);
+                queryFragment = parsedData.queryFragment, pageSize = parsedData.pageSize, bodyProps = __rest(parsedData, ["queryFragment", "pageSize"]);
                 return [4 /*yield*/, createApolloClient(ClientTypes.main, req.headers.cookie)];
             case 1:
-                apolloClient = _b.sent();
-                _b.label = 2;
+                apolloClient = _a.sent();
+                _a.label = 2;
             case 2:
-                _b.trys.push([2, 4, , 5]);
+                _a.trys.push([2, 4, , 5]);
                 query = getQuery(getQueryByFragment(queryFragment), queryFragment, pageSize);
                 return [4 /*yield*/, apolloClient.query({
                         query: query,
-                        variables: {
-                            pageSize: pageSize,
-                        },
+                        variables: __assign({ pageSize: pageSize }, bodyProps),
                     })];
             case 3:
-                response = _b.sent();
-                data = __assign({}, response.data.user);
+                response = _a.sent();
+                data = __assign({}, response.data);
                 return [3 /*break*/, 5];
             case 4:
-                err_1 = _b.sent();
+                err_1 = _a.sent();
                 handleNewRelicErrorLog({
                     requestName: queryFragment,
                     reqError: err_1,

package/dist/esm/api/queryHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"queryHandler.js","sourceRoot":"","sources":["../../../src/api/queryHandler.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACrE,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,YAAY,CAAA;AAEnB,MAAM,CAAC,IAAM,YAAY,GAAG,UAC1B,GAAmB,EACnB,GAAoB;;;;;gBAEpB,IAAI,GAAG,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;oBAC1B,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;oBACf,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,kBAAW,GAAG,CAAC,MAAM,kBAAe,EAAE,CAAC,CAAA;oBAC3D,GAAG,CAAC,GAAG,EAAE,CAAA;oBACT,sBAAM;gBACR,CAAC;gBAEK,KAA8B,GAAG,CAAC,IAAI,EAApC,aAAa,mBAAA,EAAE,QAAQ,cAAA,CAAa;gBACvB,qBAAM,kBAAkB,CAC3C,WAAW,CAAC,IAAI,EAChB,GAAG,CAAC,OAAO,CAAC,MAAM,CACnB,EAAA;;gBAHK,YAAY,GAAG,SAGpB;;;;gBAIO,KAAK,GAAG,QAAQ,CACpB,kBAAkB,CAAC,aAAa,CAAC,EACjC,aAAa,EACb,QAAQ,CACT,CAAA;gBAEgB,qBAAM,YAAY,CAAC,KAAK,CAAC;wBACxC,KAAK,OAAA;wBACL,SAAS,EAAE;4BACT,QAAQ,UAAA;yBACT;qBACF,CAAC,EAAA;;gBALI,QAAQ,GAAG,SAKf;gBACF,IAAI,gBACC,QAAQ,CAAC,IAAI,CAAC,IAAI,CACtB,CAAA;;;;gBAED,sBAAsB,CAAC;oBACrB,WAAW,EAAE,aAAa;oBAC1B,QAAQ,EAAE,KAAG;iBACd,CAAC,CAAA;gBACF,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;gBACf,GAAG,CAAC,GAAG,EAAE,CAAA;;;gBAGX,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;gBACf,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;;;;KAC9B,CAAA"}
+{"version":3,"file":"queryHandler.js","sourceRoot":"","sources":["../../../src/api/queryHandler.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACrE,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAEjE,MAAM,CAAC,IAAM,YAAY,GAAG,UAC1B,GAAmB,EACnB,GAAoB;;;;;gBAEpB,IAAI,GAAG,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;oBAC1B,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;oBACf,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,kBAAW,GAAG,CAAC,MAAM,kBAAe,EAAE,CAAC,CAAA;oBAC3D,GAAG,CAAC,GAAG,EAAE,CAAA;oBACT,sBAAM;gBACR,CAAC;gBACK,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;gBAClC,aAAa,GAA6B,UAAU,cAAvC,EAAE,QAAQ,GAAmB,UAAU,SAA7B,EAAK,SAAS,UAAK,UAAU,EAAtD,6BAAyC,CAAF,CAAe;gBACvC,qBAAM,kBAAkB,CAC3C,WAAW,CAAC,IAAI,EAChB,GAAG,CAAC,OAAO,CAAC,MAAM,CACnB,EAAA;;gBAHK,YAAY,GAAG,SAGpB;;;;gBAIO,KAAK,GAAG,QAAQ,CACpB,kBAAkB,CAAC,aAAa,CAAC,EACjC,aAAa,EACb,QAAQ,CACT,CAAA;gBAEgB,qBAAM,YAAY,CAAC,KAAK,CAAC;wBACxC,KAAK,OAAA;wBACL,SAAS,aACP,QAAQ,UAAA,IACL,SAAS,CACb;qBACF,CAAC,EAAA;;gBANI,QAAQ,GAAG,SAMf;gBACF,IAAI,gBACC,QAAQ,CAAC,IAAI,CACjB,CAAA;;;;gBAED,sBAAsB,CAAC;oBACrB,WAAW,EAAE,aAAa;oBAC1B,QAAQ,EAAE,KAAG;iBACd,CAAC,CAAA;gBACF,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;gBACf,GAAG,CAAC,GAAG,EAAE,CAAA;;;gBAGX,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;gBACf,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;;;;KAC9B,CAAA"}

package/dist/esm/context/types.d.ts

@@ -20,7 +20,7 @@ import { FamilyMemberProps } from '../Components/Sections/Form/InviteFamilyMembe
 import { PaymentMethodsMap } from 'Components/Templates';
 import { UserHubItemProps } from '../Components/Elements/UserHubListItem';
 import { CancelSubscriptionProps } from 'Components/Sections/CancelSubscription';
-import { HandleCardClick, StepController } from '../Components/Templates/CancellationStepperRender';
+import { HandleCardClick, NextStepProps } from '../Components/Templates/CancellationStepperRender';
 import { GridLayoutProps } from 'Components/SharedTypes/GridLayoutProps';
 import { CancelSubscriptionDowngradeProps } from '../Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade';
 import { ConfirmCancellationStepProps } from '../Components/Sections/ConfirmCancellation';
@@ -28,6 +28,7 @@ import { CancellationDetailsContextProps } from '../Components/Sections/Cancella
 import { DetailedFlags } from '@newskit-render/feature-flags';
 import { CancellationOffersContextProps } from '../Components/Sections/CancellationOffers';
 import { ConfirmSubscriptionOfferProps } from 'Components/Sections/ConfirmSubscriptionOffer';
+import { OfferPreviewContextProps } from 'Components/Sections/OfferPreview/OfferPreview';
 interface InfoPanel extends InlineMessageProps {
     infoPanelCells?: MQ<number>;
     href?: boolean;
@@ -305,7 +306,7 @@ export interface BelowItemExtraProps {
     };
     baseUrl?: string;
     eventContext?: EventContext;
-    onClick?: StepController;
+    onClick?: NextStepProps;
     buttonOverrides?: BaseFlagOverrides;
     iconOverrides?: NewsKitIconProps['overrides'];
     marginInline?: MQ<string>;
@@ -325,9 +326,14 @@ export interface ConfirmSubscriptionOfferContextProps extends ConfirmSubscriptio
     showBackButton?: boolean;
     tealiumContext?: TealiumEventContext;
 }
+export interface CancellationOfferPreviewContextProps extends OfferPreviewContextProps {
+    contentContainerOverrides?: Partial<SharedContentContainerProps>;
+    showBackButton?: boolean;
+    tealiumContext?: TealiumEventContext;
+}
 export interface CancellationStepperContextOptions extends Partial<InteractiveContextOptions>, Partial<NonInteractiveContextOptions> {
     containerOverrides?: GridLayoutProps;
-    components: Record<string, CancellationSection | DowngradeContextProps | ConfirmCancellationContextProps | CancellationDetailsContextProps | CancellationOffersContextProps | ConfirmSubscriptionOfferContextProps>;
+    components: Record<string, CancellationSection | DowngradeContextProps | ConfirmCancellationContextProps | CancellationDetailsContextProps | CancellationOffersContextProps | ConfirmSubscriptionOfferContextProps | CancellationOfferPreviewContextProps>;
     componentSequence: Record<string, string[]>;
     showBackButton?: boolean;
     contentContainerOverrides?: Partial<SharedContentContainerProps>;

package/dist/esm/context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AAiNA,MAAM,CAAN,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;IAC7B,0DAA6C,CAAA;IAC7C,0DAA6C,CAAA;AAC/C,CAAC,EArBW,WAAW,KAAX,WAAW,QAqBtB;AAkOD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAyYD,MAAM,CAAN,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,KAAhB,gBAAgB,QA2B3B;AA+CD,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC;AAqDD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,sCAAqB,CAAA;IACrB,oCAAmB,CAAA;IACnB,8BAAa,CAAA;IACb,4CAA2B,CAAA;AAC7B,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AAkNA,MAAM,CAAN,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;IAC7B,0DAA6C,CAAA;IAC7C,0DAA6C,CAAA;AAC/C,CAAC,EArBW,WAAW,KAAX,WAAW,QAqBtB;AAyOD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAyYD,MAAM,CAAN,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,KAAhB,gBAAgB,QA2B3B;AA+CD,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC;AAqDD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,sCAAqB,CAAA;IACrB,oCAAmB,CAAA;IACnB,8BAAa,CAAA;IACb,4CAA2B,CAAA;AAC7B,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB"}