@newskit-render/my-account 7.117.7 → 7.117.8-alpha.0
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/OfferCard/OfferCard.d.ts +3 -0
- package/dist/cjs/Components/Elements/OfferCard/OfferCard.js +54 -0
- package/dist/cjs/Components/Elements/OfferCard/OfferCard.js.map +1 -0
- package/dist/cjs/Components/Elements/OfferCard/index.d.ts +2 -0
- package/dist/cjs/Components/Elements/OfferCard/index.js +5 -0
- package/dist/cjs/Components/Elements/OfferCard/index.js.map +1 -0
- package/dist/cjs/Components/Elements/OfferCard/styled.d.ts +43 -0
- package/dist/cjs/Components/Elements/OfferCard/styled.js +22 -0
- package/dist/cjs/Components/Elements/OfferCard/styled.js.map +1 -0
- package/dist/cjs/Components/Elements/OfferCard/types.d.ts +24 -0
- package/dist/cjs/Components/Elements/OfferCard/types.js +3 -0
- package/dist/cjs/Components/Elements/OfferCard/types.js.map +1 -0
- package/dist/cjs/Components/Elements/SectionListItem/GridListItem.js +5 -5
- package/dist/cjs/Components/Elements/SectionListItem/GridListItem.js.map +1 -1
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.d.ts +16 -0
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js +43 -0
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js.map +1 -0
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/index.d.ts +1 -0
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/index.js +6 -0
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/index.js.map +1 -0
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/type.d.ts +0 -0
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/type.js +2 -0
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/type.js.map +1 -0
- package/dist/cjs/Components/Templates/CancellationStepperRender.d.ts +1 -1
- package/dist/cjs/Components/Templates/CancellationStepperRender.js +4 -3
- package/dist/cjs/Components/Templates/CancellationStepperRender.js.map +1 -1
- package/dist/cjs/context/types.d.ts +8 -2
- package/dist/cjs/context/types.js.map +1 -1
- package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js +87 -5
- package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
- package/dist/esm/Components/Elements/OfferCard/OfferCard.d.ts +3 -0
- package/dist/esm/Components/Elements/OfferCard/OfferCard.js +47 -0
- package/dist/esm/Components/Elements/OfferCard/OfferCard.js.map +1 -0
- package/dist/esm/Components/Elements/OfferCard/index.d.ts +2 -0
- package/dist/esm/Components/Elements/OfferCard/index.js +3 -0
- package/dist/esm/Components/Elements/OfferCard/index.js.map +1 -0
- package/dist/esm/Components/Elements/OfferCard/styled.d.ts +43 -0
- package/dist/esm/Components/Elements/OfferCard/styled.js +19 -0
- package/dist/esm/Components/Elements/OfferCard/styled.js.map +1 -0
- package/dist/esm/Components/Elements/OfferCard/types.d.ts +24 -0
- package/dist/esm/Components/Elements/OfferCard/types.js +2 -0
- package/dist/esm/Components/Elements/OfferCard/types.js.map +1 -0
- package/dist/esm/Components/Elements/SectionListItem/GridListItem.js +5 -5
- package/dist/esm/Components/Elements/SectionListItem/GridListItem.js.map +1 -1
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.d.ts +16 -0
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js +36 -0
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js.map +1 -0
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/index.d.ts +1 -0
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/index.js +2 -0
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/index.js.map +1 -0
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/type.d.ts +0 -0
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/type.js +2 -0
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/type.js.map +1 -0
- package/dist/esm/Components/Templates/CancellationStepperRender.d.ts +1 -1
- package/dist/esm/Components/Templates/CancellationStepperRender.js +5 -4
- package/dist/esm/Components/Templates/CancellationStepperRender.js.map +1 -1
- package/dist/esm/context/types.d.ts +8 -2
- package/dist/esm/context/types.js.map +1 -1
- package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js +87 -5
- package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
- package/package.json +5 -5
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.OfferCard = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var newskit_1 = require("newskit");
|
|
31
|
+
var styled_1 = require("./styled");
|
|
32
|
+
var helpers_1 = require("../../../helpers");
|
|
33
|
+
var OfferCard = function (_a) {
|
|
34
|
+
var title = _a.title, titleOverrides = _a.titleOverrides, description = _a.description, descriptionOverrides = _a.descriptionOverrides, offerLabel = _a.offerLabel, offerLabelOverrides = _a.offerLabelOverrides, currentPrice = _a.currentPrice, currentPriceOverrides = _a.currentPriceOverrides, newPrice = _a.newPrice, newsPriceOverrides = _a.newsPriceOverrides, ribbonText = _a.ribbonText, ribbonTextOverrides = _a.ribbonTextOverrides, ribbonOverrides = _a.ribbonOverrides, buttonText = _a.buttonText, buttonHref = _a.buttonHref, _b = _a.baseUrl, baseUrl = _b === void 0 ? '' : _b, buttonOverrides = _a.buttonOverrides, buttonEventContext = _a.buttonEventContext, containerOverrides = _a.containerOverrides, rest = __rest(_a, ["title", "titleOverrides", "description", "descriptionOverrides", "offerLabel", "offerLabelOverrides", "currentPrice", "currentPriceOverrides", "newPrice", "newsPriceOverrides", "ribbonText", "ribbonTextOverrides", "ribbonOverrides", "buttonText", "buttonHref", "baseUrl", "buttonOverrides", "buttonEventContext", "containerOverrides"]);
|
|
35
|
+
return (react_1.default.createElement(styled_1.StylesCardComposable, __assign({ "data-testid": "offer-card-container" }, containerOverrides, { overrides: __assign({ paddingBlock: 'space040', paddingInline: 'space040', maxWidth: '600px' }, containerOverrides === null || containerOverrides === void 0 ? void 0 : containerOverrides.overrides) }, rest),
|
|
36
|
+
ribbonText && (react_1.default.createElement(styled_1.Ribbon, __assign({ "data-testid": "offer-card-container-ribbon" }, ribbonOverrides),
|
|
37
|
+
react_1.default.createElement(newskit_1.Block, { className: "ribbon-body" },
|
|
38
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "editorialRegularDisplay003", stylePreset: "inkInverse" }, ribbonTextOverrides), ribbonText)))),
|
|
39
|
+
react_1.default.createElement(newskit_1.CardContent, { rowGap: "space050", overrides: { paddingBlock: 'space020', paddingInline: 'space020' } },
|
|
40
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-title", typographyPreset: "utilityHeading050", stylePreset: "inkDark010" }, titleOverrides), title),
|
|
41
|
+
offerLabel && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-offer-label", typographyPreset: "editorialRegularHeadline070", stylePreset: "inkDark010" }, offerLabelOverrides), offerLabel)),
|
|
42
|
+
react_1.default.createElement(newskit_1.GridLayout, { columnGap: "space020", columns: "auto auto", justifyContent: "space-between" },
|
|
43
|
+
currentPrice && (react_1.default.createElement(styled_1.StrikedThroughTextBlock, __assign({ "data-testid": "offer-card-current-price", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkSubtle" }, currentPriceOverrides), currentPrice)),
|
|
44
|
+
newPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-new-price", typographyPreset: "editorialRegularDisplay003" }, newsPriceOverrides, { stylePreset: "inkDark010" }), newPrice))),
|
|
45
|
+
react_1.default.createElement(newskit_1.Divider, { overrides: { marginBlockStart: 'space010' } }),
|
|
46
|
+
description && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-description", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkBase" }, descriptionOverrides), description))),
|
|
47
|
+
react_1.default.createElement(newskit_1.CardActions, { columns: "1fr", overrides: {
|
|
48
|
+
paddingBlockStart: 'space050',
|
|
49
|
+
} }, buttonText && (react_1.default.createElement(newskit_1.Button, __assign({ "data-testid": "offer-card-action", overrides: { width: '100%' } }, buttonOverrides, (buttonHref
|
|
50
|
+
? { href: (0, helpers_1.replaceBaseURL)(baseUrl, buttonHref) }
|
|
51
|
+
: {}), { eventContext: buttonEventContext }), buttonText)))));
|
|
52
|
+
};
|
|
53
|
+
exports.OfferCard = OfferCard;
|
|
54
|
+
//# sourceMappingURL=OfferCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/OfferCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/index.ts"],"names":[],"mappings":";;AAAA,yCAAuC;AAEvC,kBAAe,qBAAS,CAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { MQ } from 'newskit';
|
|
2
|
+
export declare const StrikedThroughTextBlock: import("@emotion/styled").StyledComponent<import("newskit").TextBlockProps & import("react").RefAttributes<HTMLParagraphElement> & {
|
|
3
|
+
theme?: import("@emotion/react").Theme;
|
|
4
|
+
}, {}, {}>;
|
|
5
|
+
export interface RibbonProps {
|
|
6
|
+
ribbonColor?: MQ<string>;
|
|
7
|
+
cornerColor?: MQ<string>;
|
|
8
|
+
}
|
|
9
|
+
export declare const Ribbon: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
10
|
+
theme?: import("@emotion/react").Theme;
|
|
11
|
+
} & RibbonProps, {}, {}>;
|
|
12
|
+
export declare const StylesCardComposable: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
rowGap?: import("newskit").MQ<string> | undefined;
|
|
14
|
+
columnGap?: import("newskit").MQ<string> | undefined;
|
|
15
|
+
rows?: import("newskit").MQ<string> | undefined;
|
|
16
|
+
columns?: import("newskit").MQ<string> | undefined;
|
|
17
|
+
justifyContent?: import("newskit").MQ<string> | undefined;
|
|
18
|
+
alignContent?: import("newskit").MQ<string> | undefined;
|
|
19
|
+
justifyItems?: import("newskit").MQ<string> | undefined;
|
|
20
|
+
alignItems?: import("newskit").MQ<string> | undefined;
|
|
21
|
+
areas?: import("newskit").MQ<string> | undefined;
|
|
22
|
+
inline?: import("newskit").MQ<boolean> | undefined;
|
|
23
|
+
autoColumns?: import("newskit").MQ<string> | undefined;
|
|
24
|
+
autoRows?: import("newskit").MQ<string> | undefined;
|
|
25
|
+
autoFlow?: import("newskit").MQ<string> | undefined;
|
|
26
|
+
children?: React.ReactNode | import("newskit/cjs/grid-layout/types").GridLayoutRenderProps;
|
|
27
|
+
as?: React.ElementType<any> | undefined;
|
|
28
|
+
overrides?: ({
|
|
29
|
+
width?: import("newskit").MQ<string> | undefined;
|
|
30
|
+
minWidth?: import("newskit").MQ<string> | undefined;
|
|
31
|
+
maxWidth?: import("newskit").MQ<string> | undefined;
|
|
32
|
+
height?: import("newskit").MQ<string> | undefined;
|
|
33
|
+
minHeight?: import("newskit").MQ<string> | undefined;
|
|
34
|
+
maxHeight?: import("newskit").MQ<string> | undefined;
|
|
35
|
+
} & import("newskit/cjs/utils/logical-properties").LogicalProps) | undefined;
|
|
36
|
+
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
37
|
+
overrides?: {
|
|
38
|
+
stylePreset?: import("newskit").MQ<string> | undefined;
|
|
39
|
+
transitionPreset?: import("newskit").TransitionToken | import("newskit").TransitionToken[] | undefined;
|
|
40
|
+
} | undefined;
|
|
41
|
+
} & import("react").RefAttributes<HTMLDivElement> & {
|
|
42
|
+
theme?: import("@emotion/react").Theme;
|
|
43
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.StylesCardComposable = exports.Ribbon = exports.StrikedThroughTextBlock = void 0;
|
|
8
|
+
var newskit_1 = require("newskit");
|
|
9
|
+
exports.StrikedThroughTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: line-through;\n"], ["\n text-decoration: line-through;\n"])));
|
|
10
|
+
exports.Ribbon = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 150px;\n height: 150px;\n overflow: hidden;\n position: absolute;\n top: -4px;\n right: -4px;\n\n & .ribbon-body {\n ", ";\n position: absolute;\n display: block;\n width: 225px;\n padding: 15px 0;\n ", "\n text-align: center;\n left: -14px;\n top: 30px;\n transform: rotate(45deg);\n }\n &:before {\n position: absolute;\n z-index: -1;\n content: '';\n display: block;\n border: 2px solid;\n ", ";\n top: 0;\n left: 0;\n }\n &:after {\n position: absolute;\n z-index: -1;\n content: '';\n display: block;\n border: 2px solid;\n ", ";\n bottom: 0;\n right: 0;\n }\n"], ["\n width: 150px;\n height: 150px;\n overflow: hidden;\n position: absolute;\n top: -4px;\n right: -4px;\n\n & .ribbon-body {\n ", ";\n position: absolute;\n display: block;\n width: 225px;\n padding: 15px 0;\n ", "\n text-align: center;\n left: -14px;\n top: 30px;\n transform: rotate(45deg);\n }\n &:before {\n position: absolute;\n z-index: -1;\n content: '';\n display: block;\n border: 2px solid;\n ", ";\n top: 0;\n left: 0;\n }\n &:after {\n position: absolute;\n z-index: -1;\n content: '';\n display: block;\n border: 2px solid;\n ", ";\n bottom: 0;\n right: 0;\n }\n"])), function (_a) {
|
|
11
|
+
var ribbonColor = _a.ribbonColor;
|
|
12
|
+
return (0, newskit_1.getColorCssFromTheme)('backgroundColor', ribbonColor ? ribbonColor : 'interactivePrimary030');
|
|
13
|
+
}, (0, newskit_1.getShadowCssFromTheme)('box-shadow', 'shadow010'), function (_a) {
|
|
14
|
+
var cornerColor = _a.cornerColor;
|
|
15
|
+
return (0, newskit_1.getColorCssFromTheme)('borderColor', cornerColor ? cornerColor : 'interactivePrimary050');
|
|
16
|
+
}, function (_a) {
|
|
17
|
+
var cornerColor = _a.cornerColor;
|
|
18
|
+
return (0, newskit_1.getColorCssFromTheme)('borderColor', cornerColor ? cornerColor : 'interactivePrimary050');
|
|
19
|
+
});
|
|
20
|
+
exports.StylesCardComposable = (0, newskit_1.styled)(newskit_1.CardComposable)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: 1px solid;\n ", "\n ", "\n backdrop-filter: blur(20px); /* blur does not exist in newskit */\n"], ["\n border: 1px solid;\n ", "\n ", "\n backdrop-filter: blur(20px); /* blur does not exist in newskit */\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface020'), (0, newskit_1.getShadowCssFromTheme)('box-shadow', 'shadow030'));
|
|
21
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
22
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,mCAQgB;AAEH,QAAA,uBAAuB,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,yGAAA,sCAEvD,KAAA;AAKY,QAAA,MAAM,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,8tBAAa,2IAS1C,EAIC,gGAKD,EAAgD,+NAYhD,EAIC,gKAUD,EAIC,yCAIN,KA3CK,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAClB,iBAAiB,EACjB,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CACpD;AAHD,CAGC,EAKD,IAAA,+BAAqB,EAAC,YAAY,EAAE,WAAW,CAAC,EAYhD,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAClB,aAAa,EACb,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CACpD;AAHD,CAGC,EAUD,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAClB,aAAa,EACb,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CACpD;AAHD,CAGC,EAIN;AAEY,QAAA,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,kLAAA,4BAEtD,EAAmD,MACnD,EAAgD,yEAEnD,KAHG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EACnD,IAAA,+BAAqB,EAAC,YAAY,EAAE,WAAW,CAAC,EAEnD"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ButtonProps, CardComposableProps, EventContext, TextBlockProps } from 'newskit';
|
|
2
|
+
import { RibbonProps } from './styled';
|
|
3
|
+
export interface OfferCardProps extends CardComposableProps {
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
titleOverrides?: TextBlockProps;
|
|
7
|
+
currentPrice?: string;
|
|
8
|
+
currentPriceOverrides?: TextBlockProps;
|
|
9
|
+
newPrice?: string;
|
|
10
|
+
newsPriceOverrides?: TextBlockProps;
|
|
11
|
+
description?: string | string[] | React.ReactNode;
|
|
12
|
+
descriptionOverrides?: TextBlockProps;
|
|
13
|
+
offerLabel?: string;
|
|
14
|
+
offerLabelOverrides?: TextBlockProps;
|
|
15
|
+
ribbonText?: string;
|
|
16
|
+
ribbonTextOverrides?: TextBlockProps;
|
|
17
|
+
ribbonOverrides?: RibbonProps;
|
|
18
|
+
buttonText?: string;
|
|
19
|
+
buttonHref?: string;
|
|
20
|
+
baseUrl?: string;
|
|
21
|
+
buttonOverrides?: ButtonProps;
|
|
22
|
+
buttonEventContext?: EventContext;
|
|
23
|
+
containerOverrides?: CardComposableProps;
|
|
24
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/types.ts"],"names":[],"mappings":""}
|
|
@@ -59,14 +59,14 @@ var GridListItem = function (_a) {
|
|
|
59
59
|
if (href)
|
|
60
60
|
fireEvent((0, shared_components_1.createClickEvent)('link', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_name) || '', undefined, undefined, (eventContext === null || eventContext === void 0 ? void 0 : eventContext.page_name) || '', 'navigation', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_browsing_method) || newskit_1.EventTrigger.Click));
|
|
61
61
|
};
|
|
62
|
-
return (react_1.default.createElement(newskit_1.CardComposable, __assign({ overrides: cardOverrides }, props),
|
|
63
|
-
react_1.default.createElement(link_1.default, { legacyBehavior: true, href: (0, helpers_1.replaceBaseURL)(baseUrl || '', href) || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
|
|
62
|
+
return (react_1.default.createElement(newskit_1.CardComposable, __assign({ overrides: cardOverrides, "data-testid": "list-item" }, props),
|
|
63
|
+
react_1.default.createElement(link_1.default, { "data-testid": "list-item-link", legacyBehavior: true, href: (0, helpers_1.replaceBaseURL)(baseUrl || '', href) || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
|
|
64
64
|
react_1.default.createElement(StyledCardContentWrapper, __assign({ rowGap: 'space050' }, containerOverrides, { onClick: handleCardClick }),
|
|
65
65
|
react_1.default.createElement(StyledHeaderBlockWrapper, __assign({ stackDistribution: "space-between" }, headerOverrides),
|
|
66
66
|
react_1.default.createElement(StyledTitleBlockWrapper, null,
|
|
67
|
-
react_1.default.createElement(StyledTextBlock, __assign({}, labelOverrides), label)),
|
|
68
|
-
image && (react_1.default.createElement(shared_components_1.Image, __assign({ src: image, alt: label || '', width: "80", height: "80" }, imageOverrides)))),
|
|
69
|
-
react_1.default.createElement(StyledTextBlock, __assign({}, subtitleOverrides), subtitle)))));
|
|
67
|
+
react_1.default.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-label" }, labelOverrides), label)),
|
|
68
|
+
image && (react_1.default.createElement(shared_components_1.Image, __assign({ "data-testid": "list-item-image", src: image, alt: label || '', width: "80", height: "80" }, imageOverrides)))),
|
|
69
|
+
react_1.default.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-subtitle" }, subtitleOverrides), subtitle)))));
|
|
70
70
|
};
|
|
71
71
|
exports.GridListItem = GridListItem;
|
|
72
72
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/GridListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAWgB;AAChB,mDAA4B;AAE5B,uEAA2E;AAE3E,4CAAiD;AAEjD,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,+NAA4B,2DAKpE,EACkD,aAGpD,EAA4B,gFAO/B,KAXK,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;AAAlD,CAAkD,EAGpD,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAO/B,CAAA;AAED,IAAM,uBAAuB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,6LAAA,0HAQ5C,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,qBAAW,CAAC,+QAAA,2EAIhD,EAAmD,8FAQjD,EAAuD,+BAG5D,KAXG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAQjD,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,cAAc,CAAC,CAG5D,CAAA;AAED,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,uFAGvC,MACE,EAAuD,MACvD,EAA0C,IAC7C,KAFG,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,qBAAc,QAAQ,MAAG;AAArC,CAAqC,EACvD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,iBAAU,KAAK,MAAG;AAA3B,CAA2B,CAC7C,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EAiBzD;IAhBC,IAAA,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,cAAc,oBAAA,EACX,KAAK,cAhBgD,kOAiBzD,CADS;IAEA,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAE1C,0BAA0B;IAC1B,IAAM,eAAe,GAAG,UAAC,KAAuB;QAC9C,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,IAAI,EAAE,EAAE,CAAC,CAAA;QACzC,CAAC;QAED,IAAI,IAAI;YACN,SAAS,CACP,IAAA,oCAAgB,EACd,MAAM,EACN,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,qBAAqB,KAAI,EAAE,EACzC,SAAS,EACT,SAAS,EACT,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,EAAE,EAC7B,YAAY,EACZ,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,gCAAgC,KAAI,sBAAY,CAAC,KAAK,CACrE,CACF,CAAA;IACL,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,wBAAc,
|
|
1
|
+
{"version":3,"file":"GridListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/GridListItem.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { OfferCardProps } from '../../Elements/OfferCard/types';
|
|
3
|
+
import { HeaderProps } from '@newskit-render/shared-components';
|
|
4
|
+
import { ForwardButtonProps } from '../../Elements/ForwardButton/ForwardButton';
|
|
5
|
+
export interface CancelSubscriptionDowngradeProps {
|
|
6
|
+
offers: OfferCardProps[];
|
|
7
|
+
header?: HeaderProps;
|
|
8
|
+
heroImage: {
|
|
9
|
+
width: number;
|
|
10
|
+
height: number;
|
|
11
|
+
src: string;
|
|
12
|
+
alt?: string;
|
|
13
|
+
};
|
|
14
|
+
continueButton?: ForwardButtonProps;
|
|
15
|
+
}
|
|
16
|
+
export declare const CancelSubscriptionDowngrade: FC<CancelSubscriptionDowngradeProps>;
|
package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
+
};
|
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.CancelSubscriptionDowngrade = void 0;
|
|
22
|
+
var react_1 = __importDefault(require("react"));
|
|
23
|
+
var OfferCard_1 = __importDefault(require("../../Elements/OfferCard"));
|
|
24
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
25
|
+
var newskit_1 = require("newskit");
|
|
26
|
+
var image_1 = __importDefault(require("next/image"));
|
|
27
|
+
var ForwardButton_1 = require("../../Elements/ForwardButton/ForwardButton");
|
|
28
|
+
// Image styles are not final and will be changed after the design is finalized.
|
|
29
|
+
var StyledImage = (0, newskit_1.styled)(image_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n width: 50%;\n height: auto;\n position: absolute;\n justify-self: center;\n }\n ", " {\n width: 100%;\n max-width: 800px;\n position: relative;\n justify-self: start;\n }\n"], ["\n ", " {\n width: 50%;\n height: auto;\n position: absolute;\n justify-self: center;\n }\n ", " {\n width: 100%;\n max-width: 800px;\n position: relative;\n justify-self: start;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('xs'), (0, newskit_1.getMediaQueryFromTheme)('md'));
|
|
30
|
+
var CancelSubscriptionDowngrade = function (_a) {
|
|
31
|
+
var header = _a.header, heroImage = _a.heroImage, offers = _a.offers, continueButton = _a.continueButton;
|
|
32
|
+
return (react_1.default.createElement(newskit_1.GridLayout, { columns: { md: '1fr 1fr', xs: '1fr' } },
|
|
33
|
+
react_1.default.createElement(newskit_1.GridLayoutItem, null,
|
|
34
|
+
react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
|
|
35
|
+
react_1.default.createElement("figure", null,
|
|
36
|
+
react_1.default.createElement(StyledImage, __assign({ alt: "cancel-hero" }, heroImage)))),
|
|
37
|
+
react_1.default.createElement(newskit_1.GridLayout, { justifyContent: "center", overrides: { marginBlockStart: { xs: 'space110', md: 'space000' } } }, offers.map(function (offer) { return (react_1.default.createElement(OfferCard_1.default, __assign({}, offer, { key: offer.id }))); })),
|
|
38
|
+
continueButton && (react_1.default.createElement(newskit_1.GridLayoutItem, { column: "1 / -1", justifySelf: 'center' },
|
|
39
|
+
react_1.default.createElement(ForwardButton_1.ForwardButton, __assign({}, continueButton))))));
|
|
40
|
+
};
|
|
41
|
+
exports.CancelSubscriptionDowngrade = CancelSubscriptionDowngrade;
|
|
42
|
+
var templateObject_1;
|
|
43
|
+
//# sourceMappingURL=CancelSubscriptionDowngrade.js.map
|
package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CancelSubscriptionDowngrade.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,uEAAgD;AAEhD,uEAAuE;AACvE,mCAKgB;AAChB,qDAAkC;AAClC,4EAGmD;AAEnD,gFAAgF;AAChF,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAS,CAAC,yRAAA,MACjC,EAA4B,qGAM5B,EAA4B,uGAM/B,KAZG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAM5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAM/B,CAAA;AAaM,IAAM,2BAA2B,GAEpC,UAAC,EAA6C;QAA3C,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,cAAc,oBAAA;IAC9C,OAAO,CACL,8BAAC,oBAAU,IAAC,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE;QAC/C,8BAAC,wBAAc;YACb,8BAAC,0BAAM,eAAK,MAAM,EAAI;YACtB;gBACE,8BAAC,WAAW,aAAC,GAAG,EAAC,aAAa,IAAK,SAAS,EAAI,CACzC,CACM;QAEjB,8BAAC,oBAAU,IACT,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,IAElE,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,8BAAC,mBAAS,eAAK,KAAK,IAAE,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,CACxC,EAFsB,CAEtB,CAAC,CACS;QACZ,cAAc,IAAI,CACjB,8BAAC,wBAAc,IAAC,MAAM,EAAC,QAAQ,EAAC,WAAW,EAAE,QAAQ;YACnD,8BAAC,6BAAa,eAAK,cAAc,EAAI,CACtB,CAClB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,2BAA2B,+BA2BvC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CancelSubscriptionDowngrade } from './CancelSubscriptionDowngrade';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CancelSubscriptionDowngrade = void 0;
|
|
4
|
+
var CancelSubscriptionDowngrade_1 = require("./CancelSubscriptionDowngrade");
|
|
5
|
+
Object.defineProperty(exports, "CancelSubscriptionDowngrade", { enumerable: true, get: function () { return CancelSubscriptionDowngrade_1.CancelSubscriptionDowngrade; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscriptionDowngrade/index.ts"],"names":[],"mappings":";;;AAAA,6EAA2E;AAAlE,0IAAA,2BAA2B,OAAA"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscriptionDowngrade/type.ts"],"names":[],"mappings":""}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const componentMap: {
|
|
3
3
|
reason: React.FC<import("../Sections/SectionContainer").GridSectionProps>;
|
|
4
|
-
downgrade: React.FC<import("../
|
|
4
|
+
downgrade: React.FC<import("../Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade").CancelSubscriptionDowngradeProps>;
|
|
5
5
|
confirmCancel: React.FC<import("../Elements/SectionListItem").SectionListItemProps>;
|
|
6
6
|
};
|
|
7
7
|
export type SelectionData = {
|
|
@@ -79,15 +79,16 @@ var navigation_1 = require("next/navigation");
|
|
|
79
79
|
var SectionListItem_1 = require("../Elements/SectionListItem");
|
|
80
80
|
var SectionContainer_1 = require("../Sections/SectionContainer");
|
|
81
81
|
var helpers_1 = require("../../helpers");
|
|
82
|
+
var CancelSubscriptionDowngrade_1 = require("../Sections/CancelSubscriptionDowngrade");
|
|
82
83
|
exports.componentMap = {
|
|
83
84
|
reason: SectionContainer_1.GridSection,
|
|
84
|
-
downgrade:
|
|
85
|
+
downgrade: CancelSubscriptionDowngrade_1.CancelSubscriptionDowngrade,
|
|
85
86
|
confirmCancel: SectionListItem_1.SectionListItem,
|
|
86
87
|
};
|
|
87
88
|
var CancellationStepperRender = function () {
|
|
88
89
|
var _a, _b, _c;
|
|
89
90
|
var contextName = types_1.ContextName.CancellationStepper;
|
|
90
|
-
var _d = (0, context_1.useAccountContext)(contextName), header = _d.header, components = _d.components, componentSequence = _d.componentSequence, showBackButton = _d.showBackButton, tealiumContext = _d.tealiumContext, userData = _d.userData,
|
|
91
|
+
var _d = (0, context_1.useAccountContext)(contextName), header = _d.header, components = _d.components, componentSequence = _d.componentSequence, showBackButton = _d.showBackButton, tealiumContext = _d.tealiumContext, userData = _d.userData, baseUrl = _d.baseUrl;
|
|
91
92
|
var router = (0, navigation_1.useRouter)();
|
|
92
93
|
var searchParams = (0, navigation_1.useSearchParams)();
|
|
93
94
|
var type = (_a = userData === null || userData === void 0 ? void 0 : userData.subscriptions[0]) === null || _a === void 0 ? void 0 : _a.type;
|
|
@@ -166,7 +167,7 @@ var CancellationStepperRender = function () {
|
|
|
166
167
|
var shouldShowBackButton = (_b = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _b !== void 0 ? _b : showBackButton;
|
|
167
168
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
168
169
|
shouldShowBackButton && (header === null || header === void 0 ? void 0 : header.backButton) && (react_1.default.createElement(shared_components_1.BackButton, { backButton: __assign(__assign({}, header.backButton), { href: (0, helpers_1.replaceBaseURL)(baseUrl || '', (_c = header === null || header === void 0 ? void 0 : header.backButton) === null || _c === void 0 ? void 0 : _c.href) }), backButtonOverrides: header.backButtonOverrides, eventContext: header.backButton.eventContext, onClick: handleBackBtn })),
|
|
169
|
-
react_1.default.createElement(shared_components_1.ContentContainer, __assign({}, contentContainerOverrides),
|
|
170
|
+
react_1.default.createElement(shared_components_1.ContentContainer, __assign({ "data-testid": "section-container" }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.contentContainerOverrides),
|
|
170
171
|
react_1.default.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, handleSubmit: handleSubmit })))));
|
|
171
172
|
};
|
|
172
173
|
exports.default = CancellationStepperRender;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CancellationStepperRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/CancellationStepperRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,uEAI0C;AAC1C,yCAAiD;AACjD,6CAG4B;AAC5B,8CAA4D;AAC5D,+DAA6D;AAC7D,iEAA0D;AAC1D,yCAA8C;
|
|
1
|
+
{"version":3,"file":"CancellationStepperRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/CancellationStepperRender.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,6 +22,7 @@ import { UserHubItemProps } from '../Components/Elements/UserHubListItem';
|
|
|
22
22
|
import { CancelSubscriptionProps } from 'Components/Sections/CancelSubscription';
|
|
23
23
|
import { HandleCardClick, StepController } from 'Components/Templates/CancellationStepperRender';
|
|
24
24
|
import { GridLayoutProps } from 'Components/SharedTypes/GridLayoutProps';
|
|
25
|
+
import { CancelSubscriptionDowngradeProps } from '../Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade';
|
|
25
26
|
interface InfoPanel extends InlineMessageProps {
|
|
26
27
|
infoPanelCells?: MQ<number>;
|
|
27
28
|
href?: boolean;
|
|
@@ -268,6 +269,7 @@ export interface CancellationItem {
|
|
|
268
269
|
baseUrl?: string;
|
|
269
270
|
}
|
|
270
271
|
export interface CancellationSection {
|
|
272
|
+
contentContainerOverrides?: Partial<SharedContentContainerProps>;
|
|
271
273
|
containerOverrides?: GridLayoutProps;
|
|
272
274
|
itemContainerOverrides?: GridLayoutProps;
|
|
273
275
|
itemHeaderOverrides?: StackProps & {
|
|
@@ -281,7 +283,7 @@ export interface CancellationSection {
|
|
|
281
283
|
header: HeaderProps;
|
|
282
284
|
layoutType?: string;
|
|
283
285
|
items: CancellationItem[];
|
|
284
|
-
primaryButton
|
|
286
|
+
primaryButton?: ButtonProps;
|
|
285
287
|
belowItemExtra?: BelowItemExtraProps;
|
|
286
288
|
showBackButton?: boolean;
|
|
287
289
|
}
|
|
@@ -298,9 +300,13 @@ export interface BelowItemExtraProps {
|
|
|
298
300
|
buttonOverrides?: BaseFlagOverrides;
|
|
299
301
|
iconOverrides?: NewsKitIconProps['overrides'];
|
|
300
302
|
}
|
|
303
|
+
export interface DowngradeContextProps extends CancelSubscriptionDowngradeProps {
|
|
304
|
+
contentContainerOverrides?: Partial<SharedContentContainerProps>;
|
|
305
|
+
showBackButton?: boolean;
|
|
306
|
+
}
|
|
301
307
|
export interface CancellationStepperContextOptions extends Partial<InteractiveContextOptions>, Partial<NonInteractiveContextOptions> {
|
|
302
308
|
containerOverrides?: GridLayoutProps;
|
|
303
|
-
components: Record<string, CancellationSection>;
|
|
309
|
+
components: Record<string, CancellationSection | DowngradeContextProps>;
|
|
304
310
|
componentSequence: Record<string, string[]>;
|
|
305
311
|
tealiumContext?: TealiumEventContext;
|
|
306
312
|
showBackButton?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AAuMA,IAAY,WAoBX;AApBD,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;AAC/C,CAAC,EApBW,WAAW,2BAAX,WAAW,QAoBtB;AAsMD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AAmZD,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,gCAAhB,gBAAgB,QA2B3B;AA4BD,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,uCAAvB,uBAAuB,QAIlC"}
|
|
@@ -81,10 +81,15 @@ exports.CancellationStepperContext = {
|
|
|
81
81
|
marginInline: 'auto',
|
|
82
82
|
paddingBlockStart: 'space000',
|
|
83
83
|
paddingInline: 'space000',
|
|
84
|
-
width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
|
|
85
84
|
},
|
|
86
85
|
components: {
|
|
87
86
|
reason: {
|
|
87
|
+
contentContainerOverrides: {
|
|
88
|
+
marginInline: 'auto',
|
|
89
|
+
paddingBlockStart: 'space000',
|
|
90
|
+
paddingInline: 'space000',
|
|
91
|
+
width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
|
|
92
|
+
},
|
|
88
93
|
layoutType: 'grid',
|
|
89
94
|
header: {
|
|
90
95
|
title: 'Before you go, can you tell us why?',
|
|
@@ -107,10 +112,6 @@ exports.CancellationStepperContext = {
|
|
|
107
112
|
},
|
|
108
113
|
},
|
|
109
114
|
},
|
|
110
|
-
primaryButton: {
|
|
111
|
-
text: 'None of the above',
|
|
112
|
-
href: 'link',
|
|
113
|
-
},
|
|
114
115
|
containerOverrides: {
|
|
115
116
|
rows: 'auto',
|
|
116
117
|
columns: '1fr 1fr',
|
|
@@ -226,6 +227,87 @@ exports.CancellationStepperContext = {
|
|
|
226
227
|
},
|
|
227
228
|
],
|
|
228
229
|
},
|
|
230
|
+
downgrade: {
|
|
231
|
+
contentContainerOverrides: {
|
|
232
|
+
marginInline: 'auto',
|
|
233
|
+
paddingBlockStart: 'space000',
|
|
234
|
+
paddingInline: 'space000',
|
|
235
|
+
width: { xs: '100%' },
|
|
236
|
+
maxWidth: '1400px',
|
|
237
|
+
},
|
|
238
|
+
header: {
|
|
239
|
+
overline: 'Exclusive international offer:',
|
|
240
|
+
overlineOverrides: {
|
|
241
|
+
paddingInline: { xs: 'space000', md: 'space050' },
|
|
242
|
+
typographyPreset: 'utilityHeading050',
|
|
243
|
+
},
|
|
244
|
+
title: 'Get unrivalled journalism for less',
|
|
245
|
+
description: 'Based on your reading time, it’s only fair that you pay a bit less. Here are some alternative packages that might work fo you',
|
|
246
|
+
fullWidthTitle: true,
|
|
247
|
+
titleOverrides: {
|
|
248
|
+
marginBlockEnd: 'space060',
|
|
249
|
+
paddingInline: { xs: 'space000', md: 'space050' },
|
|
250
|
+
typographyPreset: {
|
|
251
|
+
xs: 'editorialLightDisplay007',
|
|
252
|
+
md: 'editorialLightDisplay020',
|
|
253
|
+
},
|
|
254
|
+
},
|
|
255
|
+
descriptionOverrides: {
|
|
256
|
+
paddingInline: { xs: 'space000', md: 'space050' },
|
|
257
|
+
stylePreset: 'inkSubtle',
|
|
258
|
+
typographyPreset: {
|
|
259
|
+
xs: 'editorialLightHeadline020',
|
|
260
|
+
md: 'editorialLightHeadline030',
|
|
261
|
+
},
|
|
262
|
+
},
|
|
263
|
+
},
|
|
264
|
+
heroImage: {
|
|
265
|
+
width: 450,
|
|
266
|
+
height: 470,
|
|
267
|
+
src: '/assets/cancellation/cancellation-hero.png',
|
|
268
|
+
alt: 'Downgrade',
|
|
269
|
+
},
|
|
270
|
+
offers: [
|
|
271
|
+
{
|
|
272
|
+
id: 'offer-1',
|
|
273
|
+
title: 'Annual discount',
|
|
274
|
+
offerLabel: '£40 for a whole year',
|
|
275
|
+
description: 'Continue enjoying the latest unrivalled global reporting that informs, entertains and analyses without bias, at a third of the price for twelve months, then ten pounds per month thereafter.',
|
|
276
|
+
currentPrice: '£5.99/month',
|
|
277
|
+
newPrice: '£3.99/month',
|
|
278
|
+
ribbonText: 'Most popular',
|
|
279
|
+
buttonText: 'Save £80/year',
|
|
280
|
+
containerOverrides: {
|
|
281
|
+
overrides: { marginBlockEnd: 'space050' },
|
|
282
|
+
},
|
|
283
|
+
},
|
|
284
|
+
{
|
|
285
|
+
id: 'offer-2',
|
|
286
|
+
title: 'Your current subscription',
|
|
287
|
+
offerLabel: 'International Digital',
|
|
288
|
+
newPrice: '£10/month (£120/year)',
|
|
289
|
+
buttonText: 'Keep this subscription',
|
|
290
|
+
baseUrl: '/account',
|
|
291
|
+
buttonHref: '[baseUrl]/subscription-and-billing',
|
|
292
|
+
buttonOverrides: {
|
|
293
|
+
overrides: {
|
|
294
|
+
stylePreset: 'buttonOutlinedSecondary',
|
|
295
|
+
},
|
|
296
|
+
},
|
|
297
|
+
containerOverrides: {
|
|
298
|
+
overrides: { marginBlockEnd: 'space050' },
|
|
299
|
+
},
|
|
300
|
+
},
|
|
301
|
+
],
|
|
302
|
+
continueButton: {
|
|
303
|
+
label: '...or ',
|
|
304
|
+
baseUrl: 'account',
|
|
305
|
+
button: {
|
|
306
|
+
text: 'Proceed with cancellation',
|
|
307
|
+
href: '[baseURL]/cancel?step=confirmCancel',
|
|
308
|
+
},
|
|
309
|
+
},
|
|
310
|
+
},
|
|
229
311
|
},
|
|
230
312
|
componentSequence: { Digital: ['reason', 'downgrade', 'confirmCancel'] },
|
|
231
313
|
navigationPrimary: baseContext_1.navigationPrimary,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CancellationStepperContext.js","sourceRoot":"","sources":["../../../../src/pages/CancellationStepper/CancellationStepperContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,yDAA8E;AAC9E,6CAA0C;AAC1C,uEAAmF;AAEnF,IAAM,oBAAoB,GAAG;IAC3B,gBAAgB,EAAE;QAChB,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,yBAAyB;KAC9B;IACD,WAAW,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,eAAe,EAAE;IAC3D,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;IACpD,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,uBAAuB;CAC/B,CAAA;AAED,IAAM,uBAAuB,GAAG;IAC9B,gBAAgB,EAAE,gBAAgB;IAClC,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;IACpD,WAAW,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,eAAe,EAAE;IAC3D,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,IAAM,gBAAgB,GAAG,iCAAiC,CAAA;AAE7C,QAAA,0BAA0B,GAAsC;IAC3E,OAAO,EAAE,oBAAQ;IACjB,IAAI,EAAE;QACJ,SAAS,EAAE,cAAc;KAC1B;IACD,cAAc,EAAE,IAAI;IACpB,MAAM,EAAE;QACN,UAAU,EAAE;YACV,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,MAAM;YACpB,IAAI,EAAE,oCAAoC;YAC1C,OAAO,EAAE,IAAI;SACd;QACD,mBAAmB,EAAE;YACnB,cAAc,EAAE,UAAU;SAC3B;KACF;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,KAAK;QAChB,cAAc,EAAE,eAAe;QAC/B,SAAS,EAAE;YACT,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;YACzB,QAAQ,EAAE,MAAM;SACjB;KACF;IACD,0BAA0B,EAAE;QAC1B,SAAS,EAAE,IAAI;QACf,cAAc,EAAE,SAAS;QACzB,KAAK,EAAE;YACL,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;SACX;QACD,aAAa,EAAE;YACb,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;QACD,iBAAiB,EAAE;YACjB,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;IACD,yBAAyB,EAAE;QACzB,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE,UAAU;QAC7B,aAAa,EAAE,UAAU;
|
|
1
|
+
{"version":3,"file":"CancellationStepperContext.js","sourceRoot":"","sources":["../../../../src/pages/CancellationStepper/CancellationStepperContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,yDAA8E;AAC9E,6CAA0C;AAC1C,uEAAmF;AAEnF,IAAM,oBAAoB,GAAG;IAC3B,gBAAgB,EAAE;QAChB,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,yBAAyB;KAC9B;IACD,WAAW,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,eAAe,EAAE;IAC3D,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;IACpD,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,uBAAuB;CAC/B,CAAA;AAED,IAAM,uBAAuB,GAAG;IAC9B,gBAAgB,EAAE,gBAAgB;IAClC,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;IACpD,WAAW,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,eAAe,EAAE;IAC3D,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,IAAM,gBAAgB,GAAG,iCAAiC,CAAA;AAE7C,QAAA,0BAA0B,GAAsC;IAC3E,OAAO,EAAE,oBAAQ;IACjB,IAAI,EAAE;QACJ,SAAS,EAAE,cAAc;KAC1B;IACD,cAAc,EAAE,IAAI;IACpB,MAAM,EAAE;QACN,UAAU,EAAE;YACV,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,MAAM;YACpB,IAAI,EAAE,oCAAoC;YAC1C,OAAO,EAAE,IAAI;SACd;QACD,mBAAmB,EAAE;YACnB,cAAc,EAAE,UAAU;SAC3B;KACF;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,KAAK;QAChB,cAAc,EAAE,eAAe;QAC/B,SAAS,EAAE;YACT,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;YACzB,QAAQ,EAAE,MAAM;SACjB;KACF;IACD,0BAA0B,EAAE;QAC1B,SAAS,EAAE,IAAI;QACf,cAAc,EAAE,SAAS;QACzB,KAAK,EAAE;YACL,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;SACX;QACD,aAAa,EAAE;YACb,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;QACD,iBAAiB,EAAE;YACjB,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;IACD,yBAAyB,EAAE;QACzB,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE,UAAU;QAC7B,aAAa,EAAE,UAAU;KAC1B;IAED,UAAU,EAAE;QACV,MAAM,EAAE;YACN,yBAAyB,EAAE;gBACzB,YAAY,EAAE,MAAM;gBACpB,iBAAiB,EAAE,UAAU;gBAC7B,aAAa,EAAE,UAAU;gBACzB,KAAK,wBAAO,mDAA+B,KAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAE;aACtE;YACD,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE;gBACN,KAAK,EAAE,qCAAqC;gBAC5C,WAAW,EACT,iFAAiF;gBACnF,cAAc,EAAE,IAAI;gBACpB,MAAM,EAAE,IAAI;gBACZ,cAAc,EAAE;oBACd,cAAc,EAAE,UAAU;oBAC1B,gBAAgB,EAAE;wBAChB,EAAE,EAAE,sBAAsB;wBAC1B,EAAE,EAAE,yBAAyB;qBAC9B;iBACF;gBACD,oBAAoB,EAAE;oBACpB,cAAc,EAAE,UAAU;oBAC1B,aAAa,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;oBACjD,gBAAgB,EAAE;wBAChB,EAAE,EAAE,uBAAuB;wBAC3B,EAAE,EAAE,uBAAuB;qBAC5B;iBACF;aACF;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,SAAS;gBAClB,MAAM,EAAE,UAAU;gBAClB,SAAS,EAAE,UAAU;gBACrB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;oBACjD,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,sBAAsB,EAAE;gBACtB,IAAI,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE;gBACpC,OAAO,EAAE,KAAK;gBACd,MAAM,EAAE,UAAU;gBAClB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,UAAU;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,mBAAmB,EAAE;gBACnB,IAAI,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,gBAAgB,EAAE;gBACrD,WAAW,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE;gBACpC,YAAY,EAAE,IAAI;gBAClB,MAAM,EAAE,MAAM;aACf;YACD,kBAAkB,EAAE;gBAClB,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;aACX;YACD,cAAc,EAAE;gBACd,kBAAkB,EAAE;oBAClB,OAAO,EAAE,iBAAiB;oBAC1B,cAAc,EAAE,QAAQ;oBACxB,YAAY,EAAE,QAAQ;oBACtB,UAAU,EAAE,QAAQ;oBACpB,SAAS,EAAE;wBACT,gBAAgB,EAAE,UAAU;qBAC7B;iBACF;gBACD,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE;oBACN,IAAI,EAAE,mBAAmB;oBACzB,IAAI,EAAE,gBAAgB;iBACvB;gBACD,eAAe,EAAE;oBACf,WAAW,EAAE,2BAA2B;oBACxC,gBAAgB,EAAE,sBAAsB;oBACxC,aAAa,EAAE,UAAU;iBAC1B;gBACD,aAAa,EAAE;oBACb,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,2BAA2B;iBACzC;aACF;YACD,KAAK,EAAE;gBACL;oBACE,KAAK,EAAE,wBAAwB;oBAC/B,cAAc,EAAE,oBAAoB;oBACpC,QAAQ,EAAE,mDAAmD;oBAC7D,iBAAiB,EAAE,uBAAuB;oBAC1C,aAAa,EAAE,MAAM;oBACrB,KAAK,EAAE,sCAAsC;oBAC7C,IAAI,EAAE,gBAAgB;iBACvB;gBACD;oBACE,KAAK,EAAE,gCAAgC;oBACvC,cAAc,EAAE,oBAAoB;oBACpC,QAAQ,EACN,gEAAgE;oBAClE,iBAAiB,EAAE,uBAAuB;oBAC1C,aAAa,EAAE,MAAM;oBACrB,KAAK,EAAE,sCAAsC;oBAC7C,IAAI,EAAE,gBAAgB;iBACvB;gBACD;oBACE,KAAK,EAAE,mBAAmB;oBAC1B,cAAc,EAAE,oBAAoB;oBACpC,QAAQ,EAAE,oDAAoD;oBAC9D,iBAAiB,EAAE,uBAAuB;oBAC1C,aAAa,EAAE,MAAM;oBACrB,KAAK,EAAE,sCAAsC;oBAC7C,IAAI,EAAE,gBAAgB;iBACvB;gBACD;oBACE,KAAK,EAAE,oBAAoB;oBAC3B,cAAc,EAAE,oBAAoB;oBACpC,QAAQ,EAAE,uCAAuC;oBACjD,iBAAiB,EAAE,uBAAuB;oBAC1C,aAAa,EAAE,MAAM;oBACrB,KAAK,EAAE,sCAAsC;oBAC7C,IAAI,EAAE,gBAAgB;iBACvB;gBACD;oBACE,KAAK,EAAE,kBAAkB;oBACzB,cAAc,EAAE,oBAAoB;oBACpC,QAAQ,EACN,kEAAkE;oBACpE,iBAAiB,EAAE,uBAAuB;oBAC1C,aAAa,EAAE,MAAM;oBACrB,KAAK,EAAE,sCAAsC;oBAC7C,IAAI,EAAE,gBAAgB;iBACvB;gBACD;oBACE,KAAK,EAAE,yBAAyB;oBAChC,cAAc,EAAE,oBAAoB;oBACpC,QAAQ,EAAE,uCAAuC;oBACjD,iBAAiB,EAAE,uBAAuB;oBAC1C,aAAa,EAAE,MAAM;oBACrB,KAAK,EAAE,sCAAsC;oBAC7C,IAAI,EAAE,gBAAgB;iBACvB;aACF;SACF;QACD,SAAS,EAAE;YACT,yBAAyB,EAAE;gBACzB,YAAY,EAAE,MAAM;gBACpB,iBAAiB,EAAE,UAAU;gBAC7B,aAAa,EAAE,UAAU;gBACzB,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;gBACrB,QAAQ,EAAE,QAAQ;aACnB;YACD,MAAM,EAAE;gBACN,QAAQ,EAAE,gCAAgC;gBAC1C,iBAAiB,EAAE;oBACjB,aAAa,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;oBACjD,gBAAgB,EAAE,mBAAmB;iBACtC;gBACD,KAAK,EAAE,oCAAoC;gBAC3C,WAAW,EACT,+HAA+H;gBACjI,cAAc,EAAE,IAAI;gBACpB,cAAc,EAAE;oBACd,cAAc,EAAE,UAAU;oBAC1B,aAAa,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;oBACjD,gBAAgB,EAAE;wBAChB,EAAE,EAAE,0BAA0B;wBAC9B,EAAE,EAAE,0BAA0B;qBAC/B;iBACF;gBACD,oBAAoB,EAAE;oBACpB,aAAa,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;oBACjD,WAAW,EAAE,WAAW;oBACxB,gBAAgB,EAAE;wBAChB,EAAE,EAAE,2BAA2B;wBAC/B,EAAE,EAAE,2BAA2B;qBAChC;iBACF;aACF;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,GAAG,EAAE,4CAA4C;gBACjD,GAAG,EAAE,WAAW;aACjB;YACD,MAAM,EAAE;gBACN;oBACE,EAAE,EAAE,SAAS;oBACb,KAAK,EAAE,iBAAiB;oBACxB,UAAU,EAAE,sBAAsB;oBAClC,WAAW,EACT,+LAA+L;oBACjM,YAAY,EAAE,aAAa;oBAC3B,QAAQ,EAAE,aAAa;oBACvB,UAAU,EAAE,cAAc;oBAC1B,UAAU,EAAE,eAAe;oBAC3B,kBAAkB,EAAE;wBAClB,SAAS,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE;qBAC1C;iBACF;gBACD;oBACE,EAAE,EAAE,SAAS;oBACb,KAAK,EAAE,2BAA2B;oBAClC,UAAU,EAAE,uBAAuB;oBACnC,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,wBAAwB;oBACpC,OAAO,EAAE,UAAU;oBACnB,UAAU,EAAE,oCAAoC;oBAChD,eAAe,EAAE;wBACf,SAAS,EAAE;4BACT,WAAW,EAAE,yBAAyB;yBACvC;qBACF;oBACD,kBAAkB,EAAE;wBAClB,SAAS,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE;qBAC1C;iBACF;aACF;YACD,cAAc,EAAE;gBACd,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE,SAAS;gBAClB,MAAM,EAAE;oBACN,IAAI,EAAE,2BAA2B;oBACjC,IAAI,EAAE,qCAAqC;iBAC5C;aACF;SACF;KACF;IACD,iBAAiB,EAAE,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,eAAe,CAAC,EAAE;IACxE,iBAAiB,EAAE,+BAAiB;IACpC,MAAM,EAAE,oBAAM;IACd,OAAO,EAAE,qBAAO;IAChB,eAAe,EAAE,0BAA0B;CAC5C,CAAA"}
|