@newskit-render/my-account 7.154.0 → 7.154.1-f608a6db7.4

package/dist/cjs/Components/Sections/CancellationOffers/types.d.ts

@@ -1,9 +1,10 @@
 import { TextBlockProps, DividerProps, GridLayoutItem } from 'newskit';
 import { ComponentProps } from 'react';
 import { TealiumEventContext, HeaderProps, ContentContainerProps as SharedContentContainerProps, BenefitsListItemContent } from '@newskit-render/shared-components';
-import { StepController } from '../../Templates/CancellationStepperRender';
+import { NextStepProps } from '../../Templates/CancellationStepperRender';
 import { ForwardButtonProps } from '../../Elements/ForwardButton/ForwardButton';
 import { OfferProps } from '../../Elements/OfferGroup';
+import { UserData } from 'pages/types';
 export interface CancellationOffersContextProps {
     tealiumContext?: TealiumEventContext;
     showBackButton?: boolean;
@@ -20,6 +21,29 @@ export interface OffersSection {
     titleOverrides?: TextBlockProps;
     items?: OfferProps[];
 }
+export interface CreditBalanceProps {
+    beforeApplyingSubscriptionCharges: string;
+    afterApplyingSubscriptionCharges: string;
+}
+export interface InvoiceMonthlySummaryBreakdownProps {
+    fromDate: string;
+    toDate: string;
+    creditBalance: CreditBalanceProps;
+    subscriptionCharges: string;
+    totalAmountToPay: string;
+}
+export interface OfferPreviewDataProps {
+    currentPropositionName: string;
+    incentiveName: string;
+    discountPercentage: number;
+    discountValue: string | null;
+    term: number;
+    billCycleDay: number;
+    serviceActivationDate: string;
+    invoiceSummary: {
+        invoiceMonthlySummaryBreakdown: InvoiceMonthlySummaryBreakdownProps[];
+    };
+}
 export interface Benefits {
     showBenefits?: boolean;
     title?: string;
@@ -28,7 +52,8 @@ export interface Benefits {
     items: BenefitsListItemContent[];
 }
 export interface CancellationOffersProps extends CancellationOffersContextProps {
-    selectedOffer?: OfferProps;
-    onSelectOffer: (offer: OfferProps | undefined) => void;
-    onNextStep?: StepController;
+    user: UserData;
+    selectedOffer?: string;
+    setSelectedOffer: (offer: string) => void;
+    onNextStep?: NextStepProps;
 }

package/dist/cjs/Components/Sections/CancellationReview/types.d.ts

@@ -1,6 +1,6 @@
 import { HeaderProps, TealiumEventContext, ContentContainerProps as SharedContentContainerProps, ListItemType, ButtonGroupProps } from '@newskit-render/shared-components';
 import { UserData } from '../../../pages/types';
-import { SelectionData, StepController } from '../../Templates/CancellationStepperRender';
+import { NextStepProps, SelectionData } from '../../Templates/CancellationStepperRender';
 import { GenericMessageMap } from '../../Elements/Toast';
 import { BaseFormActions } from '../../../context/types';
 export interface CancellationReviewContextProps {
@@ -17,7 +17,7 @@ export interface CancellationReviewProps extends CancellationReviewContextProps
     baseUrl?: string;
     user: UserData;
     selectedReason?: SelectionData | null;
-    onNextStep?: StepController;
+    onNextStep?: NextStepProps;
     setServiceCancellationDate: React.Dispatch<React.SetStateAction<string | null>>;
     handleError?: BaseFormActions['handleError'];
 }

package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.d.ts

@@ -1,2 +1,2 @@
 import { ConfirmSubscriptionOfferProps } from './index';
-export declare const ConfirmSubscriptionOffer: ({ header, user, subscriptionDetails, buttonText, buttonEventContext, buttonUrl, baseUrl, buttonOverrides, }: ConfirmSubscriptionOfferProps) => JSX.Element | null;
+export declare const ConfirmSubscriptionOffer: ({ header, user, subscriptionDetails, buttonText, buttonEventContext, buttonUrl, baseUrl, buttonOverrides, incentiveData, }: ConfirmSubscriptionOfferProps) => JSX.Element | null;

package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js

@@ -36,21 +36,20 @@ var ListItem = function (_a) {
 };
 var ConfirmSubscriptionOffer = function (_a) {
     var _b;
-    var header = _a.header, user = _a.user, subscriptionDetails = _a.subscriptionDetails, buttonText = _a.buttonText, buttonEventContext = _a.buttonEventContext, buttonUrl = _a.buttonUrl, _c = _a.baseUrl, baseUrl = _c === void 0 ? '' : _c, buttonOverrides = _a.buttonOverrides;
+    var header = _a.header, user = _a.user, subscriptionDetails = _a.subscriptionDetails, buttonText = _a.buttonText, buttonEventContext = _a.buttonEventContext, buttonUrl = _a.buttonUrl, _c = _a.baseUrl, baseUrl = _c === void 0 ? '' : _c, buttonOverrides = _a.buttonOverrides, incentiveData = _a.incentiveData;
     var subscription = (_b = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _b === void 0 ? void 0 : _b[0];
-    var grantedIncentives = subscription === null || subscription === void 0 ? void 0 : subscription.grantedIncentives;
-    if (!subscription || !grantedIncentives)
+    if (!subscription || !incentiveData)
         return null;
-    var latestIncentive = (0, subscriptionsUtils_1.findLatestIncentiveStartDate)(grantedIncentives);
+    var latestIncentive = (0, subscriptionsUtils_1.findLatestIncentiveStartDate)(incentiveData.invoiceSummary.invoiceMonthlySummaryBreakdown);
     if (latestIncentive === null)
         return null;
-    var discountPercentage = latestIncentive.incentive.discountPercentage;
+    var discountPercentage = incentiveData.discountPercentage;
     var price = subscription === null || subscription === void 0 ? void 0 : subscription.price;
     var currency = subscription === null || subscription === void 0 ? void 0 : subscription.currency;
     var initPrice = (0, subscriptionsUtils_1.calculateDiscountedPrice)(price, discountPercentage);
     var updates = {
         subscriptionType: subscription.type || '',
-        offerStartDate: (0, format_1.format)(latestIncentive.expectedFulfilmentStartDate, 'dd MMM yyyy'),
+        offerStartDate: (0, format_1.format)(latestIncentive.fromDate, 'dd MMM yyyy'),
         initialPrice: "".concat((0, helpers_1.formatPrice)(initPrice, currency), "/month"),
         regularPrice: "".concat((0, helpers_1.formatPrice)(price, currency), "/month"),
     };
@@ -60,7 +59,7 @@ var ConfirmSubscriptionOffer = function (_a) {
         return __assign(__assign({}, item), { key: key, description: update !== null && update !== void 0 ? update : item.description });
     });
     var headerTitle = (header === null || header === void 0 ? void 0 : header.title)
-        ? (0, dateUtils_1.replaceDate)(header.title, latestIncentive.expectedFulfilmentStartDate)
+        ? (0, dateUtils_1.replaceDate)(header.title, latestIncentive.fromDate)
         : '';
     return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-center" },
         header && (react_1.default.createElement(newskit_1.GridLayoutItem, null,

package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js.map

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

package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/index.d.ts

@@ -1,6 +1,7 @@
 import { EventContext, HeaderProps } from '@newskit-render/shared-components';
 import { UserData } from '../../../pages/types';
 import { BlockProps, ButtonProps, TextBlockProps } from 'newskit';
+import { PreviewIncentiveProps } from '../../../helpers';
 export * from './ConfirmSubscriptionOffer';
 export interface ConfirmSubscriptionOfferProps {
     header: HeaderProps;
@@ -16,6 +17,7 @@ export interface ConfirmSubscriptionOfferProps {
     buttonUrl?: string;
     baseUrl?: string;
     buttonOverrides?: ButtonProps;
+    incentiveData: PreviewIncentiveProps | null;
 }
 export interface SubscriptionOfferListItem {
     label: string;

package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ConfirmSubscriptionOffer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAIA,6DAA0C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ConfirmSubscriptionOffer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAKA,6DAA0C"}

package/dist/cjs/Components/Sections/ContactSupport/types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from 'react';
 import { GridLayoutItem, ButtonProps } from 'newskit';
 import { TealiumEventContext, HeaderProps, ContentContainerProps as SharedContentContainerProps, ListItemType } from '@newskit-render/shared-components';
-import { StepController } from '../../Templates/CancellationStepperRender';
+import { NextStepProps } from 'Components/Templates/CancellationStepperRender';
 export interface ContactMethodListItem extends Omit<ListItemType, 'default'> {
     default: string | string[] | JSX.Element;
 }
@@ -17,5 +17,5 @@ export interface ContactSupportContextProps {
     continueButtonContainerOverrides?: ComponentProps<typeof GridLayoutItem>;
 }
 export interface ContactSupportProps extends ContactSupportContextProps {
-    onNextStep?: StepController;
+    onNextStep?: NextStepProps;
 }

package/dist/cjs/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/cjs/Components/Sections/OfferPreview/OfferPreview.js

@@ -0,0 +1,189 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OfferPreview = void 0;
+var react_1 = __importStar(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var newskit_1 = require("newskit");
+var helpers_1 = require("../../../helpers");
+var OfferSummary_1 = require("./OfferSummary");
+var TimesLoading_1 = require("../../../Components/Elements/TimesLoading");
+var sendToast_1 = __importDefault(require("../../../Components/Elements/Toast/sendToast"));
+var StyledStack = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  height: auto;\n  ", ";\n"], ["\n  border: 1px solid;\n  height: auto;\n  ", ";\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'neutral030'));
+var StyledLoading = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 1px solid;\n  height: auto;\n  ", ";\n"], ["\n  border: 1px solid;\n  height: auto;\n  ", ";\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'neutral040'));
+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 = (0, react_1.useState)(true), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)(selectedOffer || ''), offerCode = _d[0], setOfferCode = _d[1];
+    var enrichedSubscriptionSummary = (0, react_1.useMemo)(function () {
+        if (incentiveData && user) {
+            var components2 = (0, helpers_1.populateSubscriptionSummaryData)(incentiveData, subscriptionSummary, user);
+            return components2;
+        }
+        return null;
+    }, [subscriptionSummary, incentiveData, user]);
+    var handleError = function (message) {
+        (0, sendToast_1.default)('', 'error', undefined, undefined, message);
+    };
+    (0, react_1.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*/, (0, helpers_1.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 = (0, helpers_1.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*/, (0, helpers_1.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_1.default.createElement(newskit_1.Block, null,
+        header && react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(newskit_1.GridLayout, { rowGap: "space070", columns: "12fr", "data-testid": "offer-preview" },
+            react_1.default.createElement(newskit_1.GridLayoutItem, null, enrichedSubscriptionSummary ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "offer-summary-title", paddingBlockEnd: "space030", typographyPreset: "utilitySubheading020" }, enrichedSubscriptionSummary.sectionTitle),
+                react_1.default.createElement(OfferSummary_1.OfferSummary, __assign({}, enrichedSubscriptionSummary)))) : (react_1.default.createElement(StyledLoading, { flow: "horizontal-center", stackDistribution: "center", "data-testid": "loading-offer", paddingBlock: "space080" },
+                react_1.default.createElement(TimesLoading_1.TimesLoading, { height: "auto", loadingText: "Loading payment information" })))),
+            react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "payment-summary-title", paddingBlockEnd: "space030", typographyPreset: "utilitySubheading020" }, paymentSummary.sectionTitle),
+                react_1.default.createElement(StyledStack, { paddingBlock: "space040", paddingInline: "space040", flow: "horizontal-center", stackDistribution: "space-between" },
+                    (0, helpers_1.getDefaultItemValue)(user, 'payment', ''),
+                    react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, paymentExpDate))),
+            react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "note-title", typographyPreset: "utilitySubheading020", paddingBlockEnd: "space030" }, note.title),
+                react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody010", stylePreset: "inkSubtle" }, note.description)),
+            react_1.default.createElement(newskit_1.Stack, { flow: { md: 'horizontal-center', xs: 'vertical-center' }, stackDistribution: "flex-end", flowReverse: { xs: true, md: false } },
+                continueButton.label,
+                react_1.default.createElement(newskit_1.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)))));
+};
+exports.OfferPreview = OfferPreview;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=OfferPreview.js.map

