@newskit-render/my-account 7.153.1 → 7.153.2-86789c10d.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Components/Elements/ForwardButton/ForwardButton.d.ts +1 -1
- package/dist/cjs/Components/Elements/ForwardButton/ForwardButton.js +1 -1
- package/dist/cjs/Components/Elements/ForwardButton/ForwardButton.js.map +1 -1
- package/dist/cjs/Components/Elements/TimesLoading/TimesLoading.d.ts +4 -1
- package/dist/cjs/Components/Elements/TimesLoading/TimesLoading.js +28 -3
- package/dist/cjs/Components/Elements/TimesLoading/TimesLoading.js.map +1 -1
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.d.ts +2 -2
- package/dist/cjs/Components/Sections/CancellationDetails/types.d.ts +2 -2
- package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.d.ts +1 -1
- package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js +54 -13
- package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js.map +1 -1
- package/dist/cjs/Components/Sections/CancellationOffers/types.d.ts +29 -4
- package/dist/cjs/Components/Sections/CancellationReview/CancellationReview.d.ts +4 -0
- package/dist/cjs/Components/Sections/CancellationReview/CancellationReview.js +148 -0
- package/dist/cjs/Components/Sections/CancellationReview/CancellationReview.js.map +1 -0
- package/dist/cjs/Components/Sections/CancellationReview/index.d.ts +2 -0
- package/dist/cjs/Components/Sections/CancellationReview/index.js +19 -0
- package/dist/cjs/Components/Sections/CancellationReview/index.js.map +1 -0
- package/dist/cjs/Components/Sections/CancellationReview/types.d.ts +23 -0
- package/dist/cjs/Components/Sections/CancellationReview/types.js +3 -0
- package/dist/cjs/Components/Sections/CancellationReview/types.js.map +1 -0
- package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.d.ts +1 -1
- package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js +6 -7
- package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js.map +1 -1
- package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/index.d.ts +2 -0
- package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/index.js.map +1 -1
- package/dist/cjs/Components/Sections/ContactSupport/types.d.ts +2 -2
- package/dist/cjs/Components/Sections/ContentContainer/ContentContainer.js +3 -1
- package/dist/cjs/Components/Sections/ContentContainer/ContentContainer.js.map +1 -1
- package/dist/cjs/Components/Sections/OfferPreview/OfferPreview.d.ts +30 -0
- package/dist/cjs/Components/Sections/OfferPreview/OfferPreview.js +189 -0
- package/dist/cjs/Components/Sections/OfferPreview/OfferPreview.js.map +1 -0
- package/dist/cjs/Components/Sections/OfferPreview/OfferSummary.d.ts +21 -0
- package/dist/cjs/Components/Sections/OfferPreview/OfferSummary.js +95 -0
- package/dist/cjs/Components/Sections/OfferPreview/OfferSummary.js.map +1 -0
- package/dist/cjs/Components/Sections/OfferPreview/SummaryRow.d.ts +9 -0
- package/dist/cjs/Components/Sections/OfferPreview/SummaryRow.js +38 -0
- package/dist/cjs/Components/Sections/OfferPreview/SummaryRow.js.map +1 -0
- package/dist/cjs/Components/Sections/OfferPreview/index.d.ts +0 -0
- package/dist/cjs/Components/Sections/OfferPreview/index.js +2 -0
- package/dist/cjs/Components/Sections/OfferPreview/index.js.map +1 -0
- package/dist/cjs/Components/Sections/OfferPreview/types.d.ts +0 -0
- package/dist/cjs/Components/Sections/OfferPreview/types.js +2 -0
- package/dist/cjs/Components/Sections/OfferPreview/types.js.map +1 -0
- package/dist/cjs/Components/Sections/SectionContainer/types.d.ts +2 -2
- package/dist/cjs/Components/Templates/CancellationStepperRender.d.ts +5 -5
- package/dist/cjs/Components/Templates/CancellationStepperRender.js +51 -21
- package/dist/cjs/Components/Templates/CancellationStepperRender.js.map +1 -1
- package/dist/cjs/api/queryHandler.js +24 -13
- package/dist/cjs/api/queryHandler.js.map +1 -1
- package/dist/cjs/context/types.d.ts +10 -3
- package/dist/cjs/context/types.js.map +1 -1
- package/dist/cjs/helpers/apiHandlerUtils.js +1 -0
- package/dist/cjs/helpers/apiHandlerUtils.js.map +1 -1
- package/dist/cjs/helpers/cancellationUtils.d.ts +20 -0
- package/dist/cjs/helpers/cancellationUtils.js +110 -1
- package/dist/cjs/helpers/cancellationUtils.js.map +1 -1
- package/dist/cjs/helpers/dataUtils.js +28 -2
- package/dist/cjs/helpers/dataUtils.js.map +1 -1
- package/dist/cjs/helpers/getQuery.js +2 -3
- package/dist/cjs/helpers/getQuery.js.map +1 -1
- package/dist/cjs/helpers/index.d.ts +1 -0
- package/dist/cjs/helpers/index.js +1 -2
- package/dist/cjs/helpers/index.js.map +1 -1
- package/dist/cjs/helpers/stringUtils.d.ts +1 -0
- package/dist/cjs/helpers/stringUtils.js +9 -0
- package/dist/cjs/helpers/stringUtils.js.map +1 -0
- package/dist/cjs/helpers/subscriptionsUtils.d.ts +2 -1
- package/dist/cjs/helpers/subscriptionsUtils.js +2 -2
- package/dist/cjs/helpers/subscriptionsUtils.js.map +1 -1
- package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js +134 -12
- package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
- package/dist/cjs/pages/types.d.ts +3 -0
- package/dist/cjs/queries/getIncentivePreview.d.ts +2 -0
- package/dist/cjs/queries/getIncentivePreview.js +11 -0
- package/dist/cjs/queries/getIncentivePreview.js.map +1 -0
- package/dist/cjs/queries/getUserSubscription.js +1 -1
- package/dist/cjs/queries/getUserSubscription.js.map +1 -1
- package/dist/cjs/queries/index.d.ts +2 -0
- package/dist/cjs/queries/index.js +2 -0
- package/dist/cjs/queries/index.js.map +1 -1
- package/dist/cjs/queries/mutateApplyIncentive.d.ts +2 -0
- package/dist/cjs/queries/mutateApplyIncentive.js +11 -0
- package/dist/cjs/queries/mutateApplyIncentive.js.map +1 -0
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.d.ts +1 -1
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.js +1 -1
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.js.map +1 -1
- package/dist/esm/Components/Elements/TimesLoading/TimesLoading.d.ts +4 -1
- package/dist/esm/Components/Elements/TimesLoading/TimesLoading.js +28 -3
- package/dist/esm/Components/Elements/TimesLoading/TimesLoading.js.map +1 -1
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.d.ts +2 -2
- package/dist/esm/Components/Sections/CancellationDetails/types.d.ts +2 -2
- package/dist/esm/Components/Sections/CancellationOffers/CancellationOffers.d.ts +1 -1
- package/dist/esm/Components/Sections/CancellationOffers/CancellationOffers.js +54 -13
- package/dist/esm/Components/Sections/CancellationOffers/CancellationOffers.js.map +1 -1
- package/dist/esm/Components/Sections/CancellationOffers/types.d.ts +29 -4
- package/dist/esm/Components/Sections/CancellationReview/CancellationReview.d.ts +4 -0
- package/dist/esm/Components/Sections/CancellationReview/CancellationReview.js +120 -0
- package/dist/esm/Components/Sections/CancellationReview/CancellationReview.js.map +1 -0
- package/dist/esm/Components/Sections/CancellationReview/index.d.ts +2 -0
- package/dist/esm/Components/Sections/CancellationReview/index.js +3 -0
- package/dist/esm/Components/Sections/CancellationReview/index.js.map +1 -0
- package/dist/esm/Components/Sections/CancellationReview/types.d.ts +23 -0
- package/dist/esm/Components/Sections/CancellationReview/types.js +2 -0
- package/dist/esm/Components/Sections/CancellationReview/types.js.map +1 -0
- package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.d.ts +1 -1
- package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js +6 -7
- package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js.map +1 -1
- package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/index.d.ts +2 -0
- package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/index.js.map +1 -1
- package/dist/esm/Components/Sections/ContactSupport/types.d.ts +2 -2
- package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js +4 -2
- package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js.map +1 -1
- package/dist/esm/Components/Sections/OfferPreview/OfferPreview.d.ts +30 -0
- package/dist/esm/Components/Sections/OfferPreview/OfferPreview.js +159 -0
- package/dist/esm/Components/Sections/OfferPreview/OfferPreview.js.map +1 -0
- package/dist/esm/Components/Sections/OfferPreview/OfferSummary.d.ts +21 -0
- package/dist/esm/Components/Sections/OfferPreview/OfferSummary.js +88 -0
- package/dist/esm/Components/Sections/OfferPreview/OfferSummary.js.map +1 -0
- package/dist/esm/Components/Sections/OfferPreview/SummaryRow.d.ts +9 -0
- package/dist/esm/Components/Sections/OfferPreview/SummaryRow.js +31 -0
- package/dist/esm/Components/Sections/OfferPreview/SummaryRow.js.map +1 -0
- package/dist/esm/Components/Sections/OfferPreview/index.d.ts +0 -0
- package/dist/esm/Components/Sections/OfferPreview/index.js +2 -0
- package/dist/esm/Components/Sections/OfferPreview/index.js.map +1 -0
- package/dist/esm/Components/Sections/OfferPreview/types.d.ts +0 -0
- package/dist/esm/Components/Sections/OfferPreview/types.js +2 -0
- package/dist/esm/Components/Sections/OfferPreview/types.js.map +1 -0
- package/dist/esm/Components/Sections/SectionContainer/types.d.ts +2 -2
- package/dist/esm/Components/Templates/CancellationStepperRender.d.ts +5 -5
- package/dist/esm/Components/Templates/CancellationStepperRender.js +52 -22
- package/dist/esm/Components/Templates/CancellationStepperRender.js.map +1 -1
- package/dist/esm/api/queryHandler.js +24 -13
- package/dist/esm/api/queryHandler.js.map +1 -1
- package/dist/esm/context/types.d.ts +10 -3
- package/dist/esm/context/types.js.map +1 -1
- package/dist/esm/helpers/apiHandlerUtils.js +2 -1
- package/dist/esm/helpers/apiHandlerUtils.js.map +1 -1
- package/dist/esm/helpers/cancellationUtils.d.ts +20 -0
- package/dist/esm/helpers/cancellationUtils.js +106 -0
- package/dist/esm/helpers/cancellationUtils.js.map +1 -1
- package/dist/esm/helpers/dataUtils.js +5 -2
- package/dist/esm/helpers/dataUtils.js.map +1 -1
- package/dist/esm/helpers/getQuery.js +3 -4
- package/dist/esm/helpers/getQuery.js.map +1 -1
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/helpers/index.js +1 -2
- package/dist/esm/helpers/index.js.map +1 -1
- package/dist/esm/helpers/stringUtils.d.ts +1 -0
- package/dist/esm/helpers/stringUtils.js +5 -0
- package/dist/esm/helpers/stringUtils.js.map +1 -0
- package/dist/esm/helpers/subscriptionsUtils.d.ts +2 -1
- package/dist/esm/helpers/subscriptionsUtils.js +2 -2
- package/dist/esm/helpers/subscriptionsUtils.js.map +1 -1
- package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js +135 -13
- package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
- package/dist/esm/pages/types.d.ts +3 -0
- package/dist/esm/queries/getIncentivePreview.d.ts +2 -0
- package/dist/esm/queries/getIncentivePreview.js +8 -0
- package/dist/esm/queries/getIncentivePreview.js.map +1 -0
- package/dist/esm/queries/getUserSubscription.js +1 -1
- package/dist/esm/queries/getUserSubscription.js.map +1 -1
- package/dist/esm/queries/index.d.ts +2 -0
- package/dist/esm/queries/index.js +2 -0
- package/dist/esm/queries/index.js.map +1 -1
- package/dist/esm/queries/mutateApplyIncentive.d.ts +2 -0
- package/dist/esm/queries/mutateApplyIncentive.js +8 -0
- package/dist/esm/queries/mutateApplyIncentive.js.map +1 -0
- package/package.json +3 -3
|
@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import React, { useState } from 'react';
|
|
12
|
+
import React, { useState, isValidElement } from 'react';
|
|
13
13
|
import { useInstrumentation } from 'newskit';
|
|
14
14
|
import { ContentListView, createClickEvent, ListItem, checkRequestHeaders, UserPlatform, } from '@newskit-render/shared-components';
|
|
15
15
|
import { useAccountContext, } from '../../../context';
|
|
@@ -111,7 +111,9 @@ export var ContentContainer = function (_a) {
|
|
|
111
111
|
var itemValue = getListItemValue(userData, item.type || '', item.default, item.path, {
|
|
112
112
|
publisher: PUBLISHER,
|
|
113
113
|
});
|
|
114
|
-
var description =
|
|
114
|
+
var description = isValidElement(item.valueDescription)
|
|
115
|
+
? item.valueDescription
|
|
116
|
+
: getValueDescription(userData, item.type || '', item.valueDescription || '');
|
|
115
117
|
var ItemProps = {
|
|
116
118
|
item: __assign(__assign({}, item), { href: getHref(baseUrl, userData, item.href, {
|
|
117
119
|
publisher: PUBLISHER || '',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/ContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/ContentContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import { HeaderProps } from '@newskit-render/shared-components';
|
|
3
|
+
import { PreviewIncentiveProps } from '../../../helpers';
|
|
4
|
+
import { UserData } from '../../../pages/types';
|
|
5
|
+
import { ForwardButtonProps } from '../../../Components/Elements/ForwardButton/ForwardButton';
|
|
6
|
+
import { OfferSummaryProps } from './OfferSummary';
|
|
7
|
+
import { NextStepProps } from '../../../Components/Templates/CancellationStepperRender';
|
|
8
|
+
export interface OfferPreviewContextProps {
|
|
9
|
+
header?: HeaderProps;
|
|
10
|
+
subscriptionSummary: OfferSummaryProps;
|
|
11
|
+
paymentSummary: {
|
|
12
|
+
sectionTitle: string;
|
|
13
|
+
};
|
|
14
|
+
note: {
|
|
15
|
+
title: string;
|
|
16
|
+
description: string;
|
|
17
|
+
};
|
|
18
|
+
continueButton: ForwardButtonProps & {
|
|
19
|
+
nextStep: string;
|
|
20
|
+
};
|
|
21
|
+
user: UserData;
|
|
22
|
+
}
|
|
23
|
+
export interface OfferPreviewPops extends OfferPreviewContextProps {
|
|
24
|
+
selectedOffer?: string;
|
|
25
|
+
baseUrl?: string;
|
|
26
|
+
onNextStep: NextStepProps;
|
|
27
|
+
setIncentiveData: React.Dispatch<React.SetStateAction<PreviewIncentiveProps | null>>;
|
|
28
|
+
incentiveData?: PreviewIncentiveProps | null;
|
|
29
|
+
}
|
|
30
|
+
export declare const OfferPreview: FC<OfferPreviewPops>;
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
17
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
18
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
19
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
20
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
21
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
22
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
26
|
+
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);
|
|
27
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
28
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
29
|
+
function step(op) {
|
|
30
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
31
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
32
|
+
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;
|
|
33
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
34
|
+
switch (op[0]) {
|
|
35
|
+
case 0: case 1: t = op; break;
|
|
36
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
37
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
38
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
39
|
+
default:
|
|
40
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
41
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
42
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
43
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
44
|
+
if (t[2]) _.ops.pop();
|
|
45
|
+
_.trys.pop(); continue;
|
|
46
|
+
}
|
|
47
|
+
op = body.call(thisArg, _);
|
|
48
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
49
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
import React, { useEffect, useMemo, useState } from 'react';
|
|
53
|
+
import { Header } from '@newskit-render/shared-components';
|
|
54
|
+
import { Block, Button, getColorCssFromTheme, GridLayout, GridLayoutItem, Stack, styled, TextBlock, } from 'newskit';
|
|
55
|
+
import { applyIncentive, getDefaultItemValue, getOfferPreviewData, getValueDescription, populateSubscriptionSummaryData, } from '../../../helpers';
|
|
56
|
+
import { OfferSummary } from './OfferSummary';
|
|
57
|
+
import { TimesLoading } from '../../../Components/Elements/TimesLoading';
|
|
58
|
+
import sendToast from '../../../Components/Elements/Toast/sendToast';
|
|
59
|
+
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'));
|
|
60
|
+
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'));
|
|
61
|
+
export var OfferPreview = function (_a) {
|
|
62
|
+
var _b;
|
|
63
|
+
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;
|
|
64
|
+
var _c = useState(true), loading = _c[0], setLoading = _c[1];
|
|
65
|
+
var _d = useState(selectedOffer || ''), offerCode = _d[0], setOfferCode = _d[1];
|
|
66
|
+
var enrichedSubscriptionSummary = useMemo(function () {
|
|
67
|
+
if (incentiveData && user) {
|
|
68
|
+
var components2 = populateSubscriptionSummaryData(incentiveData, subscriptionSummary, user);
|
|
69
|
+
return components2;
|
|
70
|
+
}
|
|
71
|
+
return null;
|
|
72
|
+
}, [subscriptionSummary, incentiveData, user]);
|
|
73
|
+
var handleError = function (message) {
|
|
74
|
+
sendToast('', 'error', undefined, undefined, message);
|
|
75
|
+
};
|
|
76
|
+
useEffect(function () {
|
|
77
|
+
var fetchOfferPreviewData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
78
|
+
var incentiveCode, response, error_1;
|
|
79
|
+
var _a, _b;
|
|
80
|
+
return __generator(this, function (_c) {
|
|
81
|
+
switch (_c.label) {
|
|
82
|
+
case 0:
|
|
83
|
+
_c.trys.push([0, 2, 3, 4]);
|
|
84
|
+
incentiveCode = offerCode || sessionStorage.getItem('selectedOfferId') || '';
|
|
85
|
+
setOfferCode(incentiveCode);
|
|
86
|
+
if (!incentiveCode)
|
|
87
|
+
throw new Error('No selected offer ID found');
|
|
88
|
+
return [4 /*yield*/, getOfferPreviewData({
|
|
89
|
+
subscriptionCode: (_b = (_a = user.subscriptions) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id,
|
|
90
|
+
incentiveCode: incentiveCode,
|
|
91
|
+
})];
|
|
92
|
+
case 1:
|
|
93
|
+
response = _c.sent();
|
|
94
|
+
setIncentiveData(response.previewIncentive);
|
|
95
|
+
return [3 /*break*/, 4];
|
|
96
|
+
case 2:
|
|
97
|
+
error_1 = _c.sent();
|
|
98
|
+
handleError('There was an error loading the data. Please try again later.');
|
|
99
|
+
return [3 /*break*/, 4];
|
|
100
|
+
case 3:
|
|
101
|
+
setLoading(false);
|
|
102
|
+
return [7 /*endfinally*/];
|
|
103
|
+
case 4: return [2 /*return*/];
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
}); };
|
|
107
|
+
fetchOfferPreviewData();
|
|
108
|
+
}, []);
|
|
109
|
+
var paymentExpDate = getValueDescription(user, 'payment', 'expiry date');
|
|
110
|
+
var handleContinue = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
111
|
+
var error_2;
|
|
112
|
+
var _a, _b;
|
|
113
|
+
return __generator(this, function (_c) {
|
|
114
|
+
switch (_c.label) {
|
|
115
|
+
case 0:
|
|
116
|
+
_c.trys.push([0, 2, 3, 4]);
|
|
117
|
+
setLoading(true);
|
|
118
|
+
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) || '')];
|
|
119
|
+
case 1:
|
|
120
|
+
_c.sent();
|
|
121
|
+
onNextStep(event, continueButton.nextStep);
|
|
122
|
+
return [3 /*break*/, 4];
|
|
123
|
+
case 2:
|
|
124
|
+
error_2 = _c.sent();
|
|
125
|
+
handleError('There was an error applying the offer. Please try again later.');
|
|
126
|
+
return [3 /*break*/, 4];
|
|
127
|
+
case 3:
|
|
128
|
+
setLoading(false);
|
|
129
|
+
return [7 /*endfinally*/];
|
|
130
|
+
case 4: return [2 /*return*/];
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
}); };
|
|
134
|
+
return (React.createElement(Block, null,
|
|
135
|
+
header && React.createElement(Header, __assign({}, header)),
|
|
136
|
+
React.createElement(GridLayout, { rowGap: "space070", columns: "12fr", "data-testid": "offer-preview" },
|
|
137
|
+
React.createElement(GridLayoutItem, null, enrichedSubscriptionSummary ? (React.createElement(React.Fragment, null,
|
|
138
|
+
React.createElement(TextBlock, { "data-testid": "offer-summary-title", paddingBlockEnd: "space030", typographyPreset: "utilitySubheading020" }, enrichedSubscriptionSummary.sectionTitle),
|
|
139
|
+
React.createElement(OfferSummary, __assign({}, enrichedSubscriptionSummary)))) : (React.createElement(StyledLoading, { flow: "horizontal-center", stackDistribution: "center", "data-testid": "loading-offer", paddingBlock: "space080" },
|
|
140
|
+
React.createElement(TimesLoading, { height: "auto", loadingText: "Loading payment information" })))),
|
|
141
|
+
React.createElement(GridLayoutItem, null,
|
|
142
|
+
React.createElement(TextBlock, { "data-testid": "payment-summary-title", paddingBlockEnd: "space030", typographyPreset: "utilitySubheading020" }, paymentSummary.sectionTitle),
|
|
143
|
+
React.createElement(StyledStack, { paddingBlock: "space040", paddingInline: "space040", flow: "horizontal-center", stackDistribution: "space-between" },
|
|
144
|
+
getDefaultItemValue(user, 'payment', ''),
|
|
145
|
+
React.createElement(TextBlock, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, paymentExpDate))),
|
|
146
|
+
React.createElement(GridLayoutItem, null,
|
|
147
|
+
React.createElement(TextBlock, { "data-testid": "note-title", typographyPreset: "utilitySubheading020", paddingBlockEnd: "space030" }, note.title),
|
|
148
|
+
React.createElement(TextBlock, { typographyPreset: "utilityBody010", stylePreset: "inkSubtle" }, note.description)),
|
|
149
|
+
React.createElement(Stack, { flow: { md: 'horizontal-center', xs: 'vertical-center' }, stackDistribution: "flex-end", flowReverse: { xs: true, md: false } },
|
|
150
|
+
continueButton.label,
|
|
151
|
+
React.createElement(Button, { disabled: loading, onClick: handleContinue, eventContext: continueButton === null || continueButton === void 0 ? void 0 : continueButton.eventContext, overrides: __assign({ width: {
|
|
152
|
+
xs: '100%',
|
|
153
|
+
md: 'auto',
|
|
154
|
+
}, marginInlineStart: {
|
|
155
|
+
md: 'space050',
|
|
156
|
+
}, 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)))));
|
|
157
|
+
};
|
|
158
|
+
var templateObject_1, templateObject_2;
|
|
159
|
+
//# sourceMappingURL=OfferPreview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OfferPreview.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/OfferPreview/OfferPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { SummaryRowProps } from './SummaryRow';
|
|
3
|
+
export interface PaymentBreakdownProps {
|
|
4
|
+
title: string;
|
|
5
|
+
accountCreditRow: SummaryRowProps;
|
|
6
|
+
discountedSubscriptionRow?: SummaryRowProps;
|
|
7
|
+
offerSubscriptionRow?: SummaryRowProps;
|
|
8
|
+
}
|
|
9
|
+
export interface OfferSummaryProps {
|
|
10
|
+
sectionTitle: string;
|
|
11
|
+
offerTitle: string;
|
|
12
|
+
discountName: string;
|
|
13
|
+
discountPercentage: number;
|
|
14
|
+
discountStartDate: string;
|
|
15
|
+
fullPriceSubscriptionPrice: string;
|
|
16
|
+
fullPriceSubscriptionStartDate: string;
|
|
17
|
+
paymentBreakdown?: PaymentBreakdownProps;
|
|
18
|
+
nextPaymentRow: SummaryRowProps;
|
|
19
|
+
remainingCredit?: SummaryRowProps;
|
|
20
|
+
}
|
|
21
|
+
export declare const OfferSummary: FC<OfferSummaryProps>;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
import React from 'react';
|
|
17
|
+
import { Divider, GridLayout, styled, TextBlock, getColorCssFromTheme, Block, getBorderCssFromTheme, getSpacingCssFromTheme, } from 'newskit';
|
|
18
|
+
import { SummaryRow } from './SummaryRow';
|
|
19
|
+
var StyledGridLayout = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
20
|
+
var StyledSection = styled(GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: 1px solid;\n ", ";\n"], ["\n border: 1px solid;\n ", ";\n"])), getColorCssFromTheme('borderColor', 'neutral030'));
|
|
21
|
+
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'));
|
|
22
|
+
export var OfferSummary = function (_a) {
|
|
23
|
+
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;
|
|
24
|
+
return (React.createElement(React.Fragment, null,
|
|
25
|
+
React.createElement(StyledSection, { rowGap: "space040", columns: '12fr', overrides: {
|
|
26
|
+
paddingBlock: 'space040',
|
|
27
|
+
paddingInline: 'space040',
|
|
28
|
+
} },
|
|
29
|
+
React.createElement(TextBlock, { "data-testid": "offer-title", typographyPreset: "editorialHeadline010" }, offerTitle),
|
|
30
|
+
React.createElement(Divider, { overrides: {
|
|
31
|
+
marginBlock: 'space010',
|
|
32
|
+
} }),
|
|
33
|
+
React.createElement(StyledGridLayout, { rowGap: "space030" },
|
|
34
|
+
React.createElement(TextBlock, { "data-testid": "discount-name", typographyPreset: "utilitySubheading020" }, discountName),
|
|
35
|
+
React.createElement(TextBlock, { "data-testid": "discount-start-date", stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, discountStartDate),
|
|
36
|
+
React.createElement(StylesBlock, null,
|
|
37
|
+
React.createElement(TextBlock, { typographyPreset: "utilityLabel010" },
|
|
38
|
+
discountPercentage,
|
|
39
|
+
"% off"))),
|
|
40
|
+
React.createElement(GridLayout, { rowGap: "space030", overrides: {
|
|
41
|
+
marginBlockStart: 'space020',
|
|
42
|
+
} },
|
|
43
|
+
React.createElement(TextBlock, { "data-testid": "full-price-subscription-price", typographyPreset: "utilitySubheading020" }, fullPriceSubscriptionPrice),
|
|
44
|
+
React.createElement(TextBlock, { "data-testid": "full-price-subscription-start-date", stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, fullPriceSubscriptionStartDate)),
|
|
45
|
+
paymentBreakdown && (React.createElement(React.Fragment, null,
|
|
46
|
+
React.createElement(Divider, { overrides: {
|
|
47
|
+
marginBlock: 'space010',
|
|
48
|
+
} }),
|
|
49
|
+
React.createElement(TextBlock, { typographyPreset: "utilitySubheading020" }, paymentBreakdown.title),
|
|
50
|
+
paymentBreakdown.offerSubscriptionRow && (React.createElement(SummaryRow, __assign({}, paymentBreakdown.offerSubscriptionRow, { "data-testid": "offer-subscription-row", labelOverrides: {
|
|
51
|
+
stylePreset: 'inkSubtle',
|
|
52
|
+
typographyPreset: 'utilityBody010',
|
|
53
|
+
}, valueOverrides: {
|
|
54
|
+
stylePreset: 'inkSubtle',
|
|
55
|
+
typographyPreset: 'utilityBody010',
|
|
56
|
+
} }))),
|
|
57
|
+
React.createElement(SummaryRow, __assign({}, paymentBreakdown.accountCreditRow, { "data-testid": "account-credit-row", labelOverrides: {
|
|
58
|
+
stylePreset: 'inkSubtle',
|
|
59
|
+
typographyPreset: 'utilityBody010',
|
|
60
|
+
}, valueOverrides: {
|
|
61
|
+
stylePreset: 'inkSubtle',
|
|
62
|
+
typographyPreset: 'utilityBody010',
|
|
63
|
+
} })),
|
|
64
|
+
paymentBreakdown.discountedSubscriptionRow && (React.createElement(SummaryRow, __assign({}, paymentBreakdown.discountedSubscriptionRow, { "data-testid": "discounted-subscription-row", labelOverrides: {
|
|
65
|
+
stylePreset: 'inkSubtle',
|
|
66
|
+
typographyPreset: 'utilityBody010',
|
|
67
|
+
}, valueOverrides: {
|
|
68
|
+
stylePreset: 'inkSubtle',
|
|
69
|
+
typographyPreset: 'utilityBody010',
|
|
70
|
+
} }))))),
|
|
71
|
+
React.createElement(Divider, { overrides: {
|
|
72
|
+
marginBlock: 'space010',
|
|
73
|
+
} }),
|
|
74
|
+
React.createElement(SummaryRow, __assign({}, nextPaymentRow, { "data-testid": "next-payment-row", labelOverrides: {
|
|
75
|
+
typographyPreset: 'utilitySubheading030',
|
|
76
|
+
}, valueOverrides: {
|
|
77
|
+
typographyPreset: 'utilitySubheading030',
|
|
78
|
+
} })),
|
|
79
|
+
remainingCredit && (React.createElement(SummaryRow, __assign({}, remainingCredit, { "data-testid": "remaining-credit-row", labelOverrides: {
|
|
80
|
+
stylePreset: 'inkSubtle',
|
|
81
|
+
typographyPreset: 'utilityBody010',
|
|
82
|
+
}, valueOverrides: {
|
|
83
|
+
stylePreset: 'inkSubtle',
|
|
84
|
+
typographyPreset: 'utilityBody010',
|
|
85
|
+
} }))))));
|
|
86
|
+
};
|
|
87
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
88
|
+
//# sourceMappingURL=OfferSummary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OfferSummary.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/OfferPreview/OfferSummary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TextBlockProps } from 'newskit';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface SummaryRowProps {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
labelOverrides?: TextBlockProps;
|
|
7
|
+
valueOverrides?: TextBlockProps;
|
|
8
|
+
}
|
|
9
|
+
export declare const SummaryRow: React.FC<SummaryRowProps>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { TextBlock, Stack } from 'newskit';
|
|
24
|
+
import React from 'react';
|
|
25
|
+
export var SummaryRow = function (_a) {
|
|
26
|
+
var label = _a.label, value = _a.value, labelOverrides = _a.labelOverrides, valueOverrides = _a.valueOverrides, rest = __rest(_a, ["label", "value", "labelOverrides", "valueOverrides"]);
|
|
27
|
+
return (React.createElement(Stack, __assign({ flow: "horizontal-stretch", stackDistribution: "space-between" }, rest),
|
|
28
|
+
React.createElement(TextBlock, __assign({}, labelOverrides), label),
|
|
29
|
+
React.createElement(TextBlock, __assign({}, valueOverrides), value)));
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=SummaryRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/OfferPreview/index.ts"],"names":[],"mappings":""}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/OfferPreview/types.ts"],"names":[],"mappings":""}
|
|
@@ -2,7 +2,7 @@ import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceAndNotic
|
|
|
2
2
|
import { StandaloneLinkPropsOverridable } from '../../Elements/StandaloneLinkComponent';
|
|
3
3
|
import { MQ, ImageProps } from 'newskit';
|
|
4
4
|
import { NewslettersGridOverrides, CancellationItem, CancellationSection } from '../../../context/types';
|
|
5
|
-
import { HandleCardClick,
|
|
5
|
+
import { HandleCardClick, NextStepProps } from '../../Templates/CancellationStepperRender';
|
|
6
6
|
import { UserData } from '../../../pages/types';
|
|
7
7
|
export type BelowContentExtra = {
|
|
8
8
|
type: 'delivery-address' | 'cancel-subscription' | 'no-billing' | 'payment-history' | 'leave-family';
|
|
@@ -34,7 +34,7 @@ export interface BaseSectionProps extends CancellationSection, CancellationItem
|
|
|
34
34
|
}
|
|
35
35
|
export interface GridSectionProps extends CancellationSection {
|
|
36
36
|
baseUrl?: string;
|
|
37
|
-
onNextStep:
|
|
37
|
+
onNextStep: NextStepProps;
|
|
38
38
|
handleCardClick: HandleCardClick;
|
|
39
39
|
eventContext?: EventContext;
|
|
40
40
|
user?: UserData;
|
|
@@ -2,7 +2,6 @@ import React from 'react';
|
|
|
2
2
|
import { EventContext } from '@newskit-render/shared-components';
|
|
3
3
|
export declare const componentMap: {
|
|
4
4
|
reason: ({ belowItemExtra, onNextStep, handleCardClick, items, ...props }: import("../Sections/SectionContainer").GridSectionProps) => JSX.Element;
|
|
5
|
-
downgrade: React.FC<import("../Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade").CancelSubscriptionDowngradeProps>;
|
|
6
5
|
preCancellation: ({ header, containerOverrides, user, subscriptionName, subscriptionEnd, selectedReason, defaultCancellationReason, dividerOverrides, continueButton, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: import("../Sections/CancellationDetails").CancellationDetailsProps) => JSX.Element;
|
|
7
6
|
confirmCancel: ({ featureFlags, ...rest }: import("../Sections/ConfirmCancellation").ConfirmCancellationStepProps) => React.CElement<{
|
|
8
7
|
image: {
|
|
@@ -59,17 +58,18 @@ export declare const componentMap: {
|
|
|
59
58
|
};
|
|
60
59
|
};
|
|
61
60
|
}, any, any>>;
|
|
62
|
-
offers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides,
|
|
63
|
-
|
|
64
|
-
offerConfirmation: ({ header, user, subscriptionDetails, buttonText, buttonEventContext, buttonUrl, baseUrl, buttonOverrides, }: import("../Sections/ConfirmSubscriptionOffer").ConfirmSubscriptionOfferProps) => JSX.Element | null;
|
|
61
|
+
offers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides, setSelectedOffer, selectedOffer, onNextStep, }: import("../Sections/CancellationOffers").CancellationOffersProps) => JSX.Element;
|
|
62
|
+
offerConfirmation: ({ header, user, subscriptionDetails, buttonText, buttonEventContext, buttonUrl, baseUrl, buttonOverrides, incentiveData, }: import("../Sections/ConfirmSubscriptionOffer").ConfirmSubscriptionOfferProps) => JSX.Element | null;
|
|
65
63
|
contactSupport: ({ header, contactMethods, continueButton, continueButtonContainerOverrides, onNextStep, }: import("../Sections/ContactSupport").ContactSupportProps) => JSX.Element;
|
|
64
|
+
reviewCancellation: ({ baseUrl, header, details, user, cancellationButtons, selectedReason, defaultCancellationReason, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: import("../Sections/CancellationReview").CancellationReviewProps) => JSX.Element;
|
|
65
|
+
offerPreview: React.FC<import("../Sections/OfferPreview/OfferPreview").OfferPreviewPops>;
|
|
66
66
|
};
|
|
67
67
|
export type SelectionData = {
|
|
68
68
|
id: string;
|
|
69
69
|
label?: string;
|
|
70
70
|
eventContext?: EventContext;
|
|
71
71
|
};
|
|
72
|
-
export type
|
|
72
|
+
export type NextStepProps = (event: React.MouseEvent, override?: string | null, eventContext?: Record<string, string>) => void;
|
|
73
73
|
export type HandleCardClick = (event: React.MouseEvent, selectionData: SelectionData) => void;
|
|
74
74
|
declare const CancellationStepperRender: React.FC;
|
|
75
75
|
export default CancellationStepperRender;
|