@newskit-render/my-account 0.0.0-e74abe310 → 0.0.0-e76fdc237
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/FamilyMemberInvitationStatusVariants/FamilyMemberInvitationStatusVariants.js +1 -2
- package/dist/cjs/Components/Elements/FamilyMemberInvitationStatusVariants/FamilyMemberInvitationStatusVariants.js.map +1 -1
- package/dist/cjs/Components/Elements/ForwardButton/ForwardButton.d.ts +5 -0
- package/dist/cjs/Components/Elements/ForwardButton/ForwardButton.js +14 -3
- package/dist/cjs/Components/Elements/ForwardButton/ForwardButton.js.map +1 -1
- package/dist/cjs/Components/Elements/Icons/index.d.ts +3 -1
- package/dist/cjs/Components/Elements/Icons/index.js +7 -1
- package/dist/cjs/Components/Elements/Icons/index.js.map +1 -1
- package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js +0 -23
- package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js.map +1 -1
- package/dist/cjs/Components/Elements/OfferCard/OfferCard.js +24 -7
- package/dist/cjs/Components/Elements/OfferCard/OfferCard.js.map +1 -1
- package/dist/cjs/Components/Elements/OfferCard/styled.d.ts +0 -8
- package/dist/cjs/Components/Elements/OfferCard/styled.js +3 -13
- package/dist/cjs/Components/Elements/OfferCard/styled.js.map +1 -1
- package/dist/cjs/Components/Elements/OfferCard/types.d.ts +0 -4
- package/dist/cjs/Components/Elements/SectionListItem/GridListItem.js +2 -2
- package/dist/cjs/Components/Elements/SectionListItem/GridListItem.js.map +1 -1
- package/dist/cjs/Components/Elements/SectionListItem/SectionListItem.js +5 -4
- package/dist/cjs/Components/Elements/SectionListItem/SectionListItem.js.map +1 -1
- package/dist/cjs/Components/Elements/SectionListItem/types.d.ts +1 -0
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.d.ts +1 -1
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js +28 -12
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js.map +1 -1
- package/dist/cjs/Components/Sections/CancelSubscription/types.d.ts +4 -1
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js +1 -1
- package/dist/cjs/Components/Sections/CancellationDetails/CancellationDetails.js +2 -1
- package/dist/cjs/Components/Sections/CancellationDetails/CancellationDetails.js.map +1 -1
- package/dist/cjs/Components/Sections/ContentContainer/ContentContainer.js.map +1 -1
- package/dist/cjs/Components/Sections/ContentContainer/InvoiceHistoryButton.js +11 -7
- package/dist/cjs/Components/Sections/ContentContainer/InvoiceHistoryButton.js.map +1 -1
- package/dist/cjs/Components/Sections/NewslettersList/NewslettersList.js +55 -11
- package/dist/cjs/Components/Sections/NewslettersList/NewslettersList.js.map +1 -1
- package/dist/cjs/Components/Sections/SectionContainer/GridSection.js +5 -2
- package/dist/cjs/Components/Sections/SectionContainer/GridSection.js.map +1 -1
- package/dist/cjs/Components/Sections/SectionContainer/types.d.ts +2 -0
- package/dist/cjs/Components/Sections/UserHub/NewslettersSection.d.ts +1 -2
- package/dist/cjs/Components/Sections/UserHub/NewslettersSection.js +1 -1
- package/dist/cjs/Components/Sections/UserHub/NewslettersSection.js.map +1 -1
- package/dist/cjs/Components/Templates/CancellationStepperRender.js +9 -2
- package/dist/cjs/Components/Templates/CancellationStepperRender.js.map +1 -1
- package/dist/cjs/Components/Templates/DisplayRenderer.js +4 -4
- package/dist/cjs/Components/Templates/DisplayRenderer.js.map +1 -1
- package/dist/cjs/Components/Templates/FamilyContent.d.ts +2 -0
- package/dist/cjs/Components/Templates/{FamilyContentVariants.js → FamilyContent.js} +5 -5
- package/dist/cjs/Components/Templates/FamilyContent.js.map +1 -0
- package/dist/cjs/Components/Templates/FamilyRender.js +6 -112
- package/dist/cjs/Components/Templates/FamilyRender.js.map +1 -1
- package/dist/cjs/Components/Templates/SubscriptionAndBillingRender.js +12 -1
- package/dist/cjs/Components/Templates/SubscriptionAndBillingRender.js.map +1 -1
- package/dist/cjs/Components/Templates/UserHubRender.js +2 -2
- package/dist/cjs/Components/Templates/UserHubRender.js.map +1 -1
- package/dist/cjs/Components/index.d.ts +1 -1
- package/dist/cjs/Components/index.js +16 -6
- package/dist/cjs/Components/index.js.map +1 -1
- package/dist/cjs/api/trackEvent.js +3 -10
- package/dist/cjs/api/trackEvent.js.map +1 -1
- package/dist/cjs/constants/index.d.ts +7 -0
- package/dist/cjs/constants/index.js +8 -1
- package/dist/cjs/constants/index.js.map +1 -1
- package/dist/cjs/context/types.d.ts +2 -1
- package/dist/cjs/context/types.js.map +1 -1
- package/dist/cjs/getProviderPropsTimes.js +1 -1
- package/dist/cjs/getProviderPropsTimes.js.map +1 -1
- package/dist/cjs/helpers/cookiesUtils.d.ts +2 -7
- package/dist/cjs/helpers/cookiesUtils.js +27 -10
- package/dist/cjs/helpers/cookiesUtils.js.map +1 -1
- package/dist/cjs/helpers/featureFlagUtils.d.ts +6 -18
- package/dist/cjs/helpers/featureFlagUtils.js +22 -12
- package/dist/cjs/helpers/featureFlagUtils.js.map +1 -1
- package/dist/cjs/helpers/index.d.ts +1 -0
- package/dist/cjs/helpers/index.js +1 -0
- package/dist/cjs/helpers/index.js.map +1 -1
- package/dist/cjs/helpers/layoutReflowUtils.d.ts +1 -0
- package/dist/cjs/helpers/layoutReflowUtils.js +13 -0
- package/dist/cjs/helpers/layoutReflowUtils.js.map +1 -0
- package/dist/cjs/helpers/subscriptionsUtils.d.ts +2 -1
- package/dist/cjs/helpers/subscriptionsUtils.js +30 -4
- package/dist/cjs/helpers/subscriptionsUtils.js.map +1 -1
- package/dist/cjs/index.d.ts +5 -4
- package/dist/cjs/index.js +5 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/pages/AccountDeletion/InitiateAccountDeletion.js +1 -0
- package/dist/cjs/pages/AccountDeletion/InitiateAccountDeletion.js.map +1 -1
- package/dist/cjs/pages/CancellationStepper/CancellationStepper.js +10 -2
- package/dist/cjs/pages/CancellationStepper/CancellationStepper.js.map +1 -1
- package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.d.ts +1 -1
- package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js +40 -119
- package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
- package/dist/cjs/pages/UserHub/UserHub.js +1 -1
- package/dist/cjs/pages/UserHub/UserHub.js.map +1 -1
- package/dist/cjs/pages/types.d.ts +14 -2
- package/dist/cjs/queries/getUserIncentives.d.ts +1 -0
- package/dist/cjs/queries/getUserIncentives.js +11 -0
- package/dist/cjs/queries/getUserIncentives.js.map +1 -0
- package/dist/cjs/queries/getUserNewsletters.js +1 -1
- package/dist/cjs/queries/getUserNewsletters.js.map +1 -1
- package/dist/cjs/queries/getUserSubscription.js +2 -1
- package/dist/cjs/queries/getUserSubscription.js.map +1 -1
- package/dist/esm/Components/Elements/FamilyMemberInvitationStatusVariants/FamilyMemberInvitationStatusVariants.js +1 -2
- package/dist/esm/Components/Elements/FamilyMemberInvitationStatusVariants/FamilyMemberInvitationStatusVariants.js.map +1 -1
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.d.ts +5 -0
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.js +15 -4
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.js.map +1 -1
- package/dist/esm/Components/Elements/Icons/index.d.ts +3 -1
- package/dist/esm/Components/Elements/Icons/index.js +5 -1
- package/dist/esm/Components/Elements/Icons/index.js.map +1 -1
- package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js +1 -24
- package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js.map +1 -1
- package/dist/esm/Components/Elements/OfferCard/OfferCard.js +27 -10
- package/dist/esm/Components/Elements/OfferCard/OfferCard.js.map +1 -1
- package/dist/esm/Components/Elements/OfferCard/styled.d.ts +0 -8
- package/dist/esm/Components/Elements/OfferCard/styled.js +3 -13
- package/dist/esm/Components/Elements/OfferCard/styled.js.map +1 -1
- package/dist/esm/Components/Elements/OfferCard/types.d.ts +0 -4
- package/dist/esm/Components/Elements/SectionListItem/GridListItem.js +3 -3
- package/dist/esm/Components/Elements/SectionListItem/GridListItem.js.map +1 -1
- package/dist/esm/Components/Elements/SectionListItem/SectionListItem.js +5 -4
- package/dist/esm/Components/Elements/SectionListItem/SectionListItem.js.map +1 -1
- package/dist/esm/Components/Elements/SectionListItem/types.d.ts +1 -0
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.d.ts +1 -1
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js +29 -13
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js.map +1 -1
- package/dist/esm/Components/Sections/CancelSubscription/types.d.ts +4 -1
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js +1 -1
- package/dist/esm/Components/Sections/CancellationDetails/CancellationDetails.js +2 -1
- package/dist/esm/Components/Sections/CancellationDetails/CancellationDetails.js.map +1 -1
- package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js.map +1 -1
- package/dist/esm/Components/Sections/ContentContainer/InvoiceHistoryButton.js +11 -7
- package/dist/esm/Components/Sections/ContentContainer/InvoiceHistoryButton.js.map +1 -1
- package/dist/esm/Components/Sections/NewslettersList/NewslettersList.js +33 -9
- package/dist/esm/Components/Sections/NewslettersList/NewslettersList.js.map +1 -1
- package/dist/esm/Components/Sections/SectionContainer/GridSection.js +5 -2
- package/dist/esm/Components/Sections/SectionContainer/GridSection.js.map +1 -1
- package/dist/esm/Components/Sections/SectionContainer/types.d.ts +2 -0
- package/dist/esm/Components/Sections/UserHub/NewslettersSection.d.ts +1 -2
- package/dist/esm/Components/Sections/UserHub/NewslettersSection.js +1 -1
- package/dist/esm/Components/Sections/UserHub/NewslettersSection.js.map +1 -1
- package/dist/esm/Components/Templates/CancellationStepperRender.js +10 -3
- package/dist/esm/Components/Templates/CancellationStepperRender.js.map +1 -1
- package/dist/esm/Components/Templates/DisplayRenderer.js +4 -4
- package/dist/esm/Components/Templates/DisplayRenderer.js.map +1 -1
- package/dist/esm/Components/Templates/FamilyContent.d.ts +2 -0
- package/dist/esm/Components/Templates/{FamilyContentVariants.js → FamilyContent.js} +3 -3
- package/dist/esm/Components/Templates/FamilyContent.js.map +1 -0
- package/dist/esm/Components/Templates/FamilyRender.js +8 -91
- package/dist/esm/Components/Templates/FamilyRender.js.map +1 -1
- package/dist/esm/Components/Templates/SubscriptionAndBillingRender.js +14 -3
- package/dist/esm/Components/Templates/SubscriptionAndBillingRender.js.map +1 -1
- package/dist/esm/Components/Templates/UserHubRender.js +2 -2
- package/dist/esm/Components/Templates/UserHubRender.js.map +1 -1
- package/dist/esm/Components/index.d.ts +1 -1
- package/dist/esm/Components/index.js +1 -1
- package/dist/esm/Components/index.js.map +1 -1
- package/dist/esm/api/trackEvent.js +3 -10
- package/dist/esm/api/trackEvent.js.map +1 -1
- package/dist/esm/constants/index.d.ts +7 -0
- package/dist/esm/constants/index.js +7 -0
- package/dist/esm/constants/index.js.map +1 -1
- package/dist/esm/context/types.d.ts +2 -1
- package/dist/esm/context/types.js.map +1 -1
- package/dist/esm/getProviderPropsTimes.js +2 -2
- package/dist/esm/getProviderPropsTimes.js.map +1 -1
- package/dist/esm/helpers/cookiesUtils.d.ts +2 -7
- package/dist/esm/helpers/cookiesUtils.js +25 -9
- package/dist/esm/helpers/cookiesUtils.js.map +1 -1
- package/dist/esm/helpers/featureFlagUtils.d.ts +6 -18
- package/dist/esm/helpers/featureFlagUtils.js +23 -13
- package/dist/esm/helpers/featureFlagUtils.js.map +1 -1
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/helpers/index.js +1 -0
- package/dist/esm/helpers/index.js.map +1 -1
- package/dist/esm/helpers/layoutReflowUtils.d.ts +1 -0
- package/dist/esm/helpers/layoutReflowUtils.js +10 -0
- package/dist/esm/helpers/layoutReflowUtils.js.map +1 -0
- package/dist/esm/helpers/subscriptionsUtils.d.ts +2 -1
- package/dist/esm/helpers/subscriptionsUtils.js +28 -3
- package/dist/esm/helpers/subscriptionsUtils.js.map +1 -1
- package/dist/esm/index.d.ts +5 -4
- package/dist/esm/index.js +4 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/pages/AccountDeletion/InitiateAccountDeletion.js +1 -0
- package/dist/esm/pages/AccountDeletion/InitiateAccountDeletion.js.map +1 -1
- package/dist/esm/pages/CancellationStepper/CancellationStepper.js +10 -2
- package/dist/esm/pages/CancellationStepper/CancellationStepper.js.map +1 -1
- package/dist/esm/pages/CancellationStepper/CancellationStepperContext.d.ts +1 -1
- package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js +40 -120
- package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
- package/dist/esm/pages/UserHub/UserHub.js +1 -1
- package/dist/esm/pages/UserHub/UserHub.js.map +1 -1
- package/dist/esm/pages/types.d.ts +14 -2
- package/dist/esm/queries/getUserIncentives.d.ts +1 -0
- package/dist/esm/queries/getUserIncentives.js +8 -0
- package/dist/esm/queries/getUserIncentives.js.map +1 -0
- package/dist/esm/queries/getUserNewsletters.js +1 -1
- package/dist/esm/queries/getUserNewsletters.js.map +1 -1
- package/dist/esm/queries/getUserSubscription.js +2 -1
- package/dist/esm/queries/getUserSubscription.js.map +1 -1
- package/package.json +5 -5
- package/dist/cjs/Components/Templates/FamilyContentVariants.d.ts +0 -2
- package/dist/cjs/Components/Templates/FamilyContentVariants.js.map +0 -1
- package/dist/esm/Components/Templates/FamilyContentVariants.d.ts +0 -2
- package/dist/esm/Components/Templates/FamilyContentVariants.js.map +0 -1
|
@@ -23,14 +23,25 @@ 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' }, 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
|
+
subscriptions: (userTrackingData === null || userTrackingData === void 0 ? void 0 : userTrackingData.subscriptions) || [],
|
|
37
|
+
tags: {},
|
|
38
|
+
});
|
|
39
|
+
if (onClick)
|
|
40
|
+
onClick(e);
|
|
41
|
+
} }),
|
|
33
42
|
text,
|
|
34
|
-
icon || React.createElement(IconFilledKeyboardArrowRight,
|
|
43
|
+
icon || (React.createElement(IconFilledKeyboardArrowRight, { overrides: {
|
|
44
|
+
stylePreset: 'buttonMinimalPrimary',
|
|
45
|
+
} }))))));
|
|
35
46
|
};
|
|
36
47
|
//# sourceMappingURL=ForwardButton.js.map
|
|
@@ -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;AAG7D,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,aAAa,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,KAAI,EAAE;oBACpD,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"}
|
|
@@ -5,4 +5,6 @@ declare const IconGooglePay: import("newskit").NewsKitIcon;
|
|
|
5
5
|
declare const IconDirectDebit: import("newskit").NewsKitIcon;
|
|
6
6
|
declare const IconSpinner: import("newskit").NewsKitIcon;
|
|
7
7
|
declare const IconTimesT: import("newskit").NewsKitIcon;
|
|
8
|
-
|
|
8
|
+
declare const IconWhatsApp: import("newskit").NewsKitIcon;
|
|
9
|
+
declare const IconRewards: import("newskit").NewsKitIcon;
|
|
10
|
+
export { IconRewards, IconWhatsApp, IconCreditCard, IconPaypal, IconApplePay, IconGooglePay, IconDirectDebit, IconSpinner, IconTimesT, };
|
|
@@ -40,5 +40,9 @@ var IconSpinner = customToNewsKitIcon('IconSpinner', function (props) { return (
|
|
|
40
40
|
React.createElement("path", { d: "M59.2489423,60.5725901 C58.656567,61.1517127 57.7068803,61.1409692 57.1277577,60.5485939 C56.5486351,59.9562186 56.5593785,59.0065319 57.1517538,58.4274093 C62.770122,52.934736 66.0000003,45.3963788 66.0000003,37.333301 C66.0000003,21.1293386 53.0125867,7.9999997 37.0000003,7.9999997 C20.9874139,7.9999997 8.0000003,21.1293386 8.0000003,37.333301 C8.0000003,38.1617281 7.32842743,38.833301 6.5000003,38.833301 C5.67157318,38.833301 5.0000003,38.1617281 5.0000003,37.333301 C5.0000003,19.4797392 19.323217,4.9999997 37.0000003,4.9999997 C54.6767836,4.9999997 69.0000003,19.4797392 69.0000003,37.333301 C69.0000003,46.2108671 65.4397577,54.5202764 59.2489423,60.5725901 Z", fill: "url(#linearGradient-1)", fillRule: "nonzero", transform: "translate(37.000000, 33.000000) rotate(-270.000000) translate(-37.000000, -33.000000) " }))))); });
|
|
41
41
|
var IconTimesT = customToNewsKitIcon('IconTimesT', function (props) { return (React.createElement(Svg, __assign({}, props, { viewBox: "0 0 25 27" }),
|
|
42
42
|
React.createElement("path", { fillRule: "evenodd", transform: "matrix(-1 0 0 1 46 -21)", d: "M36.338 21H21.62L21 28.644l.445.179s4.154-4.415 4.949-5.171c.793-.755 1.374-.943 1.883-1.12 1.056-.286 2.209-.275 2.209-.275h.03v23.468l-3.9 1.907V48h13.767v-.368l-3.9-1.907V22.257h.03s1.152-.01 2.209.274c.509.178 1.09.366 1.883 1.12.796.757 4.949 5.172 4.949 5.172l.446-.18L45.38 21h-9.046" }))); });
|
|
43
|
-
|
|
43
|
+
var IconWhatsApp = customToNewsKitIcon('IconWhatsApp', function (props) { return (React.createElement(Svg, __assign({}, props, { height: "21", viewBox: "0 0 20 21" }),
|
|
44
|
+
React.createElement("path", { d: "M14.786 11.9952C14.5399 11.8614 13.331 11.214 13.1041 11.1226C12.8775 11.0312 12.7121 10.9836 12.5353 11.2264C12.3588 11.4685 11.8572 12.0109 11.7053 12.1714C11.5526 12.3321 11.4058 12.347 11.1594 12.2129C10.9139 12.0796 10.116 11.7868 9.19076 10.9043C8.47071 10.2174 7.99849 9.3845 7.86156 9.13036C7.72442 8.87588 7.86055 8.74624 7.99075 8.62718C8.1076 8.51969 8.25237 8.34566 8.38324 8.20535C8.51366 8.06492 8.55975 7.96288 8.64946 7.79998C8.73917 7.63708 8.70306 7.49031 8.64486 7.36357C8.58678 7.23728 8.13182 5.99459 7.94186 5.48908C7.75178 4.98357 7.54006 5.05867 7.39371 5.053C7.2476 5.04799 7.08129 5.02073 6.91409 5.01461C6.747 5.00827 6.47293 5.06057 6.23407 5.30069C5.99499 5.54093 5.32484 6.11843 5.27864 7.34243C5.23243 8.56565 6.08571 9.78163 6.20469 9.95188C6.32378 10.1226 7.83409 12.775 10.344 13.8658C12.8545 14.9562 12.8676 14.6238 13.3282 14.5993C13.7891 14.5753 14.8337 14.0525 15.0647 13.48C15.2955 12.9073 15.314 12.4094 15.2553 12.3034C15.1964 12.1975 15.032 12.1286 14.786 11.9952ZM10.1823 17.8917C8.52252 17.8917 6.97655 17.3977 5.68571 16.5509L2.54477 17.5486L3.56569 14.5369C2.58716 13.1995 2.00919 11.5568 2.00919 9.78163C2.00919 5.30926 5.67584 1.67087 10.1823 1.67087C14.6897 1.67087 18.3561 5.30926 18.3561 9.78163C18.3561 14.2536 14.6897 17.8917 10.1823 17.8917ZM10.1823 0.0390625C4.7601 0.0390625 0.364311 4.40072 0.364311 9.78163C0.364311 11.6222 0.879147 13.3437 1.77313 14.8123L0.000976562 20.0391L5.43687 18.3123C6.84367 19.0839 8.46118 19.5241 10.1823 19.5241C15.6054 19.5241 20.001 15.1619 20.001 9.78163C20.001 4.40072 15.6054 0.0390625 10.1823 0.0390625Z", fill: "#005C8A" }))); });
|
|
45
|
+
var IconRewards = customToNewsKitIcon('IconWhatsApp', function (props) { return (React.createElement(Svg, __assign({}, props, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }),
|
|
46
|
+
React.createElement("path", { d: "M9.68 13.19L12 11.43L14.31 13.19L13.43 10.34L15.75 8.5H12.91L12 5.69L11.09 8.5H8.25L10.56 10.34L9.68 13.19ZM20 9.5C20 5.08 16.42 1.5 12 1.5C7.58 1.5 4 5.08 4 9.5C4 11.53 4.76 13.37 6 14.78V22.5L12 20.5L18 22.5V14.78C19.24 13.37 20 11.53 20 9.5ZM12 3.5C15.31 3.5 18 6.19 18 9.5C18 12.81 15.31 15.5 12 15.5C8.69 15.5 6 12.81 6 9.5C6 6.19 8.69 3.5 12 3.5ZM12 18.5L8 19.52V16.42C9.18 17.1 10.54 17.5 12 17.5C13.46 17.5 14.82 17.1 16 16.42V19.52L12 18.5Z", fill: "black" }))); });
|
|
47
|
+
export { IconRewards, IconWhatsApp, IconCreditCard, IconPaypal, IconApplePay, IconGooglePay, IconDirectDebit, IconSpinner, IconTimesT, };
|
|
44
48
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Icons/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Icons/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -60,7 +60,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
60
60
|
}
|
|
61
61
|
return t;
|
|
62
62
|
};
|
|
63
|
-
import React, {
|
|
63
|
+
import React, { useState } from 'react';
|
|
64
64
|
import { Block, styled, CardComposable, CardContent, Headline, TextBlock, Switch, getMediaQueryFromTheme, useInstrumentation, EventTrigger, } from 'newskit';
|
|
65
65
|
import fetch from 'cross-fetch';
|
|
66
66
|
import { Image, createClickEvent } from '@newskit-render/shared-components';
|
|
@@ -141,29 +141,6 @@ export var NewsletterCard = function (_a) {
|
|
|
141
141
|
}
|
|
142
142
|
});
|
|
143
143
|
}); };
|
|
144
|
-
useEffect(function () {
|
|
145
|
-
var handleResize = function () {
|
|
146
|
-
// Force reflow in Safari during zoom
|
|
147
|
-
window.requestAnimationFrame(function () {
|
|
148
|
-
// Trigger a reflow by accessing offsetHeight
|
|
149
|
-
void document.body.offsetHeight;
|
|
150
|
-
});
|
|
151
|
-
};
|
|
152
|
-
var userAgent = (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || '';
|
|
153
|
-
var isSafari = /^((?!chrome|android).)*safari/i.test(userAgent);
|
|
154
|
-
if (isSafari && (window === null || window === void 0 ? void 0 : window.addEventListener)) {
|
|
155
|
-
window.addEventListener('resize', handleResize);
|
|
156
|
-
// Also listen for zoom events specifically
|
|
157
|
-
window.addEventListener('wheel', handleResize, { passive: true });
|
|
158
|
-
return function () {
|
|
159
|
-
if (window === null || window === void 0 ? void 0 : window.removeEventListener) {
|
|
160
|
-
window.removeEventListener('resize', handleResize);
|
|
161
|
-
window.removeEventListener('wheel', handleResize);
|
|
162
|
-
}
|
|
163
|
-
};
|
|
164
|
-
}
|
|
165
|
-
return;
|
|
166
|
-
}, []);
|
|
167
144
|
return (React.createElement(CardComposable, __assign({ overrides: cardOverrides }, rest),
|
|
168
145
|
React.createElement(StyledCardContentWrapper, { rowGap: cardContentOverrides.rowGap, rows: cardContentOverrides.rows, overrides: cardContentOverrides.overrides },
|
|
169
146
|
React.createElement(StyledHeaderBlockWrapper, { imageVisible: imageVisible },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,16 +21,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
|
-
import { CardContent, TextBlock, Button, CardActions, Divider, GridLayout,
|
|
25
|
-
import {
|
|
26
|
-
import { replaceBaseURL } from '../../../helpers';
|
|
24
|
+
import { CardContent, TextBlock, Button, CardActions, Divider, GridLayout, } from 'newskit';
|
|
25
|
+
import { StrikedThroughTextBlock, StylesCardComposable } from './styled';
|
|
26
|
+
import { replaceBaseURL, trackEvent } from '../../../helpers';
|
|
27
|
+
import { useAccountContext } from '../../../context';
|
|
28
|
+
import { ContextName, } from '../../../context/types';
|
|
29
|
+
import { useRouter } from 'next/router';
|
|
27
30
|
export var OfferCard = function (_a) {
|
|
28
|
-
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,
|
|
31
|
+
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, 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", "buttonText", "buttonHref", "baseUrl", "buttonOverrides", "buttonEventContext", "containerOverrides"]);
|
|
32
|
+
var contextName = ContextName.CancellationStepper;
|
|
33
|
+
var userData = useAccountContext(contextName).userData;
|
|
34
|
+
var router = useRouter();
|
|
29
35
|
return (React.createElement(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),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
36
|
+
React.createElement(CardContent, { rowGap: "space050", overrides: {
|
|
37
|
+
paddingBlock: 'space020',
|
|
38
|
+
paddingInline: { xs: 'space000', md: 'space020' },
|
|
39
|
+
} },
|
|
34
40
|
React.createElement(TextBlock, __assign({ "data-testid": "offer-card-title", typographyPreset: "utilityHeading050", stylePreset: "inkDark010" }, titleOverrides), title),
|
|
35
41
|
offerLabel && typeof offerLabel === 'string' && (React.createElement(TextBlock, __assign({ "data-testid": "offer-card-offer-label", typographyPreset: "editorialRegularHeadline070", stylePreset: "inkDark010" }, offerLabelOverrides), offerLabel)),
|
|
36
42
|
typeof offerLabel !== 'string' ? offerLabel : null,
|
|
@@ -38,11 +44,22 @@ export var OfferCard = function (_a) {
|
|
|
38
44
|
currentPrice && (React.createElement(StrikedThroughTextBlock, __assign({ "data-testid": "offer-card-current-price", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkSubtle" }, currentPriceOverrides), currentPrice)),
|
|
39
45
|
newPrice && (React.createElement(TextBlock, __assign({ "data-testid": "offer-card-new-price", typographyPreset: "editorialRegularDisplay003" }, newsPriceOverrides, { stylePreset: "inkDark010" }), newPrice))),
|
|
40
46
|
React.createElement(Divider, { overrides: { marginBlockStart: 'space010' } }),
|
|
41
|
-
description && (React.createElement(TextBlock, __assign({ "data-testid": "offer-card-description", typographyPreset: "
|
|
47
|
+
description && (React.createElement(TextBlock, __assign({ "data-testid": "offer-card-description", typographyPreset: "editorialRegularDisplay002", stylePreset: "inkBase" }, descriptionOverrides), description))),
|
|
42
48
|
React.createElement(CardActions, { columns: "1fr", overrides: {
|
|
43
49
|
paddingBlockStart: 'space050',
|
|
44
50
|
} }, buttonText && (React.createElement(Button, __assign({ "data-testid": "offer-card-action", overrides: { width: '100%' } }, buttonOverrides, (buttonHref
|
|
45
51
|
? { href: replaceBaseURL(baseUrl, buttonHref) }
|
|
46
|
-
: {}), { eventContext: buttonEventContext
|
|
52
|
+
: {}), { eventContext: buttonEventContext, onClick: function () {
|
|
53
|
+
trackEvent({
|
|
54
|
+
eventName: 'cancellation_downgrade_offer',
|
|
55
|
+
cpn: (userData === null || userData === void 0 ? void 0 : userData.cpn) || '',
|
|
56
|
+
subscriptions: (userData === null || userData === void 0 ? void 0 : userData.subscriptions) || [],
|
|
57
|
+
tags: {
|
|
58
|
+
page_name: "online cancellation: downgrade",
|
|
59
|
+
step: 'downgrade',
|
|
60
|
+
},
|
|
61
|
+
});
|
|
62
|
+
router.push(replaceBaseURL(baseUrl, buttonHref));
|
|
63
|
+
} }), buttonText)))));
|
|
47
64
|
};
|
|
48
65
|
//# sourceMappingURL=OfferCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/OfferCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,WAAW,EACX,SAAS,EACT,MAAM,EACN,WAAW,EACX,OAAO,EACP,UAAU,
|
|
1
|
+
{"version":3,"file":"OfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/OfferCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,6 @@
|
|
|
1
|
-
import { MQ } from 'newskit';
|
|
2
1
|
export declare const StrikedThroughTextBlock: import("@emotion/styled").StyledComponent<import("newskit").TextBlockProps & import("react").RefAttributes<HTMLParagraphElement> & {
|
|
3
2
|
theme?: import("@emotion/react").Theme;
|
|
4
3
|
}, {}, {}>;
|
|
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
4
|
export declare const StylesCardComposable: import("@emotion/styled").StyledComponent<{
|
|
13
5
|
rowGap?: import("newskit").MQ<string> | undefined;
|
|
14
6
|
columnGap?: import("newskit").MQ<string> | undefined;
|
|
@@ -2,18 +2,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
-
import {
|
|
5
|
+
import { CardComposable, getColorCssFromTheme, getShadowCssFromTheme, styled, TextBlock, } from 'newskit';
|
|
6
6
|
export var StrikedThroughTextBlock = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: line-through;\n"], ["\n text-decoration: line-through;\n"])));
|
|
7
|
-
export var
|
|
8
|
-
|
|
9
|
-
return getColorCssFromTheme('backgroundColor', ribbonColor ? ribbonColor : 'interactivePrimary030');
|
|
10
|
-
}, getShadowCssFromTheme('box-shadow', 'shadow010'), function (_a) {
|
|
11
|
-
var cornerColor = _a.cornerColor;
|
|
12
|
-
return getColorCssFromTheme('borderColor', cornerColor ? cornerColor : 'interactivePrimary050');
|
|
13
|
-
}, function (_a) {
|
|
14
|
-
var cornerColor = _a.cornerColor;
|
|
15
|
-
return getColorCssFromTheme('borderColor', cornerColor ? cornerColor : 'interactivePrimary050');
|
|
16
|
-
});
|
|
17
|
-
export var StylesCardComposable = styled(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"])), getColorCssFromTheme('borderColor', 'interface020'), getShadowCssFromTheme('box-shadow', 'shadow030'));
|
|
18
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
7
|
+
export var StylesCardComposable = styled(CardComposable)(templateObject_2 || (templateObject_2 = __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"])), getColorCssFromTheme('borderColor', 'interface020'), getShadowCssFromTheme('box-shadow', 'shadow030'));
|
|
8
|
+
var templateObject_1, templateObject_2;
|
|
19
9
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,MAAM,EACN,SAAS,GACV,MAAM,SAAS,CAAA;AAEhB,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,SAAS,CAAC,yGAAA,sCAEvD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,kLAAA,4BAEtD,EAAmD,MACnD,EAAgD,yEAEnD,KAHG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EACnD,qBAAqB,CAAC,YAAY,EAAE,WAAW,CAAC,CAEnD,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ButtonProps, CardComposableProps, EventContext, TextBlockProps } from 'newskit';
|
|
2
|
-
import { RibbonProps } from './styled';
|
|
3
2
|
import { ReactNode } from 'react';
|
|
4
3
|
export interface OfferCardProps extends CardComposableProps {
|
|
5
4
|
id: string;
|
|
@@ -13,9 +12,6 @@ export interface OfferCardProps extends CardComposableProps {
|
|
|
13
12
|
descriptionOverrides?: TextBlockProps;
|
|
14
13
|
offerLabel?: ReactNode;
|
|
15
14
|
offerLabelOverrides?: TextBlockProps;
|
|
16
|
-
ribbonText?: string;
|
|
17
|
-
ribbonTextOverrides?: TextBlockProps;
|
|
18
|
-
ribbonOverrides?: RibbonProps;
|
|
19
15
|
buttonText?: string;
|
|
20
16
|
buttonHref?: string;
|
|
21
17
|
baseUrl?: string;
|
|
@@ -25,7 +25,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
25
25
|
return t;
|
|
26
26
|
};
|
|
27
27
|
import React from 'react';
|
|
28
|
-
import { Block, styled, CardComposable, CardContent, TextBlock, getMediaQueryFromTheme, useInstrumentation,
|
|
28
|
+
import { Block, styled, CardComposable, CardContent, TextBlock, getMediaQueryFromTheme, useInstrumentation, getColorCssFromTheme, Stack, } from 'newskit';
|
|
29
29
|
import Link from 'next/link';
|
|
30
30
|
import { createClickEvent, Image } from '@newskit-render/shared-components';
|
|
31
31
|
import { replaceBaseURL } from '../../../helpers';
|
|
@@ -55,7 +55,7 @@ export var GridListItem = function (_a) {
|
|
|
55
55
|
});
|
|
56
56
|
}
|
|
57
57
|
if (href)
|
|
58
|
-
fireEvent(createClickEvent(
|
|
58
|
+
fireEvent(createClickEvent(__assign({ originator: 'link', text: (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_name) || '' }, eventContext)));
|
|
59
59
|
};
|
|
60
60
|
return (React.createElement(CardComposable, __assign({ overrides: cardOverrides, "data-testid": "list-item" }, props),
|
|
61
61
|
React.createElement(Link, { "data-testid": "list-item-link", legacyBehavior: true, href: replaceBaseURL(baseUrl || '', href) || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
|
|
@@ -63,7 +63,7 @@ export var GridListItem = function (_a) {
|
|
|
63
63
|
React.createElement(StyledHeaderBlockWrapper, __assign({ stackDistribution: "space-between" }, headerOverrides),
|
|
64
64
|
React.createElement(StyledTitleBlockWrapper, null,
|
|
65
65
|
React.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-label" }, labelOverrides), label)),
|
|
66
|
-
image && (React.createElement(Image, __assign({ "data-testid": "list-item-image", src: image, alt: label || '', width: "80", height: "80" }, imageOverrides)))),
|
|
66
|
+
image && (React.createElement(Image, __assign({ "data-testid": "list-item-image", src: image, alt: label || '', width: "80", height: "80", priority: true }, imageOverrides)))),
|
|
67
67
|
React.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-subtitle" }, subtitleOverrides), subtitle)))));
|
|
68
68
|
};
|
|
69
69
|
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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,KAAK,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,SAAS,EACT,sBAAsB,EACtB,kBAAkB,EAClB,
|
|
1
|
+
{"version":3,"file":"GridListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/GridListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ import Link from 'next/link';
|
|
|
29
29
|
import { GridLayout, TextBlock, Stack, StackChild, StructuredListItem, styled, getColorCssFromTheme, GridLayoutItem, StructuredListCell, useInstrumentation, EventTrigger, } from 'newskit';
|
|
30
30
|
import { createClickEvent } from '@newskit-render/shared-components';
|
|
31
31
|
import { ItemSubtitle } from '../ListItemComponents';
|
|
32
|
-
var StyledGridContainer = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n &:hover,\n &:focus,\n &:active {\n ", "\n cursor: ", ";\n }\n"], ["\n ", "\n &:hover,\n &:focus,\n &:active {\n ", "\n cursor: ", ";\n }\n"])), getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
|
|
32
|
+
var StyledGridContainer = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n &:hover,\n &:focus,\n &:active {\n ", "\n cursor: ", ";\n }\n"], ["\n ", "\n\n &:hover,\n &:focus,\n &:active {\n ", "\n cursor: ", ";\n }\n"])), getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
|
|
33
33
|
var isLink = _a.isLink;
|
|
34
34
|
return isLink ? getColorCssFromTheme('backgroundColor', 'interface020') : '';
|
|
35
35
|
}, function (_a) {
|
|
@@ -38,7 +38,7 @@ var StyledGridContainer = styled(GridLayout)(templateObject_1 || (templateObject
|
|
|
38
38
|
});
|
|
39
39
|
export var SectionListItem = function (_a) {
|
|
40
40
|
var _b;
|
|
41
|
-
var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides"]);
|
|
41
|
+
var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides"]);
|
|
42
42
|
var fireEvent = useInstrumentation().fireEvent;
|
|
43
43
|
/* istanbul ignore next */
|
|
44
44
|
var handleLinkClick = function () {
|
|
@@ -50,13 +50,14 @@ export var SectionListItem = function (_a) {
|
|
|
50
50
|
stylePreset: 'inkBase',
|
|
51
51
|
paddingInline: 'space000',
|
|
52
52
|
paddingBlock: 'space000',
|
|
53
|
+
minHeight: 'auto',
|
|
53
54
|
}, onClick: handleLinkClick },
|
|
54
55
|
React.createElement(StructuredListCell, { fullWidthSingleCell: true },
|
|
55
56
|
React.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }, rest),
|
|
56
57
|
React.createElement(GridLayoutItem, __assign({}, itemOverrides),
|
|
57
|
-
React.createElement(Stack, { paddingBlock: "space000", flow: "vertical-stretch", stackDistribution: "center", spaceInline: "space030" },
|
|
58
|
+
React.createElement(Stack, __assign({ paddingBlock: "space000", flow: "vertical-stretch", stackDistribution: "center", spaceInline: "space030" }, stackOverrides),
|
|
58
59
|
React.createElement(StackChild, null,
|
|
59
|
-
React.createElement(Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
|
|
60
|
+
React.createElement(Stack, __assign({ flow: "horizontal-center", stackDistribution: "flex-start" }, titleOverrides),
|
|
60
61
|
titleIcon,
|
|
61
62
|
React.createElement(TextBlock, { typographyPreset: "utilityHeading010" }, title))),
|
|
62
63
|
React.createElement(StackChild, { marginBlockEnd: "space000" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/SectionListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EACL,UAAU,EACV,SAAS,EACT,KAAK,EACL,UAAU,EACV,kBAAkB,EAClB,MAAM,EACN,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,GACb,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,IAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"SectionListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/SectionListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ import { GridLayoutProps } from '../../SharedTypes/GridLayoutProps';
|
|
|
8
8
|
export interface SectionListItemProps {
|
|
9
9
|
title: string;
|
|
10
10
|
titleOverrides?: TextBlockProps;
|
|
11
|
+
stackOverrides?: StackProps;
|
|
11
12
|
ariaLabel?: string;
|
|
12
13
|
titleIcon?: React.ReactElement<NewsKitIconProps> | null;
|
|
13
14
|
subtitle?: string | string[] | React.ReactNode;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CancelSubscriptionProps } from './types';
|
|
2
|
-
export declare const CancelSubscription: ({ primaryButton, secondaryButton, introductionProps, modal: { content, belowItemExtra, ...modalProps }, overrides,
|
|
2
|
+
export declare const CancelSubscription: ({ featureFlags, primaryButton, secondaryButton, introductionProps, modal: { content, belowItemExtra, ...modalProps }, overrides, cpn, subscriptions, }: CancelSubscriptionProps) => JSX.Element;
|
|
@@ -26,35 +26,51 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
26
26
|
};
|
|
27
27
|
import React from 'react';
|
|
28
28
|
import { createClickEvent, Introduction, Modal, } from '@newskit-render/shared-components';
|
|
29
|
-
import { Button, GridLayout, LayerOrganizer, styled, getColorCssFromTheme, StructuredList,
|
|
29
|
+
import { Button, GridLayout, LayerOrganizer, styled, getColorCssFromTheme, StructuredList, useInstrumentation, } from 'newskit';
|
|
30
30
|
import { zIndexModal } from '../LayoutContentContainer';
|
|
31
31
|
import { SectionListItem } from '../../Elements/SectionListItem';
|
|
32
32
|
import { ForwardButton } from '../../Elements/ForwardButton/ForwardButton';
|
|
33
|
-
|
|
34
|
-
var
|
|
33
|
+
import { trackEvent } from '../../../helpers';
|
|
34
|
+
var StyledStructuredList = styled(StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n li {\n border-top: 1px solid;\n ", "\n }\n\n li:last-child {\n border-bottom: ", ";\n ", ";\n }\n\n li:first-child {\n ", "\n }\n"], ["\n li {\n border-top: 1px solid;\n ", "\n }\n\n li:last-child {\n border-bottom: ", ";\n ", ";\n }\n\n li:first-child {\n ", "\n }\n"])), getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
|
|
35
|
+
var featureFlags = _a.featureFlags;
|
|
36
|
+
return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) === 'on'
|
|
37
|
+
? '1px solid'
|
|
38
|
+
: 'none';
|
|
39
|
+
}, getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
|
|
40
|
+
var featureFlags = _a.featureFlags;
|
|
41
|
+
return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) === 'on'
|
|
42
|
+
? ''
|
|
43
|
+
: 'border-top: none';
|
|
44
|
+
});
|
|
35
45
|
export var CancelSubscription = function (_a) {
|
|
36
46
|
var _b, _c;
|
|
37
|
-
var primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, introductionProps = _a.introductionProps, _d = _a.modal, content = _d.content, belowItemExtra = _d.belowItemExtra, modalProps = __rest(_d, ["content", "belowItemExtra"]), overrides = _a.overrides,
|
|
47
|
+
var featureFlags = _a.featureFlags, primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, introductionProps = _a.introductionProps, _d = _a.modal, content = _d.content, belowItemExtra = _d.belowItemExtra, modalProps = __rest(_d, ["content", "belowItemExtra"]), overrides = _a.overrides, cpn = _a.cpn, subscriptions = _a.subscriptions;
|
|
38
48
|
var fireEvent = useInstrumentation().fireEvent;
|
|
39
49
|
var _e = React.useState(false), modalOpen = _e[0], setModalOpen = _e[1];
|
|
40
50
|
var onDismissModal = function () {
|
|
41
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
42
|
-
fireEvent(createClickEvent((_c = (_b = (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _a === void 0 ? void 0 : _a.eventContext) === null || _b === void 0 ? void 0 : _b.originator) !== null && _c !== void 0 ? _c : '', (_g = (_f = (_e = (_d = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _d === void 0 ? void 0 : _d.eventContext) === null || _e === void 0 ? void 0 : _e.context) === null || _f === void 0 ? void 0 : _f.event_navigation_name) !== null && _g !== void 0 ? _g : '',
|
|
51
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
52
|
+
fireEvent(createClickEvent(__assign({ originator: (_c = (_b = (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _a === void 0 ? void 0 : _a.eventContext) === null || _b === void 0 ? void 0 : _b.originator) !== null && _c !== void 0 ? _c : 'modal', text: (_g = (_f = (_e = (_d = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _d === void 0 ? void 0 : _d.eventContext) === null || _e === void 0 ? void 0 : _e.context) === null || _f === void 0 ? void 0 : _f.event_navigation_name) !== null && _g !== void 0 ? _g : '', page_name: (_k = (_j = (_h = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _h === void 0 ? void 0 : _h.eventContext) === null || _j === void 0 ? void 0 : _j.context) === null || _k === void 0 ? void 0 : _k.page_name }, (_m = (_l = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _l === void 0 ? void 0 : _l.eventContext) === null || _m === void 0 ? void 0 : _m.context)));
|
|
43
53
|
setModalOpen(false);
|
|
44
54
|
};
|
|
45
|
-
return (React.createElement(
|
|
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: (_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 }),
|
|
55
|
+
return (React.createElement(GridLayout, { "data-testid": "cancel-subscription-container", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.container), columnGap: { md: 'space030' }, alignItems: { xs: 'center', md: 'start' }, justifyContent: { xs: 'center', md: 'start' } },
|
|
56
|
+
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 }),
|
|
47
57
|
(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)),
|
|
48
58
|
React.createElement(ForwardButton, { label: "or", paddingBlock: 'space060', buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, overrides === null || overrides === void 0 ? void 0 : overrides.secondaryButton), onClick: function () {
|
|
59
|
+
trackEvent({
|
|
60
|
+
eventName: 'cancellation_modal_open',
|
|
61
|
+
cpn: cpn || '',
|
|
62
|
+
subscriptions: subscriptions || [],
|
|
63
|
+
tags: {},
|
|
64
|
+
});
|
|
49
65
|
setModalOpen(true);
|
|
50
|
-
}, 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 } }),
|
|
66
|
+
}, 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 }, userTrackingData: { cpn: cpn, subscriptions: subscriptions } }),
|
|
51
67
|
React.createElement(LayerOrganizer, { zIndex: zIndexModal },
|
|
52
68
|
React.createElement(Modal, __assign({ open: modalOpen, onDismiss: onDismissModal }, modalProps, { "data-testid": "cancel-subscription-modal" }),
|
|
53
|
-
(content === null || content === void 0 ? void 0 : content.items) && (React.createElement(
|
|
69
|
+
(content === null || content === void 0 ? void 0 : content.items) && (React.createElement(StyledStructuredList, { featureFlags: featureFlags }, content === null || content === void 0 ? void 0 : content.items.map(function (_a) {
|
|
54
70
|
var href = _a.href, props = __rest(_a, ["href"]);
|
|
55
|
-
return (React.createElement(
|
|
71
|
+
return (React.createElement(SectionListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
|
|
56
72
|
}))),
|
|
57
|
-
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 })))));
|
|
73
|
+
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, subscriptions: subscriptions } })))));
|
|
58
74
|
};
|
|
59
|
-
var templateObject_1
|
|
75
|
+
var templateObject_1;
|
|
60
76
|
//# 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,
|
|
1
|
+
{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,10 +2,13 @@ import { ContentContainerProps, EventContext, IntroductionProps, ModalProps, Tea
|
|
|
2
2
|
import { SectionListItemProps } from '../../Elements/SectionListItem';
|
|
3
3
|
import { GridLayoutProps } from '../../SharedTypes/GridLayoutProps';
|
|
4
4
|
import { BelowItemExtraProps } from 'context/types';
|
|
5
|
+
import { DetailedFlags } from '@newskit-render/feature-flags';
|
|
6
|
+
import { Subscriptions } from '../../../pages/types';
|
|
5
7
|
export interface CancelSubscriptionProps extends Omit<ContentContainerProps, 'items'> {
|
|
8
|
+
featureFlags?: DetailedFlags;
|
|
6
9
|
id?: string;
|
|
7
10
|
cpn?: string;
|
|
8
|
-
|
|
11
|
+
subscriptions?: Subscriptions[];
|
|
9
12
|
primaryButton?: {
|
|
10
13
|
text: string;
|
|
11
14
|
href?: string;
|
package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js
CHANGED
|
@@ -28,7 +28,7 @@ export var CancelSubscriptionDowngrade = function (_a) {
|
|
|
28
28
|
React.createElement(Header, __assign({}, header)),
|
|
29
29
|
React.createElement("figure", null,
|
|
30
30
|
React.createElement(StyledImage, __assign({ alt: "cancel-hero" }, heroImage)))),
|
|
31
|
-
React.createElement(GridLayout, { justifyContent: "center", overrides: { marginBlockStart: { xs: '
|
|
31
|
+
React.createElement(GridLayout, { justifyContent: "center", overrides: { marginBlockStart: { xs: 'space120', md: 'space000' } } }, offers.map(function (offer) { return (React.createElement(OfferCard, __assign({}, offer, { key: offer.id }))); })),
|
|
32
32
|
continueButton && (React.createElement(GridLayoutItem, { column: "1 / -1", justifySelf: 'center' },
|
|
33
33
|
React.createElement(ForwardButton, __assign({}, continueButton, { onClick: onNextStep }))))));
|
|
34
34
|
};
|
|
@@ -125,9 +125,10 @@ export var CancellationDetails = function (_a) {
|
|
|
125
125
|
subscriptionTitle && (React.createElement(TextBlock, __assign({ typographyPreset: {
|
|
126
126
|
xs: 'utilityHeading010',
|
|
127
127
|
md: 'utilityHeading020',
|
|
128
|
-
} }, subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.titleOverrides), subscriptionTitle)),
|
|
128
|
+
} }, subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.titleOverrides, { marginBlock: "space010" }), subscriptionTitle)),
|
|
129
129
|
React.createElement(Divider, __assign({ overrides: {
|
|
130
130
|
marginBlock: 'space030',
|
|
131
|
+
marginBlockStart: 'space040',
|
|
131
132
|
} }, dividerOverrides)),
|
|
132
133
|
React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody020", stylePreset: "inkSubtle" }, subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.descriptionOverrides),
|
|
133
134
|
subscriptionEndMessage, subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 :
|