package/dist/cjs/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/cjs/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/cjs/Components/Sections/OfferPreview/OfferSummary.js

@@ -0,0 +1,95 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OfferSummary = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var SummaryRow_1 = require("./SummaryRow");
+var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var StyledSection = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 1px solid;\n  ", ";\n"], ["\n  border: 1px solid;\n  ", ";\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'neutral030'));
+var StylesBlock = (0, newskit_1.styled)(newskit_1.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"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'teal040'), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'teal010'), (0, newskit_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded010'), (0, newskit_1.getSpacingCssFromTheme)('padding', 'space020'));
+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_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StyledSection, { rowGap: "space040", columns: '12fr', overrides: {
+                paddingBlock: 'space040',
+                paddingInline: 'space040',
+            } },
+            react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "offer-title", typographyPreset: "editorialHeadline010" }, offerTitle),
+            react_1.default.createElement(newskit_1.Divider, { overrides: {
+                    marginBlock: 'space010',
+                } }),
+            react_1.default.createElement(StyledGridLayout, { rowGap: "space030" },
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "discount-name", typographyPreset: "utilitySubheading020" }, discountName),
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "discount-start-date", stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, discountStartDate),
+                react_1.default.createElement(StylesBlock, null,
+                    react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityLabel010" },
+                        discountPercentage,
+                        "% off"))),
+            react_1.default.createElement(newskit_1.GridLayout, { rowGap: "space030", overrides: {
+                    marginBlockStart: 'space020',
+                } },
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "full-price-subscription-price", typographyPreset: "utilitySubheading020" }, fullPriceSubscriptionPrice),
+                react_1.default.createElement(newskit_1.TextBlock, { "data-testid": "full-price-subscription-start-date", stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, fullPriceSubscriptionStartDate)),
+            paymentBreakdown && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(newskit_1.Divider, { overrides: {
+                        marginBlock: 'space010',
+                    } }),
+                react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilitySubheading020" }, paymentBreakdown.title),
+                paymentBreakdown.offerSubscriptionRow && (react_1.default.createElement(SummaryRow_1.SummaryRow, __assign({}, paymentBreakdown.offerSubscriptionRow, { "data-testid": "offer-subscription-row", labelOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    }, valueOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    } }))),
+                react_1.default.createElement(SummaryRow_1.SummaryRow, __assign({}, paymentBreakdown.accountCreditRow, { "data-testid": "account-credit-row", labelOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    }, valueOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    } })),
+                paymentBreakdown.discountedSubscriptionRow && (react_1.default.createElement(SummaryRow_1.SummaryRow, __assign({}, paymentBreakdown.discountedSubscriptionRow, { "data-testid": "discounted-subscription-row", labelOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    }, valueOverrides: {
+                        stylePreset: 'inkSubtle',
+                        typographyPreset: 'utilityBody010',
+                    } }))))),
+            react_1.default.createElement(newskit_1.Divider, { overrides: {
+                    marginBlock: 'space010',
+                } }),
+            react_1.default.createElement(SummaryRow_1.SummaryRow, __assign({}, nextPaymentRow, { "data-testid": "next-payment-row", labelOverrides: {
+                    typographyPreset: 'utilitySubheading030',
+                }, valueOverrides: {
+                    typographyPreset: 'utilitySubheading030',
+                } })),
+            remainingCredit && (react_1.default.createElement(SummaryRow_1.SummaryRow, __assign({}, remainingCredit, { "data-testid": "remaining-credit-row", labelOverrides: {
+                    stylePreset: 'inkSubtle',
+                    typographyPreset: 'utilityBody010',
+                }, valueOverrides: {
+                    stylePreset: 'inkSubtle',
+                    typographyPreset: 'utilityBody010',
+                } }))))));
+};
+exports.OfferSummary = OfferSummary;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=OfferSummary.js.map

