@newskit-render/my-account 7.128.0 → 7.129.0-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/ForwardButton/ForwardButton.d.ts +4 -0
- package/dist/cjs/Components/Elements/ForwardButton/ForwardButton.js +11 -2
- package/dist/cjs/Components/Elements/ForwardButton/ForwardButton.js.map +1 -1
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js +8 -1
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js.map +1 -1
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.d.ts +4 -0
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.js +12 -3
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.js.map +1 -1
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js +8 -1
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js.map +1 -1
- package/package.json +5 -5
|
@@ -13,5 +13,9 @@ export interface ForwardButtonProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
13
13
|
buttonOverrides?: ButtonOverrides;
|
|
14
14
|
eventContext?: EventContext;
|
|
15
15
|
dataTestId?: string;
|
|
16
|
+
userTrackingData?: {
|
|
17
|
+
cpn?: string;
|
|
18
|
+
mpcode?: string;
|
|
19
|
+
};
|
|
16
20
|
}
|
|
17
21
|
export declare const ForwardButton: FC<ForwardButtonProps & BlockProps>;
|
|
@@ -32,10 +32,19 @@ var material_1 = require("@emotion-icons/material");
|
|
|
32
32
|
var helpers_1 = require("../../../helpers");
|
|
33
33
|
var IconFilledKeyboardArrowRight = (0, newskit_1.toNewsKitIcon)(material_1.KeyboardArrowRight);
|
|
34
34
|
var ForwardButton = function (_a) {
|
|
35
|
-
var label = _a.label, icon = _a.icon, _b = _a.button, _c = _b === void 0 ? {} : _b, text = _c.text, href = _c.href, _d = _a.baseUrl, baseUrl = _d === void 0 ? '' : _d, buttonOverrides = _a.buttonOverrides, eventContext = _a.eventContext, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'forward-button' : _e, onClick = _a.onClick, rest = __rest(_a, ["label", "icon", "button", "baseUrl", "buttonOverrides", "eventContext", "dataTestId", "onClick"]);
|
|
35
|
+
var label = _a.label, icon = _a.icon, _b = _a.button, _c = _b === void 0 ? {} : _b, text = _c.text, href = _c.href, _d = _a.baseUrl, baseUrl = _d === void 0 ? '' : _d, buttonOverrides = _a.buttonOverrides, eventContext = _a.eventContext, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'forward-button' : _e, onClick = _a.onClick, userTrackingData = _a.userTrackingData, rest = __rest(_a, ["label", "icon", "button", "baseUrl", "buttonOverrides", "eventContext", "dataTestId", "onClick", "userTrackingData"]);
|
|
36
36
|
return (react_1.default.createElement(newskit_1.Block, __assign({}, rest),
|
|
37
37
|
react_1.default.createElement(newskit_1.TextBlock, { as: "span", stylePreset: "inkBase" }, label),
|
|
38
|
-
text && (react_1.default.createElement(newskit_1.Button, __assign({ "data-testid": dataTestId, overrides: __assign({ stylePreset: 'buttonMinimalPrimary', paddingInline: 'space010' }, buttonOverrides), eventContext: eventContext }, (href ? { href: (0, helpers_1.replaceBaseURL)(baseUrl, href) } : {}), { onClick:
|
|
38
|
+
text && (react_1.default.createElement(newskit_1.Button, __assign({ "data-testid": dataTestId, overrides: __assign({ stylePreset: 'buttonMinimalPrimary', paddingInline: 'space010' }, buttonOverrides), eventContext: eventContext }, (href ? { href: (0, helpers_1.replaceBaseURL)(baseUrl, href) } : {}), { onClick: function (e) {
|
|
39
|
+
(0, helpers_1.trackEvent)({
|
|
40
|
+
eventName: "cancellation_flow_".concat(text === null || text === void 0 ? void 0 : text.split(' ').join('_').toLowerCase()),
|
|
41
|
+
cpn: (userTrackingData === null || userTrackingData === void 0 ? void 0 : userTrackingData.cpn) || '',
|
|
42
|
+
mpcode: (userTrackingData === null || userTrackingData === void 0 ? void 0 : userTrackingData.mpcode) || '',
|
|
43
|
+
tags: {},
|
|
44
|
+
});
|
|
45
|
+
if (onClick)
|
|
46
|
+
onClick(e);
|
|
47
|
+
} }),
|
|
39
48
|
text,
|
|
40
49
|
icon || (react_1.default.createElement(IconFilledKeyboardArrowRight, { overrides: {
|
|
41
50
|
stylePreset: 'buttonMinimalPrimary',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,mCAOgB;AAChB,oDAA4D;AAE5D,
|
|
1
|
+
{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,mCAOgB;AAChB,oDAA4D;AAE5D,4CAA6D;AAE7D,IAAM,4BAA4B,GAAG,IAAA,uBAAa,EAAC,6BAAkB,CAAC,CAAA;AAqB/D,IAAM,aAAa,GAAwC,UAAC,EAWlE;IAVC,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,cAA2B,EAA3B,qBAAyB,EAAE,KAAA,EAAjB,IAAI,UAAA,EAAE,IAAI,UAAA,EACpB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,kBAA6B,EAA7B,UAAU,mBAAG,gBAAgB,KAAA,EAC7B,OAAO,aAAA,EACP,gBAAgB,sBAAA,EACb,IAAI,cAV0D,sHAWlE,CADQ;IAEP,OAAO,CACL,8BAAC,eAAK,eAAK,IAAI;QACb,8BAAC,mBAAS,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,SAAS,IACvC,KAAK,CACI;QACX,IAAI,IAAI,CACP,8BAAC,gBAAM,4BACQ,UAAU,EACvB,SAAS,aACP,WAAW,EAAE,sBAAsB,EACnC,aAAa,EAAE,UAAU,IACtB,eAAe,GAEpB,YAAY,EAAE,YAAY,IACtB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzD,OAAO,EAAE,UAAC,CAAC;gBACT,IAAA,oBAAU,EAAC;oBACT,SAAS,EAAE,4BAAqB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAChC,KAAK,CAAC,GAAG,EACV,IAAI,CAAC,GAAG,EACR,WAAW,EAAE,CAAE;oBAClB,GAAG,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,GAAG,KAAI,EAAE;oBAChC,MAAM,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,KAAI,EAAE;oBACtC,IAAI,EAAE,EAAE;iBACT,CAAC,CAAA;gBACF,IAAI,OAAO;oBAAE,OAAO,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC;YAEA,IAAI;YACJ,IAAI,IAAI,CACP,8BAAC,4BAA4B,IAC3B,SAAS,EAAE;oBACT,WAAW,EAAE,sBAAsB;iBACpC,GACD,CACH,CACM,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,aAAa,iBAoDzB"}
|
|
@@ -36,6 +36,7 @@ var newskit_1 = require("newskit");
|
|
|
36
36
|
var LayoutContentContainer_1 = require("../LayoutContentContainer");
|
|
37
37
|
var SectionListItem_1 = require("../../Elements/SectionListItem");
|
|
38
38
|
var ForwardButton_1 = require("../../Elements/ForwardButton/ForwardButton");
|
|
39
|
+
var helpers_1 = require("../../../helpers");
|
|
39
40
|
var StyledStructuredListItem = (0, newskit_1.styled)(SectionListItem_1.SectionListItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-top: 1px solid;\n ", "\n &:last-child {\n border-bottom: 1px solid;\n ", "\n }\n"], ["\n border-top: 1px solid;\n ", "\n &:last-child {\n border-bottom: 1px solid;\n ", "\n }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
|
|
40
41
|
var CancelSubscription = function (_a) {
|
|
41
42
|
var _b, _c;
|
|
@@ -51,6 +52,12 @@ var CancelSubscription = function (_a) {
|
|
|
51
52
|
react_1.default.createElement(shared_components_1.Introduction, { title: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title, description: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.description, titleOverrides: __assign({ textAlign: { xs: 'center', md: 'left' } }, (_b = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _b === void 0 ? void 0 : _b.titleOverrides), descriptionOverrides: (_c = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _c === void 0 ? void 0 : _c.descriptionOverrides }),
|
|
52
53
|
(primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text) && (react_1.default.createElement(newskit_1.Button, __assign({ as: "a", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.primaryButton), eventContext: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.eventContext, href: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.href, "data-testid": "cancel-subscription-primary-button" }, primaryButton.props), primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text)),
|
|
53
54
|
react_1.default.createElement(ForwardButton_1.ForwardButton, { label: "or", paddingBlock: 'space060', buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, overrides === null || overrides === void 0 ? void 0 : overrides.secondaryButton), onClick: function () {
|
|
55
|
+
(0, helpers_1.trackEvent)({
|
|
56
|
+
eventName: 'cancellation_modal_open',
|
|
57
|
+
cpn: cpn || '',
|
|
58
|
+
mpcode: mpcode || '',
|
|
59
|
+
tags: {},
|
|
60
|
+
});
|
|
54
61
|
setModalOpen(true);
|
|
55
62
|
}, eventContext: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.eventContext, dataTestId: "cancel-subscription-secondary-button", button: { text: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.text } }),
|
|
56
63
|
react_1.default.createElement(newskit_1.LayerOrganizer, { zIndex: LayoutContentContainer_1.zIndexModal },
|
|
@@ -59,7 +66,7 @@ var CancelSubscription = function (_a) {
|
|
|
59
66
|
var href = _a.href, props = __rest(_a, ["href"]);
|
|
60
67
|
return (react_1.default.createElement(StyledStructuredListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
|
|
61
68
|
}))),
|
|
62
|
-
react_1.default.createElement(ForwardButton_1.ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides), baseUrl: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.baseUrl, eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext, dataTestId: "continue-button", button: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button })))));
|
|
69
|
+
react_1.default.createElement(ForwardButton_1.ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides), baseUrl: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.baseUrl, eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext, dataTestId: "continue-button", button: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button, userTrackingData: { cpn: cpn, mpcode: mpcode } })))));
|
|
63
70
|
};
|
|
64
71
|
exports.CancelSubscription = CancelSubscription;
|
|
65
72
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,uEAI0C;AAC1C,mCASgB;AAChB,oEAAuD;AACvD,kEAAgE;AAChE,4EAA0E;
|
|
1
|
+
{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,5 +13,9 @@ export interface ForwardButtonProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
13
13
|
buttonOverrides?: ButtonOverrides;
|
|
14
14
|
eventContext?: EventContext;
|
|
15
15
|
dataTestId?: string;
|
|
16
|
+
userTrackingData?: {
|
|
17
|
+
cpn?: string;
|
|
18
|
+
mpcode?: string;
|
|
19
|
+
};
|
|
16
20
|
}
|
|
17
21
|
export declare const ForwardButton: FC<ForwardButtonProps & BlockProps>;
|
|
@@ -23,13 +23,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { Block, Button, TextBlock, toNewsKitIcon, } from 'newskit';
|
|
25
25
|
import { KeyboardArrowRight } from '@emotion-icons/material';
|
|
26
|
-
import { replaceBaseURL } from '../../../helpers';
|
|
26
|
+
import { replaceBaseURL, trackEvent } from '../../../helpers';
|
|
27
27
|
var IconFilledKeyboardArrowRight = toNewsKitIcon(KeyboardArrowRight);
|
|
28
28
|
export var ForwardButton = function (_a) {
|
|
29
|
-
var label = _a.label, icon = _a.icon, _b = _a.button, _c = _b === void 0 ? {} : _b, text = _c.text, href = _c.href, _d = _a.baseUrl, baseUrl = _d === void 0 ? '' : _d, buttonOverrides = _a.buttonOverrides, eventContext = _a.eventContext, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'forward-button' : _e, onClick = _a.onClick, rest = __rest(_a, ["label", "icon", "button", "baseUrl", "buttonOverrides", "eventContext", "dataTestId", "onClick"]);
|
|
29
|
+
var label = _a.label, icon = _a.icon, _b = _a.button, _c = _b === void 0 ? {} : _b, text = _c.text, href = _c.href, _d = _a.baseUrl, baseUrl = _d === void 0 ? '' : _d, buttonOverrides = _a.buttonOverrides, eventContext = _a.eventContext, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'forward-button' : _e, onClick = _a.onClick, userTrackingData = _a.userTrackingData, rest = __rest(_a, ["label", "icon", "button", "baseUrl", "buttonOverrides", "eventContext", "dataTestId", "onClick", "userTrackingData"]);
|
|
30
30
|
return (React.createElement(Block, __assign({}, rest),
|
|
31
31
|
React.createElement(TextBlock, { as: "span", stylePreset: "inkBase" }, label),
|
|
32
|
-
text && (React.createElement(Button, __assign({ "data-testid": dataTestId, overrides: __assign({ stylePreset: 'buttonMinimalPrimary', paddingInline: 'space010' }, buttonOverrides), eventContext: eventContext }, (href ? { href: replaceBaseURL(baseUrl, href) } : {}), { onClick:
|
|
32
|
+
text && (React.createElement(Button, __assign({ "data-testid": dataTestId, overrides: __assign({ stylePreset: 'buttonMinimalPrimary', paddingInline: 'space010' }, buttonOverrides), eventContext: eventContext }, (href ? { href: replaceBaseURL(baseUrl, href) } : {}), { onClick: function (e) {
|
|
33
|
+
trackEvent({
|
|
34
|
+
eventName: "cancellation_flow_".concat(text === null || text === void 0 ? void 0 : text.split(' ').join('_').toLowerCase()),
|
|
35
|
+
cpn: (userTrackingData === null || userTrackingData === void 0 ? void 0 : userTrackingData.cpn) || '',
|
|
36
|
+
mpcode: (userTrackingData === null || userTrackingData === void 0 ? void 0 : userTrackingData.mpcode) || '',
|
|
37
|
+
tags: {},
|
|
38
|
+
});
|
|
39
|
+
if (onClick)
|
|
40
|
+
onClick(e);
|
|
41
|
+
} }),
|
|
33
42
|
text,
|
|
34
43
|
icon || (React.createElement(IconFilledKeyboardArrowRight, { overrides: {
|
|
35
44
|
stylePreset: 'buttonMinimalPrimary',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,KAAK,EAEL,MAAM,EAEN,SAAS,EACT,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,KAAK,EAEL,MAAM,EAEN,SAAS,EACT,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7D,IAAM,4BAA4B,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAA;AAqBtE,MAAM,CAAC,IAAM,aAAa,GAAwC,UAAC,EAWlE;IAVC,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,cAA2B,EAA3B,qBAAyB,EAAE,KAAA,EAAjB,IAAI,UAAA,EAAE,IAAI,UAAA,EACpB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,kBAA6B,EAA7B,UAAU,mBAAG,gBAAgB,KAAA,EAC7B,OAAO,aAAA,EACP,gBAAgB,sBAAA,EACb,IAAI,cAV0D,sHAWlE,CADQ;IAEP,OAAO,CACL,oBAAC,KAAK,eAAK,IAAI;QACb,oBAAC,SAAS,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,SAAS,IACvC,KAAK,CACI;QACX,IAAI,IAAI,CACP,oBAAC,MAAM,4BACQ,UAAU,EACvB,SAAS,aACP,WAAW,EAAE,sBAAsB,EACnC,aAAa,EAAE,UAAU,IACtB,eAAe,GAEpB,YAAY,EAAE,YAAY,IACtB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzD,OAAO,EAAE,UAAC,CAAC;gBACT,UAAU,CAAC;oBACT,SAAS,EAAE,4BAAqB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAChC,KAAK,CAAC,GAAG,EACV,IAAI,CAAC,GAAG,EACR,WAAW,EAAE,CAAE;oBAClB,GAAG,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,GAAG,KAAI,EAAE;oBAChC,MAAM,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,KAAI,EAAE;oBACtC,IAAI,EAAE,EAAE;iBACT,CAAC,CAAA;gBACF,IAAI,OAAO;oBAAE,OAAO,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC;YAEA,IAAI;YACJ,IAAI,IAAI,CACP,oBAAC,4BAA4B,IAC3B,SAAS,EAAE;oBACT,WAAW,EAAE,sBAAsB;iBACpC,GACD,CACH,CACM,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -30,6 +30,7 @@ import { Button, GridLayout, LayerOrganizer, styled, getColorCssFromTheme, Struc
|
|
|
30
30
|
import { zIndexModal } from '../LayoutContentContainer';
|
|
31
31
|
import { SectionListItem } from '../../Elements/SectionListItem';
|
|
32
32
|
import { ForwardButton } from '../../Elements/ForwardButton/ForwardButton';
|
|
33
|
+
import { trackEvent } from '../../../helpers';
|
|
33
34
|
var StyledStructuredListItem = styled(SectionListItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-top: 1px solid;\n ", "\n &:last-child {\n border-bottom: 1px solid;\n ", "\n }\n"], ["\n border-top: 1px solid;\n ", "\n &:last-child {\n border-bottom: 1px solid;\n ", "\n }\n"])), getColorCssFromTheme('borderColor', 'interface030'), getColorCssFromTheme('borderColor', 'interface030'));
|
|
34
35
|
export var CancelSubscription = function (_a) {
|
|
35
36
|
var _b, _c;
|
|
@@ -45,6 +46,12 @@ export var CancelSubscription = function (_a) {
|
|
|
45
46
|
React.createElement(Introduction, { title: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title, description: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.description, titleOverrides: __assign({ textAlign: { xs: 'center', md: 'left' } }, (_b = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _b === void 0 ? void 0 : _b.titleOverrides), descriptionOverrides: (_c = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _c === void 0 ? void 0 : _c.descriptionOverrides }),
|
|
46
47
|
(primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text) && (React.createElement(Button, __assign({ as: "a", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.primaryButton), eventContext: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.eventContext, href: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.href, "data-testid": "cancel-subscription-primary-button" }, primaryButton.props), primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text)),
|
|
47
48
|
React.createElement(ForwardButton, { label: "or", paddingBlock: 'space060', buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, overrides === null || overrides === void 0 ? void 0 : overrides.secondaryButton), onClick: function () {
|
|
49
|
+
trackEvent({
|
|
50
|
+
eventName: 'cancellation_modal_open',
|
|
51
|
+
cpn: cpn || '',
|
|
52
|
+
mpcode: mpcode || '',
|
|
53
|
+
tags: {},
|
|
54
|
+
});
|
|
48
55
|
setModalOpen(true);
|
|
49
56
|
}, eventContext: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.eventContext, dataTestId: "cancel-subscription-secondary-button", button: { text: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.text } }),
|
|
50
57
|
React.createElement(LayerOrganizer, { zIndex: zIndexModal },
|
|
@@ -53,7 +60,7 @@ export var CancelSubscription = function (_a) {
|
|
|
53
60
|
var href = _a.href, props = __rest(_a, ["href"]);
|
|
54
61
|
return (React.createElement(StyledStructuredListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
|
|
55
62
|
}))),
|
|
56
|
-
React.createElement(ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides), baseUrl: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.baseUrl, eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext, dataTestId: "continue-button", button: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button })))));
|
|
63
|
+
React.createElement(ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides), baseUrl: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.baseUrl, eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext, dataTestId: "continue-button", button: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button, userTrackingData: { cpn: cpn, mpcode: mpcode } })))));
|
|
57
64
|
};
|
|
58
65
|
var templateObject_1;
|
|
59
66
|
//# sourceMappingURL=CancelSubscription.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,KAAK,GACN,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EACL,MAAM,EACN,UAAU,EACV,cAAc,EACd,MAAM,EACN,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,YAAY,GACb,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;
|
|
1
|
+
{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/my-account",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.129.0-alpha.0",
|
|
4
4
|
"description": "Newskit Render",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
"@emotion/react": "11.9.3",
|
|
35
35
|
"@emotion/styled": "11.9.3",
|
|
36
36
|
"@hookform/resolvers": "2.9.10",
|
|
37
|
-
"@newskit-render/api": "^1.16.
|
|
38
|
-
"@newskit-render/feature-flags": "^1.11.
|
|
39
|
-
"@newskit-render/shared-components": "^4.53.
|
|
40
|
-
"@newskit-render/validation": "^1.20.
|
|
37
|
+
"@newskit-render/api": "^1.16.59-alpha.0",
|
|
38
|
+
"@newskit-render/feature-flags": "^1.11.75-alpha.0",
|
|
39
|
+
"@newskit-render/shared-components": "^4.53.24-alpha.0",
|
|
40
|
+
"@newskit-render/validation": "^1.20.19-alpha.0",
|
|
41
41
|
"@stripe/react-stripe-js": "2.1.1",
|
|
42
42
|
"@stripe/stripe-js": "1.54.1",
|
|
43
43
|
"cross-fetch": "3.1.5",
|