package/dist/cjs/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/cjs/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/cjs/Components/Sections/OfferPreview/SummaryRow.js

@@ -0,0 +1,38 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SummaryRow = void 0;
+var newskit_1 = require("newskit");
+var react_1 = __importDefault(require("react"));
+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_1.default.createElement(newskit_1.Stack, __assign({ flow: "horizontal-stretch", stackDistribution: "space-between" }, rest),
+        react_1.default.createElement(newskit_1.TextBlock, __assign({}, labelOverrides), label),
+        react_1.default.createElement(newskit_1.TextBlock, __assign({}, valueOverrides), value)));
+};
+exports.SummaryRow = SummaryRow;
+//# sourceMappingURL=SummaryRow.js.map

package/dist/cjs/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,mCAA0D;AAC1D,gDAAyB;AAQlB,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,8BAAC,eAAK,aACJ,IAAI,EAAC,oBAAoB,EACzB,iBAAiB,EAAC,eAAe,IAC7B,IAAI;QAER,8BAAC,mBAAS,eAAK,cAAc,GAAG,KAAK,CAAa;QAClD,8BAAC,mBAAS,eAAK,cAAc,GAAG,KAAK,CAAa,CAC5C,CACT,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,UAAU,cAiBtB"}

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

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

package/dist/cjs/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/cjs/Components/Sections/OfferPreview/types.js

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

package/dist/cjs/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/cjs/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;